.s3{height:100%;background-color:#fff}.s3,.s3.mobile .header{width:100%;overflow:hidden}.s3.mobile .header{height:4.5rem;background:#f02937;position:absolute;top:0;z-index:3;line-height:4.5rem}.s3.mobile .title{color:#fff;font-size:.9rem;padding-left:2rem;position:relative;letter-spacing:2px;font-weight:600}.s3.mobile .title:before{content:"";position:absolute;width:.2rem;height:.8rem;background:#fff;top:2px;left:1rem}.s3.mobile .page{height:100%;width:4.5rem;position:absolute;top:0;right:0;background:#fff;color:#e82737;text-align:center}.s3.mobile .swiper-slide{height:100%;background-color:rgba(0,0,0,.8);opacity:0!important}.s3.mobile .swiper-slide.swiper-slide-active{opacity:1!important}.s3.mobile div.mask-bottom{width:100vw;height:10rem;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));background:linear-gradient(180deg,transparent 0,#000);position:absolute;bottom:0;left:0;z-index:2}.s3.mobile .poster-wapper{width:100%;position:relative}.s3.mobile .poster-wapper img{display:block}.s3.mobile .poster-wapper .play-btn{position:absolute;top:45%;width:3rem;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.content-wrap{position:relative;width:100%;height:100%}.s3-pagination.swiper-pagination-bullets{bottom:auto!important;top:calc(100% - 3rem);position:absolute;z-index:2;text-align:center;-moz-text-align-last:center;text-align-last:center}.s3-pagination.swiper-pagination-bullets .swiper-pagination-bullet{width:5px;height:5px;border:3px solid transparent;background-clip:content-box!important;border-radius:50%;background:#fff;opacity:1}.s3-pagination.swiper-pagination-bullets .swiper-pagination-bullet+.swiper-pagination-bullet{margin:0 0 0 .2rem}.s3-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f02937;border-color:#f02937}