body {
  font-size: 24px ;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
  body {
    font-size: 14px !important;
  }
}
.hide {
  display: none;
}
.wrapper {
  background: #fff;
}
.wrapper .pages div {
  position: absolute;
  background-size: 100% !important;
}
.wrapper .pages .page {
  position: relative;
  width: 100%;
  height: 100%;
}
.wrapper .pages .page .content {
  position: absolute;
  margin-top: -13.84615385rem;
  left: 50%;
  margin-left: -9.23076923rem;
  width: 18.46153846rem;
  height: 27.69230769rem;
  top: 50%;
  z-index: 10;
}
.wrapper .pages .page .w100 {
  width: 100%;
  background: transparent no-repeat 50% 50%;
}
.wrapper .pages .mask {
  display: block;
  background: rgba(170, 170, 170, 0.6);
  z-index: 5;
}
.wrapper .pages .p1 {
  background: url("../images/p1_bg.jpg") no-repeat 50% 50%;
  background-size: cover !important;
}
.wrapper .pages .p1 .t1-1 {
  background: url("../images/p1_t.png") no-repeat 50% 50%;
  height: 100%;
}
.wrapper .pages .p2 {
  background: url("../images/p2_bg.jpg") no-repeat 0 50%;
  transition-property: all;
  background-size: auto 100% !important;
}
.wrapper .pages .p2.scroll {
  background-position: 100% 50%;
  transition-duration: 20s;
}
.wrapper .pages .p2 .t2-1 {
  background: url("../images/p2_t.png") no-repeat 50% 50%;
  height: 100%;
}
.wrapper .pages .p3 {
  background: url("../images/p3_bg.jpg") no-repeat 50% 50%;
  background-size: cover !important;
}
.wrapper .pages .p3 .mask{
    background:rgba(89, 167, 255, 0.08);
}
.wrapper .pages .p3 .t3-1 {
  background: url("../images/p3_t.png") no-repeat 50% 50%;
  height: 100%;
}
.wrapper .pages .p4 {
  background: url("../images/p4_bg.jpg") no-repeat 50% 50%;
  background-size: cover !important;
}
.wrapper .pages .p4 .t4-1 {
  background: url("../images/p4_t.png") no-repeat 50% 50%;
  height: 100%;
}
.wrapper .pages .p5 {
  background: url("../images/p5_bg.jpg") no-repeat 50% 50%;
  background-size: cover !important;
}
.wrapper .pages .p5 .t5-1 {
  top: 3.07692308rem;
  background: url("../images/p5_t.png") no-repeat 50% 50%;
  height: 7.38461538rem;
  background-size: auto 100% !important ;
}
.wrapper .pages .p5 .t5-2 {
  background: url("../images/p5_f.png") no-repeat 50% 50%;
  height: 6.42307692rem;
  background-size: auto 100% !important ;
  top: 10.76923077rem;
}
.wrapper .pages .p5 .t5-2 input {
  margin-left: 5.34615385rem;
  width: 9.61538462rem;
  margin-top: 0.53846154rem;
  margin-bottom: 0.11538462rem;
  height: 1.26923077rem;
  background: none;
  border: 0;
}
.wrapper .pages .p5 .t5-3 {
  top: 17.38461538rem;
  text-align: center;
}
.wrapper .pages .p5 .t5-3 a {
  display: inline-block;
  background: url("../images/p5_btn.png") no-repeat 50% 50%;
  height: 2.19230769rem;
  width: 9.61538462rem;
  background-size: auto 100% !important ;
}
.wrapper .pages .p5 .t5-4 {
  background: url("../images/p5_tel.png") no-repeat 50% 50%;
  height: 1.46153846rem;
  background-size: auto 100% !important ;
  top: 20.19230769rem;
}
.wrapper .pages .p5 .t5-5 {
  background: url("../images/p5_share.png") no-repeat 50% 50%;
  height: 1.65384615rem;
  background-size: auto 100% !important ;
  top: 22.30769231rem;
}
.amask {
  display: none;
  position: absolute;
  z-index: 1000;
  background: url("../img/bg_share.png") rgba(0, 0, 0, 0.8) no-repeat 85% 0.38461538rem;
  background-size: 60%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.amask.show {
  display: block;
}
.mask {
  position: absolute;
  background-size: 60%;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}