body,html{width:100%;height:100%;overflow:scroll!important}*{background-repeat:no-repeat;background-position-x:center;background-position-y:top;background-size:100%}img{width:100%}.wrap{width:100%;height:46.15rem;overflow:hidden;position:relative}.header{position:relative;width:100%;height:14.84rem}.logo{position:absolute;width:2.75rem;top:.23rem;left:0}.login-state{position:absolute;width:5.3rem;height:.5rem;top:.13rem;right:.1rem}.login-state img{position:absolute;width:1.63rem;top:0}.login-state .back{right:0}#btn_logout{left:0;right:0;margin:auto}.login-state .login{left:0}#btn_login_name{position:absolute;width:1.63rem;height:.5rem;top:0;left:0;text-align:center;line-height:.5rem;font-size:.14rem;color:#fbdba2;float:left;background:url(//static1.one-piece.cc/web/onepiece/Recall29/images/public/loginbg.png);background-size:100%;margin-right:.05rem;display:none}.desc_container{position:absolute;width:6.49rem;height:4.2rem;top:10.5rem;left:0;right:0;margin:auto;background-image:url(//static1.one-piece.cc/web/onepiece/Recall29/images/mobile/bg.png?v=2022)}.desc_container p{position:absolute;font-size:.2rem;text-align:center;width:100%;color:#b9a565;top:.9rem}.desc_container div{position:absolute;width:6rem;height:.8rem;top:1.6rem;left:0;right:0;margin:auto}.desc_container div img{width:auto;height:.62rem;float:left;display:block}.desc_container div .power{float:left}.desc_container div .desc_show{float:right}.desc_container div .btn{margin-left:.08rem}.desc_container div .rule{margin-left:.08rem}.bg{width:100%}.section_1{position:relative;width:100%;height:14.6rem;margin-top:-1px}.section_1 p{position:absolute;width:100%;height:.2rem;text-align:center;font-size:.2rem;color:#3b1e00;top:1.4rem;left:0;line-height:1}.section_1 .gift_list{position:absolute;width:100%;height:9.7rem;left:0;right:0;top:4.61rem}.section_1 .gift_list .gift_item{position:absolute;width:3.5rem;height:4.72rem}.gift_list .btn{position:absolute;width:1.78rem;height:.57rem;bottom:.2rem;left:0;right:0;margin:auto;background-image:url(//static1.one-piece.cc/web/onepiece/Recall29/images/public/btn_disable.png)}.gift_list .btn.active{background-image:url(//static1.one-piece.cc/web/onepiece/Recall29/images/public/btn_active.png)}.gift_item .btn.gray{background-image:url(//static1.one-piece.cc/web/onepiece/Recall29/images/public/btn_gray.png)}.gift_item1{top:0;left:.28rem}.gift_item2{top:0;right:.28rem}.gift_item3{bottom:0;left:0;right:0;margin:auto}.progress_container{position:absolute;width:7.02rem;height:1.18rem;top:2.99rem;left:0;right:0;margin:auto}.peo_num_list{position:relative;width:100%;height:.9rem}.peo_num_list li{position:absolute;width:1.48rem;height:.9rem;top:0}.peo_num_item1{left:.36rem;background-image:url(//static1.one-piece.cc/web/onepiece/Recall29/images/public/progress/grey/8.png)}.peo_num_item2{background-image:url(//static1.one-piece.cc/web/onepiece/Recall29/images/public/progress/grey/15.png);left:2.79rem}.peo_num_item3{background-image:url(//static1.one-piece.cc/web/onepiece/Recall29/images/public/progress/grey/30.png);left:5.22rem}.peo_num_item1.active{left:.36rem;background-image:url(//static1.one-piece.cc/web/onepiece/Recall29/images/public/progress/active/8.png)}.peo_num_item2.active{background-image:url(//static1.one-piece.cc/web/onepiece/Recall29/images/public/progress/active/15.png);left:2.79rem}.peo_num_item3.active{background-image:url(//static1.one-piece.cc/web/onepiece/Recall29/images/public/progress/active/30.png);left:5.22rem}.progress_bar_container{position:relative;width:100%;height:.3rem;background-image:url(//static1.one-piece.cc/web/onepiece/Recall29/images/public/progress/bg.png)}.progress{position:absolute;width:6.5rem;height:.13rem;top:.09rem;left:.27rem}.progress div{position:relative;width:0%;height:100%;background-image:url(//static1.one-piece.cc/web/onepiece/Recall29/images/public/progress/light-line.png);background-size:100% 100%}.fire{position:absolute;width:.32rem;bottom:-.02rem;right:-.09rem}.section_2{position:relative;width:100%;height:16.73rem}.section_2 .btn{position:absolute;width:3.2rem;left:0;right:0;margin:auto}.btn1{top:5.05rem}.btn2{top:10.07rem}.btn3{top:15.05rem}.copyRight{width:100%;color:#fff;font-size:.22rem;text-align:center;padding:.25rem 0 .5rem;background-color:#000e1a}.copyRight img{width:.62rem;height:.7rem}.copyRight img:nth-child(2){width:1.75rem;height:.43rem;margin-left:.05rem}.over{position:absolute;top:4.08rem;left:2.54rem;width:1.02rem;display:none}