.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 4.8438vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16818680653552169880.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.space-y-55 > *:not(:first-child) {
  margin-top: 2.8646vw;
}
.group {
  width: 14.8958vw;
}
.section_3 {
  background-color: #009fe3;
  width: 4.6875vw;
  height: 0.1042vw;
}
.text_2 {
  color: #009fe3;
  font-size: 0.8333vw;
  font-family: Source Han Sans CN;
  line-height: 0.6771vw;
}
.group_2 {
  margin-left: 9.3229vw;
  width: 30.3125vw;
}
.space-y-36 > *:not(:first-child) {
  margin-top: 1.875vw;
}
.text_3 {
  color: #333333;
  font-size: 2.5vw;
  font-family: Source Han Sans CN;
  font-weight: 700;
  line-height: 2.3438vw;
}
.font_2 {
  font-size: 1.25vw;
  font-family: Source Han Sans CN;
  line-height: 2.0833vw;
  color: #666666;
}
.group_3 {
  padding: 4.1667vw 6.5104vw 5.2083vw 6.7708vw;
}
.space-x-35 > *:not(:first-child) {
  margin-left: 1.8229vw;
}
.text-wrapper {
  padding: 0.7292vw 0;
  background-color: #009fe3;
  border-radius: 0.5208vw;
  width: 8.3333vw;
  height: 2.5vw;
}
.text_4 {
  color: #ffffff;
}
.text-wrapper_2 {
  padding: 0.7292vw 0;
  border-radius: 0.5208vw;
  width: 8.3333vw;
  height: 2.5vw;
  border: solid 0.05208vw #cccccc;
}
.group_4 {
  line-height: 0.9375vw;
  height: 0.9375vw;
}
.font_3 {
  font-size: 0.9375vw;
  font-family: Source Han Sans CN;
  line-height: 1.0417vw;
  color: #009fe3;
}
.text_5 {
  line-height: 0.7292vw;
}
.group_5 {
  margin-top: 2.0833vw;
}
.space-y-30 > *:not(:first-child) {
  /* margin-top: 1.5625vw; */
}
.space-y-30 > *:not(:first-child) {
  /* margin-left: 1.2vw; */
}
.section_4 {
  flex: 1 1 20.3125vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16818680653889779307.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 11.4583vw;
}
.image_6 {
  width: 20.3125vw;
  height: 4.8958vw;
}
.section_5 {
  flex: 1 1 20.3125vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16818680654174307546.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 11.4583vw;
}
.section_6 {
  flex: 1 1 20.3125vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16818680654276408186.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 11.4583vw;
}
.section_7 {
  margin-right: 0.2604vw;
  flex: 1 1 20.3125vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16818680654379534978.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 11.4583vw;
}
.text-wrapper_3 {
  flex: 1 1 20.3125vw;
  padding: 1.0417vw 0;
  background-color: #ffffff;
  height: 3.125vw;
}
.text_6 {
  margin-left: 1.0938vw;
}
.font_4 {
  font-size: 0.9375vw;
  font-family: Source Han Sans CN;
  line-height: 1.0417vw;
  color: #333333;
}
.text_7 {
  margin-left: 1.1458vw;
}
.view {
  margin-right: 0.2604vw;
}
.text_8 {
  margin-left: 1.0938vw;
}
.section_8 {
  flex: 1 1 20.3125vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16818680654470051492.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 11.4583vw;
}
.section_9 {
  flex: 1 1 20.3125vw;
  background-color: #ffffff;
  height: 11.4583vw;
}
.image_7 {
  width: 8.5938vw;
  height: 11.5104vw;
}
.pos_2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.pos {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.view_2 {
  margin-right: 0.2604vw;
}
.text_9 {
  margin-left: 1.1458vw;
}
.view_3 {
  margin-right: 0.2604vw;
}
.text_10 {
  margin-left: 1.0938vw;
}
.text_11 {
  margin-left: 1.0938vw;
}
.text_12 {
  margin-left: 1.1458vw;
}
.view_4 {
  margin-right: 0.2604vw;
}
.text_13 {
  margin-left: 1.0938vw;
}
.pos_4 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.pos_3 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.view_5 {
  margin-right: 0.2604vw;
}
.space-y-32 > *:not(:first-child) {
  margin-top: 1.6667vw;
}
.text_14 {
  margin-left: 1.1458vw;
}
.view_6 {
  margin-right: 0.2604vw;
}
.text_15 {
  margin-left: 1.0938vw;
}
.group_6 {
  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_5 {
  font-size: 0.8333vw;
  font-family: Roboto;
  line-height: 0.6771vw;
  font-weight: 500;
}
.text_16 {
  color: #ffffff;
}
.text_17 {
  color: #333333;
  line-height: 0.625vw;
}
.image_8 {
  width: 1.875vw;
  height: 1.0417vw;
}
.video{
  display: none;
}
.video_box{
  width: 100%;
    height: 100%;
    position: fixed;
    background: #000;
    opacity: 0.6;
    z-index: 9999;
}
.video_play{
  width: 60%;left: 20%;position: fixed;z-index: 9999;top: 8vw;padding-bottom: 4vw;

}
.video_close{
  position: absolute;left: 0;right: 0;margin: auto;bottom: 0;width: 2.5vw;
}