.wrap{position:relative;width:100%;height:43.66rem;max-width:768px;margin:0 auto;background:url(//static1.one-piece.cc/web/onepiece/JINCARDLUFEI2023/images/bg.jpg) no-repeat;background-size:100%;vertical-align:top;overflow:hidden}.logo{position:absolute;width:2.6rem;top:.12rem;left:.12rem}.login-state{position:absolute;width:3.6rem;height:.52rem;top:.5rem;right:.4rem}.login-state *{width:1.67rem;float:left;margin-right:.06rem;cursor:pointer}.login-state img:last-child{margin-right:0;float:right}.login-state .player{width:1.67rem;height:.52rem;text-align:center;line-height:.52rem;font-size:.14rem;color:#97290a;background:url(//static1.one-piece.cc/web/onepiece/JINCARDLUFEI2023/images/loginbg.png);display:none;background-size:100%}.section1{width:100%;height:8.52rem;margin-top:12.23rem;overflow:hidden}.section1 ul{width:100%;height:auto;margin-top:2.35rem;overflow:hidden}.section1 ul li{position:relative;width:1.63rem;height:2rem;float:left;margin-bottom:.2rem;margin-right:.05rem;background:url(//static1.one-piece.cc/web/onepiece/JINCARDLUFEI2023/images/lottery/bg.png) no-repeat;background-size:1.43rem;background-position-x:center;background-position-y:.27rem}.section1 ul .lottery-unit-1{margin-left:1.31rem}.section1 ul .lottery-unit-4{margin-left:.5rem}.section1 ul li.active{background-image:url(//static1.one-piece.cc/web/onepiece/JINCARDLUFEI2023/images/lottery/bg-active.png);background-size:1.93rem;background-position:center;background-position-y:0}.section1 ul li img{position:absolute;left:0;right:0;bottom:0;margin:auto}.section1 .lottery-unit-1 img{width:1.44rem}.section1 .lottery-unit-2 img{width:1.44rem}.section1 .lottery-unit-3 img{width:1.01rem}.section1 .lottery-unit-4 img{width:1.06rem}.section1 .lottery-unit-5 img{width:1.22rem}.section1 .lottery-unit-6 img{width:.93rem}.section1 .lottery-unit-7 img{width:1.54rem}.section1 .btn{display:block;width:2.47rem;margin:.15rem auto 0}.section2{width:100%;height:22.9rem;overflow:hidden}.section2 ul{width:7.26rem;height:7.4rem;margin:1.75rem auto 0}.section2 ul li{position:relative;width:1.93rem;height:2.25rem;float:left;margin-left:.37rem;margin-bottom:.3rem}.section2 ul li>img{width:100%;margin:0 auto;vertical-align:top}.section2 ul li p{font-size:.2rem;text-align:center;color:#fff;margin-top:.1rem}.section2 ul li span{color:#ffb737}.btn-container{display:flex;width:100%;height:1.05rem;margin-top:.35rem;justify-content:space-between}.btn-container>div{width:3rem;height:1.05rem}.btn-container>div:first-child{float:left;margin-left:.6rem}.btn-container>div:last-child{float:right;margin-right:.6rem}.btn-container div img{display:block;width:auto;height:.67rem;margin:0 auto}.btn-container p{width:100%;font-size:.2rem;text-align:center;color:#99bdf6;margin-top:.1rem}.btn-container span{color:#99bdf6}.btn-container .extract-wrapper p{color:#f80}.btn-container .extract-wrapper span{color:#f80}.section2 .btn{display:block;width:2.47rem;margin:7.65rem auto 0}.copyRight{width:100%;color:#fff;font-size:.22rem;text-align:center;padding:.27rem 0 .5rem;background:#000;margin-top:-.02rem}.copyRight img{width:.62rem;height:.7rem}.copyRight img:nth-child(2){width:1.75rem;height:.43rem;margin-left:.05rem}