.flex-row {
      display: flex;
      flex-direction: row;
    }

    .flex-col {
      display: flex;
      flex-direction: column;
    }

    .justify-start {
      justify-content: flex-start;
    }

    .justify-end {
      justify-content: flex-end;
    }

    .justify-center {
      justify-content: center;
    }

    .justify-between {
      justify-content: space-between;
    }

    .justify-around {
      justify-content: space-around;
    }

    .justify-evenly {
      justify-content: space-evenly;
    }

    .items-start {
      align-items: flex-start;
    }

    .items-end {
      align-items: flex-end;
    }

    .items-center {
      align-items: center;
    }

    .items-baseline {
      align-items: baseline;
    }

    .items-stretch {
      align-items: stretch;
    }

    .self-start {
      align-self: flex-start;
    }

    .self-end {
      align-self: flex-end;
    }

    .self-center {
      align-self: center;
    }

    .self-baseline {
      align-self: baseline;
    }

    .self-stretch {
      align-self: stretch;
    }

    .flex-1 {
      flex: 1 1 0%;
    }

    .flex-auto {
      flex: 1 1 auto;
    }

    .grow {
      flex-grow: 1;
    }

    .grow-0 {
      flex-grow: 0;
    }

    .shrink {
      flex-shrink: 1;
    }

    .shrink-0 {
      flex-shrink: 0;
    }

    .relative {
      position: relative;
    }

    .page {
      padding-top: 90px;
      background-color: #ffffff;
      height: 100%;
      width: 100%;
      overflow-y: auto;
      overflow-x: hidden;
    }
    .section {
      padding: 134px 356px 156px;
      background-image: url('../images/sbanner1.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }
    .space-y-56 > *:not(:first-child) {
      margin-top: 56px;
    }
    .space-y-20 > *:not(:first-child) {
      margin-top: 20px;
    }
    .text {
      color: #ffffff;
      font-size: 28px;
      font-family: SourceHanSansCN;
      font-weight: 700;
      line-height: 26.5px;
    }
    .group {
      margin-left: 4px;
      width: 307px;
    }
    .font_1 {
      font-size: 14px;
      font-family: SourceHanSansCN;
      line-height: 17px;
      color: #ffffff;
    }
    .text-wrapper {
      margin-left: 4px;
      padding: 16px 0;
      border-radius: 24px;
      width: 121px;
      border: solid 1px #ffffff;
    }
    .font_2 {
      font-size: 16px;
      font-family: SourceHanSansCN;
      line-height: 15px;
    }
    .text_2 {
      color: #ffffff;
    }
    .line-tabs {
      margin-top: 0px;
    }
    .group_2 {
      padding: 14px 360px;
    }
    .text-wrapper_2 {
      padding: 16px 0;
      background-color: #0000000d;
      border-radius: 6px;
      height: 48px;
    }
    .font_3 {
      font-size: 18px;
      font-family: SourceHanSansCN;
      line-height: 17px;
      color: #ffffff;
    }
    .text_3 {
      margin-left: 8px;
      margin-right: 6px;
    }
    .text-wrapper_3 {
      padding: 16px 0;
      background-color: #0000000d;
      border-radius: 6px;
      width: 160px;
      height: 48px;
    }
    .text_4 {
      line-height: 15.5px;
    }
    .group_3 {
      width: 161px;
    }
    .section_2 {
      opacity: 0.05;
      background-color: #000000;
      border-radius: 6px;
      height: 49px;
      border: solid 1px #ffc300;
    }
    .text_5 {
      line-height: 16.5px;
    }
    .pos {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    .pos_2 {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    .pos_3 {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    .pos_4 {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
    .group_4 {
      padding-bottom: 3720px;
    }
    .section_3 {
      background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648c03895a7e3f0310f0ece5/648c056a54fe00001169948b/16868980611042960256.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
      height: 617px;
    }
    .group_5 {
      padding: 64px 0;
    }
    .space-y-72 > *:not(:first-child) {
      margin-top: 72px;
    }
    .font_4 {
      font-size: 24px;
      font-family: SourceHanSansCN;
      line-height: 22.5px;
      color: #000000;
    }
    .font_5 {
      font-size: 14px;
      font-family: SourceHanSansCN;
      line-height: 17px;
      color: #000000;
    }
    .group_6 {
      padding-bottom: 2%;
    }
    .equal-division {
      width: 712px;
    }
    .group_7 {
      margin-top: 86px;
    }
    .group_8 {
      margin-left: 538px;
    }
    .space-y-4 > *:not(:first-child) {
      margin-top: 4px;
    }
    .font_6 {
      font-size: 14px;
      font-family: SourceHanSansCN;
      line-height: 13px;
      color: #000000;
    }
    .text_6 {
      margin-right: 532px;
    }
    .section_4 {
      margin-top: 180px;
      padding: 88px 364px 74px;
      background-image: linear-gradient(180deg, #fff7eb 0%, #ffffff 100%);
    }
    .space-y-86 > *:not(:first-child) {
      margin-top: 86px;
    }
    .space-y-18 > *:not(:first-child) {
      margin-top: 18px;
    }
    .space-x-8 > *:not(:first-child) {
      margin-left: 8px;
    }
    .equal-division-item {
      padding: 38px 30px 30px;
      flex: 1 1 392px;
      background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648c03895a7e3f0310f0ece5/648c056a54fe00001169948b/16868980620649838373.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
      height: 212px;
    }
    .font_7 {
      font-size: 14px;
      font-family: SourceHanSansCN;
      line-height: 20px;
      color: #383838;
     
    }
    .equal-division-item_2 {
      padding: 38px 30px 90px;
      flex: 1 1 392px;
      background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648c03895a7e3f0310f0ece5/648c056a54fe00001169948b/16868980620710180840.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
      height: 212px;
    }
    .equal-division-item_3 {
      padding: 38px 30px 90px;
      flex: 1 1 392px;
      background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648c03895a7e3f0310f0ece5/648c056a54fe00001169948b/16868980621654806067.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
      height: 212px;
    }
    .equal-division-item_4 {
      padding: 38px 30px 90px;
      flex: 1 1 392px;
      background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648c03895a7e3f0310f0ece5/648c056a54fe00001169948b/16868980621682785458.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
      width: 392px;
      height: 212px;
    }
    .equal-division-item_5 {
      padding: 38px 30px 70px;
      flex: 1 1 392px;
      background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648c03895a7e3f0310f0ece5/648c056a54fe00001169948b/16868980621748944604.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
      width: 392px;
      height: 212px;
    }
    .space-y-24 > *:not(:first-child) {
      margin-top: 24px;
    }
    .text_7 {
      margin-top: 72px;
    }
    .equal-division_2 {
      margin-top: 84px;
    }
    .equal-division-item_6 {
      flex: 1 1 345.5px;
      padding: 10px 0;
      width: 346px;
    }
    .text-wrapper_4 {
      padding: 60px 0;
      background-color: #ffffff;
      border-radius: 50%;
      width: 145px;
      border: dotted 2px #f49f1a;
    }
    .font_8 {
      font-size: 24px;
      font-family: SourceHanSansCN;
      line-height: 22.5px;
      color: #f49f1a;
    }
    .text_8 {
      line-height: 22px;
    }
    .font_9 {
      font-size: 16px;
      font-family: SourceHanSansCN;
      line-height: 19px;
      color: #383838;
    }
    .text_9 {
      margin-top: 30px;
    }
    .text_10 {
      margin-top: 4px;
    }
    .group_9 {
      margin-top: 186px;
    }
    .space-y-16 > *:not(:first-child) {
      margin-top: 16px;
    }
    .pos_5 {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0; 
    }
    .group_10 {
      height: 1334px;
    }
    .section_5 {
      padding: 100px 296px 86px;
      background-image: linear-gradient(180deg, #fff7eb 0%, #ffffff 100%);
    }
    .space-y-70 > *:not(:first-child) {
      margin-top: 70px;
    }
    .space-y-26 > *:not(:first-child) {
      margin-top: 26px;
    }
    .text_11 {
      color: #808080;
    }
    .space-y-10 > *:not(:first-child) {
      margin-top: 10px;
    }
    .equal-division-item_7 {
      flex: 1 1 265px;
      padding: 12px 0;
    }
    .image {
      width: 96px;
      height: 96px;
    }
    .equal-division-item_8 {
      flex: 1 1 265px;
      padding: 12px 0;
      width: 265px;
    }
    .space-y-22 > *:not(:first-child) {
      margin-top: 22px;
    }
    .section_6 {
      margin-top: -14px;
      padding: 80px 0 105px;
      background-color: #ffffff;
    }
    .space-y-64 > *:not(:first-child) {
      margin-top: 64px;
    }
    .image_2 {
      width: 958px;
      height: 439px;
    }
    .group_11 {
      margin-top: 72px;
    }
    .space-y-28 > *:not(:first-child) {
      margin-top: 28px;
    }
    .group_12 {
      padding: 0 360px;
    }
    .group_13 {
      padding-bottom: 13px;
    }
    .group_14 {
      margin-left: 283px;
    }
    .image_3 {
      width: 19px;
      height: 19px;
    }
    .text_12 {
      color: #ffc300;
    }
    .group_15 {
      margin-left: 78px;
    }
    .space-x-54 > *:not(:first-child) {
      margin-left: 54px;
    }
    .image_5 {
      width: 18px;
      height: 18px;
      margin: 0 auto;
      text-align:center;
    }
    .font_10 {
      font-size: 14px;
      font-family: SourceHanSansCN;
      line-height: 13px;
      color: #808080;
    }
    .group_16 {
      margin-left: 66px;
    }
    .space-x-6 > *:not(:first-child) {
      margin-left: 6px;
    }
    .image_4 {
      width: 22px;
      height: 22px;
    }
    .divider {
      background-image: linear-gradient(90deg, #cccccc00 0%, #bdbdbd 29.2%, #c5c5c5 73.6%, #cccccc00 100%);
      height: 1px;
    }
    .section_7 {
      margin-left: 273px;
      background-color: #ffc300;
      width: 100px;
      height: 3px;
    }
    .equal-division_3 {
      margin: 38px 92px 0 88px;
    }
    .equal-division-item_9 {
      flex: 1 1 340px;
      padding: 20px 44px 14px 58px;
    }
    .space-y-14 > *:not(:first-child) {
      margin-top: 14px;
    }
    .space-x-10 > *:not(:first-child) {
      margin-left: 10px;
    }
    .section_8 {
      background-color: #ffc300;
      width: 2px;
      height: 12px;
    }
    .space-y-106 > *:not(:first-child) {
      margin-top: 106px;
    }
    .image_6 {
      
      height: 358px;
    }
    .section_9 {
      padding: 160px 0 118px;
      background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/648c03895a7e3f0310f0ece5/648c056a54fe00001169948b/16868980620608003031.png');
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }
    .space-y-54 > *:not(:first-child) {
      margin-top: 54px;
    }
    .text_13 {
      color: #ffffff;
      font-size: 20px;
      font-family: SourceHanSansCN;
      line-height: 19.5px;
    }
    .space-x-46 > *:not(:first-child) {
      margin-left: 46px;
    }
    .text-wrapper_5 {
      padding: 16px 0;
      width: 158px;
      height: 46px;
      border: solid 1px #ffffff;
    }
    .font_11 {
      font-size: 14px;
      font-family: SourceHanSansCN;
      line-height: 13px;
      color: #ffffff;
    }
    .flexbox {
      display: flex;
      align-items: center;

    }
    .font_6 :target{
      display: block;
    }
    .flex-row :target{
      display: block;
      position: relative;
    }

    .cer{
      margin: auto;
      vertical-align:middle;
      width: 800px;
      height: 128px;
      text-align: top;


    }
    .font_12 { text-align:left; font-size:20px;}