*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}li{list-style:none}body,html{width:100%;height:100%}.wrap{position:relative;width:100%;height:20.5rem;overflow:hidden}.bg{width:100%;vertical-align:top}.logo{position:absolute;width:3rem;top:.1rem;right:.1rem}.btn_login,.btn_logout{position:absolute;width:3.06rem;top:7.7rem;left:0;right:0;margin:auto}.btn_logout{display:none}.czbh{position:absolute;width:100%;top:9.1rem;left:0;color:#fff;font-size:.2rem;text-align:center}.btn_down,.btn_home{position:absolute;width:3.49rem;height:1.18rem;top:9.7rem;background-repeat:no-repeat;background-size:100%}.btn_home{left:.3rem;background-image:url(//static1.one-piece.cc/web/onepiece/images/accept/phone/btn_home.png)}.btn_down{right:.3rem;background-image:url(//static1.one-piece.cc/web/onepiece/images/accept/phone/btn_down.png)}.main{position:absolute;width:7.07rem;height:8.6rem;top:11.1rem;left:0;right:0;margin:auto;background:url(//static1.one-piece.cc/web/onepiece/images/accept/phone/main_bg.png) no-repeat;background-size:100% 100%;padding-bottom:2%}.main h2{width:100%;margin:.2rem 0 0;font-size:.2rem;font-weight:700;text-align:center;color:#ffb719;background-image:-webkit-gradient(linear,0 0,0 bottom,from(#fffd32),to(#ff7200));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gift-container{position:relative;width:6.85rem;height:4.9rem;top:.19rem;left:0;right:0;margin:auto;background:#633a1e;box-shadow:0 0 1px 2px rgb(0 0 0 / 30%);margin-bottom:.5rem}.title-container{width:100%;height:1rem;border:1px solid #6f3315;background:#522407}.title-container li{width:25%;height:1rem;font-size:.14rem;line-height:1rem;color:#f9e3b5;font-weight:700;text-align:center;float:left}.scroll{width:100%;height:3.3rem;overflow:auto}.scroll ul li{width:100%;height:.74rem;font-size:.14rem;color:#f9e3b5}.scroll ul li span{display:inline-block;width:25%;height:.74rem;line-height:.74rem;text-align:center;white-space:nowrap;overflow-x:auto}.scroll div{display:inline-block;width:25%;height:.74rem}.scroll .btn{background:url(//static1.one-piece.cc/web/onepiece/images/accept/lqbtn.png) no-repeat;background-size:80%;background-position:center}.scroll .btn.disable{background:url(//static1.one-piece.cc/web/onepiece/images/accept/grey.png) no-repeat;background-size:80%;background-position:center}.gift-container .tip{position:absolute;width:100%;height:.45rem;font-size:.14rem;color:#f9e3b5;text-align:center;left:0;bottom:0}.guide{width:6.85rem;height:2.3rem;background:#633a1e;border:1px solid #844b2c;box-shadow:0 0 1px 2px rgb(0 0 0 / 30%);margin:0 auto}.guide p{font-size:.16rem;color:#f9e3b5;margin-top:.05rem;text-indent:.1rem}.swiper{position:relative;width:6.85rem;height:2.16rem;background:#633a1e;border:1px solid #844b2c;box-shadow:0 0 1px 2px rgb(0 0 0 / 30%);margin:.2rem auto 0}.swiper .swiper-container{width:5.57rem;height:1.92rem}.swiper .swiper-container .swiper-slide{position:relative;height:100%}.swiper .swiper-container .swiper-slide div{position:absolute;bottom:0;left:0;width:100%;padding:0 5%;background:rgba(0,0,0,.5)}.swiper .swiper-container .swiper-slide div *{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.swiper .swiper-container .swiper-slide div p{color:#fed701;font-size:.14rem;font-weight:700}.swiper .swiper-container .swiper-slide div span{font-size:.14rem;color:#fff}.swiper .swiper-button-next,.swiper .swiper-button-prev{position:absolute;width:.35rem;height:1.86rem;border:1px solid #b95008;top:0;bottom:0;margin:auto;background:0 0}.swiper .swiper-button-next span,.swiper .swiper-button-prev span{display:block;width:50%;height:100%;margin:0 auto;background-image:url(//static1.one-piece.cc/web/onepiece/images/accept/phone/slide_arror.png);background-repeat:no-repeat;background-size:200% auto}.swiper .swiper-button-next{left:auto;right:.1rem}.swiper .swiper-button-prev{left:.1rem}.swiper .swiper-button-next span{background-position:right center}.swiper .swiper-button-prev span{background-position:left center}.copyRight{width:100%;color:#fff;font-size:.22rem;text-align:center;padding:.27rem 0 .5rem;background:#000e19}.copyRight img{width:.62rem;height:.7rem}.copyRight img:nth-child(2){width:1.75rem;height:.43rem;margin-left:.05rem}