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-124-5[data-v-4cc90c20] {
  margin-left: 9.7227vw
}

.ml-45-5[data-v-4cc90c20] {
  margin-left: 3.5531vw
}

.ml-8-5[data-v-4cc90c20] {
  margin-left: .6641vw
}

.ml-54-5[data-v-4cc90c20] {
  margin-left: 4.2562vw
}

.mt-141-5[data-v-4cc90c20] {
  margin-top: 11.05vw
}

.mt-8-5[data-v-4cc90c20] {
  margin-top: .6641vw
}

.ml-29-5[data-v-4cc90c20] {
  margin-left: 2.3039vw
}

.ml-4-5[data-v-4cc90c20] {
  margin-left: .3516vw
}

.ml-32-5[data-v-4cc90c20] {
  margin-left: 2.5383vw
}

.ml-3-5[data-v-4cc90c20] {
  margin-left: .2734vw
}

.ml-13-5[data-v-4cc90c20] {
  margin-left: 1.0539vw
}

.ml-12-5[data-v-4cc90c20] {
  margin-left: .9766vw
}

.ml-1-5[data-v-4cc90c20] {
  margin-left: .1172vw
}

.ml-35-5[data-v-4cc90c20] {
  margin-left: 2.7727vw
}

.ml-6-5[data-v-4cc90c20] {
  margin-left: .5078vw
}

.ml-26-5[data-v-4cc90c20] {
  margin-left: 2.0695vw
}

.mt-12-5[data-v-4cc90c20] {
  margin-top: .9766vw
}

.ml-7-5[data-v-4cc90c20] {
  margin-left: .5859vw
}

.mt-10-5[data-v-4cc90c20] {
  margin-top: .8203vw
}

.mt-4-5[data-v-4cc90c20] {
  margin-top: .3516vw
}

.ml-16-5[data-v-4cc90c20] {
  margin-left: 1.2883vw
}

.ml-24-5[data-v-4cc90c20] {
  margin-left: 1.9133vw
}

.mt-5-5[data-v-4cc90c20] {
  margin-top: .4297vw
}

.page[data-v-4cc90c20] {
  padding-bottom: 2.2453vw;
  background-color: #fff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%
}

.group[data-v-4cc90c20] {
  border-bottom: .03906vw solid #333
}

.section[data-v-4cc90c20] {
  padding: .5859vw 9.1953vw .5859vw 9.5273vw;
  background-color: #f9f9f9
}

.font[data-v-4cc90c20] {
  font-size: .6641vw;
  font-family: Microsoft YaHei;
  line-height: .7813vw;
  color: #424242
}

.text[data-v-4cc90c20],
.text_2[data-v-4cc90c20] {
  line-height: .7422vw
}

.font_2[data-v-4cc90c20] {
  font-size: .6641vw;
  font-family: Microsoft YaHei;
  line-height: .7031vw;
  color: #424242
}

.image[data-v-4cc90c20] {
  width: .4297vw;
  height: .3516vw
}

.group_2[data-v-4cc90c20] {
  margin-left: 1.132vw
}

.image_2[data-v-4cc90c20] {
  width: .3906vw;
  height: .3516vw
}

.group_3[data-v-4cc90c20],
.group_4[data-v-4cc90c20] {
  margin-left: 1.1711vw
}

.text_3[data-v-4cc90c20] {
  margin-left: 1.6398vw
}

.section_2[data-v-4cc90c20] {
  padding: 1.718vw 9.5273vw 1.0148vw 9.5273vw;
  filter: drop-shadow(0 .2344vw .5078vw #4f4f4f40);
  background-color: #424242
}

.image_3[data-v-4cc90c20] {
  width: 7.9266vw;
  height: 2.343vw
}

.group_5[data-v-4cc90c20] {
  margin-bottom: .1953vw
}

.font_3[data-v-4cc90c20] {
  font-size: .9766vw;
  font-family: Microsoft YaHei;
  line-height: .9375vw;
  color: #fff
}

.text_4[data-v-4cc90c20] {
  line-height: .9766vw
}

.text_5[data-v-4cc90c20] {
  color: #08bcfb;
  font-size: .9766vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: .9766vw
}

.text_6[data-v-4cc90c20],
.text_7[data-v-4cc90c20] {
  line-height: .9766vw
}

.section_3[data-v-4cc90c20] {
  padding: .5984vw .768vw .6117vw .8328vw;
  background-color: #08bcfb;
  border-radius: .1172vw;
  height: 2.2648vw;
  border: .03906vw solid #ddd
}

.image_4[data-v-4cc90c20] {
  width: .9766vw;
  height: .9766vw
}

.text_8[data-v-4cc90c20] {
  color: #fff
}

.image_5[data-v-4cc90c20] {
  width: .4688vw;
  height: .2734vw
}

.group_6[data-v-4cc90c20] {
  padding: 0 9.0586vw .7422vw 9.0586vw
}

.group_7[data-v-4cc90c20] {
  padding-bottom: 2.4211vw
}

.group_8[data-v-4cc90c20] {
  margin-left: .4688vw;
  padding: .8984vw 0 .9766vw
}

.image_6[data-v-4cc90c20] {
  width: .5859vw;
  height: .5859vw
}

.font_4[data-v-4cc90c20] {
  font-size: .5859vw;
  font-family: Microsoft YaHei;
  line-height: .6563vw;
  color: #636363
}

.text_9[data-v-4cc90c20] {
  color: #a1a1a1;
  line-height: .625vw
}

.section_4[data-v-4cc90c20] {
  padding: 1.4836vw 2.968vw 2.2648vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399021498982470.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.font_5[data-v-4cc90c20] {
  font-size: 1.1711vw;
  font-family: Microsoft YaHei;
  line-height: 1.2102vw;
  color: #000
}

.text_10[data-v-4cc90c20] {
  font-weight: 700
}

.text_11[data-v-4cc90c20] {
  margin-left: .1172vw
}

.group_9[data-v-4cc90c20] {
  padding: 1.2883vw .2734vw 1.093vw
}

.group_10[data-v-4cc90c20] {
  width: 24.4828vw
}

.image_7[data-v-4cc90c20] {
  width: 24.4828vw;
  height: 24.4828vw
}

.section_11[data-v-4cc90c20] {
  padding: .8203vw 0;
  background-color: #f1f1f1
}

.image_15[data-v-4cc90c20] {
  margin-left: 3.2016vw;
  width: 3.7875vw;
  height: 3.7875vw
}

.image_16[data-v-4cc90c20] {
  width: 22.7258vw;
  height: .9766vw
}

.pos_4[data-v-4cc90c20] {
  position: absolute;
  left: .9375vw;
  right: .8195vw;
  top: 50%;
  transform: translateY(-50%)
}

.group_24[data-v-4cc90c20] {
  padding-left: .1953vw;
  padding-top: 1.718vw
}

.text_37[data-v-4cc90c20] {
  margin-left: .1953vw;
  line-height: .625vw
}

.image_21[data-v-4cc90c20] {
  width: .4688vw;
  height: .4688vw
}

.image_22[data-v-4cc90c20] {
  margin-left: .8398vw
}

.text_38[data-v-4cc90c20] {
  margin-left: .1953vw;
  line-height: .625vw
}

.image_23[data-v-4cc90c20] {
  margin-left: .7617vw
}

.text_39[data-v-4cc90c20] {
  margin-left: .2734vw;
  line-height: .625vw
}

.image_24[data-v-4cc90c20] {
  margin-left: .7617vw;
  width: .5078vw;
  height: .5078vw
}

.text_40[data-v-4cc90c20] {
  margin-left: .2734vw;
  line-height: .625vw
}

.text-wrapper_6[data-v-4cc90c20] {
  padding: .2469vw 0 .3773vw;
  background-color: #fff;
  width: 3.3187vw;
  height: 1.2883vw;
  border: .03906vw solid #838383
}

.font_7[data-v-4cc90c20] {
  font-size: .5859vw;
  font-family: Microsoft YaHei;
  line-height: .5859vw;
  color: #7e7e7e
}

.text_41[data-v-4cc90c20] {
  color: red
}

.group_11[data-v-4cc90c20] {
  margin-left: 4.3734vw;
  margin-top: 1.6398vw;
  width: 22.218vw
}

.section_6[data-v-4cc90c20] {
  padding: .3516vw .4297vw .8203vw;
  background-color: #f9f9f9;
  box-shadow: 0 .2344vw .5078vw rgba(79, 79, 79, .25098039215686274);
  height: 2.3039vw
}

.text_15[data-v-4cc90c20] {
  margin-top: .5469vw
}

.group_12[data-v-4cc90c20] {
  margin-left: 2.6945vw;
  margin-top: -1.132vw;
  line-height: 1.093vw
}

.font_6[data-v-4cc90c20] {
  font-size: .7813vw;
  font-family: Microsoft YaHei;
  line-height: .7813vw;
  font-weight: 700;
  color: #000
}

.text_14[data-v-4cc90c20] {
  color: #f60;
  line-height: .625vw
}

.text_12[data-v-4cc90c20] {
  color: #f60;
  font-size: 1.3664vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: 1.093vw
}

.text_16[data-v-4cc90c20] {
  margin-left: .4297vw;
  margin-top: .9766vw
}

.view[data-v-4cc90c20] {
  margin-top: 1.2492vw;
  padding: 0 .4297vw
}

.group_14[data-v-4cc90c20] {
  margin-left: .3711vw;
  padding: .1172vw .1563vw 0 .4688vw;
  height: .8984vw;
  border: .03906vw solid #7e7e7e
}

.text_18[data-v-4cc90c20] {
  font-size: .625vw;
  line-height: .625vw
}

.image_10[data-v-4cc90c20] {
  width: .2734vw;
  height: .1172vw
}

.group_15[data-v-4cc90c20] {
  margin-left: .7031vw;
  line-height: .5469vw;
  height: .7031vw
}

.text_19[data-v-4cc90c20] {
  color: #636363;
  font-size: .7031vw
}

.font_8[data-v-4cc90c20] {
  font-size: .4688vw;
  font-family: Microsoft YaHei;
  line-height: .6563vw;
  color: #000
}

.text_20[data-v-4cc90c20] {
  color: #636363;
  font-size: .5078vw;
  line-height: .5469vw
}

.group_52[data-v-4cc90c20] {
  padding-left: .4297vw;
  padding-right: .4297vw
}

.text-wrapper_2[data-v-4cc90c20] {
  margin-left: .293vw;
  padding: .3516vw 0 .2734vw;
  width: 2.8898vw;
  height: 1.5617vw;
  border: .03906vw solid #a1a1a1
}

.font_15[data-v-4cc90c20] {
  font-size: 1.093vw;
  font-family: Microsoft YaHei;
  line-height: .8594vw;
  color: #fff
}

.text_29[data-v-4cc90c20] {
  color: #636363;
  font-size: 1.132vw
}

.text-wrapper_3[data-v-4cc90c20] {
  padding: .2859vw 0 .3773vw;
  background-color: #d9d9d9;
  width: .8594vw;
  border: .03906vw solid #a1a1a1
}

.pos_3[data-v-4cc90c20] {
  position: absolute;
  left: 4.8422vw;
  top: .7422vw
}

.text_30[data-v-4cc90c20] {
  color: #636363;
  font-size: 1.2492vw;
  font-family: Microsoft YaHei;
  line-height: .1172vw
}

.group_20[data-v-4cc90c20] {
  width: .9375vw
}

.pos[data-v-4cc90c20] {
  position: absolute;
  left: 4.8422vw;
  top: 0
}

.section_9[data-v-4cc90c20] {
  background-color: #d9d9d9;
  width: .8594vw;
  height: .8594vw;
  border: .03906vw solid #a1a1a1
}

.font_14[data-v-4cc90c20] {
  font-size: .9766vw;
  font-family: Microsoft YaHei;
  line-height: 1.9523vw;
  color: #484848
}

.text_28[data-v-4cc90c20] {
  color: #636363;
  line-height: .5469vw
}

.pos_2[data-v-4cc90c20] {
  position: absolute;
  left: 0;
  right: 0;
  top: .1563vw;
  bottom: 0
}

.group_22[data-v-4cc90c20] {
  padding: 0 .1172vw
}

.section_10[data-v-4cc90c20] {
  padding: .3125vw .5469vw .2344vw;
  background-color: #08bcfb;
  height: 1.718vw
}

.image_13[data-v-4cc90c20] {
  width: 1.1711vw;
  height: 1.1711vw
}

.font_16[data-v-4cc90c20] {
  font-size: .8594vw;
  font-family: Microsoft YaHei;
  line-height: .8594vw;
  font-weight: 700;
  color: #fff
}

.text_33[data-v-4cc90c20] {
  text-transform: uppercase
}

.text-wrapper_4[data-v-4cc90c20] {
  padding: .4297vw 0;
  background-color: red;
  width: 5.5055vw;
  height: 1.718vw
}

.section_5[data-v-4cc90c20] {
  margin-left: 3.6211vw;
  margin-right: .1563vw;
  padding: 2.1477vw 1.4445vw 2.0305vw 1.4445vw;
  filter: drop-shadow(0 .2344vw .5078vw #4f4f4f40);
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399028427035265.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 32.1359vw
}

.text_13[data-v-4cc90c20] {
  margin-left: 1.2102vw;
  color: #333;
  font-size: 1.1711vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: 1.132vw
}

.section_7[data-v-4cc90c20] {
  padding-top: 1.1844vw;
  background-color: #fff;
  border: .03906vw solid #ededed
}

.text_17[data-v-4cc90c20] {
  color: #08bcfb;
  line-height: .9766vw
}

.image_8[data-v-4cc90c20] {
  width: 16.5562vw;
  height: .07813vw
}

.image_9[data-v-4cc90c20] {
  margin-top: .8984vw
}

.group_16[data-v-4cc90c20] {
  margin-left: 1.4969vw;
  margin-top: .7813vw;
  line-height: 1.4055vw
}

.font_9[data-v-4cc90c20] {
  font-size: .8594vw;
  font-family: Microsoft YaHei;
  line-height: 1.4055vw;
  color: #838383
}

.text_21[data-v-4cc90c20],
.text_22[data-v-4cc90c20],
.text_23[data-v-4cc90c20] {
  margin-left: .5859vw
}

.image_11[data-v-4cc90c20] {
  margin-top: .7031vw
}

.group_17[data-v-4cc90c20] {
  padding: .5859vw 1.4969vw .7031vw
}

.font_10[data-v-4cc90c20] {
  font-size: .8594vw;
  font-family: Microsoft YaHei;
  line-height: .8984vw;
  color: #000
}

.section_8[data-v-4cc90c20] {
  margin-left: .1953vw;
  background-color: #f60;
  border-radius: .4688vw;
  width: 5.818vw;
  height: 1.093vw
}

.font_11[data-v-4cc90c20] {
  font-size: .8594vw;
  font-family: Microsoft YaHei;
  line-height: .7813vw;
  color: #f60
}

.text_24[data-v-4cc90c20] {
  margin-left: .5078vw;
  font-weight: 700;
  line-height: .8203vw
}

.text_25[data-v-4cc90c20] {
  margin-left: 1.5359vw;
  margin-top: .8203vw
}

.group_18[data-v-4cc90c20] {
  margin-top: .8594vw
}

.group_19[data-v-4cc90c20] {
  margin-bottom: .1367vw;
  line-height: 1.2102vw;
  width: 5.818vw;
  height: 6.1695vw
}

.font_12[data-v-4cc90c20] {
  font-size: .8594vw;
  font-family: Microsoft YaHei;
  line-height: 1.2102vw;
  color: #000
}

.text_26[data-v-4cc90c20],
.text_31[data-v-4cc90c20],
.text_34[data-v-4cc90c20] {
  margin-left: .5859vw
}

.image_12[data-v-4cc90c20] {
  width: .4297vw;
  height: .1563vw
}

.text_27[data-v-4cc90c20] {
  line-height: .8203vw
}

.text-wrapper[data-v-4cc90c20] {
  padding: .7031vw 0 .6641vw;
  background-color: #f60;
  width: 2.3039vw;
  height: 1.4836vw
}

.font_13[data-v-4cc90c20] {
  font-size: .8594vw;
  font-family: Microsoft YaHei;
  line-height: .1172vw;
  font-weight: 700;
  color: #fff
}

.group_21[data-v-4cc90c20] {
  padding-top: .9766vw
}

.text_32[data-v-4cc90c20] {
  line-height: .8203vw
}

.image_14[data-v-4cc90c20] {
  margin-top: .7422vw
}

.text-wrapper_5[data-v-4cc90c20] {
  margin-top: .7031vw;
  padding: .5469vw 0 .625vw;
  background-color: #f60;
  border-radius: .2344vw;
  width: 6.9117vw
}

.group_23[data-v-4cc90c20] {
  padding: .6641vw .4945vw .6898vw .8328vw
}

.image_17[data-v-4cc90c20] {
  width: .7813vw;
  height: .7813vw
}

.font_17[data-v-4cc90c20] {
  font-size: .8594vw;
  font-family: Microsoft YaHei;
  line-height: .7813vw;
  color: #000
}

.text_35[data-v-4cc90c20] {
  line-height: .8203vw
}

.image_19[data-v-4cc90c20] {
  width: .7031vw;
  height: .7031vw
}

.text_36[data-v-4cc90c20] {
  line-height: .8203vw
}

.image_18[data-v-4cc90c20] {
  width: .7422vw;
  height: .8984vw
}

.image_20[data-v-4cc90c20] {
  width: .8203vw;
  height: .8203vw
}

.group_25[data-v-4cc90c20] {
  padding: 0 .3906vw
}

.group_27[data-v-4cc90c20] {
  margin-top: .5078vw
}

.group_28[data-v-4cc90c20] {
  height: 1.9523vw;
  border-bottom: .03906vw solid #08bcfb
}

.group_29[data-v-4cc90c20] {
  border: .03906vw solid #9b9b9b
}

.text-wrapper_7[data-v-4cc90c20] {
  padding: .6633vw 0 .625vw;
  background-color: #08bcfb;
  width: 6.7555vw;
  height: 1.9914vw
}

.font_18[data-v-4cc90c20] {
  font-size: .7813vw;
  font-family: Microsoft YaHei;
  line-height: .7813vw;
  color: #000
}

.text_42[data-v-4cc90c20] {
  color: #fff;
  line-height: .7031vw
}

.group_30[data-v-4cc90c20] {
  margin-left: 1.8352vw
}

.image_25[data-v-4cc90c20] {
  width: .07813vw;
  height: 1.9133vw
}

.group_31[data-v-4cc90c20] {
  margin-left: 2.1469vw
}

.text_43[data-v-4cc90c20] {
  margin-right: .8844vw
}

.group_32[data-v-4cc90c20] {
  /*width: 34.1664vw*/
  width: 100%;
}

.group_33[data-v-4cc90c20] {
  line-height: 1.9523vw;
  width: 14.9164vw;
  height: 21.4758vw
}

.font_20[data-v-4cc90c20] {
  font-size: .9766vw;
  font-family: Microsoft YaHei;
  line-height: 1.9523vw;
  color: #000
}

.text_45[data-v-4cc90c20],
.text_47[data-v-4cc90c20] {
  margin-left: 3.0453vw
}

.text_49[data-v-4cc90c20] {
  margin-left: 1.2492vw
}

.text_50[data-v-4cc90c20] {
  margin-left: 3.0453vw
}

.text_51[data-v-4cc90c20],
.text_53[data-v-4cc90c20] {
  margin-left: 1.2492vw
}

.text_54[data-v-4cc90c20] {
  margin-left: 3.0453vw
}

.text_55[data-v-4cc90c20] {
  margin-left: .9375vw
}

.text_56[data-v-4cc90c20] {
  margin-left: 1.2492vw
}

.text_57[data-v-4cc90c20],
.text_60[data-v-4cc90c20] {
  margin-left: 3.0453vw
}

.group_35[data-v-4cc90c20] {
  margin-top: .6055vw
}

.image_26[data-v-4cc90c20] {
  width: 18.5867vw;
  height: 18.5867vw
}

.image_29[data-v-4cc90c20] {
  width: 18.743vw;
  height: 20.7344vw
}

.group_26[data-v-4cc90c20] {
  width: 19.4844vw
}

.section_12[data-v-4cc90c20] {
  padding: 1.132vw 2.0305vw 1.3273vw;
  filter: drop-shadow(0 .2344vw .5078vw #4f4f4f40);
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399042336856734.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.font_19[data-v-4cc90c20] {
  font-size: .9766vw;
  font-family: Microsoft YaHei;
  line-height: .9375vw;
  color: #000
}

.text_44[data-v-4cc90c20] {
  font-size: .9375vw
}

.group_34[data-v-4cc90c20] {
  padding-left: .8203vw;
  padding-right: .5469vw
}

.text-wrapper_8[data-v-4cc90c20] {
  padding: .5203vw 0 .5727vw;
  background-color: #fff;
  width: 14.057vw;
  height: 1.9914vw;
  border: .03906vw solid #9b9b9b
}

.text_46[data-v-4cc90c20] {
  margin-left: 1.2234vw;
  color: #9b9b9b;
  line-height: .8203vw
}

.section_13[data-v-4cc90c20] {
  padding: .5859vw 0 .5469vw;
  background-color: #08bcfb
}

.image_27[data-v-4cc90c20] {
  margin-left: 5.4664vw;
  width: .7813vw;
  height: .8594vw
}

.text_48[data-v-4cc90c20] {
  margin-right: 5.4273vw;
  color: #fff;
  line-height: .8203vw
}

.section_14[data-v-4cc90c20] {
  padding: 1.2102vw 2.0305vw 1.3273vw;
  filter: drop-shadow(0 .2344vw .5078vw #4f4f4f40);
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399043389173175.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.text_52[data-v-4cc90c20] {
  font-size: .9375vw
}

.group_36[data-v-4cc90c20] {
  margin-top: 1.132vw;
  padding-left: .2734vw;
  padding-right: .2734vw
}

.group_53[data-v-4cc90c20] {
  padding: 0 .4688vw
}

.image_28[data-v-4cc90c20] {
  width: 5.857vw;
  height: 5.857vw
}

.group_38[data-v-4cc90c20] {
  margin-right: .625vw
}

.group_54[data-v-4cc90c20] {
  line-height: .7813vw;
  height: 1.5617vw
}

.font_21[data-v-4cc90c20] {
  font-size: .4688vw;
  font-family: Microsoft YaHei;
  line-height: .7813vw;
  color: #000
}

.group_40[data-v-4cc90c20] {
  margin-top: .5469vw
}

.font_22[data-v-4cc90c20] {
  font-size: .4688vw;
  font-family: Microsoft YaHei;
  line-height: .4297vw;
  font-weight: 700;
  color: #ff2d2d
}

.text_58[data-v-4cc90c20] {
  margin-left: 2.5383vw
}

.text_59[data-v-4cc90c20] {
  margin-right: 2.9281vw
}

.group_41[data-v-4cc90c20] {
  padding: 1.093vw .2734vw .5469vw .2734vw
}

.image_30[data-v-4cc90c20] {
  width: 5.818vw;
  height: 5.818vw
}

.group_42[data-v-4cc90c20] {
  margin-right: .6633vw
}

.text_61[data-v-4cc90c20] {
  margin-left: 2.6945vw
}

.text_62[data-v-4cc90c20] {
  margin-right: 3.0453vw
}

.image_31[data-v-4cc90c20] {
  margin-left: 15.4234vw;
  width: 18.8211vw;
  height: 27.7234vw
}

.image_32[data-v-4cc90c20] {
  margin-left: 15.2672vw;
  width: 19.0547vw;
  height: 19.2891vw
}

.group_43[data-v-4cc90c20] {
  margin-left: .2734vw;
  width: 58.4148vw
}

.image_33[data-v-4cc90c20] {
  width: 58.2977vw;
  height: .07813vw
}

.image_34[data-v-4cc90c20] {
  margin-left: .1172vw
}

.text_63[data-v-4cc90c20] {
  margin-top: 1.6398vw
}

.view_2[data-v-4cc90c20] {
  margin-top: 1.0148vw
}

.group_44[data-v-4cc90c20] {
  padding-top: .4688vw;
  width: 7.3797vw
}

.image_35[data-v-4cc90c20] {
  width: 6.9898vw;
  height: 6.9898vw
}

.text-wrapper_9[data-v-4cc90c20] {
  padding: .1953vw 0 .3125vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399036824705634.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1.3273vw
}

.pos_5[data-v-4cc90c20] {
  position: absolute;
  left: 0;
  top: 0
}

.group_45[data-v-4cc90c20] {
  padding-top: .4688vw;
  width: 7.4578vw
}

.image_36[data-v-4cc90c20] {
  width: 7.0281vw;
  height: 7.0281vw
}

.text-wrapper_10[data-v-4cc90c20] {
  padding: .1953vw 0 .3125vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399037595124503.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1.3273vw
}

.pos_6[data-v-4cc90c20] {
  position: absolute;
  left: 0;
  top: 0
}

.group_1[data-v-4cc90c20] {
  padding-top: .4688vw;
  width: 7.4187vw
}

.text-wrapper_11[data-v-4cc90c20] {
  padding: .1953vw 0 .2734vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399038677906834.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1.3273vw
}

.pos_7[data-v-4cc90c20] {
  position: absolute;
  left: 0;
  top: 0
}

.font_23[data-v-4cc90c20] {
  font-size: 1.093vw;
  font-family: Microsoft YaHei;
  line-height: .8984vw;
  color: #fff
}

.text-wrapper_12[data-v-4cc90c20] {
  padding: .2344vw 0 .3125vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399039908477432.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1.3273vw
}

.pos_8[data-v-4cc90c20] {
  position: absolute;
  left: 0;
  top: 0
}

.font_24[data-v-4cc90c20] {
  font-size: 1.093vw;
  font-family: Microsoft YaHei;
  line-height: .7813vw;
  color: #fff
}

.text_64[data-v-4cc90c20] {
  line-height: .8203vw
}

.group_46[data-v-4cc90c20] {
  margin-right: .2727vw
}

.view_3[data-v-4cc90c20] {
  padding-top: .4688vw;
  width: 7.4969vw
}

.text-wrapper_13[data-v-4cc90c20] {
  padding: .2344vw 0 .2734vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399040423186838.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1.3273vw
}

.pos_9[data-v-4cc90c20] {
  position: absolute;
  left: 0;
  top: 0
}

.group_47[data-v-4cc90c20] {
  padding: 0 .4289vw
}

.view_4[data-v-4cc90c20] {
  margin-top: .7258vw
}

.text_65[data-v-4cc90c20] {
  margin-right: .2742vw
}

.view_5[data-v-4cc90c20] {
  margin-top: .4375vw
}

.font_25[data-v-4cc90c20] {
  font-size: .4688vw;
  font-family: Microsoft YaHei;
  line-height: .6563vw;
  font-weight: 700;
  color: red
}

.text_66[data-v-4cc90c20] {
  margin-left: 10.5039vw
}

.text_67[data-v-4cc90c20] {
  margin-left: 10.3867vw
}

.text_68[data-v-4cc90c20] {
  margin-left: 10.7773vw
}

.text_69[data-v-4cc90c20] {
  margin-left: 10.8164vw
}

.view_6[data-v-4cc90c20] {
  margin-top: .3203vw
}

.text_70[data-v-4cc90c20] {
  margin-left: 10.4648vw
}

.text_71[data-v-4cc90c20] {
  margin-left: 10.2688vw
}

.text_72[data-v-4cc90c20] {
  margin-left: 10.4266vw
}

.text_73[data-v-4cc90c20] {
  margin-left: 10.5031vw
}

.image_37[data-v-4cc90c20] {
  margin-left: .1172vw;
  margin-top: .9609vw
}

.text_74[data-v-4cc90c20] {
  margin-top: 1.718vw
}

.view_7[data-v-4cc90c20] {
  margin-top: .9766vw
}

.group_48[data-v-4cc90c20] {
  padding-top: .5078vw;
  width: 7.3797vw
}

.text-wrapper_1[data-v-4cc90c20] {
  padding: .2344vw 0 .2734vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399040921937580.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1.3273vw
}

.pos_10[data-v-4cc90c20] {
  position: absolute;
  left: 0;
  top: 0
}

.group_49[data-v-4cc90c20] {
  padding-top: .5078vw;
  width: 7.4578vw
}

.text-wrapper_15[data-v-4cc90c20] {
  padding: .2344vw 0 .2734vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399041045898907.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1.3273vw
}

.pos_11[data-v-4cc90c20] {
  position: absolute;
  left: 0;
  top: 0
}

.group_50[data-v-4cc90c20] {
  padding-top: .5078vw;
  width: 7.4187vw
}

.text-wrapper_14[data-v-4cc90c20] {
  padding: .2344vw 0 .2344vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399040921937580.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1.3273vw
}

.pos_12[data-v-4cc90c20] {
  position: absolute;
  left: 0;
  top: 0
}

.text-wrapper_16[data-v-4cc90c20] {
  padding: .2734vw 0 .2734vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399041558089919.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1.3273vw
}

.pos_13[data-v-4cc90c20] {
  position: absolute;
  left: 0;
  top: 0
}

.view_8[data-v-4cc90c20] {
  padding-top: .5078vw;
  width: 7.4969vw
}

.text-wrapper_17[data-v-4cc90c20] {
  padding: .2734vw 0 .2344vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17449399042129971929.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1.3273vw
}

.pos_14[data-v-4cc90c20] {
  position: absolute;
  left: 0;
  top: 0
}

.view_9[data-v-4cc90c20] {
  margin-top: .7266vw
}

.text_75[data-v-4cc90c20] {
  margin-right: .2742vw
}

.view_10[data-v-4cc90c20] {
  margin-top: .4375vw
}

.text_76[data-v-4cc90c20] {
  margin-left: 10.5039vw
}

.view_11[data-v-4cc90c20] {
  margin-top: .3203vw
}

.text_77[data-v-4cc90c20] {
  margin-left: 10.4648vw
}

.text_78[data-v-4cc90c20] {
  margin-left: 10.2688vw
}

.text_79[data-v-4cc90c20] {
  margin-left: 10.4266vw
}

.text_80[data-v-4cc90c20] {
  margin-left: 10.5031vw
}

.image_38[data-v-4cc90c20] {
  margin: 2.1703vw .3508vw 0 .5859vw;
  width: 80.9453vw;
  height: 6.7945vw
}

.group_51[data-v-4cc90c20] {
  line-height: .9375vw;
  text-align: center
}

.font_26[data-v-4cc90c20] {
  font-size: .5859vw;
  font-family: Microsoft YaHei;
  line-height: .9375vw
}

.text_81[data-v-4cc90c20] {
  color: #000
}

.text_82[data-v-4cc90c20] {
  color: #848484
}