html {
  font-size: 10px;
}

body {
  margin: 0;
  font-family:'Microsoft Yahei';
}

body * {
  box-sizing: border-box;
  flex-shrink: 0;
}

.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;
}

/** 清理默认样式 **/

a {
  color: unset;
  text-decoration: unset;
}

button {
  padding: unset;
  border-style: unset;
  background-color: unset;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: unset;
  font-size: unset;
  font-weight: unset;
}

input,
textarea {
  padding: unset;
  outline: unset;
  border-style: unset;
  background-color: unset;
  resize: unset;
}

p {
  margin: unset;
}

select {
  outline: unset;
  border-style: unset;
}

table {
  border-spacing: unset;
}

ul,
ol {
  margin: unset;
  padding: unset;
  list-style-type: none;
}

.page {
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.image {
  width: 100vw;
  height: 23.9583vw;
}
.group {
  margin-top: 7.1875vw;
}
.font_1 {
  font-size: 4.1667vw;
  font-family: AlibabaPuHuiTiR;
  line-height: 3.8542vw;
  color: #424ad4;
}
.text {
  line-height: 3.9583vw;
}
.image_2 {
  width: 64.0625vw;
  height: 0.5729vw;
}
.group_2 {
  margin-top: 4.5833vw;
}
.space-x-24 > *:not(:first-child) {
  margin-left: 1.25vw;
}
.section {
  padding: 3.125vw 0 6.875vw;
  flex: 1 1 24.1667vw;
  background-color: #3a83e2;
  border-radius: 1.0417vw;
  width: 24.1667vw;
  height: 30.8333vw;
}
.font_2 {
  font-size: 2.1875vw;
  font-family: FZDHTJW;
  line-height: 2.0833vw;
  color: #ffffff;
}
.image_3 {
  width: 20.0521vw;
  height: 16.1458vw;
}
.section_2 {
  padding: 3.125vw 0 6.8229vw;
  flex: 1 1 24.1667vw;
  background-color: #6159ea;
  border-radius: 1.0417vw;
  width: 24.1667vw;
  height: 30.8333vw;
}
.image_4 {
  width: 20.0521vw;
  height: 16.1979vw;
}
.section_3 {
  padding: 3.125vw 0 4.4271vw;
  flex: 1 1 24.1667vw;
  background-color: #e89048;
  border-radius: 1.0417vw;
  width: 24.1667vw;
  height: 30.8333vw;
}
.space-y-50 > *:not(:first-child) {
  margin-top: 2.6042vw;
}
.image_5 {
  width: 20.0521vw;
  height: 18.5938vw;
}
.text-wrapper {
  padding: 1.6667vw 0;
  background-color: #424ad4;
  border-radius: 2.6042vw;
  width: 23.125vw;
}
.view {
  margin-top: 4.2708vw;
}
.font_3 {
  font-size: 2.1875vw;
  font-family: MicrosoftYaHeiSemibold;
  line-height: 2.1354vw;
  color: #ffffff;
  cursor: pointer;
}
.section_4 {
  margin-top: 5.2083vw;
  padding: 4.5313vw 12.5vw 4.6875vw;
  background-image: url('../images/7ac23af8c0227237dd64aaa10716cb56.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group_3 {
  margin: 0 5.4688vw;
}
.space-y-37 > *:not(:first-child) {
  margin-top: 1.9271vw;
}
.font_4 {
  font-size: 4.1667vw;
  font-family: AlibabaPuHuiTiR;
  line-height: 3.8542vw;
  color: #ffffff;
}
.group_4 {
  padding: 3.8542vw 0;
}
.space-y-62 > *:not(:first-child) {
  margin-top: 3.2292vw;
}
.group_5 {
  margin-left: 0.9375vw;
  margin-right: 0.7813vw;
}
.space-y-55 > *:not(:first-child) {
  margin-top: 2.8646vw;
}
.image_6 {
  width: 73.2813vw;
  height: 11.6667vw;
}
.text_3 {
  color: #ffffff;
  font-size: 2.0833vw;
  font-family: Microsoft YaHei;
  line-height: 2.0833vw;
}
.space-y-14 > *:not(:first-child) {
  margin-top: 0.7292vw;
}
.section_5 {
  padding: 2.2917vw 0 2.5vw;
  flex: 1 1 17.8125vw;
  background-color: #ffffff;
  box-shadow: 0px 0.4688vw #ffffff59;
  border-radius: 0.5208vw;
  height: 13.5417vw;
}
.image_7 {
  width: 5.1563vw;
  height: 5.3125vw;
}
.font_5 {
  font-size: 1.5vw;
  font-family: Microsoft YaHei;
  line-height: 1.5104vw;
  font-weight: 700;
  color: #333333;
}
.font_6 {
  font-size: 1.3542vw;
  font-family: Microsoft YaHei;
  line-height: 1.0417vw;
  font-weight: 700;
  color: #333333;
}
.section_6 {
  flex: 1 1 17.8125vw;
  padding: 2.2917vw 3.2813vw 2.5vw 3.5417vw;
  background-color: #ffffff;
  box-shadow: 0px 0.4688vw #ffffff59;
  border-radius: 0.5208vw;
  height: 13.5417vw;
}
.image_8 {
  width: 5.1563vw;
  height: 5.3646vw;
}
.section_7 {
  padding: 2.2917vw 3.3333vw 2.5vw 3.4896vw;
  flex: 1 1 17.8125vw;
  background-color: #ffffff;
  box-shadow: 0px 0.4688vw #ffffff59;
  border-radius: 0.5208vw;
  height: 13.5417vw;
}
.space-y-18 > *:not(:first-child) {
  margin-top: 0.9375vw;
}
.image_9 {
  width: 5.1042vw;
  height: 5.3125vw;
}
.image_10 {
  width: 5.1042vw;
  height: 5.2604vw;
}
.section_8 {
  padding: 2.0833vw 3.3333vw 2.7083vw 3.4896vw;
  flex: 1 1 17.8125vw;
  background-color: #ffffff;
  box-shadow: 0px 0.4688vw #ffffff59;
  border-radius: 0.5208vw;
  height: 13.5417vw;
}
.section_9 {
  padding: 2.0833vw 2.5521vw 2.7083vw 2.7083vw;
  flex: 1 1 17.8125vw;
  background-color: #ffffff;
  box-shadow: 0px 0.4688vw #ffffff59;
  border-radius: 0.5208vw;
  height: 13.5417vw;
}
.section_10 {
  padding: 2.0833vw 1.6667vw 2.7083vw;
  flex: 1 1 17.8125vw;
  background-color: #ffffff;
  box-shadow: 0px 0.4688vw #ffffff59;
  border-radius: 0.5208vw;
  height: 13.5417vw;
}
.section_11 {
  padding: 2.0833vw 3.2292vw 2.7083vw;
  flex: 1 1 17.8125vw;
  background-color: #ffffff;
  box-shadow: 0px 0.4688vw #ffffff59;
  border-radius: 0.5208vw;
  height: 13.5417vw;
}
.space-y-19 > *:not(:first-child) {
  margin-top: 0.9896vw;
}
.image_11 {
  width: 5.1563vw;
  height: 5.2604vw;
}
.group_6 {
  margin-top: 5.9896vw;
  width: 75vw;
}
.text_5 {
  line-height: 3.9063vw;
}
.group_7 {
  margin-top: 3.9583vw;
}
.section_12 {
  padding: 3.9063vw 4.375vw 3.75vw 5.0521vw;
  flex: 1 1 37.5vw;
  background-color: #ecf4fe;
  height: 21.875vw;
}
.font_7 {
  color: #454545;
  font-size: 2.1875vw;
  font-family: MicrosoftYaHeiSemibold;
  line-height: 2.0833vw;
}
.image_13 {
  width: 27.9687vw;
  height: 10.5729vw;
}
.image_12 {
  flex: 1 1 37.5vw;
  width: 37.2917vw;
  height: 21.875vw;
}
.image_14 {
  flex: 1 1 37.5vw;
  width: 37.5vw;
  height: 21.875vw;
}
.section_13 {
  padding: 3.75vw 5.0521vw;
  flex: 1 1 37.5vw;
  background-color: #ecf4fe;
  height: 21.875vw;
}
.section_13 p {
  font-size: 1.5vw;
}
.space-y-30 > *:not(:first-child) {
  margin-top: 1.5625vw;
}
.text_6 {
  color: #454545;
}
.image_15 {
  width: 27.2396vw;
  height: 10.5729vw;
}
.section_14 {
  flex: 1 1 37.5vw;
  background-color: #ecf4fe;
  width: 37.5vw;
  height: 21.875vw;
}
.view_2 {
  margin-top: 4.2188vw;
}
.section_15 {
  margin-top: 4.7917vw;
  padding: 5.4167vw 12.5vw 4.375vw;
  background-image: url('../images/607cfc16e5459decee89f471b1b95377.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.space-y-76 > *:not(:first-child) {
  margin-top: 3.9583vw;
}
.group_8 {
  margin: 0 5.4688vw;
}
.space-y-38 > *:not(:first-child) {
  margin-top: 1.9792vw;
}
.group_9 {
  flex: 1 1 24.1667vw;
  padding-top: 2.0833vw;
}
.group_9 ul li {
  list-style-type:disc;
  margin: 1vw 0;
}
.group_9 ul li::marker{
  color: #38f;
}
.section_16 {
  padding: 3.2813vw 0 2.3438vw;
  background-color: #ffffffeb;
  border-radius: 0.5208vw;
}
.font_9 {
  font-size: 0.9375vw;
  font-family: FZSKJW;
  line-height: 1.3021vw;
  color: #3b3b3b;
}
.font_10 {
  font-size: 0.9375vw;
  font-family: FZSKJW;
  line-height: 1.1979vw;
  color: #3b3b3b;
}
.text_8 {
  opacity: 0.88;
}
.text-wrapper_2 {
  padding: 0.7292vw 0;
  background-color: #424ad4;
  border-radius: 0.2083vw;
  width: 11.4583vw;
}
.pos {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.font_8 {
  font-size: 1.6667vw;
  font-family: Microsoft YaHei;
  line-height: 1.6146vw;
  color: #ffffff;
}
.section_17 {
  height: 27vw;
  padding: 2vw;
  background-color: #ffffffe0;
  border-radius: 0.5208vw;
}
.text_9 {
  line-height: 1.0938vw;
}
.pos_2 {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.section_18 {
  padding: 3.2813vw 0 4.3229vw;
  background-color: #ffffffe0;
  border-radius: 0.5208vw;
}
.group_11 {
  margin-left: 2.2396vw;
}
.space-y-12 > *:not(:first-child) {
  margin-top: 0.625vw;
}
.pos_3 {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.group_12 {
  margin-top: 5.5208vw;
}
.section_19 {
  width: 75vw;
  margin-top: 5.3646vw;
  padding: 2.6563vw 3.5937vw 2.0833vw;
  background-color: #ffffff;
  box-shadow: 0px 0px 1.5104vw #9d9d9d59;
  border-radius: 0.2083vw;
}
.image_16 {
  width: 18.6979vw;
  height: 22.8125vw;
}
.group_13 {
  margin: 0.5729vw 0.8333vw 0 3.0729vw;
  padding-top: 0.8333vw;
  width: 45.2083vw;
}

.group_13 h2 {
  font-size: 2vw;
}

.group_13 p {
  margin-top: 2vw;
  font-size: 1.5vw;
  text-align: left;
}

.image_18 {
  margin-right: 0.5729vw;
  border-radius: 0.2083vw;
  width: 44.6354vw;
  height: 21.9792vw;
}
.image_17 {
  width: 45.1563vw;
  height: 21.25vw;
}
.pos_4 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.view_3 {
  margin-top: 4.6875vw;
}
.text_1 {
  line-height: 2.0833vw;
}
.section_20 {
  margin-top: 5.1042vw;
  padding: 4.8438vw 12.0833vw 0;
  background-image: url('../images/87ae1f5f12fe9c9ded0a709c2e5a1a6c.png');
  background-size: 100% 100%;
}
.group_14 {
  margin: 0 4.1667vw;
}
.space-y-39 > *:not(:first-child) {
  margin-top: 2.0313vw;
}
.text_11 {
  color: #ffffff;
  font-size: 3vw;
  font-family: AlibabaPuHuiTiR;
  line-height: 3.3854vw;
}
.image_19 {
  margin-left: 1.7188vw;
}
.group_15 {
  padding: 4.5313vw 0 5vw;
}
.group_17 {
  margin-top: 1.3542vw;
  height: 25.5729vw;
}
.space-y-29 > *:not(:first-child) {
  margin-top: 1.5104vw;
}
.group_16 {
  margin-top: -0.5208vw;
}
.space-y-28 > *:not(:first-child) {
  margin-top: 1.4583vw;
}
.font_11 {
  font-size: 2.2917vw;
  font-family: AlibabaPuHuiTiR;
  line-height: 3.2031vw;
  color: #ffffff;
}
.text_14 {
  line-height: 2.6823vw;
}
.section_21 {
  margin-right: 0.4167vw;
  padding: 2.8646vw 2.1875vw 3.2292vw;
  background-color: #313b93e0;
  border-radius: 0.2083vw;
  width: 36.875vw;
  height: 34.0104vw;
}
.text_12 {
  color: #ffffff;
  font-size: 2.9167vw;
  font-family: FZSKJW;
  line-height: 2.8646vw;
}
.group_18 {
  margin-top: 3vw;
}
.view_4 {
  margin: 1vw 3vw;
  padding: 1.5vw 1.5vw;
  color: #fff;
  font-size: 1.5vw;
  background-color: rgba(0, 0, 0, .2);
}
.view_5 {
  margin-right: 0.4688vw;
  margin-top: 1.4583vw;
}
.text-wrapper_4 {
  margin: 2vw auto 0 auto;
  padding: 1.6667vw 0;
  background-color: #f85959;
  border-radius: 2.6042vw;
  width: 23.125vw;
}