.page {
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.section {
  padding: 1.719vw 6.771vw 1.458vw;
  background-color: #ffffff;
  box-shadow: 0px 0px 1.042vw #0000001a;
}
.image {
  width: 12.5vw;
  height: 1.563vw;
}
.space-x-86 > *:not(:first-child) {
  margin-left: 4.479vw;
}
.space-x-62 > *:not(:first-child) {
  margin-left: 3.229vw;
}
.space-x-11 > *:not(:first-child) {
  margin-left: 0.573vw;
}
.image_3 {
  width: 0.885vw;
  height: 1.042vw;
}
.font_1 {
  font-size: 0.938vw;
  font-family: Source Han Sans CN;
  line-height: 0.938vw;
  color: #333333;
}
.image_4 {
  width: 1.042vw;
  height: 1.042vw;
}
.image_5 {
  width: 0.99vw;
  height: 1.042vw;
}
.space-x-9 > *:not(:first-child) {
  margin-left: 0.469vw;
}
.text {
  color: #009fe3;
  font-size: 0.938vw;
  font-family: Source Han Sans CN;
  font-weight: 700;
  line-height: 0.729vw;
}
.image_2 {
  width: 2.24vw;
  height: 1.771vw;
}
.section_2 {
  background-color: #fafafa;
  height: 41.66vw;
  background-size: 100%;
  background-repeat: no-repeat;
}
.text_2 {
  color: #333333;
  font-size: 3.125vw;
  font-family: Source Han Sans CN;
  font-weight: 700;
  line-height: 3.021vw;
}
.text-wrapper {
  margin-left: 1.927vw;
  margin-top: 11.094vw;
  padding: 1.25vw 0;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16801632126907358831.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 12.5vw;
}
.font_3 {
  font-size: 0.938vw;
  font-family: Source Han Sans CN;
  line-height: 0.938vw;
  color: #ffffff;
}
.group {
  width: 92.031vw;
}
.pos {
  position: absolute;
  right: 0;
  top: 0;
}
.image-wrapper {
  margin-left: 27.24vw;
  padding: 5.156vw 0 4.688vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16801632126641013957.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 64.792vw;
}
.image_6 {
  margin-right: 3.438vw;
  width: 41.406vw;
  height: 31.823vw;
}
.group_2 {
  width: 33.33vw;
}
.pos_2 {
  position: absolute;
  left: 0;
  top: 17.396vw;
}
.font_2 {
  font-size: 1.25vw;
  font-family: Source Han Sans CN;
  line-height: 2.083vw;
  color: #666666;
}
.group_3 {
  padding: 4.688vw 6.25vw 4.688vw 6.771vw;
}
.section_3 {
  margin-bottom: 1px;
  margin-right: 0.521vw;
  padding: 13.49vw 3.021vw 3.125vw;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group_4 {
  width: 20.521vw;
}
.section_4 {
  background-color: #009fe3;
  width: 0.208vw;
  height: 4.583vw;
}
.group_5 {
  margin: 0.313vw 0;
  padding: 0 1.25vw;
}
.space-y-18 > *:not(:first-child) {
  margin-top: 0.938vw;
}
.font_4 {
  font-size: 2.083vw;
  font-family: Source Han Sans CN;
  line-height: 2.083vw;
  font-weight: 500;
  color: #ffffff;
}
.group_6 {
  margin-left: 1.51vw;
  width: 6.458vw;
}
.font_5 {
  line-height: 1.042vw;
  display: block;
  float: left;
  margin-right: 1vw;
  font-size: 0.833vw;
  font-family: Source Han Sans CN;
  color: #ffffff;
}
.image_7 {
  border-radius: 0.521vw;
  width: 1.875vw;
  height: 1.042vw;
}
.section_5 {
  padding: 13.542vw 3.021vw 3.125vw;
  flex: 1 1 43.177vw;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 24.063vw;
}
.text_3 {
  margin-left: 0.156vw;
}
.group_7 {
  padding: 0 1.51vw;
}
.section_6 {
  margin-left: 1px;
  margin-right: 0.521vw;
  padding: 13.542vw 3.021vw 3.125vw;
  flex: 1 1 43.177vw;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 24.063vw;
}
.group_8 {
  margin-left: 0.156vw;
  margin-top: 4.688vw;
}
.space-y-30 > *:not(:first-child) {
  margin-top: 1.563vw;
}
.font_6 {
  font-size: 2.604vw;
  font-family: Source Han Sans CN;
  line-height: 2.396vw;
  font-weight: 500;
  color: #333333;
}
.text_4 {
  line-height: 2.448vw;
}
.space-x-35 > *:not(:first-child) {
  margin-left: 1.823vw;
}
.section_7 {
  background-color: #009fe3;
  width: 4.271vw;
  height: 0.104vw;
}
.text_5 {
  color: #999999;
}
.group_9 {
  margin-top: 2.865vw;
}
.section_8 {
  float: left;
  margin-right: 1.04vw;
  padding: 1.042vw 0 1.875vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16801632131944694643.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 19.063vw;
  height: 26.354vw;
}
.text-wrapper_2 {
  padding: 0.6vw 1vw;
  background-color: #00000099;
  border-radius: 0.521vw;
 
}
.view {
  margin-left: 1.042vw;
}
.font_7 {
  font-size: 0.729vw;
  font-family: Source Han Sans CN;
  line-height: 0.677vw;
  color: #ffffff;
}
.text_6 {
  line-height: 0.729vw;
}
.image_8 {
  width: 2.188vw;
  height: 2.188vw;
}
.image_9 {
  margin-top: 9.323vw;
}
.group_12 {
  width: 13.333vw;
}
.view_2 {
  margin-top: 2.344vw;
}
.section_13 {
  padding: 0.417vw 0.469vw 0.417vw 0.729vw;
  background-color: #00000099;
  border-radius: 0.156vw;
}
.image_10 {
  width: 0.573vw;
  height: 0.573vw;
}
.group_13 {
  line-height: 0.677vw;
  height: 0.729vw;
}
.font_8 {
  font-size: 0.729vw;
  font-family: Roboto;
  line-height: 0.677vw;
  color: #ffffff;
}
.text_7 {
  line-height: 0.625vw;
}
.text_8 {
  line-height: 0.625vw;
}
.font_9 {
  font-size: 0.729vw;
  font-family: Roboto;
  line-height: 0.573vw;
  color: #ffffff;
}
.group_15 {
  margin-top: 0.781vw;
  line-height: 1.563vw;
}
.font_10 {
  font-size: 1.563vw;
  font-family: Source Han Sans CN;
  line-height: 1.563vw;
  font-weight: 500;
  color: #ffffff;
}
.group_17 {
  margin-top: 1.146vw;
  padding: 0 0.156vw;
}
.section_9 {
  padding: 1.042vw 1.042vw 1.875vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16801632133564044912.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 19.063vw;
  height: 26.354vw;
}
.section_10 {
  padding: 1.042vw 1.042vw 1.875vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16801632134437744437.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 19.063vw;
  height: 26.354vw;
}
.section_11 {
  padding: 1.042vw 1.042vw 1.875vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16801632136280136002.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 19.063vw;
  height: 26.354vw;
}
.space-y-266 > *:not(:first-child) {
  margin-top: 13.854vw;
}
.group_10 {
  width: 6.563vw;
}
.section_12 {
  padding: 1.042vw 0 1.927vw 1.042vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16801632136994551322.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group_11 {
  margin-top: 9.323vw;
}
.space-y-45 > *:not(:first-child) {
  margin-top: 2.344vw;
}
.section_14 {
  padding: 0.469vw 0 0.469vw 0.729vw;
  background-color: #00000099;
  border-radius: 0.156vw 0px 0px 0.156vw;
}
.space-x-10 > *:not(:first-child) {
  margin-left: 0.521vw;
}
.group_14 {
  line-height: 0.677vw;
  height: 0.677vw;
}
.text_9 {
  line-height: 0.625vw;
}
.text_10 {
  line-height: 0.625vw;
}
.group_18 {
  margin-top: 5.208vw;
  padding-left: 0.156vw;
}
.space-x-23 > *:not(:first-child) {
  margin-left: 1.198vw;
}
.image_11 {
  width: 0.26vw;
  height: 0.938vw;
}
.group_16 {
  line-height: 1.563vw;
  width: 5.469vw;
}
.pos_3 {
  position: absolute;
  right: 0;
  top: 19.01vw;
}
.group_19 {
  margin-top: 4.688vw;
}
.text_11 {
  color: #333333;
  font-size: 2.604vw;
  font-family: Roboto;
  font-weight: 500;
  line-height: 1.927vw;
}
.group_20 {
  margin-top: 2.865vw;
}
.text-wrapper_3 {
  padding: 28.177vw 0 2.031vw;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 28.75vw;
  height: 31.771vw;
}
.text_14 {
  margin-left: 2.135vw;
}
.group_21 {
  margin-right: 0.521vw;
}
.text-wrapper_4 {
  padding: 12.292vw 0 2.083vw;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 15.833vw;
}
.text_12 {
  margin-left: 2.031vw;
}
.text-wrapper_5 {
  padding: 12.292vw 0 2.083vw;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 23.958vw;
  height: 15.833vw;
}
.text_13 {
  margin-left: 2.083vw;
}
.text-wrapper_6 {
  padding: 12.396vw 0 1.875vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16801632141476989300.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 23.958vw;
  height: 15.833vw;
}
.text_15 {
  margin-left: 2.031vw;
}
.text-wrapper_7 {
  padding: 12.396vw 0 1.875vw;
  background-image: url('https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/6424df2ab98f5d00115f1a57/16801632141104145050.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 15.833vw;
}
.text_16 {
  margin-left: 2.083vw;
}
.text_17 {
  margin-top: 4.688vw;
}
.group_22 {
  margin-top: 2.865vw;
}
.section_15 {
  padding: 13.333vw 3.125vw 3.229vw;
  flex: 1 1 43.177vw;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: 23.958vw;
}
.group_23 {
  margin: 0.313vw 0;
  padding: 0 1.198vw;
}
.space-y-13 > *:not(:first-child) {
  margin-top: 0.677vw;
}
.text_18 {
  color: #ffffff;
  font-size: 2.083vw;
  font-family: Roboto;
  font-weight: 500;
  line-height: 2.083vw;
}

.space-y-35 > *:not(:first-child) {
  margin-top: 1.823vw;
}