* {padding: 0;margin: 0;}
html, body {width: 100%;height: 100%;overflow: hidden;background-color: #fff;font-family:SimHei, sans-serif;}
.slide-content .hide{text-align:center;visibility:hidden;}
.pageid .hide{text-align:center;}
.hide0{text-align:center;}
.hide img{-webkit-transform: scale(1) rotate(0) translate3d(0,0,0);transform: scale(1) rotate(0) translate3d(0,0,0);}
img.hide{max-height:100%;max-width:100%;display: block;margin:0px auto;}
img.hide0{max-height:100%;max-width:100%;display: block;margin:0px auto;}
#loaddiv{background-color: #000;width: 100%;color:#FFF;height: 100%;position: absolute;z-index:999999;top:0px;left:0px;}
.loadbody{width:100%;height:80px;position: absolute;top:50%;margin-top:-40px;}
.loadnum{width:100%;text-align:center;margin-top:20px;font-family:SimHei, sans-serif;}
.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 0px auto;
}
.pageid{background-color: #FFF;position: absolute;width:100%;height: 100%;top:0px;left:0px;display: none;z-index: 2;overflow: hidden;}
.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #fff;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}
.p-bg{height:100%;top:0%;text-align:center;width:100%;position:absolute;}
.p-bg img{max-height:100%;max-width:100%;height:100%;width:100%;}
.page_body{position: absolute;background: rgba(255,0,0,0);}
.arrowdown{position: absolute;bottom:1%;height: 8%;left:35%;width:30%;text-align: center;}
.arrowdown img{height: 100%;}
input::-webkit-input-placeholder {
  color: #FFF;
}
input::-moz-input-placeholder {
  color: #FFF;
}
input::-ms-input-placeholder {
  color: #FFF;
}

.webicon { width:30px;height:30px;margin-top:3px; fill: currentColor; vertical-align: -2px; }
.audioplayer{position:fixed;top:10px;right:10px;z-index:9999;color:#fff;cursor:pointer;}
.swiper-slide div{transform: translateZ(0);}
.slide-page{position: relative;}

.audiobtn{position: absolute;top:10px;right:10px;display: none;}
.music-btn {
    float: right;
    width: 1.8333333333333rem;
    height: 1.8333333333333rem;
    background: url(/lib/music-icon.png);
    background-size: cover;
}
.music-btn.on {
    -webkit-animation: reverseRotataZ 1.2s linear infinite;
}
@-webkit-keyframes reverseRotataZ {
  0% {
      -webkit-transform: rotateZ(0deg);
  }
  100% {
      -webkit-transform: rotateZ(-360deg);
  }
}

.arrowdown i {
  border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 5vw;
}
.arrowdown .right {  transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.arrowdown .left {  transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.arrowdown .up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg);}
.arrowdown .down {  transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.slide-wrapper{width: 100%;height: 100%;}
.scrollbar-wrapper{width: 80%;height: 100px;overflow: hidden;}
.mySwiper{
    --swiper-theme-color: #b766ab;/* 设置Swiper风格 */
    --swiper-navigation-color: #b766ab;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
  }
.swiper-container {  background-color: #fff; width: 100%;height: 100%;}
.swiper-container .hide{text-align:center;visibility:hidden;}
.swiper-slide {
  position: relative;
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}