html,body{width:100%;overflow-x:hidden;background:#20254b;padding-top:1px}.main{width:100%;min-width:1200px;max-width:1920px;height:2456px;margin:0 auto;margin-top:64px;background:url(../img/activity_51/bg.png) no-repeat center;background-size:cover;padding-top:1px}.main>.title{width:541px;height:149px;margin:0 auto;margin-top:424px;background:url(../img/activity_51/title.png) no-repeat center;padding-top:1px;position:relative;z-index:2}.main>.title>p{text-align:center;color:#fff;font-size:22px}.main>.title>p:first-child{margin-top:40px;margin-bottom:15px}.main .box-1{width:1217px;height:629px;margin:0 auto;margin-top:-40px;background:url(../img/activity_51/box-1-bg.png) no-repeat center;padding-top:1px}.main .box-1>.box-1-list{width:1130px;height:540px;margin:0 auto;margin-top:45px}.main .box-1>.box-1-list>div{float:left;width:370px;height:490px;background:url(../img/activity_51/pubg.png) no-repeat left;margin-right:10px}.main .box-1>.box-1-list>div:last-child{margin-right:0}.main .box-1>.box-1-list>div>.title-1{color:#ff64c1;font-size:20px;-webkit-transform:rotate(3deg);transform:rotate(3deg);margin-top:55px}.main .box-1>.box-1-list>div>.money{font-size:24px;color:#ffe852;margin-top:345px}.main .box-1>.box-1-list>div>.get-1{width:336px;height:86px;margin:0 auto;background:url(../img/activity_51/pubg-get.png) no-repeat left;cursor:pointer}.main .box-1>.box-1-list>div>.get-1:hover{background:url(../img/activity_51/pubg-get-hover.png) no-repeat left}.main .box-1>.box-1-list>div>.get-1:active{background:url(../img/activity_51/pubg-get-click.png) no-repeat left}.main .box-1>.box-1-list>.list-2{background:url(../img/activity_51/gta.png) no-repeat left;position:relative;right:-10px}.main .box-1>.box-1-list>.list-2>.title-2{color:#ff64c1;font-size:20px;-webkit-transform:rotate(-2deg);transform:rotate(-2deg);margin-top:50px}.main .box-1>.box-1-list>.list-2>.money{font-size:24px;color:#ffe852;margin-top:350px}.main .box-1>.box-1-list>.list-2>.get-2{width:336px;height:86px;margin:0 auto;background:url(../img/activity_51/gta-get.png) no-repeat left;cursor:pointer}.main .box-1>.box-1-list>.list-2>.get-2:hover{background:url(../img/activity_51/gta-get-hover.png) no-repeat left}.main .box-1>.box-1-list>.list-2>.get-2:active{background:url(../img/activity_51/gta-get-click.png) no-repeat left}.main .box-1>.box-1-list>.list-3{background:url(../img/activity_51/six.png) no-repeat left;position:relative;right:-30px}.main .box-1>.box-1-list>.list-3>.title-3{color:#ff64c1;font-size:20px;-webkit-transform:rotate(2deg);transform:rotate(2deg);margin-top:55px;position:relative;left:-15px}.main .box-1>.box-1-list>.list-3>.money{font-size:24px;color:#ffe852;margin-top:345px}.main .box-1>.box-1-list>.list-3>.get-3{width:336px;height:86px;margin:0 auto;background:url(../img/activity_51/six-get.png) no-repeat left;cursor:pointer}.main .box-1>.box-1-list>.list-3>.get-3:hover{background:url(../img/activity_51/six-get-hover.png) no-repeat left}.main .box-1>.box-1-list>.list-3>.get-3:active{background:url(../img/activity_51/six-get-click.png) no-repeat left}.main .box-2{width:1263px;height:981px;margin:0 auto;margin-top:100px;background:url(../img/activity_51/ps.png) no-repeat center;padding-top:1px}.main .box-2>p{font-size:18px;color:#fff;text-align:left;line-height:30px;margin-left:75px;margin-top:80px}.main .box-2>p>span{font-size:34px;position:relative;top:3px}.main .box-2>p>a{font-size:18px;color:#fff;text-align:left;line-height:30px;text-decoration:underline}.pay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;display:none;background:rgba(255,255,255,0.02)}.pay .bg{width:100%;height:100%;position:absolute;background:rgba(0,0,0,0.5)}.pay .pay-box{width:560px;height:486px;background:#fff;position:relative;top:calc(50% - 180px);left:calc(50% - 280px)}.pay .pay-box.showIn{-webkit-animation:zoomIn .3s linear forwards;animation:zoomIn .3s linear forwards}.pay .pay-box.hideOut{-webkit-animation:zoomOut .3s linear forwards;animation:zoomOut .3s linear forwards}.pay .pay-box>h6{width:100%;height:40px;line-height:40px;position:relative;color:#303133;font-size:14px;font-weight:500;letter-spacing:1px;text-align:left;text-indent:20px;background:#f5f5f5}.pay .pay-box>h6>span{display:block;position:absolute;width:12px;height:12px;background:url(../img/buy/close.png) no-repeat center;background-size:contain;right:20px;top:calc(50% - 6px);cursor:pointer}.pay .pay-box .pay-type{width:100%;height:60px;line-height:60px;text-align:center;position:relative;background:#f5f5f5}.pay .pay-box .pay-type .pay-move{width:50%;height:100%;border:1px solid #ededed;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;position:absolute;left:0}.pay .pay-box .pay-type>span{display:block;position:absolute;width:50%;height:100%;border:1px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1001;color:#333;letter-spacing:1px;cursor:pointer}.pay .pay-box .pay-type>span>a{display:inline-block;vertical-align:middle;background:-webkit-gradient(linear, left top, right top, from(#fe5f52), to(#fc4574));background:linear-gradient(to right, #fe5f52, #fc4574);height:16px;line-height:16px;padding:0 5px;text-align:center;position:relative;font-size:12px;color:#fff;border-radius:2px}.pay .pay-box .pay-type>span>a::after{content:"";display:block;position:absolute;border:4px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box;border-right-color:#fe5f52;left:-8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pay .pay-box .pay-type>span>i{display:inline-block;vertical-align:middle;width:21px;height:21px;margin-top:-2px}.pay .pay-box .pay-type>span:nth-child(1){left:0}.pay .pay-box .pay-type>span:nth-child(1)>i{background:url(../img/buy/alipay.png) no-repeat center;background-size:contain}.pay .pay-box .pay-type>span:nth-child(2){right:0}.pay .pay-box .pay-type>span:nth-child(2)>i{background:url(../img/buy/wechatpay.png) no-repeat center;background-size:contain}.pay .pay-box .left{width:190px;height:235px;position:absolute;top:130px;left:55px}.pay .pay-box .left>img{display:block;width:100%;height:190px}.pay .pay-box .left>p{width:100%;height:auto;position:absolute;bottom:5px;color:#303133;font-size:14px;text-align:center}.pay .pay-box .left>p>img{display:inline-block;vertical-align:middle;width:27px;height:27px;margin-top:1.5px;margin-left:0}.pay .pay-box .left>p>span{display:inline-block;vertical-align:middle;letter-spacing:2px;margin-left:8px}.pay .pay-box .left>p>span>i{display:block;font-style:normal}.pay .pay-box .right{width:270px;height:auto;position:absolute;top:130px;right:20px}.pay .pay-box .right>ul{width:210px;height:auto;margin:0 auto;font-size:14px}.pay .pay-box .right>ul>li{color:#606266;width:100%;text-align:left;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay .pay-box .right>ul>li.is_old{display:none}.pay .pay-box .right>ul>li:nth-child(1){margin-top:0;color:#303133}.pay .pay-box .right>ul>li:nth-child(3){margin-top:35px}.pay .pay-box .right>ul>li:last-child{color:#303133;margin-top:10px}.pay .pay-box .right>ul>li:last-child>span{color:#ea575c;font-size:26px}.pay .pay-box .right>ul>li:last-child>i{color:#ea575c;font-style:normal}.pay .pay-box .right>p{width:220px;margin:0 auto;font-size:12px;color:#606266;text-align:left;margin-top:20px;letter-spacing:.6px}.pay .pay-box .discount{width:450px;height:50px;line-height:50px;letter-spacing:1px;position:absolute;bottom:30px;left:53px}.pay .pay-box .discount .btn{color:#303133;font-size:16px;position:absolute;left:0;cursor:pointer}.pay .pay-box .discount .btn>span{display:inline-block;vertical-align:middle;width:20px;height:20px;border:2px solid #9b9ea3;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;margin-right:5px;margin-top:-2px}.pay .pay-box .discount .btn>span.use-dis{background:#11c783 url(../img/buy/yes.png) no-repeat center;background-size:contain;border:2px solid #11c783}.pay .pay-box .discount .code{width:384px;height:100%;background:#f2f5f7;border-radius:5px;position:absolute;right:0;text-align:left;overflow:hidden;cursor:pointer}.pay .pay-box .discount .code input::-webkit-input-placeholder{color:#909399}.pay .pay-box .discount .code input::-moz-placeholder{color:#909399}.pay .pay-box .discount .code input:-moz-placeholder{color:#909399}.pay .pay-box .discount .code input:-ms-input-placeholder{color:#909399}.pay .pay-box .discount .code>input{display:inline-block;vertical-align:middle;width:350px;height:100%;text-indent:20px;font-size:14px;background:none;border:none;cursor:pointer}.pay .pay-box .discount .code>span{display:inline-block;vertical-align:middle;width:14px;height:8px;background:url(../img/active/double/arrow.png) no-repeat center;background-size:contain}.pay .pay-box .discount .slide{width:384px;max-height:150px;height:auto;background:#f2f5f7;border-radius:5px;position:absolute;right:0;top:110%;padding:5px 0;overflow:hidden;overflow-y:scroll;display:none}.pay .pay-box .discount .slide::-webkit-scrollbar{width:6px}.pay .pay-box .discount .slide::-webkit-scrollbar-thumb{background:#909399;border-radius:3px}.pay .pay-box .discount .slide::-webkit-scrollbar-track{background:#d4d7d9}.pay .pay-box .discount .slide>p{width:100%;height:30px;line-height:30px;color:#606266;font-size:14px;letter-spacing:1px;cursor:pointer;text-align:left;text-indent:20px}.pay .pay-box .discount .slide>p:hover{color:#303133;background:#e6e9eb}.pay .pay-box .tips{color:#ff5757;font-size:12px;position:absolute;bottom:20px;left:180px;height:20px;line-height:20px}.popup{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.6);left:0;top:0;display:none;z-index:99}.popup>.box{width:504px;height:283px;background:url(../img/activity_51/box.png) no-repeat center;position:absolute;left:calc(50% - 252px);top:calc(50% - 141.5px)}.popup>.box>.title{font-size:26px;color:#ffe852;margin-top:50px;margin-bottom:10px}.popup>.box>p{font-size:22px;color:#fff;line-height:35px}.popup>.box>div{width:182px;height:49px;background:url(../img/activity_51/know.png) no-repeat center;text-align:center;line-height:49px;color:#fff;font-size:22px;margin:0 auto;margin-top:30px;cursor:pointer}.popup>.box>div>a{color:#fff;display:block;width:100%;height:100%}.popup>.box>div:hover{background:url(../img/activity_51/know-hover.png) no-repeat center}.popup>.box>div:active{background:url(../img/activity_51/know-click.png) no-repeat center}.popup>.box>.close{width:57px;height:57px;background:url(../img/activity_51/close.png) no-repeat center;position:absolute;right:-30px;top:-30px;margin-top:0}.popup>.box>.close:hover{background:url(../img/activity_51/close-hover.png) no-repeat center}.popup>.box>.close:active{background:url(../img/activity_51/close-click.png) no-repeat center}.popup_two{width:100%;height:100%;position:fixed;background:rgba(0,0,0,0.6);left:0;top:0;display:none;z-index:99}.popup_two>.box{width:504px;height:283px;background:url(../img/activity_51/box.png) no-repeat center;position:absolute;left:calc(50% - 252px);top:calc(50% - 141.5px)}.popup_two>.box>.title{font-size:26px;color:#ffe852;margin-top:50px;margin-bottom:10px}.popup_two>.box>p{font-size:22px;color:#fff;line-height:35px;width:450px;margin:0 auto;margin-top:100px}.popup_two>.box>div{width:182px;height:49px;background:url(../img/activity_51/know.png) no-repeat center;text-align:center;line-height:49px;color:#fff;font-size:22px;margin:0 auto;margin-top:30px;cursor:pointer}.popup_two>.box>div:hover{background:url(../img/activity_51/know-hover.png) no-repeat center}.popup_two>.box>div:active{background:url(../img/activity_51/know-click.png) no-repeat center}.popup_two>.box>.close{width:57px;height:57px;background:url(../img/activity_51/close.png) no-repeat center;position:absolute;right:-30px;top:-30px;margin-top:0}.popup_two>.box>.close:hover{background:url(../img/activity_51/close-hover.png) no-repeat center}.popup_two>.box>.close:active{background:url(../img/activity_51/close-click.png) no-repeat center}