.wrap{width:100%;position:relative;height:3808px;min-width:1200px;max-width:1920px;margin:0 auto;overflow:hidden}.d-f{display:flex}.justify-b{justify-content:space-between}.a-i-c{align-items:center}#btn_login,#btn_logout{width:117px;height:43px;cursor:pointer}.page-top-btn{width:373px;height:43px;position:absolute;top:23px;right:610px}.page-top-btn img{width:117px;height:43px;cursor:pointer}.page-top-btn img{width:117px;height:43px;display:block}.logo{display:block;width:194px;height:107px;position:absolute;top:25px;left:375px}.btn_login_name{display:none;color:#000;font-size:17px;width:117px;height:43px;line-height:43px;background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/login-btn-bg.png) no-repeat center 100%/100%;background-size:100% 100%;padding:0 17px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}.section1{width:100%;height:936px;position:relative;background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/bg1.jpg) no-repeat top center}.section1 .hf{position:absolute;right:480px;cursor:pointer}.section1 .kg{position:absolute;right:375px;cursor:pointer}.section2{width:100%;height:939px;background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/bg2.jpg) no-repeat top center;position:relative}.section2 .pz-box{width:1129px;height:333px;position:absolute;top:245px;left:50%;transform:translate(-50%)}.section2 .pz-box li{width:114px;height:218px;position:absolute}.section2 .pz-box li:nth-child(1){top:63px;left:19px}.section2 .pz-box li:nth-child(2){width:114px;height:218px;top:110px;left:204px}.section2 .pz-box li:nth-child(3){width:114px;height:221px;left:328px;top:12px}.section2 .pz-box li:nth-child(4){top:63px;left:505px}.section2 .pz-box li:nth-child(5){top:9px;left:686px}.section2 .pz-box li:nth-child(6){top:110px;left:809px}.section2 .pz-box li:nth-child(7){top:56px;left:996px;width:114px;height:220px}.section2 .pz-box li:nth-child(8){width:114px;height:190px;top:0;left:847px}.section2 .pz-box li:nth-child(9){top:117px;left:994px}.section3{width:100%;height:1047px;background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/bg3.jpg) no-repeat top center;position:relative}.section3 ul{width:1235px;height:662px;position:absolute;top:235px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center}.section3 li{width:282px;height:317px;position:relative}.section3 li::before{content:'';position:absolute;top:75px;left:50%;transform:translate(-50%);width:74px;height:75px;background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/lq-btn.png) no-repeat center 100%/100%}.section3 li.got::before{content:'';position:absolute;top:75px;left:50%;transform:translate(-50%);width:74px;height:75px;background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/lq-btn-grey.png) no-repeat center 100%/100%}.section3 li:nth-child(1){background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/day1.png) no-repeat center 100%/100%}.section3 li:nth-child(2){background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/day2.png) no-repeat center 100%/100%;margin:0 18px}.section3 li:nth-child(3){background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/day3.png) no-repeat center 100%/100%;margin-right:18px}.section3 li:nth-child(4){background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/day4.png) no-repeat center 100%/100%}.section3 li:nth-child(5){background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/day5.png) no-repeat center 100%/100%}.section3 li:nth-child(6){background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/day6.png) no-repeat center 100%/100%}.section3 li:nth-child(7){background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/day7.png) no-repeat center 100%/100%}.section4{width:100%;height:886px;background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/bg4.jpg) no-repeat top center;position:relative}.lottery-box{width:556px;height:556px;position:absolute;top:205px;left:425px;background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/lottery.png) no-repeat center 100%/100%}.lottery{width:464px;height:471px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lottery-btn{width:141px;height:141px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer}.section4 .gift-box{width:400px;height:298px;position:absolute;top:343px;left:1074px;display:flex;flex-wrap:wrap;padding:0 20px;box-sizing:border-box;justify-content:left;align-content:baseline}.gift-box img{width:70px;height:109px;margin-right:20px;margin-bottom:20px}.lottery-box div.active{width:302px;height:257px;background:url(//static1.one-piece.cc/web/onepiece/Spring2026/images/lottery-pc.png) no-repeat center 100%/100%}.lottery-unit{position:absolute}.lottery-unit-1{transform:rotate(18deg);left:167px;top:26px}.lottery-unit-2{transform:rotate(90deg);top:148px;left:252px}.lottery-unit-3{transform:rotate(162deg);top:269px;right:86px}.lottery-unit-4{transform:rotate(234deg);top:223px;right:230px}.lottery-unit-5{transform:rotate(-53deg);left:25px;top:72px}#footer{color:#fff;text-align:center;background-color:#000;padding-top:20px;padding-bottom:20px}.click-btn{cursor:pointer}