/** 
* jQuery WeUI V1.2.1 
* By 言川
* http://lihongxun945.github.io/jquery-weui/
 */
.preloader {
  width: 20px;
  height: 20px;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: preloader-spin 1s steps(12, end) infinite;
  animation: preloader-spin 1s steps(12, end) infinite
}

.preloader:after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%
}

@-webkit-keyframes preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

label>* {
  pointer-events: none
}

html {
  font-size: 20px
}

body {
   -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
  font-size: 14px
}

@media only screen and (min-width:400px) {
  html {
    font-size: 21.33px !important
  }
}

@media only screen and (min-width:414px) {
  html {
    font-size: 22.08px !important
  }
}

@media only screen and (min-width:480px) {
  html {
    font-size: 25.6px !important
  }
}

.weui_navbar {
  z-index: 10
}

.weui-mask,
.weui-popup-container,
.weui-popup-overlay {
  z-index: 1000
}

.weui-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.weui-row>[class*=col-] {
  box-sizing: border-box
}

.weui-row .col-auto {
  width: 100%
}

.weui-row .weui-col-100 {
  width: 100%;
  width: calc((100% - 15px*0)/ 1)
}

.weui-row.weui-no-gutter .weui-col-100 {
  width: 100%
}

.weui-row .weui-col-95 {
  width: 95%;
  width: calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)
}

.weui-row.weui-no-gutter .weui-col-95 {
  width: 95%
}

.weui-row .weui-col-90 {
  width: 90%;
  width: calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)
}

.weui-row.weui-no-gutter .weui-col-90 {
  width: 90%
}

.weui-row .weui-col-85 {
  width: 85%;
  width: calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)
}

.weui-row.weui-no-gutter .weui-col-85 {
  width: 85%
}

.weui-row .weui-col-80 {
  width: 80%;
  width: calc((100% - 15px*.25)/ 1.25)
}

.weui-row.weui-no-gutter .weui-col-80 {
  width: 80%
}

.weui-row .weui-col-75 {
  width: 75%;
  width: calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)
}

.weui-row.weui-no-gutter .weui-col-75 {
  width: 75%
}

.weui-row .weui-col-66 {
  width: 66.66666666666666%;
  width: calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)
}

.weui-row.weui-no-gutter .weui-col-66 {
  width: 66.66666666666666%
}

.weui-row .weui-col-60 {
  width: 60%;
  width: calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)
}

.weui-row.weui-no-gutter .weui-col-60 {
  width: 60%
}

.weui-row .weui-col-50 {
  width: 50%;
  width: calc((100% - 15px*1)/ 2)
}

.weui-row.weui-no-gutter .weui-col-50 {
  width: 50%
}

.weui-row .weui-col-40 {
  width: 40%;
  width: calc((100% - 15px*1.5)/ 2.5)
}

.weui-row.weui-no-gutter .weui-col-40 {
  width: 40%
}

.weui-row .weui-col-33 {
  width: 33.333333333333336%;
  width: calc((100% - 15px*2)/ 3)
}

.weui-row.weui-no-gutter .weui-col-33 {
  width: 33.333333333333336%
}

.weui-row .weui-col-25 {
  width: 25%;
  width: calc((100% - 15px*3)/ 4)
}

.weui-row.weui-no-gutter .weui-col-25 {
  width: 25%
}

.weui-row .weui-col-20 {
  width: 20%;
  width: calc((100% - 15px*4)/ 5)
}

.weui-row.weui-no-gutter .weui-col-20 {
  width: 20%
}

.weui-row .weui-col-15 {
  width: 15%;
  width: calc((100% - 15px*5.666666666666667)/ 6.666666666666667)
}

.weui-row.weui-no-gutter .weui-col-15 {
  width: 15%
}

.weui-row .weui-col-10 {
  width: 10%;
  width: calc((100% - 15px*9)/ 10)
}

.weui-row.weui-no-gutter .weui-col-10 {
  width: 10%
}

.weui-row .weui-col-5 {
  width: 5%;
  width: calc((100% - 15px*19)/ 20)
}

.weui-row.weui-no-gutter .weui-col-5 {
  width: 5%
}

.weui-row .weui-col-auto:nth-last-child(1),
.weui-row .weui-col-auto:nth-last-child(1)~.weui-col-auto {
  width: 100%;
  width: calc((100% - 15px*0)/ 1)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(1)~.weui-col-auto {
  width: 100%
}

.weui-row .weui-col-auto:nth-last-child(2),
.weui-row .weui-col-auto:nth-last-child(2)~.weui-col-auto {
  width: 50%;
  width: calc((100% - 15px*1)/ 2)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(2)~.weui-col-auto {
  width: 50%
}

.weui-row .weui-col-auto:nth-last-child(3),
.weui-row .weui-col-auto:nth-last-child(3)~.weui-col-auto {
  width: 33.33333333%;
  width: calc((100% - 15px*2)/ 3)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(3)~.weui-col-auto {
  width: 33.33333333%
}

.weui-row .weui-col-auto:nth-last-child(4),
.weui-row .weui-col-auto:nth-last-child(4)~.weui-col-auto {
  width: 25%;
  width: calc((100% - 15px*3)/ 4)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(4)~.weui-col-auto {
  width: 25%
}

.weui-row .weui-col-auto:nth-last-child(5),
.weui-row .weui-col-auto:nth-last-child(5)~.weui-col-auto {
  width: 20%;
  width: calc((100% - 15px*4)/ 5)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(5)~.weui-col-auto {
  width: 20%
}

.weui-row .weui-col-auto:nth-last-child(6),
.weui-row .weui-col-auto:nth-last-child(6)~.weui-col-auto {
  width: 16.66666667%;
  width: calc((100% - 15px*5)/ 6)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(6)~.weui-col-auto {
  width: 16.66666667%
}

.weui-row .weui-col-auto:nth-last-child(7),
.weui-row .weui-col-auto:nth-last-child(7)~.weui-col-auto {
  width: 14.28571429%;
  width: calc((100% - 15px*6)/ 7)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(7)~.weui-col-auto {
  width: 14.28571429%
}

.weui-row .weui-col-auto:nth-last-child(8),
.weui-row .weui-col-auto:nth-last-child(8)~.weui-col-auto {
  width: 12.5%;
  width: calc((100% - 15px*7)/ 8)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(8)~.weui-col-auto {
  width: 12.5%
}

.weui-row .weui-col-auto:nth-last-child(9),
.weui-row .weui-col-auto:nth-last-child(9)~.weui-col-auto {
  width: 11.11111111%;
  width: calc((100% - 15px*8)/ 9)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(9)~.weui-col-auto {
  width: 11.11111111%
}

.weui-row .weui-col-auto:nth-last-child(10),
.weui-row .weui-col-auto:nth-last-child(10)~.weui-col-auto {
  width: 10%;
  width: calc((100% - 15px*9)/ 10)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(10)~.weui-col-auto {
  width: 10%
}

.weui-row .weui-col-auto:nth-last-child(11),
.weui-row .weui-col-auto:nth-last-child(11)~.weui-col-auto {
  width: 9.09090909%;
  width: calc((100% - 15px*10)/ 11)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(11)~.weui-col-auto {
  width: 9.09090909%
}

.weui-row .weui-col-auto:nth-last-child(12),
.weui-row .weui-col-auto:nth-last-child(12)~.weui-col-auto {
  width: 8.33333333%;
  width: calc((100% - 15px*11)/ 12)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(12)~.weui-col-auto {
  width: 8.33333333%
}

.weui-row .weui-col-auto:nth-last-child(13),
.weui-row .weui-col-auto:nth-last-child(13)~.weui-col-auto {
  width: 7.69230769%;
  width: calc((100% - 15px*12)/ 13)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(13)~.weui-col-auto {
  width: 7.69230769%
}

.weui-row .weui-col-auto:nth-last-child(14),
.weui-row .weui-col-auto:nth-last-child(14)~.weui-col-auto {
  width: 7.14285714%;
  width: calc((100% - 15px*13)/ 14)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(14)~.weui-col-auto {
  width: 7.14285714%
}

.weui-row .weui-col-auto:nth-last-child(15),
.weui-row .weui-col-auto:nth-last-child(15)~.weui-col-auto {
  width: 6.66666667%;
  width: calc((100% - 15px*14)/ 15)
}

.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15),
.weui-row.weui-no-gutter .weui-col-auto:nth-last-child(15)~.weui-col-auto {
  width: 6.66666667%
}

@media all and (min-width:768px) {
  .row .tablet-100 {
    width: 100%;
    width: calc((100% - 15px*0)/ 1)
  }

  .row.no-gutter .tablet-100 {
    width: 100%
  }

  .row .tablet-95 {
    width: 95%;
    width: calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)
  }

  .row.no-gutter .tablet-95 {
    width: 95%
  }

  .row .tablet-90 {
    width: 90%;
    width: calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)
  }

  .row.no-gutter .tablet-90 {
    width: 90%
  }

  .row .tablet-85 {
    width: 85%;
    width: calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)
  }

  .row.no-gutter .tablet-85 {
    width: 85%
  }

  .row .tablet-80 {
    width: 80%;
    width: calc((100% - 15px*.25)/ 1.25)
  }

  .row.no-gutter .tablet-80 {
    width: 80%
  }

  .row .tablet-75 {
    width: 75%;
    width: calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)
  }

  .row.no-gutter .tablet-75 {
    width: 75%
  }

  .row .tablet-66 {
    width: 66.66666666666666%;
    width: calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)
  }

  .row.no-gutter .tablet-66 {
    width: 66.66666666666666%
  }

  .row .tablet-60 {
    width: 60%;
    width: calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)
  }

  .row.no-gutter .tablet-60 {
    width: 60%
  }

  .row .tablet-50 {
    width: 50%;
    width: calc((100% - 15px*1)/ 2)
  }

  .row.no-gutter .tablet-50 {
    width: 50%
  }

  .row .tablet-40 {
    width: 40%;
    width: calc((100% - 15px*1.5)/ 2.5)
  }

  .row.no-gutter .tablet-40 {
    width: 40%
  }

  .row .tablet-33 {
    width: 33.333333333333336%;
    width: calc((100% - 15px*2)/ 3)
  }

  .row.no-gutter .tablet-33 {
    width: 33.333333333333336%
  }

  .row .tablet-25 {
    width: 25%;
    width: calc((100% - 15px*3)/ 4)
  }

  .row.no-gutter .tablet-25 {
    width: 25%
  }

  .row .tablet-20 {
    width: 20%;
    width: calc((100% - 15px*4)/ 5)
  }

  .row.no-gutter .tablet-20 {
    width: 20%
  }

  .row .tablet-15 {
    width: 15%;
    width: calc((100% - 15px*5.666666666666667)/ 6.666666666666667)
  }

  .row.no-gutter .tablet-15 {
    width: 15%
  }

  .row .tablet-10 {
    width: 10%;
    width: calc((100% - 15px*9)/ 10)
  }

  .row.no-gutter .tablet-10 {
    width: 10%
  }

  .row .tablet-5 {
    width: 5%;
    width: calc((100% - 15px*19)/ 20)
  }

  .row.no-gutter .tablet-5 {
    width: 5%
  }

  .row .tablet-auto:nth-last-child(1),
  .row .tablet-auto:nth-last-child(1)~.col-auto {
    width: 100%;
    width: calc((100% - 15px*0)/ 1)
  }

  .row.no-gutter .tablet-auto:nth-last-child(1),
  .row.no-gutter .tablet-auto:nth-last-child(1)~.tablet-auto {
    width: 100%
  }

  .row .tablet-auto:nth-last-child(2),
  .row .tablet-auto:nth-last-child(2)~.col-auto {
    width: 50%;
    width: calc((100% - 15px*1)/ 2)
  }

  .row.no-gutter .tablet-auto:nth-last-child(2),
  .row.no-gutter .tablet-auto:nth-last-child(2)~.tablet-auto {
    width: 50%
  }

  .row .tablet-auto:nth-last-child(3),
  .row .tablet-auto:nth-last-child(3)~.col-auto {
    width: 33.33333333%;
    width: calc((100% - 15px*2)/ 3)
  }

  .row.no-gutter .tablet-auto:nth-last-child(3),
  .row.no-gutter .tablet-auto:nth-last-child(3)~.tablet-auto {
    width: 33.33333333%
  }

  .row .tablet-auto:nth-last-child(4),
  .row .tablet-auto:nth-last-child(4)~.col-auto {
    width: 25%;
    width: calc((100% - 15px*3)/ 4)
  }

  .row.no-gutter .tablet-auto:nth-last-child(4),
  .row.no-gutter .tablet-auto:nth-last-child(4)~.tablet-auto {
    width: 25%
  }

  .row .tablet-auto:nth-last-child(5),
  .row .tablet-auto:nth-last-child(5)~.col-auto {
    width: 20%;
    width: calc((100% - 15px*4)/ 5)
  }

  .row.no-gutter .tablet-auto:nth-last-child(5),
  .row.no-gutter .tablet-auto:nth-last-child(5)~.tablet-auto {
    width: 20%
  }

  .row .tablet-auto:nth-last-child(6),
  .row .tablet-auto:nth-last-child(6)~.col-auto {
    width: 16.66666667%;
    width: calc((100% - 15px*5)/ 6)
  }

  .row.no-gutter .tablet-auto:nth-last-child(6),
  .row.no-gutter .tablet-auto:nth-last-child(6)~.tablet-auto {
    width: 16.66666667%
  }

  .row .tablet-auto:nth-last-child(7),
  .row .tablet-auto:nth-last-child(7)~.col-auto {
    width: 14.28571429%;
    width: calc((100% - 15px*6)/ 7)
  }

  .row.no-gutter .tablet-auto:nth-last-child(7),
  .row.no-gutter .tablet-auto:nth-last-child(7)~.tablet-auto {
    width: 14.28571429%
  }

  .row .tablet-auto:nth-last-child(8),
  .row .tablet-auto:nth-last-child(8)~.col-auto {
    width: 12.5%;
    width: calc((100% - 15px*7)/ 8)
  }

  .row.no-gutter .tablet-auto:nth-last-child(8),
  .row.no-gutter .tablet-auto:nth-last-child(8)~.tablet-auto {
    width: 12.5%
  }

  .row .tablet-auto:nth-last-child(9),
  .row .tablet-auto:nth-last-child(9)~.col-auto {
    width: 11.11111111%;
    width: calc((100% - 15px*8)/ 9)
  }

  .row.no-gutter .tablet-auto:nth-last-child(9),
  .row.no-gutter .tablet-auto:nth-last-child(9)~.tablet-auto {
    width: 11.11111111%
  }

  .row .tablet-auto:nth-last-child(10),
  .row .tablet-auto:nth-last-child(10)~.col-auto {
    width: 10%;
    width: calc((100% - 15px*9)/ 10)
  }

  .row.no-gutter .tablet-auto:nth-last-child(10),
  .row.no-gutter .tablet-auto:nth-last-child(10)~.tablet-auto {
    width: 10%
  }

  .row .tablet-auto:nth-last-child(11),
  .row .tablet-auto:nth-last-child(11)~.col-auto {
    width: 9.09090909%;
    width: calc((100% - 15px*10)/ 11)
  }

  .row.no-gutter .tablet-auto:nth-last-child(11),
  .row.no-gutter .tablet-auto:nth-last-child(11)~.tablet-auto {
    width: 9.09090909%
  }

  .row .tablet-auto:nth-last-child(12),
  .row .tablet-auto:nth-last-child(12)~.col-auto {
    width: 8.33333333%;
    width: calc((100% - 15px*11)/ 12)
  }

  .row.no-gutter .tablet-auto:nth-last-child(12),
  .row.no-gutter .tablet-auto:nth-last-child(12)~.tablet-auto {
    width: 8.33333333%
  }

  .row .tablet-auto:nth-last-child(13),
  .row .tablet-auto:nth-last-child(13)~.col-auto {
    width: 7.69230769%;
    width: calc((100% - 15px*12)/ 13)
  }

  .row.no-gutter .tablet-auto:nth-last-child(13),
  .row.no-gutter .tablet-auto:nth-last-child(13)~.tablet-auto {
    width: 7.69230769%
  }

  .row .tablet-auto:nth-last-child(14),
  .row .tablet-auto:nth-last-child(14)~.col-auto {
    width: 7.14285714%;
    width: calc((100% - 15px*13)/ 14)
  }

  .row.no-gutter .tablet-auto:nth-last-child(14),
  .row.no-gutter .tablet-auto:nth-last-child(14)~.tablet-auto {
    width: 7.14285714%
  }

  .row .tablet-auto:nth-last-child(15),
  .row .tablet-auto:nth-last-child(15)~.col-auto {
    width: 6.66666667%;
    width: calc((100% - 15px*14)/ 15)
  }

  .row.no-gutter .tablet-auto:nth-last-child(15),
  .row.no-gutter .tablet-auto:nth-last-child(15)~.tablet-auto {
    width: 6.66666667%
  }
}

.weui-cell__hd img {
  display: block;
  margin-right: 5px
}

.weui-cell_swiped .weui-cell__bd {
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s
}

.swipeout-touching .weui-cell__bd {
  -webkit-transition: none;
  transition: none
}

.weui-dialog,
.weui-toast {
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  visibility: hidden;
  margin: 0;
  top: 45%;
  z-index: 2000
}

.weui-dialog .weui-dialog__btn.default,
.weui-toast .weui-dialog__btn.default {
  color: #5f646e
}

.weui-dialog .weui-dialog__btn+.weui-dialog__btn,
.weui-toast .weui-dialog__btn+.weui-dialog__btn {
  position: relative
}

.weui-dialog .weui-dialog__btn+.weui-dialog__btn:after,
.weui-toast .weui-dialog__btn+.weui-dialog__btn:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #D5D5D6;
  color: #D5D5D6;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5)
}

.weui-dialog.weui-dialog--visible,
.weui-dialog.weui-toast--visible,
.weui-toast.weui-dialog--visible,
.weui-toast.weui-toast--visible {
  opacity: 1;
  visibility: visible
}

.weui-toast_forbidden {
  color: #F76260
}

.weui-toast_cancel .weui-icon-toast:before {
  content: "\EA0D"
}

.weui-toast_forbidden .weui-icon-toast:before {
  content: "\EA0B";
  color: #F76260
}

.weui-toast_text {
  min-height: 1em;
  width: auto;
  height: 45px;
  border-radius: 25px;
  margin-left: 0;
  -webkit-transform: scale(.9) translate3d(-50%, 0, 0);
  transform: scale(.9) translate3d(-50%, 0, 0);
  -webkit-transform-origin: left;
  transform-origin: left
}

.weui-toast_text.weui-toast--visible {
  -webkit-transform: scale(1) translate3d(-50%, 0, 0);
  transform: scale(1) translate3d(-50%, 0, 0)
}

.weui-toast_text .weui-icon-toast {
  display: none
}

.weui-toast_text .weui-toast_content {
  margin: 10px 15px
}

.weui-mask {
  opacity: 0;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  visibility: hidden
}

.weui-mask.weui-mask--visible {
  opacity: 1;
  visibility: visible
}

.weui-prompt-input {
  padding: 4px 6px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  height: 2em;
  width: 80%;
  margin-top: 10px
}

.weui-pull-to-refresh {
  margin-top: -50px;
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s
}

.weui-pull-to-refresh.refreshing {
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0)
}

.weui-pull-to-refresh.touching {
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

.weui-pull-to-refresh__layer {
  height: 30px;
  line-height: 30px;
  padding: 10px;
  text-align: center
}

.weui-pull-to-refresh__layer .down {
  display: inline-block
}

.weui-pull-to-refresh__layer .refresh,
.weui-pull-to-refresh__layer .up {
  display: none
}

.weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow {
  display: inline-block;
  z-index: 10;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  vertical-align: -4px;
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E") center no-repeat;
  background-size: 13px 20px;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transform: rotate(0) translate3d(0, 0, 0);
  transform: rotate(0) translate3d(0, 0, 0)
}

.weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader {
  display: none;
  vertical-align: -4px;
  margin-right: 4px;
  width: 20px;
  height: 20px;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: preloader-spin 1s steps(12, end) infinite;
  animation: preloader-spin 1s steps(12, end) infinite
}

.weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader:after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%
}

.pull-up .weui-pull-to-refresh__layer .down,
.refreshing .weui-pull-to-refresh__layer .down {
  display: none
}

.pull-up .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow {
  display: inline-block;
  -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
  transform: rotate(180deg) translate3d(0, 0, 0)
}

.pull-down .weui-pull-to-refresh__layer .down,
.pull-down .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow,
.pull-up .weui-pull-to-refresh__layer .up {
  display: inline-block
}

.refreshing .weui-pull-to-refresh__layer .weui-pull-to-refresh__arrow {
  display: none
}

.refreshing .weui-pull-to-refresh__layer .refresh,
.refreshing .weui-pull-to-refresh__layer .weui-pull-to-refresh__preloader {
  display: inline-block
}

@keyframes preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.weui-tab__bd-item.weui-pull-to-refresh {
  position: absolute;
  top: 50px
}

.toolbar,
.weui-tabbar__item {
  position: relative
}

.weui-tabbar__item.weui-bar__item--on .weui-tabbar__label {
  color: #04BE02
}

.weui-navbar__item {
  color: #888
}

.weui-navbar__item.weui-bar__item--on {
  color: #666;
  background-color: #f1f1f1
}

.toolbar,
.toolbar .title {
  font-size: .85rem;
  color: #3d4145;
  width: 100%
}

.weui-tab__bd {
  box-sizing: border-box;
  height: 100%
}

.weui-tab__bd .weui-tab__bd-item {
  display: none;
  height: 100%;
  overflow: auto
}

.weui-tab__bd .weui-tab__bd-item.weui-tab__bd-item--active {
  display: block
}

.weui-navbar+.weui-tab__bd {
  padding-top: 50px
}

.toolbar {
  line-height: 1.5;
  background: #f7f7f8
}

.toolbar:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #d9d9d9;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .toolbar:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
  .toolbar:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
  }
}

.toolbar .toolbar-inner {
  height: 2.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center
}

.toolbar .title {
  position: absolute;
  display: block;
  padding: 0;
  font-weight: 400;
  line-height: 2.2rem;
  text-align: center;
  white-space: nowrap
}

.toolbar .picker-button {
  position: absolute;
  right: 0;
  box-sizing: border-box;
  height: 2.2rem;
  line-height: 2.2rem;
  color: #04BE02;
  z-index: 1;
  padding: 0 .5rem
}

.weui-picker-modal {
  width: 100%;
  position: absolute;
  bottom: 0;
  text-align: center;
  border-radius: 0;
  opacity: .6;
  color: #3d4145;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  height: 13rem;
  background: #EFEFF4;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform
}

.weui-picker-modal.picker-modal-inline {
  height: 10.8rem;
  opacity: 1;
  position: static;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.weui-picker-modal.picker-modal-inline .toolbar {
  display: none
}

.weui-picker-modal.picker-columns-single .picker-items-col {
  width: 100%
}

.weui-picker-modal.weui-picker-modal-visible {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.weui-picker-modal .picker-modal-inner {
  position: relative;
  height: 10.8rem
}

.weui-picker-modal .picker-columns {
  width: 100%;
  height: 13rem;
  z-index: 11500
}

.popover .weui-picker-modal .picker-columns,
.weui-picker-modal .picker-columns.picker-modal-inline {
  height: 10rem
}

@media (orientation:landscape) and (max-height:415px) {
  .weui-picker-modal .picker-columns:not(.picker-modal-inline) {
    height: 10rem
  }
}

.weui-picker-modal .popover.popover-picker-columns {
  width: 14rem
}

.weui-picker-modal .picker-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 0;
  text-align: right;
  font-size: 1rem;
  font-weight: 400;
  -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
  -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent)
}

.weui-picker-modal .bar+.picker-items {
  height: 10.8rem
}

.weui-picker-modal .picker-items-col {
  overflow: hidden;
  position: relative;
  max-height: 100%
}

.weui-picker-modal .picker-items-col.picker-items-col-left {
  text-align: left
}

.weui-picker-modal .picker-items-col.picker-items-col-center {
  text-align: center
}

.weui-picker-modal .picker-items-col.picker-items-col-right {
  text-align: right
}

.weui-picker-modal .picker-items-col.picker-items-col-divider {
  color: #3d4145;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.weui-picker-modal .picker-items-col-wrapper {
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.weui-picker-modal .picker-item {
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #9b9b9b;
  left: 0;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: .3s;
  transition: .3s
}

.picker-items-col-absolute .weui-picker-modal .picker-item {
  position: absolute
}

.weui-picker-modal .picker-item.picker-item-far {
  pointer-events: none
}

.weui-picker-modal .picker-item.picker-selected {
  color: #3d4145;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: rotateX(0);
  transform: rotateX(0)
}

.weui-picker-modal .picker-center-highlight {
  height: 32px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -16px;
  pointer-events: none
}

.weui-picker-modal .picker-center-highlight:after,
.weui-picker-modal .picker-center-highlight:before {
  content: '';
  position: absolute;
  right: auto;
  height: 1px;
  background-color: #D9D9D9;
  display: block;
  z-index: 15;
  left: 0;
  width: 100%
}

.weui-picker-modal .picker-center-highlight:before {
  top: 0;
  bottom: auto;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .weui-picker-modal .picker-center-highlight:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
  .weui-picker-modal .picker-center-highlight:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
  }
}

.weui-picker-modal .picker-center-highlight:after {
  bottom: 0;
  top: auto;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .weui-picker-modal .picker-center-highlight:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
  .weui-picker-modal .picker-center-highlight:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
  }
}

.weui-picker-modal .picker-3d .picker-items {
  overflow: hidden;
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.weui-picker-modal .picker-3d .picker-item,
.weui-picker-modal .picker-3d .picker-items-col,
.weui-picker-modal .picker-3d .picker-items-col-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.weui-picker-modal .picker-3d .picker-items-col {
  overflow: visible
}

.weui-picker-modal .picker-3d .picker-item {
  -webkit-transform-origin: center center -110px;
  transform-origin: center center -110px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.weui-picker-container,
.weui-picker-overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  width: 100%;
  z-index: 1000
}

.picker-calendar-row:after,
.picker-calendar-week-days:after {
  content: '';
  z-index: 15;
  left: 0;
  right: auto
}

.city-picker .picker-items-col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 7rem
}

.weui-picker-container .weui-cells {
  margin: 0;
  text-align: left
}

.datetime-picker .picker-item {
  text-overflow: initial
}

.weui-select-modal {
  height: auto
}

.weui-select-modal .weui-cells {
  margin: 0;
  text-align: left;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 16rem
}

.weui-select-modal .weui-cells:after {
  display: none
}

.weui-picker-calendar {
  background: #fff;
  height: 15rem;
  width: 100%;
  overflow: hidden
}

.weui-picker-calendar .picker-modal-inner {
  overflow: hidden;
  height: 12.8rem
}

.picker-calendar-week-days {
  height: .9rem;
  background: #f7f7f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  box-sizing: border-box;
  position: relative
}

.picker-calendar-week-days:after {
  position: absolute;
  bottom: 0;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #c4c4c4;
  display: block;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .picker-calendar-week-days:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
  .picker-calendar-week-days:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
  }
}

.picker-calendar-week-days .picker-calendar-week-day {
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 14.28571429%;
  width: calc(100% / 7);
  line-height: 17px;
  text-align: center
}

.picker-calendar-week-days+.picker-calendar-months {
  height: 11.9rem
}

.picker-calendar-months {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative
}

.picker-calendar-months-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transition: .3s;
  transition: .3s
}

.picker-calendar-month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.picker-calendar-row {
  height: 16.66666667%;
  height: calc(100% / 6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 100%;
  position: relative
}

.picker-calendar-row:after {
  position: absolute;
  bottom: 0;
  top: auto;
  height: 1px;
  width: 100%;
  background-color: #ccc;
  display: block;
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
  .picker-calendar-row:after {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {
  .picker-calendar-row:after {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
  }
}

.weui-picker-modal .picker-calendar-row:last-child:after {
  display: none
}

.picker-calendar-day {
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  box-sizing: border-box;
  width: 14.28571429%;
  width: calc(100% / 7);
  text-align: center;
  color: #3d4145;
  font-size: 15px;
  cursor: pointer
}

.picker-calendar-day.picker-calendar-day-next,
.picker-calendar-day.picker-calendar-day-prev {
  color: #ccc
}

.picker-calendar-day.picker-calendar-day-disabled {
  color: #d4d4d4;
  cursor: auto
}

.picker-calendar-day.picker-calendar-day-today span {
  background: #e3e3e3
}

.picker-calendar-day.picker-calendar-day-selected span {
  background: #04BE02;
  color: #fff
}

.picker-calendar-day span {
  display: inline-block;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  line-height: 30px
}

.picker-calendar-month-picker,
.picker-calendar-year-picker {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 50%;
  max-width: 200px;
  -webkit-flex-shrink: 10;
  -ms-flex-negative: 10;
  flex-shrink: 10
}

.picker-calendar-month-picker span,
.picker-calendar-year-picker span {
  -webkit-flex-shrink: 1;
  -ms-flex: 0 1 auto;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis
}

.picker-calendar.picker-modal-inline .picker-calendar-week-days,
.popover .picker-calendar .picker-calendar-week-days {
  background: 0 0
}

.swiper-button-next,
.swiper-button-prev,
i.icon {
  background-position: center;
  background-repeat: no-repeat
}

.picker-calendar.picker-modal-inline .picker-calendar-week-days:after,
.picker-calendar.picker-modal-inline .picker-calendar-week-days:before,
.picker-calendar.picker-modal-inline .toolbar:after,
.picker-calendar.picker-modal-inline .toolbar:before,
.popover .picker-calendar .picker-calendar-week-days:after,
.popover .picker-calendar .picker-calendar-week-days:before,
.popover .picker-calendar .toolbar:after,
.popover .picker-calendar .toolbar:before {
  display: none
}

.picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,
.picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,
.popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,
.popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: auto;
  right: auto;
  height: 1px;
  width: 100%;
  background-color: #c4c4c4;
  display: block;
  z-index: 15;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {

  .picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,
  .picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,
  .popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,
  .popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before {
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5)
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:3) {

  .picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,
  .picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,
  .popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,
  .popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before {
    -webkit-transform: scaleY(.33);
    transform: scaleY(.33)
  }
}

.picker-calendar-month-picker,
.picker-calendar-year-picker {
  display: block;
  line-height: 2.2rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.picker-calendar-month-picker a.icon-only,
.picker-calendar-year-picker a.icon-only {
  min-width: 36px;
  float: left;
  width: 25%;
  height: 2.2rem;
  line-height: 2rem
}

.picker-calendar-month-picker .current-month-value,
.picker-calendar-month-picker .current-year-value,
.picker-calendar-year-picker .current-month-value,
.picker-calendar-year-picker .current-year-value {
  float: left;
  width: 50%;
  height: 2.2rem
}

i.icon {
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
  font-style: normal;
  position: relative
}

i.icon.icon-next,
i.icon.icon-prev {
  width: .75rem;
  height: .75rem
}

.swiper-slide,
.swiper-wrapper {
  width: 100%;
  height: 100%;
  position: relative
}

i.icon.icon-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

i.icon.icon-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%2304BE02'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
  float: left
}

.swiper-container-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column
}

.swiper-wrapper {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #04BE02
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px
}

.swiper-pagination-progress {
  background: rgba(0, 0, 0, .25);
  position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-vertical>.swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -ms-perspective: 1200px
}

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg)
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.weui-actionsheet {
  z-index: 10000
}

.weui-popup__container,
.weui-popup__overlay {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 10
}

.weui-popup__overlay {
  background-color: rgba(0, 0, 0, .6);
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.weui-popup__container {
  display: none
}

.weui-popup__container.weui-popup__container--visible {
  display: block
}

.weui-popup__container .weui-cells {
  margin: 0;
  text-align: left
}

.weui-popup__modal {
  width: 100%;
  position: absolute;
  z-index: 100;
  bottom: 0;
  border-radius: 0;
  opacity: .6;
  color: #3d4145;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  height: 100%;
  background: #EFEFF4;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  overflow-x: hidden;
  overflow-y: auto
}

.popup-bottom .weui-popup__modal {
  height: auto
}

.weui-popup__modal .toolbar {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 1
}

.weui-popup__modal .modal-content {
  height: 100%;
  padding-top: 2.2rem;
  overflow: auto;
  box-sizing: border-box
}

.weui-popup__container--visible .weui-popup__overlay {
  opacity: 1
}

.weui-popup__container--visible .weui-popup__modal {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.weui-notification {
  position: fixed;
  width: 100%;
  min-height: 3.4rem;
  top: -2rem;
  padding-top: 2rem;
  left: 0;
  right: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, .85);
  color: #fff;
  font-size: .65rem;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: .4s;
  transition: .4s
}

.weui-notification.weui-notification--in {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.weui-notification.weui-notification--touching {
  -webkit-transition-duration: 0s;
  transition-duration: 0s
}

.weui-notification .weui-notification__inner {
  padding: .4rem .6rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.weui-notification .weui-notification__content {
  width: 100%;
  margin: 0 .4rem
}

.weui-notification .weui-notification__title {
  font-weight: 700
}

.weui-notification .weui-notification__text {
  line-height: 1
}

.weui-notification .weui-notification__media {
  height: 1rem;
  width: 1rem
}

.weui-notification .weui-notification__media img {
  width: 100%
}

.weui-notification .weui-notification__handle-bar {
  position: absolute;
  bottom: .2rem;
  left: 50%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  width: 2rem;
  height: .3rem;
  border-radius: .15rem;
  background: #fff;
  opacity: .5
}

.weui-photo-browser-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  display: none;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.weui-photo-browser-modal.weui-photo-browser-modal-visible {
  opacity: 1
}

.weui-photo-browser-modal .swiper-container {
  height: 100%;
  -webkit-transform: scale(.2);
  transform: scale(.2);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s
}

.weui-photo-browser-modal .swiper-container .swiper-pagination-bullet {
  background: #fff;
  visibility: hidden
}

.weui-photo-browser-modal .swiper-container.swiper-container-visible {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.weui-photo-browser-modal .swiper-container.swiper-container-visible .swiper-pagination-bullet {
  visibility: visible;
  -webkit-transition-property: visibility;
  transition-property: visibility;
  -webkit-transition-delay: .5s;
  transition-delay: .5s
}

.weui-photo-browser-modal .swiper-container .swiper-pagination {
  bottom: 10px;
  left: 0;
  width: 100%
}

.weui-photo-browser-modal .photo-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden
}

.weui-photo-browser-modal .photo-container img {
  max-width: 100%;
  margin-top: -30px
}

.weui-photo-browser-modal .caption {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
  padding: 0 12px;
  min-height: 3rem;
  font-size: 14px;
  z-index: 10;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
  opacity: 0
}

.weui-photo-browser-modal .caption .caption-item {
  display: none;
  opacity: 0;
  -webkit-transition: opacity .15s;
  transition: opacity .15s
}

.weui-photo-browser-modal .caption .caption-item.active {
  display: block;
  opacity: 1
}

.weui-photo-browser-modal .swiper-container-visible .caption {
  opacity: 1
}

.color-primary {
  color: #04BE02
}

.color-danger,
.color-error {
  color: #f6383a
}

.color-warning {
  color: #f60
}

.color-success {
  color: #4cd964
}

.bg-danger,
.bg-error,
.bg-primary,
.bg-success,
.bg-warning {
  color: #fff
}

.bg-primary {
  background-color: #04BE02
}

.bg-danger,
.bg-error {
  background-color: #f6383a
}

.bg-warning {
  background-color: #f60
}

.bg-success {
  background-color: #4cd964
}

.weui-toptips {
  z-index: 100;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.weui-toptips.weui-toptips_visible {
  opacity: 1
}

.weui-icon_toast {
  font-size: 55px;
  color: #fff;
  margin-bottom: 6px
}

.weui-toast--forbidden .weui-icon_toast {
  color: #f6383a
}

.weui-toast--text {
  min-height: initial;
  font-size: 18px;
  padding: 8px 16px;
  width: auto;
  top: 40%
}

.weui-toast--text .weui-icon_toast {
  display: none
}

.weui-count {
  display: inline-block;
  height: 25px;
  line-height: 25px
}

.weui-count .weui-count__btn {
  height: 21px;
  width: 21px;
  line-height: 21px;
  display: inline-block;
  position: relative;
  border: 1px solid #04BE02;
  border-radius: 50%;
  vertical-align: -6px
}

.weui-count .weui-count__btn:after,
.weui-count .weui-count__btn:before {
  content: " ";
  position: absolute;
  height: 1px;
  width: 11px;
  background-color: #04BE02;
  left: 50%;
  top: 50%;
  margin-left: -5.5px
}

.weui-count .weui-count__btn:after {
  height: 11px;
  width: 1px;
  margin-top: -5.5px;
  margin-left: -1px
}

.weui-count .weui-count__decrease:after {
  display: none
}

.weui-count .weui-count__increase {
  background-color: #04BE02
}

.weui-count .weui-count__increase:after,
.weui-count .weui-count__increase:before {
  background-color: #fff
}

.weui-count .weui-count__number {
  background-color: transparent;
  font-size: .8rem;
  border: 0;
  width: 1.3rem;
  text-align: center;
  color: #5f646e
}

.weui-panel .weui-media-box__title-after {
  color: #9b9b9b;
  font-size: .65rem;
  float: right
}

* {
  margin: 0;
  padding: 0;
  list-style: none;
  /* pan-y表示启用单指垂直平移手势(上下滑动事件)。 */
  /* touch-action: pan-y; */
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; */
}

/* @font-face {
  font-family: SourceHanSansCN-Bold;
  src: url('../fonts/SourceHanSansCN-Bold.ttf');
}

@font-face {
  font-family: SourceHanSansCN-Medium;
  src: url('../fonts/SourceHanSansCN-Medium.ttf');
}

@font-face {
  font-family: SourceHanSansCN-Regular;
  src: url('../fonts/SourceHanSansCN-Normal.ttf');
} */

*:not(input, textarea) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  touch-callout: none;
  -ms-touch-callout: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

button,
input,
textarea,
select {
  border: none;
  outline-style: none;
  background: none;
  box-sizing: content-box;
  resize: none;
}

/* -webkit-user-select: auto; */

input:focus,
textarea:focus,
select:focus {
  outline-style: none;
}

img,
button {
  display: block;
}

div {
  box-sizing: border-box;
}


::-webkit-input-placeholder {
  color: rgba(79, 69, 54, 0.5);
}

.flex {
  display: flex;
  align-items: center;
}

a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ellipsis2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ellipsis6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 16vw;
  overflow-y: auto;
  overflow-x: hidden;
}

.main2 {
  bottom: 0;
}


.main3 {
  top: 10.667vw;
}


.goBack {
  width: 100vw;
  height: 10.667vw;
  background: #FFFFFF;
  padding: 0 6vw;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  font-size: 3.867vw;
  color: #5C5C5C;
  position: fixed;
  top: 0;
  left: 0;
}

.goBack img {
  width: 1.733vw;
  margin-right: 0.667vw;
  height: 2.933vw;
}

.footer {
  width: 100%;
  height: 16vw;
  position: fixed;
  bottom: 0;
  border-top: 1px solid #d9d9d9;
  left: 0;
  background: #fff;
  z-index: 99;
  /* padding: 0 14.667vw; */
}

.footer ul {
  width: 100%;
  height: 100%;
  justify-content: space-between;
}

.footer ul li{
  width: calc(100% / 3);
}
.footer ul li img {
  height: 5.867vw;
  margin: 0 auto 2vw;
}

.footer ul li img:nth-child(2) {
  display: none;
}


.tabS11 img:nth-child(2) {
  display: block !important;
}

.tabS11 img:first-child {
  display: none;
}

.tabS11 p {
  color: #4E4E4E !important;
}

.footer ul li p {
  width: 100%;
  text-align: center;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 3.333vw;
  color: #B2B2B2;
}

.mainSon {
  width: 100%;
  position: relative;
  padding-top: 4vw;
}

.mainSon2 {
  padding-top: 0;
}

.mainTitle {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4.533vw;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 6.667vw;
}

.bac {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.searchDiv {
  width: 93.067vw;
  height: 11.6vw;
  border-radius: 6.667vw;
  margin: 0 auto;
  background: #fff;
  padding: 0 4vw;
  z-index: 1;
  position: relative;
}

.searchDiv input {
  flex: 1;
  font-size: 4.133vw;
}

.searchDiv img {
  width: 6vw;
  height: 6.4vw;
  margin-left: 4vw;
}

.banner {
  position: relative;
  z-index: 1;
  width: 97.333vw;
  margin: 4vw auto;
  overflow: hidden;
}

.banner img {
  width: 100%;
}

.iconDiv {
  width: 25%;
  display: block;
  margin-bottom: 5.333vw;
}

.iconDiv p {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 3.733vw;
  color: #515151;
  margin-top: 2.267vw;
  text-align: center;
}

.iconBox {
  flex-wrap: wrap;
  justify-content: space-between;
}

.iconImg {
  height: 11.6vw;
  width: 11.6vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iconBox img {
  display: block;
  max-width: 100%;
}

.rightBox {
  position: fixed;
  right: 4.2vw;
  bottom: 37.6vw;
  cursor: move;
  z-index: 999;
  pointer-events: all;
  z-index: 11;
  display: inline-block;
  width: 15.2vw;
  height: 31vw;
}

.rightBox img {
  width: 20vw;
  height: 20vw;
}

.bottomimg {
  display: block;
  width: 95.6vw;
  margin: 0 auto;
}

.tabS {
  padding: 0 5.333vw;
  justify-content: space-between;
  margin: 0 auto 4vw;
}

.tabS>div {
  width: 19.2vw;
  height: 6.067vw;
  background: linear-gradient(174deg, #ADE2FF, #2177FA);
  border-radius: 1.067vw;
  text-align: center;
  line-height: 7.067vw;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 3vw;
  color: #fff;
}

.tabS .active {
  background: linear-gradient(174deg, #FFDAA4, #FF8E3B) !important;
}

.tab-content>div {
  display: none;
}

.tab-content .active {
  display: block;
}

.tab-content {
  padding: 0 5.333vw;
  margin-bottom: 4vw;
}

.tab1Box {
  justify-content: space-between;
  flex-wrap: wrap;
}

.tab1Div {
  width: 42.8vw;
  margin-bottom: 3.333vw;
  display: block;
  border-radius: 1.067vw;
  border: 1px solid #F0F0F0;
}

.tab1Img {
  width: 42.8vw;
  height: 25.067vw;
  object-fit: cover;
}

.tab1Title {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 3.667vw;
  color: #4D4D4D;
  margin: 2vw auto;
  text-align: center;
}

.tab1Info1 {
  padding: 0 2vw 3.333vw;
}

.tab1Text {
  justify-content: space-between;
}

.tab1Text>p:nth-child(1) {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 2.867vw;
  color: #B3B3B3;
}

.tab1Text>div {
  width: 6.933vw;
  height: 4vw;
  line-height: 4vw;
  text-align: center;
  border-radius: 0.533vw;
  font-size: 2.533vw;
}

.tab1Color {
  background: #FFF1D2;
  color: #FFBF30;
  border: 1px solid #FFBF30;
}

.tab1Color2 {
  background: #D8E6FF;
  color: #8390F5;
  border: 1px solid #8390F5;
}

.tab2Div {
  justify-content: space-between;
  padding: 2.667vw;
  border: 1px solid #F0F0F0;
  margin: 0 auto 3.333vw;
}

.tab2Img {
  width: 49.867vw;
  height: 31.467vw;
  margin-right: 3.6vw;
}

.tab2Info {
  flex: 1;
}

.tab2Title {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 3.067vw;
  color: #000000;
}

.tab2Text {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 2.267vw;
  color: #B3B3B3;
  line-height: 3.6vw;
  margin: 2vw 0 1.333vw;
}

.tab2Btn {
  justify-content: flex-end;
}

.tab2Btn div {
  padding: 0 0.8vw;
  text-align: center;
  line-height: 2.933vw;
  height: 2.933vw;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 1.867vw;
  color: #B3B3B3;
  border: 1px solid #B3B3B3;
  background: RGBA(244, 244, 244, 1);
}


.tab4Div {
  padding: 3vw 0;
  border-bottom: 1px solid #C0C0C0;
  justify-content: space-between;
}

.tab4DivL {
  width: 51.8vw;
}

.tab4DivLName {
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  font-size: 4.533vw;
  color: #515151;
}

.tab4DivLForm {
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  font-size: 3.2vw;
  color: #BFBFBF;
  margin-top: 2.667vw;
}

.tab4DivR {
  width: 32vw;
  height: 18vw;
  object-fit: cover;
}


.mineTopDiv {
  width: 100vw;
  /*height: 79.333vw;*/
  background: url('../images/mineBac.png') no-repeat;
  background-size: 100% 100%;
  padding: 3.333vw 3.333vw 2vw;
}


.headImg {
  width: 15.6vw;
  height: 15.6vw;
  border-radius: 50%;
  margin-right: 3.333vw;
}

.nameP {
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  font-size: 5.067vw;
  color: #FFFFFF;
  line-height: 6.667vw;
  margin-bottom: 1.333vw;
}

.phoneP img {
  width: 2.533vw;
  height: 4vw;
  margin-right: 1.733vw;
}

.phoneP {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4.533vw;
  color: #FFFFFF;
  line-height: 6.133vw;
}

.codeDiv {
  width: 100%;
  height: 41.733vw;
  background: url(../images/mineBac2.png) no-repeat;
  background-size: 100% 100%;
  margin: 2vw auto 0;
  padding: 6vw 6vw 0;
}

.codeName {
  font-family: SourceHanSansCN-Bold;
  font-weight: 400;
  font-size: 5.267vw;
  color: #005FC9;
  opacity: 0.7;
  font-weight: bold;
}

.code {
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  font-size: 3.667vw;
  color: #005FC9;
  opacity: 0.7;
  margin-top: 2vw;
}

.codeInfo {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4.133vw;
  color: #1D7EEC;
  opacity: 0.7;
  margin-top: 2.667vw;
}

.pointsDiv {
  justify-content: space-between;
}

.pointsDivL p:nth-child(1) {
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  font-size: 4vw;
  color: #0C4A91;
  opacity: 0.7;
}


.pointsDivL p:nth-child(2) {
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  font-size: 6.267vw;
  color: #FFDB6D;
}

.popBtn {
  width: 20.533vw;
  height: 8.267vw;
}

.orderDiv {
  padding: 0 6.667vw;
  margin: 15px auto 20px;
}

.orderTit {
  justify-content: space-between;
}

.orderTit div {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4.667vw;
  color: #5C5C5C;
}

.orderTit a {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 3.2vw;
  color: #5C5C5C;
  opacity: 0.7;
}

.orderBox {
  justify-content: space-between;
}

.order img {
    width: 35px;
    height: 35px;
    margin: 0 auto 6px;
}

.order {
  display: block;
  margin-top:15px;
}

.order p {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 3.6vw;
  color: #5C5C5C;
}


.mineListDiv {
  justify-content: space-between;
  padding: 0 8.667vw 0 3.333vw;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4.667vw;
  color: #FFFFFF;
  width: 92.533vw;
  height: 13.867vw;
  margin: 0 auto 10px;
  background-size: 100% 100% !important;
}

.mineListDiv img {
  width: 17.467vw;
  height: 7.6vw;
}

.exitBtn {
  width: 98vw;
  height: 16vw;
  margin: 32vw auto 0;
}

.ppImg {
  width: 100vw;
  height: 62vw;
  position: absolute;
  top: -13.333vw;
  left: 0;
}

.search2Box {
  width: 91.733vw;
  height: 11.6vw;
  background: #FFFFFF;
  border-radius: 1.067vw;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding: 0 3.067vw;
}

.search2Box input {
  height: 5.867vw;
  flex: 1;
  margin-right: 2.667vw;
  border-radius: 0 !important;
  font-size: 4vw;
  border-right: 1px solid RGBA(176, 176, 176, 1);
}

.search2Box img {
  width: 5.067vw;
  height: 5.067vw;
}

.banner2 {
  position: relative;
  z-index: 1;
  width: 94.267vw;
  margin: 4vw auto 1.333vw;
}

.banner2 img {
  width: 100%;
}

.ppNacBox {
  width: 93.733vw;
  /* height: 29.333vw; */
  background: url('../images/ppBac2.png') no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  padding: 3vw 5.333vw;
  justify-content: space-between;

}

.ppNacDiv {
  display: block;
}

.ppNacDiv img {
  width: 13.333vw;
  height: 13.333vw;
  margin: 0 auto 2vw;
  display: block;
}

.ppNacDiv p {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 3.733vw;
  color: #5C5C5C;
}

.filterBox {
  position: relative;
  padding: 0 4.667vw;
  background: #fff;
  justify-content: space-between;
  margin: 2.667vw 0 5.333vw;
  transition: transform 0.3s ease;
}

/* .filterBox.sticky {
  top: 0;
  margin: 0;
  z-index: 100;
  height: auto;
  position: fixed;
  padding: 10px 4.667vw;

} */

.filterDiv {
  width: 20.933vw;
  height: 7.6vw;
  background: #EBEBEB;
  padding: 0 1.333vw;
  border-radius: 1.6vw;
}

.filterDiv img {
  width: 3.333vw;
  height: 3.333vw;
  margin-left: 2vw;
}

.filterDiv p {
  font-family: SourceHanSansCN-Medium;
  font-size: 3.2vw;
  width: 13.333vw;
  color: #5C5C5C;
}

/* 加弹窗开始 */
.filter-overlay {
  position: absolute;
  top: 11vw;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 998;
  min-height: calc(100vh - 11vw);
  display: none;
}

.filter-container {
  width: 25%;
  z-index: 999;
}

.filter-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 0.533vw 1.6vw rgba(0, 0, 0, 0.15);
  z-index: 1000;
  display: none;
  max-height: 60vh;
  overflow-y: auto;
}

.filter-dropdown.Factive {
  display: block;
}

.filter-option {
  padding: 12px 16px;
  cursor: pointer;
  transition: all 0.2s;
  border-bottom: 1px solid #f5f5f5;
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
}

.filter-option:last-child {
  border-bottom: none;
}

.filter-option:hover {
  background: #fafafa;
}

.filter-option.selected {
  color: #0481EF;
  font-weight: bold;
}

.filter-option.selected:before {
  content: "✓";
  margin-right: 8px;
  color: #0481EF;
}

.filterDiv {
  cursor: pointer;
  /* height: 40px; */
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  font-size: 14px;
}

.filterDiv.Factive {
  color: #fff !important;
  background: #0481EF !important;
}

.filterDiv.Factive p {
  color: #fff !important;
}

.filterDiv.Factive img {
  transform: rotate(180deg);
}

.filterDiv img {
  transition: transform 0.3s;
  margin-left: 4px;
  width: 12px;
  height: 12px;
}

/* 加弹窗结束 */
.ppTitle {
  padding: 0 4.667vw;
  justify-content: space-between;
}

.ppTitleL img {
  width: 3.867vw;
  height: 4.133vw;
  margin-right: 1.333vw;
}

.ppTitleL p {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4.533vw;
  color: #4E4E4E;
}

.ppTitleR {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 2.933vw;
  color: #4E4E4E;
}

.shopList {
  padding: 0 4.667vw;
  margin-top: 4.667vw;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.shopListDiv {
  width: 43.733vw;
  overflow: hidden;
  border-radius: 0.8vw;
  margin-bottom: 4vw;
  box-shadow: 0.533vw 0.533vw 1.6vw 0px rgba(0, 0, 0, 0.1);
}

.shopImg {
  width: 43.733vw;
  /* height: 26.933vw; */
  object-fit: cover;
}

.shopListInfo {
  padding: 4vw 1.333vw;
}

.shopName {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4vw;
  color: #4E4E4E;
  /* line-height: 1.2em;
  height: 2.4em; */
}

.shopNum {
  font-family: SourceHanSansCN-Medium;
  font-weight: bold;
  font-size: 3.2vw;
  margin-top: 1.333vw;
  color: #0481EF;
}

.formBigTitle {
  margin-bottom: 4.667vw;
}

.formBigTitle p {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4.667vw;
  color: #FFFFFF;
}

.formBigTitle img {
  width: 3.867vw;
  height: 3.2vw;
  margin-left: 1.333vw;
}

.formBox {
  margin-bottom: 4vw;
  background: #FFFFFF;
  border-radius: 1.333vw;
  overflow: hidden;
}

.formBox .formDiv:last-child {
  border-bottom: 0;
}

.formDiv {
  padding: 0 4.2vw;
  height: 12vw;
  border-bottom: 1px solid #3292ED;
  justify-content: space-between;
}

.formDivL {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4.2vw;
  color: #4E4E4E;
  flex-shrink: 0;
}

.red {
  color: #E43232;
}

.formDivR {
  text-align: right;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4.2vw;
  flex: 1;
  width: 10vw;
  color: #4E4E4E;
  justify-content: flex-end;
}


.formDivR input {
  width: auto !important;
  font-size: 4.2vw;
  text-align: right;
}

.sexDiv {
  margin-left: 2.667vw;
}

.sexDiv span {
  display: block;
  width: 2.667vw;
  height: 2.667vw;
  border-radius: 50%;
  border: 1px solid #B3B3B3;
  margin-right: 2vw;
}

.sexDiv p {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
font-size: 4.2vw;
  color: #4E4E4E;
}

.sexAct span {
  border: 1px solid #3292ED;
  background: #3292ED;
}

.formDivR img {
  width: 2.133vw;
  margin-left: 1.067vw;
  height: 1.467vw;
}

.choiceBox {
  padding: 0 3.333vw;
  flex-wrap: wrap;
}

.choiceDiv {
  margin-bottom: 3.333vw;
  width: 25%;
}

.choiceDiv span {
  display: block;
  width: 2.667vw;
  margin-right: 1.333vw;
  flex-shrink: 0;
  height: 2.667vw;
  border-radius: 50%;
  border: 1px solid #B3B3B3;
}

.choiceDiv p {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 3.333vw;
  color: #4E4E4E;
}

.choiceDivAct span {
  border: 1px solid #3292ED;
  background: #3292ED;
}

.form2Div {
  padding: 0 3.333vw;
}

.form2Div p {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 3.333vw;
  color: #4E4E4E;
  flex-shrink: 0;
}

.form2Div input {
  flex: 1;
  padding: 1.333vw 0;
  border-bottom: 1px solid #B3B3B3;
}

.subImg {
  display: block;
  width: 86.8vw;
  height: 11.867vw;
  margin: 8vw auto;
}








/* 拷贝 */
.goumai {
  width: 100%;
  height: 100vh;
  background: #fff;
}

.goumai .backbox {
  background: rgba(247, 247, 247, 1);

}

.goumai .backbox p {
  color: #666666;
}

.goumaiscr {
  width: 100%;
  height: 74.5vh;
  overflow: hidden;
  box-sizing: border-box;
  position: absolute;
  z-index: 99;
  display: flex;
  box-sizing: border-box;
  background-color: #F9F9F9;

}

.sidebar {
  width: 27%;
  /* background-color: #F9F9F9; */
  z-index: 100;
  height: 100%;
  position: absolute;
  /* z-index: 10; */
}

.huise {
  width: 100%;
  height: 100%;
  background-color: #F9F9F9;
  /* border-radius: 0 20px 0 0; */
}

.category {
  padding: 5.333vw 3.333vw;
  cursor: pointer;
  text-align: center;
  color: #9B9B9B;
  background-color: #F9F9F9;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  position: relative;
  z-index: 10;
}

.category::after {
  width: 76px;
  height: 1px;
  content: "";
  bottom: 0;
  position: absolute;
  background: rgba(216, 216, 216, 1);
}

.category img {
  width: 12px;
  height: 12px;
  margin-right: 4px;
}

.category.active {
  background-color: #ffffff;
  color: #000;
  font-weight: 600;
  /* border-radius: 0 0 0 20px; */
}

.category:last-child.active+.huise {
  background-color: #00321D;
}

.category.activenext::after {
  background: transparent;
}

.category.active::after {
  background: transparent;
}

/* .jifenshop .category:first-child.active::before {
  content: "";
  background: url("../images/icon194.png") no-repeat center !important;
  background-size: 100% 100% !important;
  width: 90%;
  height: 20%;
  position: absolute;
  left: 5%;
} */


.category.active::before {
  content: "";
  background: url("../images/acLeft.png") no-repeat center;
  background-size: 100% 100%;
  width: 1.2vw;
  height: 1.867vw;
  position: absolute;
  left: 5%;
}

.category.active::after {
  content: "";
  background: url("../images/acRight.png") no-repeat center;
  background-size: 100% 100%;
  width: 1.2vw;
  height: 1.867vw;
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
}

.category.ra {
  border-radius: 0 20px 0px 0;
}

.category.ra2 {
  border-radius: 0 0 20px 20px;
}

.category.ra2::after {
  background: transparent;
}

.sideright {
  width: 77%;
  background-color: #fff;
  z-index: 100;
  height: 100%;
  position: absolute;
  right: 0;
  z-index: 9;
  padding-left: 6%;
  padding-right: 4vw;
  padding-top: 3vw;
  box-sizing: border-box;
}

.boolsearch {
  width: 100%;
  height: 45px;
  border: 1px solid rgba(238, 238, 238, 1);
  line-height: 45px;
  display: flex;
  align-items: center;
  border-radius: 28px;
  padding-left: 3vw;
  box-sizing: border-box;
  justify-content: space-between;
  padding-right: 3vw;
}

.boolsearch input {
  height: 45px;
  line-height: 45px;
  font-size: 15px;
}

.boolsearch input::placeholder {
  color: #999999;
  font-size: 15px;
}

.boolsearch img {
  width: 16px;
  height: 16px;
  margin-left: 2vw;
}

.bookbox {
  height: 100%;
  overflow-y: auto;
  box-sizing: border-box;
}

.bookitem {}

#mescroll::-webkit-scrollbar {
  display: none;
}

.bookbox::-webkit-scrollbar {
  display: none;
}

.book {
  width: 100%;
  margin-top: 10px;
  padding: 2vw;
  box-sizing: border-box;
  background: #FFFFFF;
  border-radius: 2.667vw;
  box-shadow: 0.533vw 0.533vw 1.6vw 0px rgba(0, 0, 0, 0.1);
}

.booktop {
  display: flex;
  width: 100%;
}

.booktop .fengbi {
  width: 23.733vw;
  height: 23.733vw;
  border-radius: 1.333vw;
  margin-right: 2.667vw;
}

.bookName {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4vw;
  color: #5C5C5C;
}

.booktop div img {
  height: 19px;
  margin-bottom: -4px;
  margin-top: 5px;

}

.pmColor {
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  font-size: 3.2vw;
  color: #0481EF;
}

.bot {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.bot p {
  font-weight: 400;
  font-size: 14px;
  color: rgba(0, 50, 29, 0.4);
}

.bot div {
  /* width: 110px; */
  height: 30px;
  background: #57C5FF;
  border-radius: 25px;
  border: 1px solid #57C5FF;
  box-shadow: 0 -2 10px 3px rgba(125, 129, 170, 0.3);
  padding: 0 10px;
  font-weight: 400;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 30px;
  text-shadow: 0px 2px 6px rgba(41, 48, 144, 0.3);
  box-sizing: border-box;
}

.mescroll-upwarp {
  margin-bottom: 17vw !important;
}

.bookTag {
  margin: 1vw 0 2vw;
  display: inline-block;
  background: #D4F1FF;
  padding: 0 1.067vw;
  line-height: 4.133vw;
  height: 4.133vw;
  border-radius: 0.533vw;
  border: 1px solid #0481EF;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 2.667vw;
  color: #1789F0;
}



.pmSearch {
  height: 18.4vw;
  width: 100%;
  background: url('../images/pmBac.png') no-repeat;
  background-size: 100% 100%;
  padding: 0 4.667vw;
  justify-content: space-between;
}

.pmGoBack {
  margin-right: 4vw;
}

.pmGoBack img {
  width: 1.867vw;
  height: 3.467vw;
  margin-right: 0.667vw;
}

.pmGoBack p {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 3.467vw;
  color: #FFFFFF;
}

.pmSearchDiv {
  width: 76.667vw;
  height: 11.733vw;
  background: #FFFFFF;
  padding: 0 2.667vw;
  border-radius: 1.867vw;
}

.pmSearchDiv input {
  border-right: 1px solid #B0B0B0;
  margin-right: 2.667vw;
  font-family: SourceHanSansCN-Medium;
  font-size: 4vw;
  flex: 1;
}

.pmSearchDiv img {
  width: 5.067vw;
  height: 5.067vw;
}

.caseBox {
  position: absolute;
  bottom: 9.333vw;
  width: 79.867vw;
  left: 50%;
  transform: translateX(-50%);
}

.caseBtn {
  justify-content: space-between;
}

.caseBtn img {
  width: 35.733vw;
  height: 8.667vw;
}

.caseDiv {
  width: 79.867vw;
  height: 49.467vw;
  background: url('../images/caseBac2.png') no-repeat;
  background-size: 100% 100%;
  margin: 0 auto 4vw;
  overflow-y: auto;
  padding: 4vw 7.333vw;
}

.caseTitle {
  font-family: SourceHanSansCN-Medium;
  font-weight: 800;
  font-size: 3.467vw;
  color: #6A3906;
  justify-content: center;
  margin-bottom: 1vw;
}

.caseTitle::before {
  content: '';
  display: block;
  width: 3.867vw;
  height: 1.467vw;
  background: url(../images/titL.png) no-repeat;
  background-size: 100% 100%;
  margin-right: 2vw;
}

.caseTitle::after {
  content: '';
  display: block;
  width: 3.867vw;
  height: 1.467vw;
  background: url(../images/titR.png) no-repeat;
  background-size: 100% 100%;
  margin-left: 2vw;
}

.caseText {
  font-family: SourceHanSansCN-Medium;
  font-weight: 400;
  font-size: 2.4vw;
  line-height: 4vw;
  color: #6A3906;
  margin-bottom: 1vw;
}

.birthBac {
  width: 100%;
}

.birthBtn {
  width: 47.733vw;
  position: absolute;
  bottom: 7.333vw;
  left: 50%;
  transform: translateX(-50%);
}

.jkbtnBox {
  position: absolute;
  top: 138.733vw;
  left: 50%;
  transform: translateX(-50%);
}

.jkBtn1 {
  width: 85.333vw;
  margin: 8.5vw auto 0;
  display: block;
}

.jkBtn2 {
  display: block;
  width: 57.333vw;
  margin: 0 auto;
}





/* 我的邀请 */
.inviteUl {
  flex-wrap: wrap;
  padding: 12vw 2.667vw;
}

.inviteUl li {
  width: 33.33%;
  margin-bottom: 6.667vw;
}

.inHead {
  width: 16.667vw;
  margin: 0 auto 2.667vw;
}

.inName {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4vw;
  color: #FFFFFF;
  text-align: center;
}



/* 领取积分 */
.cpSearchBox {
  justify-content: space-between;
  padding: 0 2.933vw;
  height: 15.067vw;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../images/cpBac.png) no-repeat;
  background-size: 100% 100%;
}

.cpGoBack {
  width: 8vw;
  margin-right: 3.733vw;
}

.cpTit {
  justify-content: center;
  font-family: SourceHanSansCN-Bold;
  font-weight: bold;
  font-size: 5.2vw;
  color: #4B4A4A;
  margin-bottom: 4vw;
}

.cpTit span {
  color: #FF6C00;
}

.cpTit:before,
.cpTit:after {
  content: '';
  width: 3.467vw;
  height: 3.467vw;
  background: #17A1E1;
  display: block;
  border-radius: 0.4vw;
}

.cpTit:before {
  margin-right: 1.067vw;
}

.cpTit:after {
  margin-left: 1.067vw;
}

.cpLi {
  padding: 0 3.333vw;
  width: 93.867vw;
  height: 19.867vw;
  margin: 0 auto 2.4vw;
  background: url(../images/cpBac2.png) no-repeat;
  background-size: 100% 100%;
}

.cpLiL {
  position: relative;
}

.cpLiImg {
  width: 13.867vw;
  height: 13.733vw;
}

.cpHot {
  width: 6.933vw;
  height: 3.467vw;
  position: absolute;
  left: -0.4vw;
  top: 1.6vw;
}


.cpLiL p {
  font-family: SourceHanSansCN-Medium;
  font-weight: 800;
  font-size: 4.4vw;
  color: #FFFFFF;
  position: absolute;
  bottom: 1vw;
  width: 100%;
  text-align: center;
}

.cpLiText {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4.533vw;
  max-width: 46.933vw;
  margin: 0 5.067vw 0 2vw;
  color: #0263B4;
}

.cpLine {
  width: 0.133vw;
  height: 10.8vw;
  background: #67A3A8;
  border: 1px solid #027EF0;
  margin-right: 2.667vw;
}

.cpBtn3 {
  width: 17.867vw;
  height: 8.267vw;
}

.footer ul li img {
  display: block;
}
























/* 积分明细 */
.jitop {
  width: 100%;
  height: 190px;
  background: url("../images/icon145.png") no-repeat center;
  background-size: 100% 100%;
  padding: 0 3vw;
  padding-top: 55px;

  box-sizing: border-box;
}

.jitop .back {
  position: absolute;
  left: 3vw;
  top: 3vw;
  width: 40px;
  height: 40px;
}

.jitop .yue {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.jitop .yue .left h2 {
  font-family: SourceHanSansCN-Medium, Alibaba PuHuiTi 20;
  font-weight: 500;
  font-size: 32px;
  color: #FFFFFF;
  line-height: 45px;
}

.jitop .yue .left p {
  font-family: SourceHanSansCN-Medium;
  font-weight: 400;
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 21px;
}

.jitop .yue .right {
  width: 96px !important;
  height: 96px !important;
}

#meigui {
  width: 96px !important;
  height: 96px !important;
}

.yuedata {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}

.yuedata #time {
  display: flex;
  align-items: center;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 18px;
  color: #FFFFFF;
  line-height: 25px;
}

.yuedata #time img {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

.yuedata div {
  display: flex;
  align-items: center;
}

.yuedata div .leiji {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 17px;
  color: #FFFED3;
  line-height: 21px;
}

.yuedata div .zhichu {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 17px;
  color: rgba(255, 224, 103, 1);
  line-height: 21px;
  margin-left: 5px;
}

.jifenbox {
  width: 100%;
  height: 100vh;
  background: #F9F9F9;
}

.gongnengscr {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  padding-bottom: 22vw;
  box-sizing: border-box;
  position: absolute;
  z-index: 100;
}

.mingxitit {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 18px;
  color: rgba(51, 51, 51, 1);
  font-weight: bold;
  line-height: 25px;
  padding: 0 3vw;
  box-sizing: border-box;
  margin: 2vw 0;
}

.mingxitit img {
  width: 17px;
  height: 17px;
  margin-right: 5px;
}

.duihuanmingxi {
  width: 100%;
  height: 80vh;
}

.duihuanmingxi .box {
  width: 94%;
  margin-left: 3%;
  border-radius: 4px;
  background: #fff;
  padding: 3vw 2vw;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.duihuanmingxi .box div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.duihuanmingxi .box .to {
  margin-bottom: 10px;
}

.duihuanmingxi .box .to p:first-child {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 17px;
  color: #333333;
  line-height: 24px;
  position: relative;
  padding-left: 10px;
  box-sizing: border-box;
}

.duihuanmingxi .box .to p:first-child::before {
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background: #0481EF;
  border-radius: 50%;
  content: "";
}

.duihuanmingxi .box .to p:last-child {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 17px;
  color: #0077EE;
  line-height: 24px;
}

.duihuanmingxi .box .bo {}

.duihuanmingxi .box .bo p:first-child {
  font-family: SourceHanSansCN-Medium;
  font-weight: 400;
  font-size: 14px;
  color: #5DA1F2;
  line-height: 20px;
}

.duihuanmingxi .box .bo p:last-child {
  font-family: SourceHanSansCN-Medium;
  font-weight: 400;
  font-size: 14px;
  color: #B9B9B9;
  line-height: 20px;
}



.duihuanmingxi .huangsezhichu {
  width: 94%;
  margin-left: 3%;
  border-radius: 4px;
  background: #fff;
  padding: 3vw 2vw;
  box-sizing: border-box;
  margin-bottom: 10px;
}

.duihuanmingxi .huangsezhichu div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.duihuanmingxi .huangsezhichu .to {
  margin-bottom: 10px;
}

.duihuanmingxi .huangsezhichu .to p:first-child {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 17px;
  color: #333333;
  line-height: 24px;
  position: relative;
  padding-left: 10px;
  box-sizing: border-box;
}

.duihuanmingxi .huangsezhichu .to p:first-child::before {
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  background: rgba(240, 195, 15, 1);
  border-radius: 50%;
  content: "";
}

.duihuanmingxi .huangsezhichu .to p:last-child {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 17px;
  color: rgba(240, 195, 15, 1);
  line-height: 24px;
}

.duihuanmingxi .huangsezhichu .bo p:first-child {
  font-family: SourceHanSansCN-Medium;
  font-weight: 400;
  font-size: 14px;
  color: rgba(240, 195, 15, 0.60);
  line-height: 20px;
}

.duihuanmingxi .huangsezhichu .bo p:last-child {
  font-family: SourceHanSansCN-Medium;
  font-weight: 400;
  font-size: 14px;
  color: #B9B9B9;
  line-height: 20px;
}

.duihuanmingxibox>div:last-child {
  margin-bottom: 0;
}









/* 投票 */






.viTopBac {
  width: 100vw;
  height: 34.267vw;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}


.viSrarchBox {
  width: 94.267vw;
  height: 10.933vw;
  background: #FFFFFF;
  border-radius: 0.667vw;
  margin: 0 auto;
  padding: 0 2.667vw;
}

.viSrarchBox input {
  flex: 1;
  font-family: SourceHanSansCN-Regular;
  font-size: 4vw;

}

.viLine {
  width: 0.4vw;
  height: 5.867vw;
  background: #969696;
  margin: 0 2.667vw;
}

.viSrarchBox img {
  width: 4.933vw;
}

.enrollmentBox {
  margin: 8vw auto 5.333vw;
  justify-content: space-between;
}

.enrollmentDiv {
  width: 50%;
}

.enrollmentDiv p:nth-child(1) {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4vw;
  margin-bottom: 4vw;
  color: #5C5C5C;
  text-align: center;
}

.enrollmentDiv p:nth-child(2) {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4vw;
  text-align: center;
  color: #5C5C5C;
}

.enrollmentBox .enrollmentDiv:nth-child(1) {
  border-right: 1px solid #CFCFCF;
}

.citySel {
  padding: 0 15vw;
  justify-content: space-between;
}

.citySel>div {
  width: 31.333vw;
  height: 8.667vw;
  border-radius: 4.4vw;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4vw;
  color: #2986ED;
  justify-content: center;
  border: 0.267vw solid #2986ED;
}

.citySelAct {
  background: #2986ED;
  color: #fff !important;
}

.citySel img {
  width: 2vw;
  margin-left: 2vw;
}

.voteBox {
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 7.733vw;
  margin-top: 8.667vw;
}

.voteDiv {
  width: 40.667vw;
  border-radius: 2.133vw;
  position: relative;
  margin-bottom: 7.467vw;
  box-shadow: 0.533vw 0.533vw 1.6vw 0px rgba(0, 0, 0, 0.1);
}

.voteImg {
  height: 30.667vw;
  width: 100%;
  position: relative;
}

.voteImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 2.133vw;
}

.voteCode {
  position: absolute;
  top: 0;
  left: 0;
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  font-size: 2.8vw;
  height: 5.333vw;
  line-height: 5.333vw;
  padding: 0 2.267vw;
  color: #FFFFFF;
  background: #3193FF;
  border-radius: 2.133vw 0px 1.333vw 0px;
}

.voteInfo {
  background: #FFFFFF;
  border-radius: 2.133vw;
  padding: 3.333vw 2.667vw 6.4vw;
  margin-top: -1.333vw;
}

.voteName {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4vw;
  margin-bottom: 2.667vw;
  color: #5C5C5C;
}

.voteNum {
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  font-size: 3.467vw;
  color: #335F88;
}

.voteBtn {
  width: 22.4vw;
  height: 6.133vw;
  line-height: 6.133vw;
  background: linear-gradient(-53deg, #2986ED, #3193FF);
  border-radius: 3.067vw;
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 2.8vw;
  text-align: center;
  color: #FBFBFB;
  position: absolute;
  bottom: -2.667vw;
  left: 50%;
  transform: translateX(-50%);
}











/* 学习有礼 */

.studyVideo {
  width: 100%;
  height: 49.867vw;
  display: block;
}

.studyInfo {
  margin: 4.667vw 0 7.333vw;
  padding: 0 4vw;
}

.studyVideoTit {
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  font-size: 18px;
  color: #515151;
}

.studyInfoSon {
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  font-size: 16px;
  color: #0481EF;
}

.studyVideoTime {
  margin: 4vw 0 2.667vw;
}

.studyVideoTime>div {
  padding: 0 2.667vw;
  border-right: 1px solid #D8D8D8;
}

.studyVideoTime>div:first-child {
  padding-left: 0;
}

.studyVideoTime>div:last-child {
  padding-right: 0;
  border-right: none;
}

.styudyVideoLine {
  width: 100vw;
  height: 4.267vw;
  background: #FBFBFB;
}

.styudyVideoText {
  margin: 6.667vw auto;
  padding: 0 7.333vw;
}

.styudyVideoTextT {
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  font-size: 18px;
  color: #515151;
  position: relative;
  margin-bottom: 4.667vw;
}

.styudyVideoTextT::after {
  content: '';
  width: 1.2vw;
  height: 6.4vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #0481EF;
  left: -4vw;
}

.styudyVideoContent {
  font-family: SourceHanSansCN-Regular;
  font-weight: 400;
  font-size: 3.467vw;
  color: #515151;
  line-height: 6.133vw;
}

.styudyVideoContent p {
  margin: 1.333vw 0;
}

.styudyVideoContent img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}


/* 我要投稿 */
.suFormTop {
  width: 94.133vw;
  height: 19.2vw;
  padding: 0 3.333vw;
  background: url('../images/formTop.png') no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
}

.suFormTop img {
  width: 15.733vw;
  height: 15.733vw;
  border-radius: 50%;
  margin-right: 2.8vw;
}

.suFormTop p {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 5.067vw;
  color: #FFFFFF;
}

.subFormBot {
  margin: 0 auto;
  width: 93.867vw;
  background: #FFFFFF;
  padding: 2.667vw 2.667vw 5.333vw;
  border-radius: 0 0 5.333vw 5.333vw;
}

.subFormDiv {
  width: 88.267vw;
  height: 12.933vw;
  border-radius: 5.067vw;
  padding: 0 3.333vw;
  margin-bottom: 2vw;
  border: 0.267vw solid #909090;
}

.subFormDiv div {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4vw;
  color: #515151;
}


.subFormDiv input {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  color: #2B8CED; font-size: 4vw;
  line-height: 4.667vw;
  opacity: 0.39;
  flex: 1;
  text-align: right;
}

.subFormTit {
  font-family: SourceHanSansCN-Medium;
  font-weight: 500;
  font-size: 4vw;
  color: #515151;
  padding: 0 3.333vw;
  margin-bottom: 2vw;
}

.subFormDiv2 {
  justify-content: center;
  width: 88.267vw;
  padding: 4vw;
  flex-wrap: wrap;
  margin-bottom: 2vw;
  border-radius: 5.067vw;
  border: 0.267vw solid #909090;
}

.subFormDiv2>div {
  width: 17.333vw;
  height: 17.333vw;
  position: relative;
  margin: 0 1.333vw 1.333vw;
}

.subFormDiv2 img,
.subFormDiv2 video {
  width: 100%;
  height: 100%;
}

.subFormDiv3 {
  width: 88.267vw;
  height: 18.267vw;
  padding: 4vw 2.667vw;
  border-radius: 5.067vw;
  border: 0.267vw solid #909090;
}

.subFormDiv3 textarea {
  width: 100%;
  height: 100%;
  font-family: SourceHanSansCN-Medium;
  font-size: 4vw;
}

.sub3 {
  width: 98vw;
  height: 16vw;
  margin: 16vw auto;
}

.subFormDiv2 .del2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(26, 26, 26, 0.70);
  height: 100%;
  height: 27px;
  line-height: 27px;
  text-align: center;
  font-size: 16px;
  color: #CBCBCB;
  border-radius: 0 0 5px 5px;
}

/* 支付成功 */
.sucImg {
  width: 42.8vw;
  display: block;
  margin: 0 auto;
}

.sucText {
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 4vw;
  color: #3582DB;
  text-align: center;
  margin: 4vw auto;
}

.sucBtn {
  width: 63.2vw;
  height: 14.667vw;
  background: url('../images/btnBac.png') no-repeat;
  background-size: 100% 100%;
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 4vw;
  text-align: center;
  line-height: 12.667vw;
  color: #FFFFFF;
  margin: 26.667vw auto 4vw;
}

.goBackDiv {
  justify-content: center;
  font-family: Source Han Sans CN;
  font-weight: 400;
  font-size: 4vw;
  color: #528FDC;
}

.goBackDiv img {
  width: 3.733vw;
  height: 4vw;
  margin-right: 1vw;
}












/* 收货地址 */

.addressbox {
  width: 93.733vw;
  background: rgba(205, 231, 255, .74);
  border-radius: 3.067vw;
  padding: 3.333vw;
  box-sizing: border-box;
  padding: 2vw 3vw;
  box-sizing: border-box;
  margin: 10px auto 2.667vw;
}

.addressbox .tit {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  color: #333333;
  font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
  font-size: 18px;
  color: #333333;
}

.addressbox .pop {
  font-weight: 500;
  display: flex;
  align-items: center;
}

.addressbox .address {
  font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
  font-weight: 400;
  font-size: 14px;
  color: #979797;
  line-height: 20px;
  text-align: justify;
  margin: 10px 0;
}

.addressbox .caozuo {
  display: flex;
  justify-content: space-between;
  color: #038860FF;
  margin-top: 30rpx;
  color: #666666FF;
  font-size: 30rpx;
}

.my_checkbox p {
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
  font-weight: 400;
  font-size: 16px;
  color: rgba(30, 116, 79, 0.6);
  line-height: 20px;
}

.addressbox .caozuo .right {
  display: flex;
  align-items: center;
}

.addressbox .caozuo .right div {
  display: flex;
  align-items: center;
  margin-left: 16px;
}

.addressbox .caozuo .right div:first-child {
  color: #1466BA;
}

.addressbox .caozuo .right div:last-child {
  color: #EE6867;
}

.addressbox .caozuo .right div img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}

input[type="radio"] {
  opacity: 0;
  width: 0;
  height: 0;
}


.radio-style::before {
  display: inline-block;
  width: 4.6vw;
  height: 4.6vw;
  border-radius: 50%;
  border: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  margin-right: 2vw;
  vertical-align: middle;
  margin-bottom: 0.5vw;

}

input[type="radio"]:checked+.radio-style::before {
  padding: 0;
  background: url("../images/icon136.png") no-repeat center;
  background-size: cover;
  border: none;
}

.radio-style {
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
  font-weight: 400;
  font-size: 16px;
  color: #1466BA;
  line-height: 20px;
}


input[type="radio"]:checked+.radio-style {
  background: linear-gradient(0deg, #1466BA 0%, #81BCF7 100%);
  font-weight: bold;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


.caozuobox2 {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 200px;
  padding: 0 5.067vw;
}

.caozuobox2 img {
  height: 13.733vw;
}

/* 新增地址 */
.adddztop {
  width: 100%;
  height: 76px;
  background: url("../images/formTop.png") no-repeat center;
  background-size: 100% 100%;
  position: relative;
}

.adddztop p {
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
  font-weight: 400;
  font-size: 20px;
  color: rgba(240, 241, 244, 0.9);
  line-height: 76px;
  text-align: center;

}

.adddztop .back {
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;

}

.adddztop .back p {
  font-size: 16px;
  color: #F0F1F4;
}

.adddztop .back img {
  width: 25px;
  height: 25px;
}

.con {
  width: 100%;
  background: #FFFFFF;

  border-radius: 0 0 20px 20px;
  padding: 3vw;
  box-sizing: border-box;
  margin-bottom: 20rpx;
}

.con .titledi {
  font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
  font-weight: 500;
  font-size: 16px;
  color: #1A1A1A;
  position: relative;
  padding-left: 10px;
  margin-bottom: 10px;
}

.con .titledi::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 3px;
  height: 11px;
  background: #1466BA;
  border-radius: 2.667vw;
}

.con .xinxi {
  width: 100%;
  border-radius: 20px;
  border: 1px solid #D8D8D8;
}

.con .xinxi .xinxi_one {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  padding: 0 3vw;
  box-sizing: border-box;
  line-height: 50px;
  border-bottom: 1px solid #D8D8D8FF;
  position: relative;
}

.con .xinxi .xinxi_one:last-child {
  border-bottom: none;
}

.con .xinxi .xinxi_one p {
  font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 50px;

}

.con .xinxi .xinxi_one div {
  display: flex;
  align-items: center;


}

.con .xinxi .xinxi_one div img {
  width: 18px;
  height: 18px;
}

.con .xinxi .xinxi_one div input {
  width: 96%;
  /* height: 50px; */
  font-weight: 400;
  font-size: 14px;
  text-align: right;
  padding-left: 25vw;
  box-sizing: border-box;
  /* position: static; */
  position: absolute;
  left: 0;
  z-index: 100;
  overflow: hidden;
  /* caret-color: transparent */
}

.con .xinxi .xinxi_one div input::placeholder {
  color: #999999;
}

.con .xiangxi {
  font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 30px;
  padding-left: 3vw;
  box-sizing: border-box;
}

.texttarea_application {
  padding: 10px;
  padding-bottom: 24px;
  box-sizing: border-box;
  font-size: 14px;
  background: #F6F6F6;
  position: relative;
  border: none !important;
  border-radius: 10px;
}


#char-count {
  position: absolute;
  bottom: 10px;
  right: 3vw;
  font-size: 3.8vw;
}

#char-count .input-count {
  color: #1466BA;
  /* 设置已输入数字的字体颜色为绿色 */
}

#char-count .limit-count {
  color: gray;
  /* 设置限制数字的字体颜色为灰色 */
}


.texttarea_application .textarea_text {
  width: 100%;
  background: #F6F6F6;
  font-weight: bold;
  color: #333333;
  font-size: 14px;
  outline: none;
  border: none;
  padding: 5px;
  line-height: 24px;
  font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;

}

.texttarea_application .textarea_text::placeholder {
  color: #999999;

}

.moren {
  font-family: Alibaba PuHuiTi 3.0, Alibaba PuHuiTi 30;
  font-weight: 400;
  font-size: 14px;
  color: #333333;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  align-items: center;
}



.layui-form-switch>i {
  width: 20px !important;
  height: 20px !important;
  top: 1px !important;

}


.baocun {
  width: 85vw;
  height: 44px;
  background: url("../images/icon70.png") no-repeat center;
  background-size: 100% 100%;
  box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.2);
  border-radius: 40px;
  font-weight: 500;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.9);
  line-height: 44px;
  text-shadow: 0px 2px 6px rgba(11, 64, 39, 0.3);
  text-align: center;
  margin: 6vw auto;

}




/* 隐私政策 */
.privacyBox {
  padding: 3vw;
}

.privacyBox h2 {
  color: #1466BA;
  font-weight: 700;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
  font-size: 15px;
}

.content3 {
  width: 100%;
  font-weight: 400;
  font-size: 15px;
  color: #555555;
  line-height: 34px;
  text-align: justify;
  margin-top: 10px;
}






/* 分享有礼 */
.fxylbox {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 3vw;
  box-sizing: border-box;
}

.fxylbox::-webkit-scrollbar {
  display: none;
}

#youlisousuo {
  width: 68vw !important;
  margin-right: 1vw;
}

.fxylbox>div {
  width: 49%;
  position: relative;
  border-radius: 5px;
  background: rgba(225, 245, 255, .74);
  padding-bottom: 1vw;
  box-sizing: border-box;
  margin-bottom: 15px;
}

.fxylbox>div:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.fxylbox>div .t_img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  height: 100px;
}

.fxylbox>div>a>div {
  padding:  2vw;
  box-sizing: border-box;
  /*margin-top: 1.333vw;*/
}

.fxylbox>div h2 {
  font-weight: 500;
  margin-bottom:2vw; 
  font-size: 16px;
  color: #00321D;
  line-height: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;

}

.fxylbox>div .b_p {
  font-weight: 500;
  font-size: 14px;
  color: #849E93;
  line-height: 20px;
  margin-top: 3px;
  display: -webkit-box;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fxylbox>div .zhuanfa {
  padding: 0 4px;
  width: 78px;
  height: 23px;
  background: url("../images/icon195.png") no-repeat center;
  background-size: 100% 100%;
  font-family: Alibaba PuHuiTi;
  font-weight: 500;
  font-size: 12px;
  color: #FFFFFF;
  line-height: 23px;
  text-align: center;
  box-sizing: border-box;
  margin-top: 5px;
}

.upwarp-nodata {
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
  font-weight: 400;
  font-size: 14px !important;
  color: #999999 !important;
  line-height: 20px;
  padding-top: 20px !important;
}

.mescroll-upwarp {
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
  font-weight: 400;
  font-size: 16px !important;
  color: #999999 !important;
  line-height: 20px;
  padding-top: 0 !important;
  /* margin-top: -10px !important; */
}




.topsearch {
  width: 100%;
  padding:4vw 0; 
  display: flex;
  align-items: center;
      justify-content: space-around;

  /*height: 60px;*/
  background: url("../images/icon64.png") no-repeat center;
  background-size: 100% 100%;
  position: relative;
  top: 0;
  margin-bottom: 10px;
}

.no {
  display: none !important;
}

.gongneng .back {
  position: absolute;
  left: 3vw;
  top: 3vw;
  width: 40px;
  height: 40px;
}

.topsearch .back {
  width: 32px !important;
  height: 32px !important;
/*  top: 3.7vw;
  position: absolute;
  left: 3vw;*/
}

.sousuo {
  width: 82vw;
  height: 44px;
/*  position: absolute;
  right: 3vw;
  top: 2vw;*/
  background: #fff;
  border-radius: 24px;
  padding: 2vw 3vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.sousuo .left {
  width: 34%;
  font-weight: 400;
  font-size: 14px;
  color: #95A885;
  line-height: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid rgba(30, 116, 79, 0.2);
}

.sousuo .left img {
  width: 13px;
  height: 12px;
}

.sousuo input {
  width: 60%;
  height: 30px;
  padding-left: 2vw;
  box-sizing: border-box;
  font-size: 15px;
}

.sousuo input::placeholder {
  font-size: 15px !important;
}

.sousuo input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
}

.search {
  width: 17px;
  height: 17px;

}








.shareCon h1 {
  width: 94vw;
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  line-height: 25px;
}


.shareCon .time {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.shareCon .time .right {
  width: 80px;
  height: 30px;
  background: #8390F5;
  border-radius: 2px;
  font-weight: 400;
  font-size: 15px;
  color: #FFFFFF;
  line-height: 30px;
  text-align: center;
}

.shareCon .time .left {
  display: flex;
  font-weight: 400;
  font-size: 12px;
  color: #8390F5;
  line-height: 30px;
}

.shareCon::-webkit-scrollbar {
  display: none;
}

.shareCon .time .left p {
  margin-right: 5px;
}

.shareCon .content2 {
  width: 100%;
  font-weight: 400;
  font-size: 15px;
  color: #555555;
  line-height: 30px;
  text-align: justify;
  margin-top: 10px;
}

.shareCon {
  padding: 3vw;
}






/* 分享转发 */
.lary {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  display: none;
}

.lary img {
  width: 20vw;
  position: absolute;
  right: 5vw;
  top: 0;

}

.lary .text {
  width: 36vw;
  color: #ffffff;
  font-size: 4vw;
  line-height: 6vw;
  text-align: center;
  position: absolute;
  top: 18vw;
  right: 20vw;
}

.laryimg {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  display: none;
  /* display: flex;
    justify-content: center;
    align-items: center; */
}

.laryimg img {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);

}

/* 转发成功 */

.zfcglary {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 999;
  display: none;
}

.zfcglary .box {
  width: 82vw;
  height: 70vw;
  background: url("../images/icon92.png") no-repeat center;
  background-size: 100% 100%;
  border-radius: 14px;
  opacity: 1;
  transform: translateX(11%) translateY(60%);
  padding-top: 5vw;
  box-sizing: border-box;
  padding-top: 33vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.zfcglary .box h1 {
  font-weight: 400;
  font-size: 16px;
  color: #00321D;
  line-height: 22px;
  text-align: center;
}

.zfcglary .box p {
  font-weight: 400;
  font-size: 16px;
  color: #1E744F;
  line-height: 22px;
  text-align: center;
  margin-top: 5px;
}

.zfcglary .box p span {
  color: rgba(135, 194, 84, 1);
  margin: 0 4px;
}

.zfcglary .box .close {
  width: 8vw;
  position: absolute;
  bottom: -12vw;
  left: 50%;
  transform: translateX(-50%);
}

.zfcglary .box .queren {
  width: 64vw;
  height: 40px;
  line-height: 36px;
  background: rgba(43, 149, 103, 1);
  border-radius: 25px;
  border: 1px solid rgba(148, 219, 185, 1);
  box-shadow: 0 -2 10px 3px rgba(11, 64, 39, 0.30);
  padding: 0 10px;
  box-sizing: border-box;
  font-weight: 400;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0px 2px 6px rgba(11, 64, 39, 0.3);
  text-align: center;
  margin-top: 20px;
}





.sexDiv2 {
  margin-left: 2.667vw;
}


.sexDiv2 span {
  font-family: SourceHanSansCN-Medium !important;
  font-weight: 500 !important;
  font-size: 3.333vw !important;
  color: #4E4E4E !important;
}
.radio-box span{
  font-size: 4.2vw !important;
}
#departmentSelection .sexDiv2,
#departmentSelection2 .sexDiv2 {
  width: 24%;
  margin-left: 0;
  margin-bottom: 3.333vw;
}
#departmentSelection2 .sexDiv2:nth-child(1),#departmentSelection2 .sexDiv2:nth-child(5),#departmentSelection .sexDiv2:nth-child(1),#departmentSelection .sexDiv2:nth-child(5){
  width: 28%;
}

.fixedBox {
  position: fixed;
  top: 0;
  z-index: 100;
  left: 0;
}

.booktop>div>img {
  display: inline-block;
}













/* 客服 */


.dialog {
  width: 100%;
  height: 90vh;
  overflow: hidden;
  overflow-y: auto;
  position: absolute;
  top: 45px;
  padding: 0 3vw;
  box-sizing: border-box;
  padding-bottom: 22vw;
  background: url("../images/bg1.png") no-repeat center;
  background-size: 100% 100%;
}

.dialog p {
  max-width: 62vw;
  background: #eef0fd;
  border-radius: 10px;
  margin-left: 2vw;
  line-height: 5vw;
  font-size: 3.8vw;
  padding: 2.5vw 2vw 2vw 2vw;
  box-sizing: border-box;
  color: #333333;
  /* display: flex;
    flex-wrap: wrap; 允许元素换行 */
  align-items: center;
  justify-content: center;
  white-space: pre-wrap;
  word-wrap: break-word;
  box-sizing: border-box;
}

.dialog .received {
  width: 100%;
  display: flex;
  justify-content: first baseline;
  margin-bottom: 3vw;
  margin-top: 3vw;

}

.dialog .received .headImg {
  width: 10vw;
  height: 10vw;
  border-radius: 50%;
}


.dialog .send {
  width: 100%;
  display: flex;
  justify-content: right;
  margin-bottom: 3vw;
  margin-top: 3vw;
}

.dialog .send .headImg {
  width: 10vw;
  height: 10vw;
  border-radius: 50%;
}

.dialog .send p {
  background: #17A1E1;
  color: #ffffff;
  margin-right: 2vw;

}

.dialog .send .userImg {
  max-width: 58vw;
  border-radius: 10px;
  margin-right: 3vw;
}


.user-input {
  position: fixed;
  bottom: 0;
  width: 100%;
  /* height: 16vw; */
  box-shadow: 0 0 10px 5px rgba(234, 234, 234, 0.2);
  display: flex;
  justify-content: space-between;
  padding: 3vw;
  align-items: center;
  box-sizing: border-box;
  z-index: 100;
  background-color: #ffffff;

}

.file-upload {
  display: none !important;
}

.user-input .add {
  width: 9vw;
  height: 9vw;
}

.user-input .add #picture {
  width: 8vw;
  height: 8vw;
}

.textbox {
  flex: 1;
  margin: 0 2.667vw;
  padding: 0 2.667vw;
  background: rgba(30, 116, 79, 0.05);
  border-radius: 22px;
  display: flex;
  height: 10.667vw;
  align-items: center;
}

.user-input #message-input {
  width: 100%;
  outline: none;
  border: none;
  background: transparent !important;
  font-size: 3.6vw;
  opacity: 1;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
  /* padding-top: 3vw; */
  padding-top: 1vw;
  height: 6vw;


}

#message-input::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}


.user-input input::placeholder {
  font-weight: 400;
  color: #9AA4B8;
  font-size: 3.8vw;
}

.user-input textarea::placeholder {
  font-weight: 400;
  font-family: Alibaba PuHuiTi, Alibaba PuHuiTi;
  color: rgba(153, 153, 153, 1);
  font-size: 3.8vw;
  line-height: 5vw;
}

.user-input button {
  width: 11vw;
  height: 11vw;
  outline: none;
  border: none;
  background-image: url("../images/icon130.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: 50%;
  background-color: transparent;
}




.hazy {
  width: 100%;
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .4);
  z-index: 1111;
  display: none;
}

.hazy .big {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
}

.tupianbox {
  width: 100%;
  height: 100vh;
  /* overflow-y: auto; */
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

.imgItem {
  max-height: 76vh;
  display: block;
}


.readMore {
  font-family: Source Han Sans CN;
  font-weight: 500;
  font-size: 3.467vw;
  color: #8390F5;
  text-align: center;
  margin-top: 4vw;
}







.default {
  width: 100%;
  height: 30vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
  font-weight: 500;
  font-size: 13px;
  color: #B9B9B9;
  line-height: 18px;
  text-align: center;
  position: absolute;
  top: 20vh;
}

.default img {
  width: 120px;
  /*height: 130px;*/
}

.default2 {
  width: 100%;
  height: 30vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-family: Alibaba PuHuiTi 2.0, Alibaba PuHuiTi 20;
  font-weight: 500;
  font-size: 13px;
  color: #B9B9B9;
  line-height: 18px;
  text-align: center;
  position: absolute;
  top: 20vh;
}

.no {
  display: none !important;
}

.default2 img {
  /*width: 240px;*/
  /*height: 170px;*/
  width: 120px;
  
}

.no {
  display: none !important;
}

.goBackBottom {
  border-bottom: 1px solid #e3e3e3;
}


.loginLogo{
  width: 26.667vw;
  margin: 0 auto;
}

.loginBtn{
    width: 66.667vw;
    height: 47px;
    background: #4591D3;
    border: 3px solid #57C5FF;
    box-shadow: 0px 6px 12px 0px rgba(183, 178, 189, 0.7);
    border-radius: 24px;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    margin: 20vw auto;
    text-align: center;
    line-height: 40px;
}

.pmSearch  .back img {
    height: 9vw;
    border-radius: 5px;
    width: 9vw;
    display: block;
}

.content2 img,.detailbox3 img,.styudyVideoContent img{
  max-width: 100% !important;
  margin: 0 auto;
}


/*首页弹窗*/
.popHd{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1111;
  background: rgba(0, 0, 0, .4);
}
.popHdMain{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 70%;
}
.popImg{
  position: relative;
  padding-bottom: 150%;
  overflow: hidden;
}
.popImg img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popHdC{
  width:9.333vw;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -13.333vw;
}
/*首页弹窗END*/


/* 为视频添加点击反馈效果 */
video {
  transition: opacity 0.3s;
}

video:active {
  opacity: 0.8;
}

.headDiv {
  position: relative;
}

.getCode {
  position: absolute;
  right: 0;
  top: 0;
}

.getCode img {
  width: 6.667vw;
  height: 6.667vw;
}

/* 6.17 */
.index_btns {
  margin: 0 auto 5.333vw;
  padding: 0 5.333vw;
  display: grid;
  gap: 4vw;
  grid-template-columns: repeat(3, 1fr);
}

.index_btns a {
  display: block;
}

.index_btns img {
  width: 100%;
}