@charset "UTF-8";*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;font-family:-apple-system,Microsoft Yahei,sans-serif,宋体;font-size:14px;line-height:1.42857143}body{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{background-color:transparent;color:inherit;text-decoration:none}a:active,a:hover{outline-width:0}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:table;line-height:0}.clearfix:after{clear:both}html{font-size:calc(min(100vw, 750px)*100/750);margin:auto;max-width:min(100vw,750px);position:relative}body{background-color:#000;font-size:14px}.top-bar{background:#f8f7f9;color:#202020;font-family:SimSun;height:.64rem;line-height:.64rem;overflow:hidden}.top-bar__inner{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;padding:0 .24rem}.top-bar__info{font-size:.28rem}.top-bar a{color:#f40}.top-bar .split{margin:0 15px}.layui-layer-btn .layui-layer-btn0{background-color:#ffc600!important;border-color:#ffc600!important}.layui-layer-dialog{left:50%!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.transparent-skin{background-color:transparent!important}.mobile-skin,.transparent-skin{left:50%!important;position:fixed!important;top:50%!important;-webkit-transform:translate(-50%,-50%)!important;-ms-transform:translate(-50%,-50%)!important;transform:translate(-50%,-50%)!important}.mobile-skin .layui-layer-title{font-size:16px}.color-success{color:#008026!important}.color-warning{color:#df0404!important}.login-popup{background:url(../images/modal-login.png) no-repeat 50%/100% 100%;display:none;height:3.77rem;overflow:hidden;padding:.97rem 1rem 0;width:5.98rem}.login-popup__close{background-image:url(../images/close.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;cursor:pointer;height:.3rem;position:absolute;right:.38rem;top:.2rem;width:.3rem}.login-popup__close:hover{background-image:url(../images/close-active.png)}.login-popup .login-form-item{height:.44rem;margin-bottom:.12rem}.login-popup .login-form-item--btn input{width:2.16rem!important}.login-popup .login-form-item input{background:#fff;border:none;border-radius:.05rem;float:left;height:100%;outline:none;padding:0 .08rem;width:100%}.login-popup .login-form-item input::-webkit-input-placeholder{font-size:.24rem}.login-popup .login-form-item input::-moz-placeholder{font-size:.24rem}.login-popup .login-form-item input:-ms-input-placeholder{font-size:.24rem}.login-popup .login-form-item input::-ms-input-placeholder{font-size:.24rem}.login-popup .login-form-item input::placeholder{font-size:.24rem}.login-popup .login-form-item__img{border:.01rem dashed #ccc;cursor:pointer;float:right;height:100%;width:1.68rem}.login-popup .login-form-item__img img{display:block;height:100%;width:100%}.login-popup .login-form-item__code{background:#fff7e5;border:none;border-radius:.05rem;color:#202020;cursor:pointer;float:right;font-size:.28rem;height:100%;outline:none;text-decoration:underline;width:1.68rem}.login-popup .login-form-item__code:disabled{background:#f5f5f5;color:#999;cursor:not-allowed;text-decoration:none}.login-popup .login-form-item__btn{background:url(../images/btn-sub.png) no-repeat 50%/contain;border:none;color:#fff;cursor:pointer;display:block;font-size:.26rem;height:.48rem;margin:.44rem auto 0;outline:none;text-shadow:.01rem .01rem .08rem #ffb72d;width:1.25rem}.login-popup .login-form-item__btn:active{background:url(../images/btn-sub-active.png) no-repeat 50%/contain}.receive-popup{background:url(../images/modal-receive.png) no-repeat 50%/100% 100%;display:none;height:3.77rem;overflow:hidden;padding:.97rem .32rem 0;width:6.5rem}.receive-popup__close{background-image:url(../images/close.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;cursor:pointer;height:.3rem;position:absolute;right:.38rem;top:.2rem;width:.3rem}.receive-popup__close:hover{background-image:url(../images/close-active.png)}.receive-popup__main{height:2.8rem;overflow:auto;padding:0 .12rem}.receive-popup ::-webkit-scrollbar{height:.08rem;width:.08rem}.receive-popup ::-webkit-scrollbar-track{background-color:transparent}.receive-popup ::-webkit-scrollbar-thumb{background-color:#ffb72d;border-radius:.04rem}.receive-popup .receive-table{overflow:auto}.receive-popup .receive-table table{background-color:#fff;border-collapse:collapse;border-top:1px solid #ccc;table-layout:fixed;width:100%}.receive-popup .receive-table td,.receive-popup .receive-table th{-webkit-box-sizing:border-box;box-sizing:border-box}.receive-popup .receive-table th{background-color:#ffd27c;border-bottom:1px solid #ccc;border-right:1px solid #ccc;color:#000;font-size:.24rem;height:.32rem;overflow:hidden;padding:0 .05rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.receive-popup .receive-table th:first-child{border-left:1px solid #ccc;width:1.4rem!important}.receive-popup .receive-table th:nth-child(2){width:1.25rem!important}.receive-popup .receive-table th:nth-child(3){width:1.15rem!important}.receive-popup .receive-table th:nth-child(4){width:.72rem!important}.receive-popup .receive-table td{border-bottom:1px solid #ccc;border-right:1px solid #ccc;color:#000;font-size:.2rem;height:.28rem;overflow:hidden;padding:0 .05rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.receive-popup .receive-table td:first-child{border-left:1px solid #ccc}.receive-popup .receive-table tbody tr{-webkit-transition:all .3s ease;transition:all .3s ease}.receive-popup .receive-table tbody tr:hover{background:#dde1eb}.fixed-right{bottom:10%;position:fixed;right:.12rem;z-index:999}.fixed-right .ewm-box{margin-bottom:.24rem}.fixed-right .ewm-box img{display:block;height:1.6rem;width:1.49rem}body{background-image:url(../images/bg2.png)}.banner,body{background-position:top;background-repeat:no-repeat;background-size:100% auto}.banner{background-image:url(../images/banner.png);height:4.08rem;overflow:hidden;position:relative;z-index:2}.container{background-image:url(../images/bg1.png);background-position:center top 4rem;background-repeat:no-repeat;background-size:100% auto;position:relative;z-index:1}.container:after{background:url(../images/flower-bg.png) repeat-y center top -1.2rem;background-size:6.42rem auto;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.com-tit{background-image:url(../images/tit-bg.png);background-position:bottom;background-repeat:no-repeat;background-size:auto .27rem;display:block;font-size:0;height:.44rem;text-align:center}.com-tit img{height:100%}.reservation-pic{font-size:0;height:3.25rem;margin:-.2rem 0 0;text-align:center}.reservation-pic img{height:100%}.reservation-btn{background-image:url(../images/btn-reserve.png);background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:.96rem;margin:.23rem auto 0;text-indent:-9999px;width:2.59rem}.reservation-btn:active{-webkit-filter:brightness(.8);filter:brightness(.8)}.reservation-btn--finish{background-image:url(../images/btn-reserved.png);cursor:not-allowed}.reservation-btn--finish:active{-webkit-filter:none;filter:none}.reservation-num{background:url(../images/ddk.png) no-repeat 50%/auto 100%;color:#ffb82e;font-size:.24rem;font-weight:500;height:.42rem;letter-spacing:.06rem;line-height:.42rem;margin:.14rem auto 0;text-align:center;width:6.1rem}.reservation-num b{color:#fdefca;font-size:.36rem;font-weight:700;letter-spacing:0}.gift{margin-top:.14rem}.gift .gift-text{font-size:0;height:.72rem;margin:.1rem 0 0;text-align:center}.gift .gift-text img{height:100%}.gift-prize{font-size:0;margin:.07rem 0 0;text-align:center}.gift-prize-item{background:url(../images/brand-bg.png) no-repeat 50%/contain;cursor:pointer;display:inline-block;height:1.58rem;margin:0 1px;position:relative;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:1.06rem}.gift-prize-item:active{-webkit-filter:brightness(.8);filter:brightness(.8)}.gift-prize-item img{left:50%;max-height:.72rem;max-width:.72rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.gift-prize-item.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.gift-prize-item.flipped img{-webkit-transform:translate(-50%,-50%) rotateY(180deg);transform:translate(-50%,-50%) rotateY(180deg)}.gift-prize-item.flipped:after{background:url(../images/wpk1.png) no-repeat 50%/contain;content:"";height:.86rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:.86rem}.gift-num{color:#ffb72d;font-size:.24rem;font-weight:500;height:.4rem;letter-spacing:.06rem;line-height:.4rem;margin:.1rem 0 0;text-align:center}.gift-num b{color:#fdefca;font-size:.36rem;font-weight:700;letter-spacing:0}.share-box{margin:.18rem .2rem 0;position:relative;text-align:center}.share-box b{color:#eaff00;display:block;font-size:.28rem;font-weight:700;line-height:1}.share-box span{color:#fdf3b8;display:block;font-size:.24rem;line-height:1;margin:.12rem 0 .16rem}.share-box .share-btn{background-color:transparent;background-image:url(../images/btn-invite.png);background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;color:#fdf3b8;cursor:pointer;display:inline-block;font-size:.24rem;height:.5rem;outline:none;width:1.92rem}.share-box .share-btn:active{background-image:url(../images/btn-invite-active.png)}.gift-btn{background-image:url(../images/btn-sure.png);background-position:50%;background-repeat:no-repeat;background-size:contain;color:#fff;cursor:pointer;display:block;font-size:.36rem;height:.9rem;line-height:.84rem;margin:.2rem auto 0;text-align:center;text-shadow:1px 1px 8px #ffb72d;width:2.42rem}.gift-btn:active{background-image:url(../images/btn-sure-active.png)}.receive-record{color:#ffb72d;cursor:pointer;font-size:.24rem;height:.32rem;letter-spacing:.06rem;line-height:.32rem;margin:.18rem 0 0;text-align:center;text-decoration:underline}.receive-record:active{color:#fdefca}.gift-history{background:url(../images/winning-bg.png) no-repeat 50%/contain;height:2rem;margin:.36rem auto 0;padding:.1rem .32rem;width:7.25rem}.gift-history-inner{height:100%;overflow:auto}.gift-history-inner::-webkit-scrollbar{height:4px;width:4px}.gift-history-inner::-webkit-scrollbar-track{background-color:hsla(0,0%,100%,.1)}.gift-history-inner::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.5);border-radius:4px}.gift-history-inner::-webkit-scrollbar-thumb:hover{background-color:hsla(0,0%,100%,.8)}.gift-history-item{color:#fff;font-size:.24rem;line-height:.28rem}.server{margin-top:.14rem}.server-pic{margin-top:.1rem}.server-pic-item{font-size:0;text-align:center}.server-pic-item img{height:100%}.server-pic-item:first-child{height:4.56rem;position:relative;width:100%}.server-pic-item:first-child:after{bottom:.1rem;color:#2a1815;content:"- 5PK12周年首款四端176复古大服 -";font-size:.25rem;font-weight:700;left:0;letter-spacing:.12rem;line-height:1;position:absolute;width:100%}.server-pic-item:nth-child(2){height:3rem;margin-top:.1rem;width:100%}.server-date{color:#2a1815;font-size:.4rem;font-weight:700;line-height:.52rem;text-align:center}.prize{margin-top:1rem}.prize .prize-box{background:url(../images/gift-bg.png) no-repeat 50%/contain;height:3.65rem;margin:-.06rem auto 0;position:relative;width:7.1rem}.prize .prize-box img{height:1.2rem;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.prize .prize-box img:first-child{bottom:.95rem;left:1.85rem}.prize .prize-box img:nth-child(2){bottom:.95rem;left:3.66rem}.prize .prize-box img:nth-child(3){bottom:.95rem;left:5.55rem}.prize .prize-text1{font-size:0;height:.33rem;margin:.1rem 0 0;text-align:center}.prize .prize-text1 img{height:100%}.prize .prize-text2{font-size:0;height:.65rem;margin:.26rem 0 .2rem;text-align:center}.prize .prize-text2 img{height:100%}