.wrap{position:relative;width:100%;height:54.72rem;max-width:1080px;margin:0 auto;background:url(//static1.one-piece.cc/web/onepiece/violetCard/images/bg.jpg) no-repeat;background-size:100%;vertical-align:top;overflow:hidden}.logo{position:absolute;width:3.06rem;top:.1rem;left:.38rem}.login-state{position:absolute;width:5rem;top:.55rem;right:.45rem}.login-state *{width:2.47rem;float:left;cursor:pointer}.login-state img:last-child{margin-right:0;float:right}.login-state .player{width:2.47rem;height:.92rem;text-align:center;line-height:.92rem;font-size:.4rem;color:#efe8e8;background:url(//static1.one-piece.cc/web/onepiece/violetCard/images/loginbg.png);display:none;background-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .3rem;box-sizing:border-box}.time{position:absolute;color:#fff;text-align:center;font-size:.32rem;top:11.75rem;width:100%;left:0}.mb-14{margin-bottom:.14rem!important}.section1{width:100%;height:8.3rem;margin-top:15rem;overflow:hidden}.section1 ul{width:100%;height:auto;margin-top:0;overflow:hidden;padding-bottom:.75rem}.lottert-gift-name{position:absolute;width:100%;left:50%;bottom:-.24rem;transform:translate(-50%);text-align:center;zoom:.85}.section1 ul li{position:relative;width:1.88rem;height:2.26rem;float:left;margin-bottom:0;background-position-x:center;padding:.26rem;color:#fff;font-size:.28rem}.section1 ul .lottery-unit-1{margin-left:1.56rem;margin-right:.2rem}.section1 ul .lottery-unit-3{margin-left:.15rem}.section1 ul .lottery-unit-4{margin-left:.4rem;margin-right:.1rem}.section1 ul .lottery-unit-5{margin-right:.15rem}.section1 ul .lottery-unit-6{margin-right:.05rem}.section1 ul li.active{background:url(//static1.one-piece.cc/web/onepiece/violetCard/images/lottery/bg-active.png) no-repeat center 100%/100%;background-position-y:.4rem;background-size:90%}.section1 ul li img{position:absolute;margin:auto;width:1.88rem}.section1 .btn{display:block;width:4.93rem;height:auto;margin:0 auto 0;cursor:pointer}.section2{width:100%;height:25.93rem;overflow:hidden;margin-top:1.48rem;position:relative}.section2 ul{display:flex;flex-wrap:wrap;justify-content:space-between;width:9.1rem;margin:0 auto;padding-top:.2rem}.section2 ul li{position:relative;float:left}.section2 ul li div{position:relative;width:2.94rem;height:2.72rem;box-sizing:border-box;background:url(//static1.one-piece.cc/web/onepiece/violetCard/images/pt-bg.png) no-repeat center 100%/100%}.section2 ul li.active div{background:0 0}.section2 ul li.active div::before{content:'';position:absolute;width:3.41rem;height:3.18rem;background:url(//static1.one-piece.cc/web/onepiece/violetCard/images/light.png) no-repeat center 100%/100%;top:-.3rem;left:-.3rem}.section2 ul li img{width:2.56rem;height:auto;position:absolute;top:.11rem;left:.15rem}.section2 ul li p{font-size:.28rem;text-align:center;color:#fff;margin-top:-.13rem}.section2 ul li span{color:#ffb737}.item4,.item5,.item6,.item7,.item8,.item9{margin-top:.1rem}.btn-container{display:flex;width:100%;margin-top:.34rem;justify-content:space-between;padding:0 1.5rem;box-sizing:border-box}.btn-container>div:first-child{float:left}.btn-container>div:last-child{float:right}.btn-container div img{display:block;width:3.39rem;height:auto;margin:0 auto;cursor:pointer}.btn-container p{width:100%;font-size:.28rem;text-align:center;color:#fff;margin-top:.1rem}.btn-container span{color:#ffae00}.section2 .btn{width:4.93rem;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}