.font_3 {
  font-size: 4.07vh;
  font-family: Adobe Heiti Std;
  line-height: 6.02vh;
  font-weight: 700;
  color: #ff483c;
}
.font_1 {
  font-size: 2.04vh;
  font-family: SourceHanSansCN;
  line-height: 1.94vh;
  font-weight: 500;
  color: #7e7e7e;
}
.font_2 {
  font-size: 2.04vh;
  font-family: SourceHanSansCN;
  line-height: 1.94vh;
  font-weight: 500;
  color: #4f8de5;
}
.group {
  position: relative;
}
.section_2 {
  opacity: 0.2;
  border-radius: 0.83vh;
  height: 6.02vh;
  border: solid 0.13vh #7d7d7d;
}
.page {
  background-color: #ffffff;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.view {
  flex: 1 1 auto;
}
.image-wrapper {
  margin-top: 69.54vh;
  padding-top: 10.56vh;
  background-image: url('../images/16691655653900838926.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 17.31vh;
  height: 30.46vh;
}
.text-wrapper {
  padding: 93.7vh 0 4.17vh;
  background-image: url('../images/16691655653873581538.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 133.8vh;
}
.group_2 {
  width: 38.61vh;
  position: absolute;
  right: 1.2vh;
  top: 38.33vh;
}
.group_8 {
  text-align: center;
  width: 45.91vh;
  position: absolute;
  right: 0;
  top: 23.19vh;
}
.image_2 {
  mix-blend-mode: multiply;
  width: 9.26vh;
  height: 19.91vh;
}
.text {
  margin-left: 15.65vh;
  color: #555454;
  font-size: 2.13vh;
  font-family: Alibaba;
  line-height: 2.13vh;
  letter-spacing: 0.43vh;
}
.group_4 {
  margin-top: 2.22vh;
}
.group_6 {
  margin-top: 3.43vh;
  padding: 0 0.93vh;
}
.text-wrapper_3 {
  margin-top: 2.96vh;
  padding: 2.13vh 0;
  background-image: linear-gradient(0deg, #f7cb6b 0%, #fba980 100%);
  border-radius: 0.83vh;
  width: 38.43vh;
}
.group_7 {
  padding-left: 0.93vh;
  padding-top: 2.31vh;
}
.group_5 {
  flex: 1 1 auto;
  width: 21.11vh;
  position: relative;
}
.text-wrapper_2 {
  margin-left: 2.04vh;
  margin-bottom: 0.37vh;
  padding: 1.85vh 0;
  flex-shrink: 0;
  background-color: #afafaf;
  width: 10.46vh;
  height: 5.56vh;
}
.image {
  margin-left: 1.57vh;
  flex-shrink: 0;
  align-self: center;
  width: 2.96vh;
  height: 2.22vh;
}
.section_4 {
  border-radius: 0.19vh;
  width: 1.85vh;
  height: 1.85vh;
  border: solid 0.13vh #7d7d7d;
}
.text_6 {
  color: #595959;
}
.text_7 {
  color: #fefefe;
  font-size: 3.06vh;
  font-family: SourceHanSansCN;
  font-weight: 500;
  line-height: 2.87vh;
}
.text_2 {
  line-height: 2.13vh;
  position: absolute;
  left: 2.04vh;
  top: 50%;
  transform: translateY(-50%);
}
.section_3 {
  opacity: 0.2;
  border-radius: 0.83vh;
  height: 5.93vh;
  border: solid 0.13vh #7d7d7d;
}
.text_3 {
  position: absolute;
  left: 1.94vh;
  top: 50%;
  transform: translateY(-50%);
}
.text_4 {
  position: absolute;
  left: 2.5vh;
  top: 50%;
  transform: translateY(-50%);
}
.text_5 {
  color: #7e7e7e;
  font-size: 2.5vh;
  font-family: SourceHanSerifCN;
  font-weight: 500;
  line-height: 1.85vh;
}
.space-x-40 > *:not(:first-child) {
  margin-left: 3.7vh;
}
.space-y-24 > *:not(:first-child) {
  margin-top: 2.22vh;
}
.space-x-6 > *:not(:first-child) {
  margin-left: 0.56vh;
}

input{height:5.91vh;border: 1px solid #ccc; padding: 7px 0px; border-radius: 3px; padding-left:5px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s } input:focus{ border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) }