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: .1561vw
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ml-15-5[data-v-3fef1332] {
  margin-left: 1.21vw
}

.ml-31-5[data-v-3fef1332] {
  margin-left: 2.459vw
}

.ml-5-5[data-v-3fef1332] {
  margin-left: .4294vw
}

.ml-25-5[data-v-3fef1332] {
  margin-left: 1.9906vw
}

.mt-32-5[data-v-3fef1332] {
  margin-top: 2.5371vw
}

.ml-12-5[data-v-3fef1332] {
  margin-left: .9758vw
}

.ml-33-5[data-v-3fef1332] {
  margin-left: 2.6151vw
}

.ml-14-5[data-v-3fef1332] {
  margin-left: 1.1319vw
}

.mt-52-5[data-v-3fef1332] {
  margin-top: 4.0984vw
}

.mt-22-5[data-v-3fef1332] {
  margin-top: 1.7564vw
}

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

.section[data-v-3fef1332] {
  padding: 0 5.4645vw .1171vw 9.2506vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17447739640924018968.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.group[data-v-3fef1332] {
  padding: 1.4832vw 0
}

.image[data-v-3fef1332] {
  width: 2.381vw;
  height: 2.3419vw
}

.text[data-v-3fef1332] {
  color: #000;
  font-size: 1.7564vw;
  font-family: CTBiaoSongSJ;
  line-height: 1.7174vw;
  letter-spacing: .1054vw
}

.group_3[data-v-3fef1332] {
  margin-left: 10.7728vw;
  margin-top: 1.0148vw
}

.font[data-v-3fef1332] {
  font-size: .9758vw;
  font-family: Microsoft YaHei;
  line-height: .9758vw;
  font-weight: 700;
  color: #000
}

.text_2[data-v-3fef1332] {
  color: #1966ff
}

.group_2[data-v-3fef1332] {
  margin-left: 7.1038vw;
  margin-top: .7416vw
}

.image_2[data-v-3fef1332] {
  width: .8977vw;
  height: .8977vw
}

.text_3[data-v-3fef1332] {
  line-height: .8197vw
}

.text-wrapper[data-v-3fef1332] {
  padding: .3123vw 0;
  background-color: #1966ff;
  border-radius: .1171vw;
  width: 4.2935vw;
  height: 1.4832vw
}

.font_2[data-v-3fef1332] {
  font-size: .7806vw;
  font-family: Microsoft YaHei;
  line-height: .7806vw
}

.text_4[data-v-3fef1332] {
  color: #fff
}

.text-wrapper_2[data-v-3fef1332] {
  padding: .3123vw 0;
  background-color: #ddd;
  border-radius: .1171vw;
  width: 2.7713vw;
  height: 1.4832vw
}

.text_5[data-v-3fef1332] {
  color: #1966ff
}

.section_2[data-v-3fef1332] {
  margin-left: 21.1163vw;
  background-color: #1966ff;
  width: 3.1616vw;
  height: .1171vw
}

.text-wrapper_3[data-v-3fef1332] {
  padding: 10.3435vw 0 9.6409vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17447739640951191045.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.text_6[data-v-3fef1332] {
  margin-left: 17.2912vw;
  color: #000;
  font-size: 3.1226vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: 3.0835vw
}

.group_4[data-v-3fef1332] {
  padding: .9758vw 9.2116vw 0
}

.text_7[data-v-3fef1332] {
  color: #737373;
  line-height: .8197vw
}

.group_5[data-v-3fef1332] {
  margin-top: 1.3271vw
}

.image_3[data-v-3fef1332] {
  width: 7.26vw;
  height: 6.2842vw
}

.font_3[data-v-3fef1332] {
  font-size: 1.5613vw;
  font-family: Microsoft YaHei;
  line-height: 1.5613vw;
  font-weight: 700;
  color: #000
}

.text_8[data-v-3fef1332] {
  color: #1966ff;
  line-height: 1.2881vw
}

.text_9[data-v-3fef1332] {
  margin-top: 1.6784vw;
  line-height: 1.5222vw
}

.image_4[data-v-3fef1332] {
  margin-top: 1.4052vw;
  width: 49.3365vw;
  height: 32.904vw
}

.text_10[data-v-3fef1332] {
  line-height: 1.5222vw
}

.font_4[data-v-3fef1332] {
  font-size: 1.5613vw;
  font-family: Microsoft YaHei;
  line-height: 1.5613vw;
  color: #666
}

.text_11[data-v-3fef1332] {
  line-height: 1.5222vw
}

.group_6[data-v-3fef1332] {
  margin-right: 2.3419vw;
  margin-top: 1.0929vw
}

.text_12[data-v-3fef1332] {
  margin-top: .4684vw
}

.group_7[data-v-3fef1332] {
  height: 12.2951vw
}

.font_5[data-v-3fef1332] {
  font-size: 1.5613vw;
  font-family: Microsoft YaHei;
  line-height: 2.459vw;
  color: #666
}

.group_8[data-v-3fef1332] {
  margin-top: 2.1077vw
}

.text_13[data-v-3fef1332] {
  line-height: 1.6003vw
}

.group_9[data-v-3fef1332] {
  margin-top: 1.7955vw
}

.text_14[data-v-3fef1332] {
  color: #1966ff;
  line-height: 1.249vw
}

.section_3[data-v-3fef1332] {
  padding: 3.669vw 6.2451vw 3.3958vw 6.4403vw;
  background-color: #354054
}

.group_10[data-v-3fef1332] {
  padding: .8977vw 0;
  border-bottom: .03903vw solid #fff
}

.text_16[data-v-3fef1332] {
  margin-top: .7416vw;
  color: #fff;
  font-size: 1.7564vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: 1.7174vw
}

.group_11[data-v-3fef1332] {
  width: 25.039vw;
  height: 4.879vw
}

.font_6[data-v-3fef1332] {
  font-size: .9758vw;
  font-family: Microsoft YaHei;
  line-height: 2.459vw;
  color: #fff
}

.text_15[data-v-3fef1332] {
  font-weight: 700
}

.text_17[data-v-3fef1332] {
  margin-left: 4.3716vw
}

.text_18[data-v-3fef1332] {
  line-height: 1.0148vw
}