.page {
    background-color: #f9f9f9;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
  .group_5 {
    overflow-y: auto;
  }
  .section_2 {
    padding: 14px 12px 14px 16px;
    background-color: #ffffff;
    overflow: hidden;
  }
  .image-wrapper {
    width: 65px;
  }
  .image_6 {
    width: 65px;
    height: 28px;
  }
  .text-wrapper {
    margin-left: 87px;
    align-self: center;
  }
  .font_2 {
    font-size: 16px;
    font-family: PingFang SC;
    line-height: 15px;
    color: #383b46;
    font-weight: 700;
  }
  .view_2 {
    margin: 4px 0 4px 80px;
  }
  .image_7 {
    width: 20px;
    height: 20px;
  }
  .section_3 {
    padding: 85px 0 84px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .text_6 {
    color: #ffffff;
    font-size: 24px;
    font-family: PingFang SC;
    line-height: 22.5px;
  }
  .text_7 {
    color: #ffffff;
  }
  .list-item {
    padding-left: 16px;
    padding-top: 24px;
    overflow: hidden;
  }
  .group_8 {
    margin-right: 16px;
    padding-top: 4px;
    overflow: hidden;
    /* height: 84px; */
  }
  .space-y-17 > *:not(:first-child) {
    margin-top: 17px;
  }
  .font_3 {
    font-size: 20px;
    font-family: PingFang SC;
    line-height: 19px;
    color: #383b46;
    font-weight: bold;
  }
  .text_8 {
    align-self: flex-start;
  }
  .font_4 {
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 22px;
    color: #4c4f59;
    font-weight: 600;
  }
  .text_9 {
    color: #383b46;
  }
  .group_9 {
    padding: 32px 0 24px;
  }
  .space-x-16 > *:not(:first-child) {
    margin-left: 13px;
  }
  .section_4 {
    flex: 1 1 auto;
    padding: 16px 16px;
    background-color: #ffffff;
    border-radius: 16px;
    filter: drop-shadow(0px 4px 9.5px #0000000d);
    height: 570px;
    /* margin-right: 16px; */
  }
  .section_5 {
    background-color: #f2f6ff;
    border-radius: 16px;
    overflow: hidden;
    background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6371bbbe5a7e3f031023cabf/6371bbcefe65f70012e9def7/16691964954386599055.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 187px;
  }
  .text_10 {
    margin-left: 2px;
    align-self: flex-start;
  }
  .group_12 {
    position: relative;
  }
  .font_5 {
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 13px;
    color: #4c4f59;
    font-weight: 600;
  }
  .text_11 {
    position: absolute;
    left: 0.5px;
    top: 50%;
    transform: translateY(-50%);
  }
  .text_13 {
    position: absolute;
    right: 5.5px;
    top: 50%;
    transform: translateY(-50%);
  }
  .group_13 {
    margin-top: 10px;
  }
  .font_6 {
    font-size: 12px;
    font-family: PingFang SC;
    line-height: 11px;
    color: #888990;
  }
  .group_14 {
    margin-right: 36px;
  }
  .space-x-30 > *:not(:first-child) {
    margin-left: 30px;
  }
  .group_15 {
    margin-top: 16px;
  }
  .text-wrapper_2 {
    padding: 8px 0;
    background-color: #f2f6ff;
    border-radius: 4px;
    height: 28px;
  }
  .font_7 {
    font-size: 12px;
    font-family: PingFang SC;
    line-height: 11px;
    color: #2f54eb;
  }
  .text_17 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .font_8 {
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 11px;
    color: #60626b;
  }
  .text_19 {
    align-self: center;
    line-height: 10.5px;
  }
  .group_16 {
    margin-top: 8px;
  }
  .text-wrapper_3 {
    padding: 8px 0 9px;
    background-color: #f2f6ff;
    border-radius: 4px;
    height: 28px;
  }
  .text_21 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_22 {
    align-self: center;
    line-height: 10.5px;
  }
  .group_17 {
    margin-top: 8px;
  }
  .space-x-10 > *:not(:first-child) {
    margin-left: 10px;
  }
  .space-x-11 > *:not(:first-child) {
    margin-left: 11px;
  }
  .text_23 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_24 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_25 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_26 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_27 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_28 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_29 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_30 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_31 {
    align-self: center;
    line-height: 10.5px;
  }
  .section_6 {
    /* margin-right: -200px; */
    padding: 16px 16px 16px 16px;
    flex-shrink: 0;
    background-color: #ffffff;
    border-radius: 16px;
    filter: drop-shadow(0px 4px 9.5px #0000000d);
    /* width: 236px; */
    height: 570px;
  }
  .space-y-25 > *:not(:first-child) {
    margin-top: 25px;
  }
  .space-y-21 > *:not(:first-child) {
    margin-top: 21px;
  }
  .section_7 {
    background-color: #f2f6ff;
    border-radius: 16px;
    overflow: hidden;
    background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6371bbbe5a7e3f031023cabf/6371bbcefe65f70012e9def7/16691964954386599055.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 187px;
  }
  .text_33 {
    align-self: flex-start;
  }
  .text_34 {
    margin-top: 10px;
    align-self: flex-start;
  }
  .group_24 {
    margin-top: 20px;
    padding-top: 17px;
    border-top: solid 1px #f5f5f5;
  }
  .text-wrapper_4 {
    padding: 8px 0;
    background-color: #f2f6ff;
    border-radius: 4px;
  }
  .text_35 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text-wrapper_5 {
    padding: 8px 0 9px;
    background-color: #f2f6ff;
    border-radius: 4px;
  }
  .text_36 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_37 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_38 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_39 {
    margin-left: 5px;
    margin-right: 3px;
  }
  .list-item_2 {
    padding: 28px 0 24px 16px;
    overflow: hidden;
  }
  .text_40 {
    align-self: flex-start;
  }
  .section_8 {
    flex: 1 1 auto;
    padding: 16px 0;
    background-color: #ffffff;
    border-radius: 16px;
    filter: drop-shadow(0px 4px 9.5px #0000000d);
    height: 570px;
  }
  .view_23 {
    margin: 0 16px;
  }
  .text_41 {
    margin-left: 18px;
    margin-top: 20px;
    align-self: flex-start;
  }
  .equal-division {
    margin-top: 20px;
    align-self: flex-start;
    padding: 0 16px;
    width: 216px;
  }
  .group_1 {
    padding: 5px 0;
  }
  .group_25 {
    padding: 5px 0 6px;
    width: 66px;
  }
  .space-y-10 > *:not(:first-child) {
    margin-top: 10px;
  }
  .divider_2 {
    background-color: #ebebec;
    height: 1px;
  }
  .divider {
    margin-top: 20px;
  }
  .view_7 {
    background-color: #f5f5f5;
    height: 1px;
  }
  .view_24 {
    margin: 16px 16px 0;
  }
  .group_30 {
    padding: 0 16px;
  }
  .view_25 {
    margin-top: 16px;
  }
  .text_46 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_47 {
    align-self: center;
    line-height: 10.5px;
  }
  .view_27 {
    margin-top: 8px;
  }
  .text_48 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_49 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_50 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_51 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_52 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_53 {
    align-self: center;
    line-height: 10.5px;
  }
  .view_31 {
    margin-top: 8px;
  }
  .text_54 {
    margin-left: 5px;
    margin-right: 2px;
  }
  .text_55 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_56 {
    margin-left: 5px;
    margin-right: 3px;
  }
  .text_57 {
    align-self: center;
    line-height: 10.5px;
  }
  .section_9 {
    /* margin-right: -110px; */
    flex-shrink: 0;
    padding: 16px 0 16px 16px;
    background-color: #ffffff;
    border-radius: 16px;
    filter: drop-shadow(0px 4px 9.5px #0000000d);
    width: 322px;
    height: 570px;
  }
  .text_58 {
    margin-left: 2px;
  }
  .text_59 {
    align-self: flex-start;
  }
  .text_60 {
    margin-top: 10px;
    align-self: flex-start;
  }
  .group_39 {
    margin-top: 20px;
    padding-top: 17px;
    border-top: solid 1px #ebebec;
  }
  .text_62 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_64 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_66 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_68 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_70 {
    margin-left: 5px;
    margin-right: 2px;
  }
  .text_71 {
    margin-left: 5px;
    margin-right: 3px;
  }
  .text_72 {
    align-self: flex-start;
  }
  .text_73 {
    align-self: flex-start;
  }
  .text_76 {
    margin-right: 16px;
  }
  .group_46 {
    margin-right: 54px;
  }
  .space-x-32 > *:not(:first-child) {
    margin-left: 32px;
  }
  .space-x-12 > *:not(:first-child) {
    margin-left: 12px;
  }
  .text_82 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_83 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_84 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_85 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_86 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_87 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_88 {
    margin-left: 5px;
    margin-right: 3px;
  }
  .text_89 {
    align-self: center;
    line-height: 12.5px;
  }
  .section_10 {
    /* margin-right: -110px; */
    padding: 16px 0 16px 16px;
    flex-shrink: 0;
    background-color: #ffffff;
    border-radius: 16px;
    filter: drop-shadow(0px 4px 9.5px #0000000d);
    /* width: 145.5px; */
    height: 580px;
  }
  .space-y-24 > *:not(:first-child) {
    margin-top: 24px;
  }
  .text_91 {
    align-self: flex-start;
  }
  .text_97 {
    margin-left: 5px;
    margin-right: 3px;
  }
  .list-item_3 {
    padding: 28px 0 33px 16px;
    overflow: hidden;
  }
  .space-y-41 > *:not(:first-child) {
    margin-top: 41px;
  }
  .text_98 {
    align-self: flex-start;
  }
  .view_63 {
    margin: 0 16px;
  }
  .text_99 {
    margin-left: 17px;
    margin-top: 21px;
    align-self: flex-start;
  }
  .view_66 {
    margin: 16px 16px 0;
  }
  .view_68 {
    margin-top: 16px;
  }
  .space-x-9 > *:not(:first-child) {
    margin-left: 9px;
  }
  .text_105 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_107 {
    align-self: center;
    line-height: 10.5px;
  }
  .view_71 {
    margin-top: 8px;
  }
  .text_109 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_111 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_113 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_115 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_117 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_119 {
    align-self: center;
    line-height: 10.5px;
  }
  .view_76 {
    margin-top: 8px;
  }
  .text_121 {
    margin-left: 5px;
    margin-right: 2px;
  }
  .text_123 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_125 {
    margin-left: 5px;
    margin-right: 3px;
  }
  .text_127 {
    align-self: center;
    line-height: 10.5px;
  }
  .text_129 {
    margin-left: 2px;
  }
  .text_131 {
    align-self: flex-start;
  }
  .text_132 {
    margin-top: 10px;
    align-self: flex-start;
  }
  .text_134 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_136 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_138 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_140 {
    margin-left: 4px;
    margin-right: 2px;
  }
  .text_142 {
    margin-left: 5px;
    margin-right: 2px;
  }
  .text_144 {
    margin-left: 5px;
    margin-right: 3px;
  }
  .text_146 {
    align-self: flex-start;
  }
  .text_165 {
    align-self: flex-start;
  }
  .text_173 {
    align-self: flex-start;
  }
  .section_11 {
    padding: 16px 16px 0;
    flex: 1 1 auto;
    background-color: #ffffff;
    border-radius: 16px;
    filter: drop-shadow(0px 4px 9.5px #0000000d);
    height: 590px;
  }
  .text_174 {
    margin-left: 1px;
    margin-top: 21px;
    align-self: flex-start;
  }
  .group_80 {
    margin-top: 20px;
  }
  .text_177 {
    margin-top: 12px;
    align-self: flex-start;
  }
  .group_81 {
    margin-top: 20px;
    padding: 17px 4px 15px;
    border-top: solid 1px #ebebec;
  }
  .space-x-7 > *:not(:first-child) {
    margin-left: 7px;
  }
  .group_82 {
    margin-top: 6px;
    flex-shrink: 0;
  }
  .font_14 {
    font-size: 12px;
    font-family: PingFang SC;
    line-height: 9px;
    color: #4ebb6e;
  }
  .text_1 {
    line-height: 8.5px;
  }
  .text_179 {
    margin-top: 39px;
  }
  .text_180 {
    margin-top: 59px;
  }
  .group_83 {
    flex: 1 1 auto;
  }
  .font_11 {
    font-size: 12px;
    font-family: PingFang SC;
    line-height: 19px;
    color: #60626b;
  }
  .text_181 {
    line-height: 20px;
  }
  .text_182 {
    line-height: 20px;
  }
  .text_183 {
    align-self: flex-start;
    line-height: 20px;
    width: 229px;
  }
  .section_12 {
    margin-right: -262px;
    padding: 16px 0 42px 16px;
    flex-shrink: 0;
    background-color: #ffffff;
    border-radius: 16px;
    filter: drop-shadow(0px 4px 9.5px #0000000d);
    width: 322px;
    height: 590px;
  }
  .text_184 {
    margin-left: 1px;
    margin-top: 21px;
    align-self: flex-start;
  }
  .group_85 {
    margin-top: 20px;
  }
  .space-y-8 > *:not(:first-child) {
    margin-top: 8px;
  }
  .text_187 {
    margin-top: 12px;
    align-self: flex-start;
  }
  .view_113 {
    margin-top: 20px;
  }
  .text_188 {
    margin-left: 4px;
    margin-top: 22px;
    align-self: flex-start;
    line-height: 8.5px;
  }
  .text_189 {
    margin-left: 4px;
    margin-top: 39px;
    align-self: flex-start;
  }
  .text_190 {
    margin-left: 4px;
    margin-top: 59px;
    align-self: flex-start;
  }
  .button {
    background-color: #3d9f5a;
    overflow: hidden;
    height: 60px;
  }
  .section_13 {
    background-image: linear-gradient(229.7deg, #47b066a6 12.9%, #47b06600 65.3%);
    border-radius: 50%;
    width: 87px;
    height: 87px;
  }
  .view_114 {
    margin-left: -28px;
    margin-top: 6px;
    flex-shrink: 0;
  }
  .view_115 {
    margin: -41px -27px -45px 8px;
    flex: 1 0 auto;
  }
  .view_116 {
    margin-right: 18px;
  }
  .section_14 {
    margin-top: 29px;
    background-image: linear-gradient(232.5deg, #47b066 19.6%, #47b06600 95%);
    border-radius: 50%;
    width: 117px;
    height: 117px;
  }
  .text_191 {
    color: #f7fcf8;
    line-height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .section_15 {
    padding: 29px 0 26px;
    background-color: #17181a;
    overflow: hidden;
  }
  .text_192 {
    align-self: center;
    color: #ffffff;
    font-size: 18px;
    font-family: PingFang SC;
    line-height: 17px;
  }
  .group_86 {
    margin-top: 46px;
    padding-left: 40px;
    padding-right: 34px;
  }
  .space-y-26 > *:not(:first-child) {
    margin-top: 26px;
  }
  .image_8 {
    width: 24px;
    height: 24px;
  }
  .font_12 {
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 13px;
    color: #ebebec;
  }
  .text_193 {
    align-self: center;
  }
  .text_194 {
    align-self: flex-end;
    
  }
  .text_195 {
    margin: 6px 0 4px 12px;
    line-height: 14.5px;
  }
  .text_196 {
    align-self: center;
  }
  .text_197 {
    margin-left: 38px;
    align-self: flex-start;
  }
  .divider_3 {
    margin: 36px 16px 0;
    flex-shrink: 0;
    background-color: #222427;
    height: 1px;
  }
  .equal-division_2 {
    margin-top: 31px;
    padding: 0 18px;
  }
  .group_84 {
    padding: 5px 0 9px;
    flex: 1 1 176.5px;
  }
  .font_13 {
    font-size: 14px;
    font-family: PingFang SC;
    line-height: 13px;
    color: #ffffff;
  }
  .image_1 {
    width: 100px;
    height: 100px;
  }
  .view_124 {
    flex: 1 1 176.5px;
  }
  .space-y-20 > *:not(:first-child) {
    margin-top: 20px;
  }
  .image_4 {
    width: 107px;
    height: 104px;
  }