.wrap{position:relative;width:100%;height:57.5rem;max-width:10.8rem;margin:0 auto;background:url(//static1.one-piece.cc/web/onepiece/ygCard2024/images/bg.jpg) no-repeat 100%/100%;vertical-align:top;overflow:hidden}.logo{position:absolute;width:3.75rem;top:.29rem;left:.28rem}.login-state{position:absolute;top:1.06rem;left:5.83rem}.login-state *{width:2.4rem;float:left;cursor:pointer}.login-state img:last-child{margin-right:0;float:right}.login-state .player{height:.86rem;text-align:center;line-height:.86rem;font-size:.42rem;color:#502108;background:url(//static1.one-piece.cc/web/onepiece/ygCard2024/images/loginbg.png);display:none;background-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .3rem;box-sizing:border-box;font-weight:bolder}.section1{width:100%;height:9.54rem;margin-top:17.95rem;overflow:hidden}.section1 ul{width:100%;height:auto;margin-top:0;overflow:hidden;padding-bottom:1.2rem;padding-left:.4rem;padding-right:.4rem;box-sizing:border-box;display:flex;flex-wrap:wrap-reverse;justify-content:center}.lottert-gift-name{position:absolute;width:2.41rem;height:.5rem;line-height:.5rem;left:50%;bottom:-.8rem;transform:translate(-50%);text-align:center;zoom:.85;color:#d6c1ff;background:url(//static1.one-piece.cc/web/onepiece/ygCard2024/images/lottery/text-bg1.png) no-repeat center 100%/100%}.lottery-unit-3 p{width:2.14rem;background:url(//static1.one-piece.cc/web/onepiece/ygCard2024/images/lottery/text-bg3.png) no-repeat center 100%/100%}.lottery-unit-4 p{width:2.01rem;background:url(//static1.one-piece.cc/web/onepiece/ygCard2024/images/lottery/text-bg4.png) no-repeat center 100%/100%}.lottery-unit-5 p{width:2.1rem;background:url(//static1.one-piece.cc/web/onepiece/ygCard2024/images/lottery/text-bg5.png) no-repeat center 100%/100%}.lottery-unit-6 p{width:1.87rem;background:url(//static1.one-piece.cc/web/onepiece/ygCard2024/images/lottery/text-bg6.png) no-repeat center 100%/100%}.lottery-unit-7 p{width:2.65rem;background:url(//static1.one-piece.cc/web/onepiece/ygCard2024/images/lottery/text-bg7.png) no-repeat center 100%/100%}.section1 ul li{position:relative;margin-bottom:0;background-position-x:center;color:#fff;font-size:.28rem;margin-right:.6rem}.lottery-unit div{width:2.03rem;height:1.96rem;background:url(//static1.one-piece.cc/web/onepiece/ygCard2024/images/lottery/bg.png) no-repeat center 100%/100%;position:relative}.lottery-unit div img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.lottery-unit.active div::after{content:'';position:absolute;top:53%;left:53%;transform:translate(-50%,-50%);width:2.43rem;height:2.34rem;background:url(//static1.one-piece.cc/web/onepiece/ygCard2024/images/lottery/active.png) no-repeat center 100%/100%}.lottery-unit-1,.lottery-unit-2,.lottery-unit-3{margin-bottom:1.07rem!important}.lottery-unit-3,.lottery-unit-7{margin-right:0!important}.lottert-gift-name{box-sizing:border-box}.lottery-unit-1 img{width:.95rem;height:1.19rem}.lottery-unit-2 img{width:.93rem;height:1.17rem}.lottery-unit-3 img{width:1.17rem;height:1.19rem}.lottery-unit-4 img{width:1.08rem;height:1.08rem}.lottery-unit-5 img{width:1.7rem;height:1.63rem}.lottery-unit-6 img{width:.99rem;height:.99rem}.lottery-unit-7 img{width:1.01rem;height:1.01rem}.section1 .btn{display:block;width:4.08rem;height:auto;margin:0 auto 0;cursor:pointer}.section2{width:100%;height:24.4rem;overflow:hidden;position:relative}.section2 ul{display:flex;flex-wrap:wrap;justify-content:space-between;width:8.99rem;margin:0 auto;padding-top:.15rem}.section2 ul li{position:relative;float:left;margin-bottom:.2rem}.section2 ul li div{position:relative;width:2.72rem;height:auto;box-sizing:border-box}.section2 ul li.active div{background:0 0}.section2 ul li.active div::before{content:'';position:absolute;left:-.16rem;top:-.09rem;width:3.06rem;height:2.77rem;background:url(//static1.one-piece.cc/web/onepiece/ygCard2024/images/light.png) no-repeat center 100%/100%}.section2 ul li img{width:2.74rem;height:auto;display:block;position:relative}.section2 ul li p{font-size:.28rem;text-align:center;color:#fffcd0;margin-top:.05rem;position:relative;z-index:1}.section2 ul li span{color:#fffcd0}.btn-container{display:flex;width:100%;justify-content:space-between;padding:0 .9rem;box-sizing:border-box;margin-top:-.35rem}.btn-container>div:first-child{float:left}.btn-container>div:last-child{float:right}.btn-container div img{display:block;width:3.89rem;height:auto;margin:0 auto;cursor:pointer}.btn-container p{width:100%;font-size:.28rem;text-align:center;color:#c5eaff;margin-top:-.1rem}.btn-container span{color:#fffcd0}.share-btn-box span{color:#fffcd0}.section2 .btn{width:5.22rem;position:absolute;bottom:0;left:0;right:0;margin:0 auto;cursor:pointer}.copyRight{width:100%;max-width:1080px;margin:0 auto;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}