.page {
  background-color: #f9f9f9;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.section {
  padding: 1.7188vw 6.7708vw 1.4583vw;
  background-color: #ffffff;
  box-shadow: 0px 0px 1.0417vw #0000000d;
}
.image {
  width: 12.5vw;
  height: 1.5625vw;
}
.space-x-86 > *:not(:first-child) {
  margin-left: 4.4792vw;
}
.space-x-62 > *:not(:first-child) {
  margin-left: 3.2292vw;
}
.space-x-11 > *:not(:first-child) {
  margin-left: 0.5729vw;
}
.image_3 {
  width: 0.8854vw;
  height: 1.0417vw;
}
.font_1 {
  font-size: 0.9375vw;
  font-family: Source Han Sans CN;
  line-height: 0.9375vw;
  color: #333333;
}
.image_4 {
  width: 1.0417vw;
  height: 1.0417vw;
}
.image_5 {
  width: 0.9896vw;
  height: 1.0417vw;
}
.space-x-9 > *:not(:first-child) {
  margin-left: 0.4688vw;
}
.text {
  color: #009fe3;
  font-size: 0.9375vw;
  font-family: Source Han Sans CN;
  font-weight: 700;
  line-height: 0.7292vw;
}
.image_2 {
  width: 2.2396vw;
  height: 1.7708vw;
}
.section_2 {
  padding: 4.0625vw 6.7708vw 7.3438vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16819536729455387072.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group {
  width: 16.3021vw;
}
.section_3 {
  background-color: #009fe3;
  width: 4.6875vw;
  height: 0.1042vw;
}
.font_2 {
  font-size: 0.8333vw;
  font-family: Source Han Sans CN;
  line-height: 0.8333vw;
  color: #666666;
}
.text_2 {
  color: #009fe3;
  line-height: 0.6771vw;
}
.text_3 {
  margin-left: 9.375vw;
  margin-top: 2.8125vw;
  color: #333333;
  font-size: 2.5vw;
  font-family: Source Han Sans CN;
  font-weight: 700;
  line-height: 2.4479vw;
}
.font_3 {
  font-size: 1.25vw;
  font-family: Source Han Sans CN;
  line-height: 1.1979vw;
  font-weight: 500;
  color: #ffffff;
}
.text_4 {
  margin-left: 9.3229vw;
  margin-top: 2.2396vw;
  color: #666666;
  line-height: 1.25vw;
  font-weight: unset;
}
.group_2 {
  padding: 4.1667vw 6.7188vw;
}
.space-x-34 > *:not(:first-child) {
  margin-left: 1.7708vw;
}
.text-wrapper {
  padding: 0.7292vw 0;
  flex: 1 1 8.3333vw;
  background-color: #009fe3;
  border-radius: 0.5208vw;
  width: 8.3333vw;
  height: 2.5vw;
}
.text_5 {
  color: #ffffff;
}
.text-wrapper_2 {
  flex: 1 1 8.3333vw;
  padding: 0.7292vw 0;
  border-radius: 0.5208vw;
  width: 8.3333vw;
  height: 2.5vw;
  border: solid 0.05208vw #cccccc;
}
.text_6 {
  line-height: 0.8854vw;
}
.group_3 {
  margin-top: 1.9792vw;
}
.space-y-20 > *:not(:first-child) {
  margin-top: 1.0417vw;
}
.space-x-20 > *:not(:first-child) {
  margin-left: 1.0417vw;
}
.group_4 {
  flex: 1 1 16.4583vw;
  padding-top: 11.25vw;
}
.section_9 {
  padding: 12.6042vw 1.0938vw 1.3021vw;
  background-color: #ffffff;
}
.space-y-12 > *:not(:first-child) {
  margin-top: 0.625vw;
}
.space-x-10 > *:not(:first-child) {
  margin-left: 0.5208vw;
}
.image_6 {
  width: 0.5729vw;
  height: 0.5729vw;
}
.group_5 {
  line-height: 0.6771vw;
  height: 0.7292vw;
}
.font_5 {
  font-size: 0.7292vw;
  font-family: Roboto;
  line-height: 0.6771vw;
  color: #333333;
}
.text_8 {
  line-height: 0.625vw;
}
.font_6 {
  font-size: 0.7292vw;
  font-family: Source Han Sans CN;
  line-height: 0.6771vw;
  color: #333333;
}
.text_9 {
  line-height: 0.625vw;
}
.font_7 {
  font-size: 0.7292vw;
  font-family: Roboto;
  line-height: 0.5729vw;
  color: #333333;
}
.group_6 {
  line-height: 1.6667vw;
}
.font_8 {
  font-size: 1.25vw;
  font-family: Source Han Sans CN;
  line-height: 1.6667vw;
  font-weight: 500;
  color: #333333;
}
.space-x-23 > *:not(:first-child) {
  margin-left: 1.1979vw;
}
.image_7 {
  border-radius: 0.5208vw;
  width: 1.875vw;
  height: 1.0417vw;
}
.section_4 {
  padding: 1.0417vw 0 19.9479vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16819536729818096682.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.pos {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.text-wrapper_3 {
  margin-left: 1.0417vw;
  padding: 0.5208vw;
  background-color: #00000099;
  border-radius: 0.5208vw;
}
.font_4 {
  font-size: 0.7292vw;
  font-family: Source Han Sans CN;
  line-height: 0.6771vw;
  color: #ffffff;
}
.text_7 {
  line-height: 0.7292vw;
}
.section_5 {
  padding: 1.0417vw 0 19.9479vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16819536730103845559.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.pos_2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.section_6 {
  padding: 1.0417vw 0 19.9479vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16819536730202050687.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.pos_3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.section_7 {
  padding: 1.0417vw 0 19.9479vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16819536730292208805.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.pos_4 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.section_8 {
  padding: 1.0417vw 0 19.9479vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16819536730396661113.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.pos_5 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.pos_6 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.pos_7 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.pos_8 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.pos_9 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.pos_10 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.pos_11 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.pos_12 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.pos_13 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.pos_14 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.pos_15 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.group_7 {
  margin-top: 3.8542vw;
  width: 7.6563vw;
}
.space-x-32 > *:not(:first-child) {
  margin-left: 1.6667vw;
}
.text-wrapper_4 {
  padding: 0.625vw 0;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16818680657830092942.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 1.9271vw;
  height: 1.9271vw;
}
.font_9 {
  font-size: 0.8333vw;
  font-family: Roboto;
  line-height: 0.6771vw;
  font-weight: 500;
}
.text_10 {
  color: #ffffff;
}
.text_11 {
  color: #333333;
  line-height: 0.625vw;
}
.image_8 {
  width: 1.875vw;
  height: 1.0417vw;
}