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
}

.mt-21-5[data-v-9b4fcbcc] {
  margin-top: 1.6784vw
}

.ml-6-5[data-v-9b4fcbcc] {
  margin-left: .5074vw
}

.mt-12-5[data-v-9b4fcbcc] {
  margin-top: .9758vw
}

.mt-78-5[data-v-9b4fcbcc] {
  margin-top: 6.128vw
}

.page[data-v-9b4fcbcc] {
  padding-bottom: 2.9664vw;
  background-color: #f8fafd;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%
}

.section[data-v-9b4fcbcc] {
  padding: 1.0929vw 7.299vw .8977vw;
  filter: drop-shadow(0 .1952vw .1952vw #00000012);
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17395213783497114297.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.image[data-v-9b4fcbcc] {
  width: 5.3864vw;
  height: 1.4832vw
}

.font[data-v-9b4fcbcc] {
  font-size: .8587vw;
  font-family: Microsoft YaHei;
  letter-spacing: -.01717vw;
  font-weight: 700;
  color: #494949
}

.text[data-v-9b4fcbcc] {
  line-height: .8977vw
}

.group[data-v-9b4fcbcc] {
  padding: 1.6784vw 0;
  width: 68.6183vw
}

.text_2[data-v-9b4fcbcc] {
  color: #494949;
  font-size: 1.171vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: 1.171vw;
  letter-spacing: -.02342vw
}

.image_2[data-v-9b4fcbcc] {
  margin-top: .4684vw;
  width: 4.8009vw;
  height: .1952vw
}

.group_2[data-v-9b4fcbcc] {
  margin-top: .9368vw
}

.section_2[data-v-9b4fcbcc] {
  padding: 3.0055vw 4.2935vw 2.6151vw;
  filter: drop-shadow(0 .1952vw .1952vw #00000012);
  border-radius: .3903vw;
  background-image: url(https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/64c1cbfac430470012e7258e/17395213783568190366.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.image_3[data-v-9b4fcbcc] {
  width: 7.9625vw;
  height: 7.9235vw
}

.group_3[data-v-9b4fcbcc] {
  margin-left: 3.3177vw;
  line-height: 1.171vw;
  height: 5.8548vw
}

.font_2[data-v-9b4fcbcc] {
  font-size: .9758vw;
  font-family: Microsoft YaHei;
  letter-spacing: -.01952vw;
  line-height: 1.171vw;
  font-weight: 700;
  color: #494949
}

.text_3[data-v-9b4fcbcc],
.text_4[data-v-9b4fcbcc] {
  margin-left: .6245vw
}

.font_3[data-v-9b4fcbcc] {
  font-size: .9758vw;
  font-family: Microsoft YaHei;
  line-height: 1.171vw;
  font-weight: 700;
  color: #494949
}

.group_4[data-v-9b4fcbcc] {
  margin-left: 1.4832vw
}

.text_5[data-v-9b4fcbcc] {
  color: #000;
  line-height: .8197vw
}

.image_4[data-v-9b4fcbcc] {
  width: .5855vw;
  height: .5074vw
}

.text_6[data-v-9b4fcbcc] {
  line-height: .8197vw
}

.image_5[data-v-9b4fcbcc] {
  width: 1.4052vw;
  height: 1.171vw
}

.font_4[data-v-9b4fcbcc] {
  font-size: .9758vw;
  font-family: Microsoft YaHei;
  letter-spacing: -.01952vw;
  line-height: .9758vw;
  font-weight: 700;
  color: #494949
}

.group_5[data-v-9b4fcbcc] {
  margin: 5.8548vw 22.8728vw 0 2.8103vw
}

.image_6[data-v-9b4fcbcc] {
  width: 1.4442vw;
  height: 1.171vw
}

.section_3[data-v-9b4fcbcc] {
  padding: 1.9906vw 1.6393vw 3.669vw;
  background-color: #fff;
  box-shadow: 0 .1952vw .1952vw rgba(0, 0, 0, .07058823529411765);
  border-radius: .3903vw
}

.text_7[data-v-9b4fcbcc] {
  color: #000;
  line-height: 1.0148vw
}

.text_8[data-v-9b4fcbcc] {
  margin: 0 .1561vw;
  line-height: 1.6003vw
}

.text_9[data-v-9b4fcbcc] {
  color: #636363;
  font-size: .5855vw;
  font-family: Microsoft YaHei;
  font-weight: 700;
  line-height: .6245vw;
  letter-spacing: -.01171vw
}