/* 顶部视频动画 */

.videoList{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 0;
  overflow: hidden;
}
.content{background: #fff;position: relative;}
.footer{position: relative;}
.video-pagination{
    width: 100%;
    position: absolute;
    bottom: 1rem!important;
}
/* commodityList */
.commodityList{
  padding: 0.5rem 0 0;
}
#swiper2 h2{
  font-size: 0.38rem;
  font-weight: normal;
  margin-bottom: 0.3rem;
  text-align: center;
}
#swiper2 p{
  font-size: 0.18rem;
  text-align: center;
}
.commodityItem{
    width: 100%;
}
.prev-btn{
    display: block;
    width: 1rem;
    height: 1rem;
    background: url('../images/prev-btn.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem 1rem;
    left: 10%;
}
.prev-btn::after{
    display: none;
}
.next-btn{
    display: block;
    width: 1rem;
    height: 1rem;
    background: url('../images/next-btn.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem 1rem;
    right: 10%;
}
.next-btn::after{
    display: none;
}
/* 下载APP */
.pc{
  display: block;
}
.mobile{
  display: none;
}
.downLoadImg{
    width: 100%;
}
/* 合作伙伴 */
.partners{
  padding: 0.5rem 0;
}
.partnersTitle{
    font-size: 0.38rem;
    font-weight: normal;
    text-align: center;
}
.partnersList{
    width: 12.22rem;
    margin: 0.5rem auto 0;
}
.partnersItem{
    height: 4rem;
}
.mask-left{
    width: 2rem;
    height: 100%;
    background: linear-gradient(270deg,hsla(0,0%,100%,0) 0,#fff);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.mask-right{
    width: 2rem;
    height: 100%;
    background: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
#swiper3>.swiper-wrapper, #swiper4>.swiper-wrapper {
	-webkit-transition-timing-function: linear;    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}
.dialog{
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9999;
  background: #000;
  display: none;
}
.dialog.active{
  display: block;
}
.dialog .close{
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
}
.dialog #video{width: 100%;height: 100%;}

.downLoad{
  position: relative;
  overflow: hidden;
}
.downLoad .phone{
  position: absolute;
  width: 24.27%;
  left: 52%;
  bottom: -10vw;
  opacity: 0;
  transition: bottom 0.8s,opacity 0.8s;
}
.downLoad.active .phone{
  bottom: 0;
  opacity: 1;
}
.downLoad .title{
  position: absolute;
  font-size: 0.2rem;
  color: #fff;
  left: 23%;
  top: 11vw;
}
.downLoad .title p:first-child{
  font-size: 0.38rem;
}
.downLoad .title p{
  margin-bottom: 0.2rem;
}
.downLoad .qrcode{
  position: absolute;
  font-size: 0.24rem;
  color: #fff;
  width: 11vw;
  left: 23%;
  top: 30vw;
  text-align: center;
}
.downLoad .qrcode img{
  width: 100%;
  margin-bottom: 0.1rem;
}