body{
  padding: 0;
  margin: 0;
  overflow: hidden;
  font-size:12px;
  background-color: white;
}
.section{

 background:url("../images/background.jpg") no-repeat;
 background-size:cover;

}
h1{
  margin: 0px;
}
.swiper-container{
  width: 100%;
  height: 100%;


}


.swiper-wrapper {
  width: 100vw;
  height: 100vh;

}


.uparrow{left:0px;right:0px;position:absolute;top:95vh; text-align:center;}
.round{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

.arrow{max-width:10%;}
#btn1{background:#e69b61;font-size:14px;font-weight:bold;font-family:"microsoft yahei";width:22vw;height:35px;text-align:center;border:none;color:#800008;}
input,select{text-align:center;height:25px !important; padding:0px;}
.dno{display:none;}

.logo{margin:0 auto;margin-top:2rem;text-align:center;}
.slogan_bg{margin:0 auto;width:100vw;text-align:center;margin-top:2rem;background:url(../images/p1_title_bg.png) no-repeat;background-size:cover;padding:0.5rem 0;}
.slogan_bg img{width:9rem;}
.music{position:absolute;right:0.5rem;z-index: 12;top:0.8rem; background:url("../images/music-on.png") no-repeat center center;background-size:cover;width:1rem;height:1rem;}
.off{background:url("../images/music-off.png") no-repeat center center;background-size:cover;}

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

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

.gear {
  -webkit-animation: gear 2s infinite;
  animation: gear 2s infinite;
}
.topleft{margin-left:0.1rem;margin-top:0.3rem;text-align:left;}
.p2-title{text-align:center;margin-top:0.5rem;}
.p2-title img{width:5rem;}
.contentbg{background:url(../images/content_bg.png) no-repeat;background-size:contain;margin:1rem;overflow:hidden;}
.contentbg img{width:7rem;height:8.4rem;margin:0.5rem 0.5rem;}

.p6-content{background:url(../images/content_bg.png) no-repeat;background-size:contain;margin:1rem;text-align:center;height:11rem;}

.p6-slogan img{width: 9rem;
  margin-left: -0.5rem;
  margin-top: 0rem;}
.send img{width:4rem;margin-top: -1rem;position: absolute;margin-left: -2rem}
.barcode img{width:3rem;margin-top:0.5rem;}

.swiper-button-disabled{display:none;}
.px-1{position:absolute;top: 14.8rem;margin: auto;left: 0;right:0;width: 7rem}
.number{position:absolute;top: 2.5rem;left: 0rem;right:  0;width: 6rem;margin:  auto;}
@media screen and (min-height: 640px) {
 .px{    position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   margin-top: 1rem;}
  .px-1{margin-top: 1rem}
  .number{position:absolute;top: 3.8rem;left: 0rem;right:  0;width: 6rem;margin:  auto;}
}