.page {
  background-color: #f9f9f9;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.space-y-115 > *:not(:first-child) {
  margin-top: 5.99vw;
}

.group {
  margin-top: -0.833vw;
  padding-top: 0.833vw;
}
.section {
  padding: 1.719vw 6.771vw 1.458vw;
  background-color: #ffffff;
  box-shadow: 0px 0px 1.042vw #0000000d;
}
.image {
  width: 12.5vw;
  height: 1.563vw;
}
.space-x-86 > *:not(:first-child) {
  margin-left: 4.479vw;
}
.image_3 {
  width: 0.885vw;
  height: 1.042vw;
}
.font_2 {
  font-size: 0.938vw;
  font-family: Source Han Sans CN;
  line-height: 0.938vw;
  color: #333333;
}
.text {
  color: #009fe3;
}
.group_3 {
  margin-left: 3.594vw;
}
.image_4 {
  width: 1.042vw;
  height: 1.042vw;
}
.group_4 {
  margin-left: 3.229vw;
}
.space-x-11 > *:not(:first-child) {
  margin-left: 0.573vw;
}
.image_5 {
  width: 0.99vw;
  height: 1.042vw;
}
.space-x-9 > *:not(:first-child) {
  margin-left: 0.469vw;
}
.text_2 {
  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 {
  margin-top: 3.125vw;
  background-color: #ffffff;
  box-shadow: 0px 0px 1.042vw #0000000d;
  width: 67.708vw;
}
.space-x-48 > *:not(:first-child) {
  margin-left: 2.5vw;
  margin-right: 2.5vw;
}
.group_7 {
  margin-top: 3.125vw;
}
.image_6 {
  width: 5.729vw;
  height: 5.729vw;
}
.font_5 {
  font-size: 1.25vw;
  font-family: Source Han Sans CN;
  line-height: 1.172vw;
  font-weight: 500;
  color: #ffffff;
}
.text_5 {
  margin-top: 1.042vw;
  color: #333333;
  line-height: 1.198vw;
  font-weight: unset;
}
.group_10 {
  margin-top: 0.99vw;
  line-height: 0.833vw;
}
.font_3 {
  font-size: 0.833vw;
  font-family: Source Han Sans CN;
  line-height: 0.833vw;
  color: #666666;
}
.text_6 {
  color: #009fe3;
  font-size: 0.833vw;
  font-family: Source Han Sans CN;
  line-height: 0.625vw;
}


.section_1 {
  padding: 1.146vw 1.198vw 1.146vw 1.823vw;
  background-color: #fff;
  
}
.section_1 .font_6 {
  color: #333 !important;
}

.section_4 {
  padding: 1.146vw 1.198vw 1.146vw 1.823vw;
  background-color: #009fe3;
}
.space-x-84 > *:not(:first-child) {
  margin-left: 4.375vw;
}
.font_6 {
  font-size: 0.938vw;
  font-family: Source Han Sans CN;
  line-height: 0.833vw;
  color: #ffffff;
}
.text_7 {
  line-height: 0.885vw;
}
.text_8 {
  line-height: 0.885vw;
}
.font_7 {
  font-size: 0.938vw;
  font-family: Source Han Sans CN;
  line-height: 1.302vw;
  color: #333333;
}
.text_11 {
  margin-top: 1.667vw;
}
.text_13 {
  margin-top: 2.188vw;
}
.text_15 {
  margin-top: 2.188vw;
}
.section_3 {
  background-color: #eaeaea;
  width: 0.0521vw;
  height: 36.198vw;
}
.group_5 {
  margin-top: 2.917vw;
  width: 50.521vw;
}
.group_6 {
  padding-left: 0.469vw;
  padding-bottom: 1.719vw;
  border-bottom: solid 0.0521vw #eaeaea;
}
.text_3 {
  color: #333333;
  font-size: 1.667vw;
  font-family: Source Han Sans CN;
  line-height: 1.563vw;
}
.group_8 {
  margin-top: 0.625vw;
}
.space-x-13 > *:not(:first-child) {
  margin-left: 0.677vw;
}
.image_7 {
  width: 0.833vw;
  height: 0.833vw;
}
.group_9 {
  margin-top: 2.083vw;
  padding: 0 2.604vw;
}
.space-y-24 > *:not(:first-child) {
  margin-top: 1.25vw;
}
.font_4 {
  font-size: 0.833vw;
  font-family: Source Han Sans CN;
  line-height: 1.172vw;
  color: #666666;
}
.text_4 {
  margin-left: 0.885vw;
}
.group_11 {
  margin-top: 6.354vw;
  padding: 0 0.938vw;
}
.space-y-26 > *:not(:first-child) {
  margin-top: 1.354vw;
}
.text_9 {
  margin-left: 1.667vw;
}
.text_10 {
  margin-left: 1.615vw;
}
.text_12 {
  margin-left: 0.833vw;
}
.group_2 {
  width: 46.458vw;
}
.pos {
  position: absolute;
  left: 0;
  top: 0;
}
.font_1 {
  font-size: 0.833vw;
  font-family: Source Han Sans CN;
  line-height: 0.938vw;
  color: #666666;
}
.text_14 {
  color: #009fe3;
}
.pos_2 {
  position: absolute;
  left: 36.979vw;
  bottom: 19.271vw;
}
.avatar_btn{
  position: absolute;
  bottom: -5vw;
  left: 13vw;
  border: 1px solid #ddd;
  background: #fff;
  width: 6vw;
  line-height: 1.8vw;
  border-radius: 8px;
  color: #999;
}
.cancel_btn{
  width: 7vw;
    line-height: 2vw;
    height: 2vw;
    border: 1px solid #ddd;
    background: #fff;
    text-align: center;
    margin: 3vw 1vw 3vw 0;
    border-radius: 5px;
    float: right;
}
.sub_btn{
  width: 7vw;
    line-height: 2vw;
    height: 2vw;
    border: 1px solid #ddd;
    background: #009fe3;
    color: #fff;
    text-align: center;
    margin: 3vw 0;
    border-radius: 5px;
    float: right;
}

.image_y7 {
  width: 14.0625vw;
  height: 7.9167vw;
}
.image_y8 {
  margin-right: 0.2604vw;
}
.section_y4 {
  flex: 1 1 16.1458vw;
  padding: 0.9375vw 0.8333vw 1.25vw;
  background-color: #ffffff;
  width: 16.1458vw;
  height: 18.8542vw;
  border: solid 0.05208vw #eaeaea;
  margin: 1vw 0.3vw 0 0.25vw;
  float: left;
}
.font_y1 {
  font-size: 0.9375vw;
  font-family: Source Han Sans CN;
  line-height: 0.9375vw;
  color: #ffffff;
}
.font_y3 {
  font-size: 1.25vw;
  font-family: Source Han Sans CN;
  line-height: 0.9375vw;
  color: #009fe3;
}
.font_y4 {
  font-size: 0.8333vw;
  font-family: Source Han Sans CN;
  line-height: 1.2vw;
  color: #666666;
}
.text_y6 {
  margin-top: 1.0938vw;
}
.group_y10 {
  margin-top: 0.8854vw;
}
.font_y7 {
  font-size: 0.8333vw;
  font-family: Source Han Sans CN;
  line-height: 0.8333vw;
  color: #999999;
}
.group_y11 {
  margin-right: 0.2604vw;
  line-height: 0.7vw;
  height: 0.8333vw;
}
.font_y5 {
  font-size: 0.8333vw;
  font-family: Source Han Sans CN;
  line-height: 0.625vw;
  color: #009fe3;
}
.group_y14 {
  margin-top: 0.7813vw;
}
.group_y13 {
  margin-right: 0.2083vw;
}
.text-wrappery {
  padding: 0.5729vw 0;
  background-color: #009fe3;
  border-radius: 0.5208vw;
  width: 14.0625vw;
}
.view1 {
  margin-right: 0.2604vw;
  margin-top: 1.1458vw;
}

.group_d5 {
  padding: 0 0.469vw 1.667vw;
  border-bottom: solid 0.0521vw #eaeaea;
}
.space-x-d50 > *:not(:first-child) {
  margin-left: 2.604vw;
}
.space-x-d36 > *:not(:first-child) {
  margin-left: 1.875vw;
}
.font_d3 {
  font-size: 1.667vw;
  font-family: Source Han Sans CN;
  line-height: 1.563vw;
  color: #333333;
}
.text_d3 {
  color: #009fe3;
}
.text_d4 {
  margin-right: 16.563vw;
  line-height: 1.667vw;
}
.section_d4 {
  margin-top: 1.51vw;
  padding: 0.938vw 0.938vw 1.146vw;
  background-color: #ffffff;
  border: solid 0.0521vw #eaeaea;
}

.view2 {
  margin-top: 1.927vw;
}
.image_d7 {
  width: 18.75vw;
  height: 10.625vw;
}
.group_d7 {
  margin: 0.521vw 0 0.313vw 1.406vw;
}
.space-y-d46 > *:not(:first-child) {
  margin-top: 2.396vw;
}
.space-y-d12 > *:not(:first-child) {
  margin-top: 0.625vw;
}
.font_d5 {
  font-size: 0.833vw;
  font-family: Source Han Sans CN;
  line-height: 1.172vw;
  color: #999999;
}


.dui_back{
  display: none;width: 100%;height: 100%;background: #000;opacity: 0.6;position: absolute;z-index: 999;
}
.dui_box{
  display: none;    
    width: 20vw;
    margin: auto;
    padding: 2vw 4vw;
    border-radius: 5px;
    z-index: 9999;
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    top: 30%;
}
.chakan{
  width: 5vw;
      border: 1px solid #cccccc;
      background: #fff;
      color: #333;
      font-size: 0.2vw;
      line-height: 1.3vw;
      border-radius: 3px;float: left;
}
.queren{
  width: 5vw;
      border: 1px solid #cccccc;
      background: #009fe3;
      color: #fff;
      font-size: 0.2vw;
      line-height: 1.3vw;
      border-radius: 3px;float: right;
}
.wuliu{
  position: absolute;
  right: 1vw;
  bottom: 1vw;
  display: block;
  width: 7vw;
  font-size: 0.833vw;
  text-align: center;
  line-height: 2vw;
  background: #009fe3;
  color: #fff;
  border-radius: 0.5vw;
  cursor: pointer;
}


.group_w12 {
  padding: 0.104vw 0.833vw;
}
.space-x-w14 > *:not(:first-child) {
  margin-left: 0.729vw;
}
.group_w13 {
  margin-top: 0.156vw;
  padding-top: 0.313vw;
  width: 0.677vw;
}
.section_w5 {
  padding-bottom: 31.667vw;
  background-color: #eaeaea;
  width: 0.0521vw;
}
.section_w7 {
  background-color: #009fe3;
  height: 4.167vw;
}
.image_w8 {
  width: 0.677vw;
  height: 0.677vw;
}
.pos_w2 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.image_w9 {
  width: 0.365vw;
  height: 0.365vw;
}
.pos_w3 {
  position: absolute;
  right: 0.156vw;
  top: 4.688vw;
}
.pos_w4 {
  position: absolute;
  right: 0.156vw;
  top: 9.219vw;
}
.pos_w5 {
  position: absolute;
  right: 0.156vw;
  top: 13.75vw;
}
.pos_w6 {
  position: absolute;
  right: 0.156vw;
  bottom: 17.708vw;
}
.pos_w7 {
  position: absolute;
  right: 0.156vw;
  bottom: 13.177vw;
}
.pos_w8 {
  position: absolute;
  right: 0.156vw;
  bottom: 8.646vw;
}
.pos_w9 {
  position: absolute;
  right: 0.156vw;
  bottom: 4.115vw;
}
.font_w5 {
  font-size: 0.938vw;
  font-family: Source Han Sans CN;
  line-height: 0.938vw;
  color: #666666;
}
.text_w12 {
  line-height: 0.99vw;
}
.group_w14 {
  padding: 0 0.625vw;
}
.vieww {
  margin-top: 0.833vw;
}
.font_w7 {
  font-size: 0.833vw;
  font-family: Source Han Sans CN;
  line-height: 0.625vw;
  color: #999999;
}
.goback{
  position: absolute;
  right: 2vw;
  display: block;
  font-size: 1vw;
  color: #666;
}
.group_i6 {
  border-top: solid 0.05208vw #eaeaea;
}
.group_i7 {
  padding: 1.9792vw 0.2083vw 1.3542vw;
  border-bottom: solid 0.05208vw #eaeaea;
}
.group_i8 {
  margin-right: 3.2813vw;
}
.space-x-i209 > *:not(:first-child) {
  margin-left: 10.8854vw;
}
.font_i1 {
  font-size: 0.9375vw;
  font-family: Source Han Sans CN;
  line-height: 0.9375vw;
  color: #333333;
}
.group_i10 {
  margin-right: 2.9167vw;
}
.space-x-i236 > *:not(:first-child) {
  margin-left: 12.2917vw;
}
.group_i9 {
  padding: 1.4583vw 0.2083vw;
  border-bottom: solid 0.05208vw #eaeaea;
}