html {
  font-size: 16px
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Microsoft Yahei, sans-serif
}

body * {
  box-sizing: border-box;
  flex-shrink: 0
}

#app {
  width: 100vw;
  height: 100vh
}

.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
}

.ml-2 {
  margin-left: .1563vw
}

.mt-2 {
  margin-top: .1563vw
}

.ml-4 {
  margin-left: .3125vw
}

.mt-4 {
  margin-top: .3125vw
}

.ml-6 {
  margin-left: .4688vw
}

.mt-6 {
  margin-top: .4688vw
}

.ml-8 {
  margin-left: .625vw
}

.mt-8 {
  margin-top: .625vw
}

.ml-10 {
  margin-left: .7813vw
}

.mt-10 {
  margin-top: .7813vw
}

.ml-12 {
  margin-left: .9375vw
}

.mt-12 {
  margin-top: .9375vw
}

.ml-14 {
  margin-left: 1.0938vw
}

.mt-14 {
  margin-top: 1.0938vw
}

.ml-16 {
  margin-left: 1.25vw
}

.mt-16 {
  margin-top: 1.25vw
}

.ml-18 {
  margin-left: 1.4063vw
}

.mt-18 {
  margin-top: 1.4063vw
}

.ml-20 {
  margin-left: 1.5625vw
}

.mt-20 {
  margin-top: 1.5625vw
}

.ml-22 {
  margin-left: 1.7188vw
}

.mt-22 {
  margin-top: 1.7188vw
}

.ml-24 {
  margin-left: 1.875vw
}

.mt-24 {
  margin-top: 1.875vw
}

.ml-26 {
  margin-left: 2.0313vw
}

.mt-26 {
  margin-top: 2.0313vw
}

.ml-28 {
  margin-left: 2.1875vw
}

.mt-28 {
  margin-top: 2.1875vw
}

.ml-30 {
  margin-left: 2.3438vw
}

.mt-30 {
  margin-top: 2.3438vw
}

.ml-32 {
  margin-left: 2.5vw
}

.mt-32 {
  margin-top: 2.5vw
}

.ml-34 {
  margin-left: 2.6563vw
}

.mt-34 {
  margin-top: 2.6563vw
}

.ml-36 {
  margin-left: 2.8125vw
}

.mt-36 {
  margin-top: 2.8125vw
}

.ml-38 {
  margin-left: 2.9688vw
}

.mt-38 {
  margin-top: 2.9688vw
}

.ml-40 {
  margin-left: 3.125vw
}

.mt-40 {
  margin-top: 3.125vw
}

.ml-42 {
  margin-left: 3.2813vw
}

.mt-42 {
  margin-top: 3.2813vw
}

.ml-44 {
  margin-left: 3.4375vw
}

.mt-44 {
  margin-top: 3.4375vw
}

.ml-46 {
  margin-left: 3.5937vw
}

.mt-46 {
  margin-top: 3.5937vw
}

.ml-48 {
  margin-left: 3.75vw
}

.mt-48 {
  margin-top: 3.75vw
}

.ml-50 {
  margin-left: 3.9063vw
}

.mt-50 {
  margin-top: 3.9063vw
}

.ml-52 {
  margin-left: 4.0625vw
}

.mt-52 {
  margin-top: 4.0625vw
}

.ml-54 {
  margin-left: 4.2188vw
}

.mt-54 {
  margin-top: 4.2188vw
}

.ml-56 {
  margin-left: 4.375vw
}

.mt-56 {
  margin-top: 4.375vw
}

.ml-58 {
  margin-left: 4.5313vw
}

.mt-58 {
  margin-top: 4.5313vw
}

.ml-60 {
  margin-left: 4.6875vw
}

.mt-60 {
  margin-top: 4.6875vw
}

.ml-62 {
  margin-left: 4.8438vw
}

.mt-62 {
  margin-top: 4.8438vw
}

.ml-64 {
  margin-left: 5vw
}

.mt-64 {
  margin-top: 5vw
}

.ml-66 {
  margin-left: 5.1563vw
}

.mt-66 {
  margin-top: 5.1563vw
}

.ml-68 {
  margin-left: 5.3125vw
}

.mt-68 {
  margin-top: 5.3125vw
}

.ml-70 {
  margin-left: 5.4688vw
}

.mt-70 {
  margin-top: 5.4688vw
}

.ml-72 {
  margin-left: 5.625vw
}

.mt-72 {
  margin-top: 5.625vw
}

.ml-74 {
  margin-left: 5.7813vw
}

.mt-74 {
  margin-top: 5.7813vw
}

.ml-76 {
  margin-left: 5.9375vw
}

.mt-76 {
  margin-top: 5.9375vw
}

.ml-78 {
  margin-left: 6.0938vw
}

.mt-78 {
  margin-top: 6.0938vw
}

.ml-80 {
  margin-left: 6.25vw
}

.mt-80 {
  margin-top: 6.25vw
}

.ml-82 {
  margin-left: 6.4062vw
}

.mt-82 {
  margin-top: 6.4062vw
}

.ml-84 {
  margin-left: 6.5625vw
}

.mt-84 {
  margin-top: 6.5625vw
}

.ml-86 {
  margin-left: 6.7188vw
}

.mt-86 {
  margin-top: 6.7188vw
}

.ml-88 {
  margin-left: 6.875vw
}

.mt-88 {
  margin-top: 6.875vw
}

.ml-90 {
  margin-left: 7.0313vw
}

.mt-90 {
  margin-top: 7.0313vw
}

.ml-92 {
  margin-left: 7.1875vw
}

.mt-92 {
  margin-top: 7.1875vw
}

.ml-94 {
  margin-left: 7.3438vw
}

.mt-94 {
  margin-top: 7.3438vw
}

.ml-96 {
  margin-left: 7.5vw
}

.mt-96 {
  margin-top: 7.5vw
}

.ml-98 {
  margin-left: 7.6563vw
}

.mt-98 {
  margin-top: 7.6563vw
}

.ml-100 {
  margin-left: 7.8125vw
}

.mt-100 {
  margin-top: 7.8125vw
}

.ml-15-5[data-v-176fc937] {
  margin-left: 1.2102vw
}

.ml-31-5[data-v-176fc937] {
  margin-left: 2.4602vw
}

.ml-5-5[data-v-176fc937] {
  margin-left: .4297vw
}

.mt-30-5[data-v-176fc937] {
  margin-top: 2.382vw
}

.mt-14-5[data-v-176fc937] {
  margin-top: 1.132vw
}

.mt-28-5[data-v-176fc937] {
  margin-top: 2.2258vw
}

.mt-33-5[data-v-176fc937] {
  margin-top: 2.6164vw
}

.mt-36-5[data-v-176fc937] {
  margin-top: 2.8508vw
}

.mt-15-5[data-v-176fc937] {
  margin-top: 1.2102vw
}

.mt-32-5[data-v-176fc937] {
  margin-top: 2.5383vw
}

.ml-76-5[data-v-176fc937] {
  margin-left: 5.9742vw
}

.ml-119-5[data-v-176fc937] {
  margin-left: 9.332vw
}

.mt-38-5[data-v-176fc937] {
  margin-top: 3.0063vw
}

.mt-39-5[data-v-176fc937] {
  margin-top: 3.0844vw
}

.mt-18-5[data-v-176fc937] {
  margin-top: 1.4445vw
}

.ml-182-5[data-v-176fc937] {
  margin-left: 14.2523vw
}

.mt-22-5[data-v-176fc937] {
  margin-top: 1.757vw
}

.page[data-v-176fc937] {
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%
}

.section[data-v-176fc937] {
  padding: 1.5227vw 5.4664vw 20.0312vw 8.3562vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17447694432621590217.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.group[data-v-176fc937] {
  padding-left: .8984vw
}

.group_2[data-v-176fc937] {
  padding-bottom: 1.4445vw
}

.image[data-v-176fc937] {
  width: 2.382vw;
  height: 2.343vw
}

.text[data-v-176fc937] {
  color: #000;
  font-size: 1.757vw;
  font-family: CTBiaoSongSJ;
  line-height: 1.718vw;
  letter-spacing: .1055vw
}

.group_4[data-v-176fc937] {
  margin-left: 10.7773vw;
  margin-top: 1.0156vw
}

.font[data-v-176fc937] {
  font-size: .9375vw;
  font-family: Microsoft YaHei;
  line-height: .9766vw;
  color: #1966ff
}

.text_2[data-v-176fc937] {
  font-size: .9766vw;
  font-weight: 700
}

.font_2[data-v-176fc937] {
  font-size: .9375vw;
  font-family: Microsoft YaHei;
  line-height: .9766vw;
  font-weight: 700;
  color: #000
}

.text_3[data-v-176fc937],
.text_4[data-v-176fc937],
.text_5[data-v-176fc937],
.text_6[data-v-176fc937],
.text_7[data-v-176fc937] {
  font-size: .9766vw
}

.group_3[data-v-176fc937] {
  margin-left: 7.0867vw;
  margin-top: .7422vw
}

.image_2[data-v-176fc937] {
  width: .8984vw;
  height: .8984vw
}

.text_8[data-v-176fc937] {
  font-size: .9766vw;
  line-height: .8203vw
}

.text-wrapper[data-v-176fc937] {
  padding: .3906vw 0 .3125vw;
  background-color: #1966ff;
  border-radius: .1172vw;
  width: 4.2953vw;
  height: 1.4836vw
}

.font_3[data-v-176fc937] {
  font-size: .7813vw;
  font-family: Microsoft YaHei;
  line-height: .7813vw;
  color: #1966ff
}

.text_9[data-v-176fc937] {
  color: #fff
}

.text-wrapper_2[data-v-176fc937] {
  padding: .3906vw 0 .3125vw;
  background-color: #ddd;
  border-radius: .1172vw;
  width: 2.7727vw;
  height: 1.4836vw
}

.section_2[data-v-176fc937] {
  margin-left: 21.1242vw;
  background-color: #1966ff;
  width: 3.1625vw;
  height: .1172vw
}

.text_10[data-v-176fc937] {
  margin-top: 12.6516vw;
  color: #000;
  font-size: 3.9828vw;
  font-family: Microsoft YaHei;
  line-height: 3.9047vw
}

.group_5[data-v-176fc937] {
  margin-top: 3.1625vw
}

.font_4[data-v-176fc937] {
  font-size: 3.0453vw;
  font-family: Microsoft YaHei;
  line-height: 2.968vw;
  color: #000
}

.text_11[data-v-176fc937] {
  line-height: 2.9289vw
}

.text_12[data-v-176fc937] {
  color: #1966ff
}

.text_13[data-v-176fc937] {
  line-height: 3.0063vw
}

.section_3[data-v-176fc937] {
  margin: 1.9523vw 6.2867vw 0 6.3258vw;
  padding: 3.4164vw 7.8094vw 2.9875vw;
  background-color: #1966ff;
  box-shadow: 0 .4688vw .9375vw rgba(198, 204, 219, .3803921568627451);
  background-image: linear-gradient(180deg, #ecf0f9, #f6f7fc 65%, #fff);
  border-radius: .3906vw
}

.group_6[data-v-176fc937] {
  text-align: center;
  height: 4.9594vw;
  border-right: .03906vw solid #c6ccdb
}

.font_5[data-v-176fc937] {
  font-size: 2.343vw;
  font-family: Microsoft YaHei;
  line-height: 2.4602vw;
  color: #1966ff
}

.font_6[data-v-176fc937] {
  font-size: 1.5617vw;
  font-family: Microsoft YaHei;
  line-height: 2.4602vw;
  color: #000
}

.group_7[data-v-176fc937] {
  text-align: center;
  height: 4.9984vw;
  border-right: .03906vw solid #c6ccdb
}

.group_8[data-v-176fc937] {
  margin-right: .7031vw;
  text-align: center;
  height: 4.9594vw
}

.section_4[data-v-176fc937] {
  margin-top: 2.2648vw;
  padding: 2.8898vw 4.3734vw 2.3039vw 4.7641vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17447694432776426246.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.group_9[data-v-176fc937] {
  width: 13.3148vw
}

.section_5[data-v-176fc937] {
  background-color: #1966ff;
  width: .625vw;
  height: .625vw
}

.font_7[data-v-176fc937] {
  font-size: 1.5617vw;
  font-family: Microsoft YaHei;
  line-height: 1.4836vw;
  font-weight: 700;
  color: #000
}

.text_14[data-v-176fc937] {
  line-height: 1.5227vw
}

.section_6[data-v-176fc937] {
  padding: 3.5531vw 4.2172vw 4.6469vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17447694432817708880.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 23.3109vw
}

.image_3[data-v-176fc937] {
  width: 4.5297vw;
  height: 4.2562vw
}

.font_8[data-v-176fc937] {
  font-size: 1.2883vw;
  font-family: Microsoft YaHei;
  line-height: 1.2883vw;
  font-weight: 700;
  color: #000
}

.group_11[data-v-176fc937] {
  line-height: 1.4836vw
}

.font_10[data-v-176fc937] {
  font-size: .7813vw;
  font-family: Microsoft YaHei;
  line-height: 1.4836vw;
  color: #000
}

.section_7[data-v-176fc937] {
  padding: 3.7484vw 4.2172vw 4.6469vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17447694432908896739.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 23.3109vw
}

.pos[data-v-176fc937] {
  position: absolute;
  left: 22.5305vw;
  top: 0
}

.image_4[data-v-176fc937] {
  width: 4.5297vw;
  height: 3.8266vw
}

.group_10[data-v-176fc937] {
  margin-right: .1563vw
}

.font_9[data-v-176fc937] {
  font-size: 1.2883vw;
  font-family: Microsoft YaHei;
  line-height: 1.2492vw;
  font-weight: 700;
  color: #000
}

.group_12[data-v-176fc937] {
  line-height: 1.4836vw
}

.section_8[data-v-176fc937] {
  padding: 4.0609vw 4.2172vw 4.6469vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17447694432908896739.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 23.3109vw
}

.pos_2[data-v-176fc937] {
  position: absolute;
  right: 22.5305vw;
  top: 0
}

.image_6[data-v-176fc937] {
  width: 4.6469vw;
  height: 3.2406vw
}

.group_13[data-v-176fc937] {
  line-height: 1.4836vw
}

.pos_3[data-v-176fc937] {
  position: absolute;
  right: 0;
  top: 0
}

.image_5[data-v-176fc937] {
  width: 4.5687vw;
  height: 3.8656vw
}

.group_14[data-v-176fc937] {
  padding-left: 6.2477vw;
  padding-right: 6.2477vw
}

.view[data-v-176fc937] {
  margin-top: 2.8898vw
}

.font_11[data-v-176fc937] {
  font-size: 1.5617vw;
  font-family: Microsoft YaHei;
  line-height: 1.6008vw;
  font-weight: 700;
  color: #000
}

.text_15[data-v-176fc937] {
  line-height: 1.5617vw
}

.group_15[data-v-176fc937] {
  margin-top: 3.0453vw
}

.image_7[data-v-176fc937] {
  flex: 1 1 25.1461vw;
  border-radius: .3906vw;
  height: 16.7125vw
}

.group_16[data-v-176fc937] {
  margin-top: 1.4836vw
}

.font_12[data-v-176fc937] {
  font-size: 1.4055vw;
  font-family: Microsoft YaHei;
  line-height: 1.4836vw;
  color: #000
}

.text_16[data-v-176fc937] {
  line-height: 1.4445vw
}

.font_13[data-v-176fc937] {
  font-size: 1.4055vw;
  font-family: Microsoft YaHei;
  line-height: 1.6008vw;
  color: #000
}

.text_17[data-v-176fc937] {
  margin-left: 17.1023vw
}

.text_18[data-v-176fc937] {
  margin-left: 20.1094vw;
  line-height: 1.4445vw
}

.group_17[data-v-176fc937] {
  margin-top: 1.1711vw
}

.font_14[data-v-176fc937] {
  line-height: .9766vw
}

.font_14[data-v-176fc937],
.font_15[data-v-176fc937] {
  font-size: .9375vw;
  font-family: Microsoft YaHei;
  color: #424242
}

.font_15[data-v-176fc937] {
  line-height: 1.093vw
}

.text_19[data-v-176fc937] {
  line-height: 1.0148vw
}

.text_20[data-v-176fc937] {
  margin-right: 1.0156vw
}

.group_18[data-v-176fc937] {
  margin-top: 1.3273vw
}

.text_21[data-v-176fc937] {
  margin-right: .1945vw
}

.view_2[data-v-176fc937] {
  margin-top: 6.0133vw
}

.text_22[data-v-176fc937] {
  line-height: 1.5617vw
}

.group_19[data-v-176fc937] {
  margin-top: 3.0453vw
}

.group_20[data-v-176fc937] {
  margin-top: 1.4836vw
}

.group_21[data-v-176fc937] {
  margin-right: 1.8742vw
}

.text_23[data-v-176fc937] {
  line-height: 1.6398vw
}

.group_22[data-v-176fc937] {
  margin-top: 1.132vw
}

.text_24[data-v-176fc937] {
  line-height: 1.0148vw
}

.text_25[data-v-176fc937] {
  margin-right: 1.0156vw;
  line-height: 1.0148vw
}

.group_23[data-v-176fc937] {
  margin-top: 1.4445vw
}

.text_26[data-v-176fc937] {
  margin-right: .1945vw
}

.group_24[data-v-176fc937] {
  margin-top: 3.7875vw
}

.section_9[data-v-176fc937] {
  padding: 2.1867vw 6.2477vw 4.3344vw 6.2477vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17447694440348412903.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.text_27[data-v-176fc937] {
  line-height: 1.5617vw
}

.group_25[data-v-176fc937] {
  margin-top: 1.5227vw
}

.text_28[data-v-176fc937] {
  line-height: 1.4445vw
}

.text_29[data-v-176fc937] {
  margin-left: 17.1023vw
}

.text_30[data-v-176fc937] {
  margin-left: 20.1094vw;
  line-height: 1.4445vw
}

.group_26[data-v-176fc937] {
  margin-top: 1.1711vw
}

.text_31[data-v-176fc937] {
  margin-right: 1.0156vw
}

.group_27[data-v-176fc937] {
  margin-top: 1.3273vw
}

.text_32[data-v-176fc937] {
  margin-right: .1945vw
}

.section_10[data-v-176fc937] {
  padding: 1.6398vw 6.2477vw 3.0453vw 6.2477vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17447694442702800556.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.text_33[data-v-176fc937] {
  line-height: 1.5227vw
}

.group_28[data-v-176fc937] {
  margin-top: 1.4836vw
}

.text_34[data-v-176fc937] {
  line-height: 1.4445vw
}

.text_35[data-v-176fc937] {
  margin-left: 12.8859vw;
  line-height: 1.4445vw
}

.text_36[data-v-176fc937] {
  margin-left: 9.9961vw
}

.group_29[data-v-176fc937] {
  margin-top: 1.1711vw
}

.pos_4[data-v-176fc937] {
  left: 0
}

.pos_4[data-v-176fc937],
.pos_5[data-v-176fc937] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.pos_5[data-v-176fc937] {
  right: 1.0156vw
}

.group_30[data-v-176fc937] {
  margin-top: 1.4445vw
}

.text_37[data-v-176fc937] {
  margin-right: .1945vw
}

.view_3[data-v-176fc937] {
  margin-top: 2.9289vw
}

.group_31[data-v-176fc937] {
  margin-right: 13.9797vw
}

.text_38[data-v-176fc937],
.text_39[data-v-176fc937] {
  line-height: 1.4445vw
}

.pos_6[data-v-176fc937] {
  left: 0
}

.pos_6[data-v-176fc937],
.pos_7[data-v-176fc937] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.pos_7[data-v-176fc937] {
  right: 1.7961vw
}

.section_11[data-v-176fc937] {
  margin-top: 2.968vw;
  padding: 3.7094vw 6.2672vw 3.3969vw 6.443vw;
  background-color: #354054
}

.group_32[data-v-176fc937] {
  padding: .8594vw 0 .8984vw;
  border-bottom: .03906vw solid #fff
}

.text_41[data-v-176fc937] {
  margin-top: .7422vw;
  color: #fff;
  font-size: 1.757vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: 1.718vw
}

.group_33[data-v-176fc937] {
  width: 25.0484vw;
  height: 4.8812vw
}

.font_16[data-v-176fc937] {
  font-size: .9375vw;
  font-family: Microsoft YaHei;
  line-height: 2.4602vw;
  color: #fff
}

.text_40[data-v-176fc937] {
  font-size: .9766vw;
  font-weight: 700
}

.text_42[data-v-176fc937] {
  font-size: .9766vw
}

.text_43[data-v-176fc937] {
  margin-left: 4.3734vw;
  font-size: .9766vw
}

.text_44[data-v-176fc937] {
  color: #fff;
  font-size: .9766vw;
  line-height: 1.0148vw
}