body,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,p {margin:0;padding:0;}
body {position: relative;margin:0 auto;height: 100%;width:7.5rem;background:#000;}
body,h1,input,button,select,textarea {font-family:"Microsoft Yahei","PingFang SC","Helvetica Neue",serif;font-size:.28rem;color:#272727;}
input,button,select,textarea {border:none;outline:none;}
input,button,textarea,th,td {padding:0;}
i,em,cite {font-style:normal;}
ul,ol {padding:0;list-style:none;}
img {vertical-align:top;border:none;}
a {text-decoration:none;color:inherit;}
.warp,.header{margin:0 auto;width:7.5rem;}
.warp:after,.tips ul:after{content:'';display:table;clear:both;}
.header{position:relative;}
.header a{position:absolute;top:.1rem;right:.1rem;width:2.6rem;z-index:3;}
.official img{width:100%;}
.content{position:relative;}
.gallery-top:before{content:'';position:absolute;top:0;left:0;right:0;height:3rem;z-index:2;background-image: linear-gradient(to top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,.6) 100%);}
.gallery-top:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3rem;z-index:2;background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 25%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,.6) 100%);}
.swiper-container {width:100%;height:100%;}
.swiper-container img{width:100%;}
.gallery-top .swiper-slide{background-repeat:no-repeat;}
.gallery-thumbs {position:absolute!important;top:1rem;left:.1rem;width:2.1rem;height:4rem;box-sizing: border-box;padding: 10px 0;z-index:3!important;}
.gallery-thumbs .swiper-slide {width:2rem;height:1.2rem!important;margin:.02rem;border:.01rem solid #fff;border-radius:.1rem;opacity: 0.6;overflow:hidden;}
.gallery-thumbs .swiper-wrapper{display:flex;flex-direction:column;}
.gallery-thumbs .swiper-slide-thumb-active{opacity:1;border-color:#ff7f00;}
.download-btn{position:absolute;bottom:1.5rem;margin-left:50%;transform:translateX(-50%);text-align:center;z-index:3;}
.download-btn .down-btn{display:flex;width:4rem;text-align:center;line-height:.8rem;border-radius:.4rem;background-color:#ffe402;box-shadow:0 .1rem .1rem rgba(130,118,0,.3);flex-direction:row;align-items:center;justify-content: center;font-size: 0;}
.download-btn img{display:inline-block;width:.34rem;vertical-align:middle;align-items: center;}
.download-btn span{margin-left:.08rem;font-size:.3rem;}
.ios-down-btn-cpy{margin-top:.4rem;}
.tutorials{display:block;margin-top:.4rem;color:#fff;text-shadow:0 0 0.1rem rgba(0,0,0,.4);}
.content .cus{position:absolute;bottom:0;padding:.5rem;text-align:center;font-size:.24rem;color:#fff;z-index:3;}
.app-list{position:absolute;top:10.5rem;width:100%;color:#fff;z-index: 2;}
.app-title{padding-top:.5rem;text-align:center;color:rgba(255,255,255,.7);background:url("../images/full.png") center 0 no-repeat;background-size:80%;}
.app-list li{display:flex;justify-content:space-between;margin:.3rem auto;width:90%;}
.app-L{position:relative;padding-left:1.5rem;}
.app-L img{position:absolute;left:0;width:1.4rem;height:1.4rem;}
.app-L h3{margin-bottom:.14rem;font-size:.38rem;font-weight:normal;}
.app-L p{margin-top:.06rem;line-height:.32rem;font-size:.24rem;color:#dedede;}
.app-R{display:block;margin:.4rem 0 0 .2rem;width:1.4rem;height:.7rem;text-align:center;line-height:.7rem;color:#000;font-size:.32rem;border-radius:1rem;background-color:#ffe402;}