* {
  margin: 0;
  padding: 0;
}

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

.page {
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.image {
  width: 100vw;
  height: 23.854vw;
}
.image_2 {
  width: 100vw;
  height: 58.229vw;
}
.text-wrapper_button {
  background-image: linear-gradient(180deg, #f6e97f 0%, #f0bf63 100%);
  border-radius: 5vw;
  padding: 2vw 5vw;
  margin: 5vw auto 0 auto;
  border: none;
  cursor: pointer;
}
.pos_12 {
  position: absolute;
  left: 50%;
  top: 47.188vw;
  transform: translateX(-50%);
}
.font_5 {
  font-size: 2.292vw;
  font-family: FZDHTJW;
  line-height: 2.188vw;
  color: #2b2937;
}
.group_2 {
  width: 75vw;
  margin-top: 5vw;
}
.group_3 {
  padding: 6vw 1.3vw 0 2vw;
  width: 25vw;
  height: 25vw;
  border-radius: 0 6vw 0 0;
  -webkit-border-radius: 0 6vw 0 0;
  -moz-border-radius: 0 6vw 0 0;
  -ms-border-radius: 0 6vw 0 0;
  -o-border-radius: 0 6vw 0 0;
}
.group_3 h3 {
  font-weight: normal;
  font-size: 2.1vw;
  letter-spacing: .2vw;
}

.view {
  flex: 1 1 24.167vw;
  background:linear-gradient(90deg,#e75f63, #dc494a);
}
.group_4 {
  line-height: 2.604vw;
}
.pos_9 {
  position: absolute;
  left: 50%;
  top: 13.177vw;
  transform: translateX(-50%);
}
.font_4 {
  font-size: 1.875vw;
  font-family: AlibabaPuHuiTiR;
  line-height: 2.604vw;
  color: #ffffff;
}
.section {
  position: relative;
  width: 100%;
  height: 4vw;
}
.section .line {
  background: #fff;
  width: 35%;
  height: 0.2vw;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto auto auto 0;
}
.pos_6 {
  position: absolute;
  left: 2.552vw;
  top: 10.99vw;
}
.text_2 {
  color: #ffffff;
  font-size: 2vw;
  line-height: 3vw;
}
.pos_3 {
  position: absolute;
  left: 50%;
  top: 6.302vw;
  transform: translateX(-50%);
}
.view_2 {
  flex: 1 1 24.167vw;
  background:linear-gradient(90deg,#794ff1, #663be5);
}
.pos_10 {
  position: absolute;
  left: 50%;
  top: 13.177vw;
  transform: translateX(-50%);
}
.pos_7 {
  position: absolute;
  left: 2.5vw;
  top: 10.99vw;
}
.font_3 {
  font-size: 2.292vw;
  font-family: FZDHTJW;
  line-height: 2.188vw;
  color: #ffffff;
}
.pos_4 {
  position: absolute;
  right: 1.042vw;
  top: 6.406vw;
}
.view_3 {
  flex: 1 1 24.167vw;
  background:linear-gradient(90deg,#5895e9, #4364e8);
}
.group_5 {
  margin-top: 6.771vw;
  line-height: 2.604vw;
}
.view_1 {
  margin-top: -7.396vw;
}
.text_3 {
  margin-top: -4.792vw;
}
.group {
  width: 55.313vw;
}
.font_1 {
  font-size: 4vw;
  font-family: FZSKJW;
  line-height: 4.01vw;
  color: #393939;
}
.text {
  line-height: 3.958vw;
}
.font_2 {
  font-size: 1.9vw;
  line-height: 1.979vw;
  color: #979797;
}
.image_3 {
  width: 100vw;
  height: 63.75vw;
}
.pos_23 {
  position: absolute;
  left: 50%;
  top: 52.917vw;
  transform: translateX(-50%);
}
.group_7 {
  width: 75vw;
  margin-top: 5vw;
}
.group_7_info {
  width: 75vw;
  font-size: 2vw;
  margin-top: 2vw;
  text-indent: 2em;
  color: #fff;
  text-align: center;
}

.space-x-24 > *:not(:first-child) {
  margin-left: 1.25vw;
}
.pos_2 {
  position: absolute;
  left: 50%;
  top: 17.813vw;
  transform: translateX(-50%);
}
.pos_14 {
  position: absolute;
  left: 50%;
  top: 18.073vw;
  transform: translateX(-50%);
}
.section_2 {
  padding: 0 1.354vw 1.354vw 1.875vw;
  flex: 1 1 17.813vw;
  background-color: #f6f3fe;
  box-shadow: 0px 0.156vw 0.783vw 0.05vw #8c8c8c59;
  border-radius: 1.042vw;
  /* width: 17.813vw; */
  height: 32vw;
}
.group_8 {
  padding: 1.5vw 0 0 0;
}
.image_4 {
  width: 6.354vw;
  height: 6.354vw;
}
.group_12 {
  padding-top: 1.25vw;
  width: 9.375vw;
}
.section_6 {
  background-color: #e3dcf5;
  border-radius: 0.208vw;
  height: 1.042vw;
}
.font_6 {
  font-size: 1.875vw;
  font-family: FZDHTJW;
  line-height: 1.823vw;
  color: #393939;
}
.font_8 {
  font-size: 1.458vw;
  font-family: Alibaba PuHuiTi;
  line-height: 1.406vw;
  font-weight: 500;
  color: #393939;
}
.text_9 {
  margin-top: 1.25vw;
  font-size: 1.3vw;
  font-weight: 550;
}
.group_16 {
  margin: 1vw 0 0 0;
  line-height: 2.083vw;
  text-align: center;
}
.font_9 {
  font-size: 1.4vw;
  line-height: 2vw;
  color: #393939;
}

.back_group {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 7vw 0;
}

.back_group1 {
  background-image: url(../images/ebf0ef623746fdea1832633ab37e7222.png);
}
.back_group2 {
  background-image: url(../images/8265d920bd7a21a68642f7585202d75d.png);
}
.back_group3 {
  background-image: url(../images/da496066f88d23c0e1ad8f232edca7f6.png);
}
.back_group4 {
  background-image: url(../images/0dc9706012780cbb14346b9ec3926224.png);
}
.back_group5 {
  background-image: url(../images/35f1d6db4d8d9c64563dc4d98c6e1fd6.png);
}



.group_20 {
  padding: 0.729vw 0;
  border: 3px solid #fecf1a;
  border-radius: 25px;
  margin-top: 1vw;
  background-color: transparent;
  cursor: pointer;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.font_10 {
  font-size: 1.146vw;
  font-family: AlibabaPuHuiTiR;
  line-height: 1.146vw;
  color: #393939;
}
.text_14 {
  margin-left: 0.99vw;
  margin-right: 0.729vw;
}
.image_6 {
  border-radius: 1.172vw;
  width: 10.885vw;
  height: 2.552vw;
}
.pos_19 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.section_3 {
  padding: 0 1.198vw 1.354vw;
  flex: 1 1 17.813vw;
  background-color: #f6f3fe;
  box-shadow: 0px 0.156vw 0.783vw 0.05vw #8c8c8c59;
  border-radius: 1.042vw;
  height: 30.521vw;
}
.group_9 {
  padding: 1.667vw 0 3.438vw;
}
.image_5 {
  width: 6.198vw;
  height: 6.198vw;
}
.group_13 {
  padding-top: 1.198vw;
  width: 9.375vw;
}
.font_7 {
  font-size: 1.875vw;
  font-family: FZDHTJW;
  line-height: 1.719vw;
  color: #393939;
}
.text_6 {
  width: 7.344vw;
}
.text_7 {
  font-weight: bold;
  font-size: 1.8vw;
  line-height: 2vw;
}
.pos_15 {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.text_8 {
  font-size: 1.823vw;
}
.pos_16 {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.text_10 {
  font-size: 1.406vw;
  line-height: 1.354vw;
}
.group_17 {
  line-height: 2.083vw;
  text-align: center;
  width: 13.281vw;
}
.group_21 {
  padding: 0.729vw 0;
  width: 10.938vw;
}
.pos_20 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.section_4 {
  padding: 0 2.031vw 1.354vw;
  flex: 1 1 17.813vw;
  background-color: #f6f3fe;
  box-shadow: 0px 0.156vw 0.783vw 0.05vw #8c8c8c59;
  border-radius: 1.042vw;
  width: 17.813vw;
  height: 30.521vw;
}
.group_10 {
  padding: 1.51vw 0 2.396vw;
}
.pos_17 {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.group_14 {
  padding-top: 1.25vw;
}
.space-y-13 > *:not(:first-child) {
  margin-top: 0.677vw;
}
.group_15 {
  line-height: 1.406vw;
  text-align: center;
}
.text_11 {
  font-size: 1.406vw;
}
.text_13 {
  font-size: 1.406vw;
}
.group_19 {
  margin-left: 0.677vw;
  line-height: 2.083vw;
  text-align: center;
}
.pos_21 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.section_5 {
  padding: 0 1.302vw 1.354vw;
  flex: 1 1 17.813vw;
  background-color: #f6f3fe;
  box-shadow: 0px 0.156vw 0.783vw 0.05vw #8c8c8c59;
  border-radius: 1.042vw;
  width: 17.813vw;
  height: 30.521vw;
}
.group_11 {
  padding: 1.458vw 0;
}
.space-y-25 > *:not(:first-child) {
  margin-top: 1.302vw;
}
.pos_18 {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
.text_12 {
  font-size: 1.406vw;
}
.group_18 {
  margin-left: 0.313vw;
  line-height: 2.083vw;
  text-align: center;
}
.pos_22 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.group_6 {
  margin-bottom: 5vw;
}
.text_4 {
  font-weight: normal;
  line-height: 4.063vw;
}
.text_5 {
  line-height: 1.563vw;
}
.image_7 {
  width: 100vw;
  height: 94.792vw;
}
.pos_27 {
  position: absolute;
  left: 50%;
  top: 83.542vw;
  transform: translateX(-50%);
}
.pos_26 {
  position: absolute;
  left: 50%;
  top: 32.24vw;
  transform: translateX(-50%);
}
.group_22 {
  flex: 1 1 24.167vw;
  width: 24.167vw;
  height: 46.25vw;
}
.image_9 {
  width: 24.115vw;
  height: 35vw;
}
.section_8 {
  padding: 2.396vw 1.094vw 3.854vw;
  background-color: #ffffff;
}
.space-y-24 > *:not(:first-child) {
  margin-top: 1.25vw;
}
.group_24 {
  margin-right: 0.521vw;
}
.space-x-75 > *:not(:first-child) {
  margin-left: 3.906vw;
}
.font_12 {
  font-size: 1.979vw;
  font-family: AlibabaPuHuiTiR;
  line-height: 1.823vw;
  color: #666666;
}
.text_18 {
  line-height: 1.875vw;
}
.font_13 {
  font-size: 2.083vw;
  font-family: AlibabaPuHuiTiR;
  line-height: 1.51vw;
  color: #666666;
}
.group_25 {
  margin-right: 0.417vw;
}
.space-x-61 > *:not(:first-child) {
  margin-left: 3.177vw;
}
.text_20 {
  line-height: 1.797vw;
}
.section_7 {
  padding: 3.906vw 1.875vw 2.448vw 2.396vw;
  background-color: #ffffff;
}
.space-y-22 > *:not(:first-child) {
  margin-top: 1.146vw;
}
.space-x-80 > *:not(:first-child) {
  margin-left: 4.167vw;
}
.text_16 {
  line-height: 1.875vw;
}
.space-x-58 > *:not(:first-child) {
  margin-left: 3.021vw;
}
.text_17 {
  line-height: 1.875vw;
}
.image_10 {
  width: 24.063vw;
  height: 35.052vw;
}
.section_9 {
  padding: 1.875vw 1.615vw;
  background-color: #ffffff;
}
.group_23 {
  margin-right: 0.417vw;
}
.text_19 {
  line-height: 1.875vw;
}
.group_26 {
  margin-right: 0.417vw;
}
.space-x-71 > *:not(:first-child) {
  margin-left: 3.698vw;
}
.text_21 {
  line-height: 1.927vw;
}
.image_8 {
  width: 74.115vw;
  height: 11.615vw;
}
.pos_25 {
  position: absolute;
  left: 50%;
  top: 17.188vw;
  transform: translateX(-50%);
}
.text_15 {
  line-height: 3.958vw;
}
.font_11 {
  font-size: 1.979vw;
  font-family: FZDALT_XIANJW;
  line-height: 1.979vw;
  color: #6f6f6f;
}
.section_10 {
  padding: 0 12.5vw 5.156vw;
  background-image: url('../images/0fef3c89684838caa7d1f37041f0ac77.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.group_27 {
  padding: 5.625vw 0 0;
}
.space-y-56 > *:not(:first-child) {
  margin-top: 2.917vw;
}
.text_22 {
  margin-left: 1.198vw;
}
.section_11 {
  padding: 5.677vw 0 7.292vw;
  background-color: #ecf4fe;
  width: 32vw;
  height: 31vw;
}
.section_11 p {
  font-size: 1.8vw;
  padding: 0 3vw;
  line-height: 2.8vw;
}
.space-y-41 > *:not(:first-child) {
  margin-top: 2.135vw;
}
.text_23 {
  color: #454545;
  font-size: 2.292vw;
  font-family: MicrosoftYaHeiSemibold;
  line-height: 2.188vw;
}
.image_12 {
  width: 25.677vw;
  height: 13.958vw;
}
.image_11 {
  width: 44vw;
  height: 25vw;
}
.image_13 {
  width: 100vw;
  height: 91.042vw;
}
.text-wrapper_3 {
  padding: 1.771vw 0;
  background-image: linear-gradient(180deg, #f6e97f 0%, #f0bf63 100%);
  border-radius: 2.813vw;
}
.pos_30 {
  position: absolute;
  left: 50%;
  top: 80.417vw;
  transform: translateX(-50%);
}
.text_27 {
  margin-left: 1.875vw;
  margin-right: 1.563vw;
}
.section_12 {
  padding: 2.604vw 1.823vw;
  background-color: #ffffff;
  border-radius: 1.25vw;
  width: 75vw;
}
.space-y-46 > *:not(:first-child) {
  margin-top: 2.396vw;
}
.pos_29 {
  position: absolute;
  left: 50%;
  top: 17.344vw;
  transform: translateX(-50%);
}
.section_13 {
  padding: 0 2vw 0 0;
  border-radius: 2.682vw;
  background-image: url('../images/f264680bf11290639ab24519a0757b1f.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.space-x-34 > *:not(:first-child) {
  margin-left: 1.771vw;
}
.text-wrapper_2 {
  padding: 1.458vw 2vw;
  background-color: #814ff0;
  border-radius: 2.656vw;
  height: 5vw;
}
.font_14 {
  font-size: 2.396vw;
  font-family: MicrosoftYaHeiSemibold;
  line-height: 2.344vw;
}
.text_25 {
  color: #ffffff;
}
.text_26 {
  color: #814ff0;
}
.group_29 {
  margin-right: 0.417vw;
}
.space-y-35 > *:not(:first-child) {
  margin-top: 1.823vw;
}
.pos_24 {
  position: absolute;
  left: 50%;
  top: 5.833vw;
  transform: translateX(-50%);
}
.pos {
  position: absolute;
  left: 50%;
  top: 5.833vw;
  transform: translateX(-50%);
}
.group_30 {
  margin-left: 0.885vw;
  margin-right: 1.563vw;
}
.image_15 {
  margin: 0.885vw 0 0.729vw;
  width: 30.938vw;
  height: 19.271vw;
}
.group_31 {
  width: 34.323vw;
  height: 20.885vw;
}
.space-y-17 > *:not(:first-child) {
  margin-top: 0.885vw;
}
.group_32 {
  width: 31.406vw;
}
.space-x-23 > *:not(:first-child) {
  margin-left: 1.198vw;
}
.image_14 {
  margin-top: 0.313vw;
  width: 1.25vw;
  height: 9.427vw;
}

.group_32 ul li:before {
  content: "";
  display: inline-block;
  width: 1vw;
  height: 1vw;
  background-color: #f8e46b;
  border-radius: 50%;
  margin-right:5px;
}

.font_15 {
    text-align: left;
  font-size: 1.7vw;
  font-family: Microsoft YaHei;
  line-height: 2.7vw;
  color: #814ff0;
  list-style-type: none;
}
.group_33 {
  margin-right: -0.938vw;
}
.space-y-18 > *:not(:first-child) {
  margin-top: 0.938vw;
}
.divider {
  height: 0.156vw;
  border: solid 0.0521vw #c8c8c8;
}
.group_34 {
  margin-left: 0.885vw;
  width: 62.552vw;
}
.space-x-62 > *:not(:first-child) {
  margin-left: 3.229vw;
}
.group_35 {
  height: 20.885vw;
}
.space-x-21 > *:not(:first-child) {
  margin-left: 1.094vw;
}
.image_16 {
  margin-top: 0.313vw;
  width: 1.25vw;
  height: 20.313vw;
}
.group_28 {
  width: 70vw;
  margin-bottom: 5vw;
}
.space-y-34 > *:not(:first-child) {
  margin-top: 1.5vw;
}
.pos_13 {
  position: absolute;
  left: 50%;
  top: 5.99vw;
  transform: translateX(-50%);
}
.pos_28 {
  position: absolute;
  left: 50%;
  top: 5.365vw;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.text_24 {
  line-height: 4.063vw;
}
.group_36 {
  margin: 5vw auto 0 auto;
  width: 74vw;
}
.space-y-72 > *:not(:first-child) {
  margin-top: 3.75vw;
}
.space-x-27 > *:not(:first-child) {
  margin-left: 1.406vw;
}
.group_37 {
  flex: 1 1 24.01vw;
  /* height: 45.104vw; */
}
.group_37_info {
  font-size: 1.3vw;
  margin-top: 1vw;
  line-height: 2vw;
}
.space-y-16 > *:not(:first-child) {
  margin-top: 0.833vw;
}
.image_17 {
  width: 24.01vw;
  height: 29.323vw;
}
.font_16 {
  font-size: 2.083vw;
  font-family: Microsoft YaHei;
  line-height: 1.979vw;
  color: #393939;
}
.text_28 {
  line-height: 2.031vw;
}
.font_17 {
  font-size: 1.563vw;
  font-family: Microsoft YaHei;
  line-height: 1.51vw;
  color: #393939;
}
.text_29 {
  margin-top: 0.938vw;
}
.image_19 {
  margin-top: 1.458vw;
  width: 20.365vw;
  height: 9.01vw;
}
.group_38 {
  flex: 1 1 24.01vw;
}
.image_18 {
  width: 24.01vw;
  height: 29.167vw;
}
.text_30 {
  margin-top: 0.677vw;
}
.image_20 {
  margin-top: 1.458vw;
  width: 20.365vw;
  height: 12.135vw;
}
.group_39 {
  flex: 1 1 24.01vw;
  height: 46.563vw;
}
.space-y-23 > *:not(:first-child) {
  margin-top: 1.198vw;
}
.text_31 {
  margin-top: 0.677vw;
}
.image_21 {
  margin-top: 1.458vw;
  width: 20vw;
  height: 10.573vw;
}
.text_32 {
  margin: 0 1.875vw;
}
.group_40 {
  margin-top: 5.052vw;
}
.image_22 {
  width: 100vw;
  height: 39.271vw;
}
.text-wrapper_4 {
  padding: 1.771vw 0;
  background-image: linear-gradient(180deg, #f6e97f 0%, #f0bf63 100%);
  border-radius: 2.813vw;
  width: 26.615vw;
}
.pos_33 {
  position: absolute;
  left: 50%;
  top: 28.438vw;
  transform: translateX(-50%);
}
.group_41 {
  width: 50.833vw;
  margin-top: 5vw;
}

.group_41 input {
  color: #fff;
  border: none;
  outline: none;
  font-size: 2vw;
  padding-left: 1vw;
}

.space-y-14 > *:not(:first-child) {
  margin-top: 0.729vw;
}
.pos_32 {
  position: absolute;
  left: 50%;
  top: 15.885vw;
  transform: translateX(-50%);
}
.font_18 {
  font-size: 2.5vw;
  font-family: MicrosoftYaHeiSemibold;
  line-height: 2.344vw;
  color: #6034d1;
}
.text_34 {
  line-height: 2.396vw;
}
.section_14 {
  background-color: #636363ab;
  border-radius: 0.208vw;
  width: 36.719vw;
  height: 4.323vw;
}
.text_35 {
  line-height: 2.396vw;
}
.pos_31 {
  position: absolute;
  left: 50%;
  top: 5.313vw;
  transform: translateX(-50%);
}
.text_33 {
  margin-left: 1.51vw;
}