.page-nav{width:100%;position:fixed;left:0;top:0;z-index:10;padding:19px 43px;display:flex;justify-content:flex-start;align-items:flex-start;background-color:rgba(0,0,0,.65)}.page-nav::after{content:"";position:absolute;width:100%;left:0;z-index:-1;bottom:0;height:2px;background-color:#b8a875}.page-nav .game-logo{position:absolute;left:43px;top:19px}.page-nav nav{height:40px;margin-left:165px}.page-nav nav a{display:block;width:156px;height:42px;position:relative}.page-nav nav a.home{background:url(../../images/nav-home.png) center center no-repeat;background-size:100%}.page-nav nav a.home:hover,.page-nav nav a.home.active{background:url(../../images/nav-home-hov.png) center center no-repeat}.page-nav nav a.news{background:url(../../images/nav-news.png) center center no-repeat;background-size:100%}.page-nav nav a.news:hover,.page-nav nav a.news.active{background:url(../../images/nav-news-hov.png) center center no-repeat}.page-nav nav a.pay{background:url(../../images/nav-pay.png) center center no-repeat;background-size:100%}.page-nav nav a.pay:hover,.page-nav nav a.pay.active{background:url(../../images/nav-pay-hov.png) center center no-repeat}.page-nav nav a:not(:last-child)::after{content:"";position:absolute;right:0;display:block;width:3px;height:100%;background:url(../../images/nav-spec.png) left top no-repeat;background-size:auto 100%}.page-nav .login-wrapper{flex:0 0 auto;color:#fff}.page-nav .login-wrapper .icon-user{flex:0 0 .125rem;height:.125rem;background:url(../images/icon_user.png) center center no-repeat;background-size:100%}.page-nav .login-wrapper .icon-logout{flex:0 0 .1198rem;height:.1198rem;background:url(../images/icon_logout.png) center center no-repeat;background-size:100%}.page-nav .login-wrapper .login,.page-nav .login-wrapper .logout{display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:.0729rem}.page-nav .login-wrapper .login p,.page-nav .login-wrapper .logout p{flex:0 0 auto;text-align:center}.page-nav .login-wrapper .logout b{font-size:0;height:.1042rem;width:.0104rem;background-color:#666;margin:0 .0781rem}.page-nav .login-wrapper .logout a{display:block;flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-left:.0521rem;color:#fff}.page-nav .login-wrapper .logout a:hover{color:#3b83ff}.page-nav .login-wrapper .logout a span{display:block;flex:0 0 auto;margin-left:.0208rem}.base_btn,.dialog .dialog-main .dialog-pans .pan-wrapper .form-footer button{color:#fff;font-size:.0833rem;text-align:text;line-height:.25rem;border:none;background-color:#3b83ff}.dialog{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.4);left:0;top:0;z-index:99;display:flex;justify-content:center;align-items:center}.dialog.dialog-login{display:none}.dialog .dialog-loginOut{position:relative;width:1.6979rem;height:.6771rem;background:#fff;border-radius:.1042rem;padding:.1146rem;z-index:2}.dialog .dialog-loginOut .close-btn{position:absolute;right:.1198rem;top:.1198rem}.dialog .dialog-loginOut .close-btn img{width:.0573rem;height:.0573rem}.dialog .dialog-loginOut .txt{font-weight:400;font-size:.0833rem;color:#333}.dialog .dialog-loginOut .btnGroup{display:flex;justify-content:flex-end;margin-top:.1563rem}.dialog .dialog-loginOut .btnGroup .cancel{width:.4583rem;height:.1823rem;line-height:.1823rem;text-align:center;border-radius:.0938rem;border:.0052rem solid #53a2f9;font-weight:400;font-size:.0729rem;color:#53a2f9;margin-right:.0781rem;cursor:pointer}.dialog .dialog-loginOut .btnGroup .pay{cursor:pointer;width:.4583rem;height:.1823rem;line-height:.1823rem;text-align:center;border-radius:.0938rem;background:#53a2f9;font-weight:400;font-size:.0729rem;color:#fff}.dialog .dialog-Sure{position:relative;width:2.7604rem;height:2.5469rem;background-image:url(../images/sureBg.png);background-size:cover;border-radius:.1042rem;padding:.1146rem;text-align:center;z-index:2}.dialog .dialog-Sure .close-btn{position:absolute;right:.1563rem;top:.1563rem}.dialog .dialog-Sure .close-btn img{width:.125rem;height:.125rem}.dialog .dialog-Sure .icon{width:.6198rem;margin:0 auto;margin-top:.2604rem;margin-bottom:.1458rem}.dialog .dialog-Sure .txt{font-weight:bold;font-size:.1875rem;color:#3f4d63}.dialog .dialog-Sure .subTxt{font-weight:400;font-size:.125rem;color:#808a99;margin-top:.0938rem;margin-bottom:.1563rem}.dialog .dialog-Sure .btnGroup{margin:0 auto;background-image:url(../images/sureBtn.png);background-size:cover;display:flex;justify-content:center;align-items:center;width:1.0938rem;height:.3646rem;font-weight:400;font-size:.1458rem;color:#fff;cursor:pointer}.dialog .dialogRecharge{position:relative;width:3.9792rem;height:4.4271rem;text-align:center;background-size:100% 100%;display:flex;flex-direction:column;align-items:center;z-index:2}.dialog .dialogRecharge .close-btn{width:.1771rem;position:absolute;right:.5104rem;top:.4479rem}.dialog .dialogRecharge .codeBg{width:1.224rem;height:1.3177rem;background-image:url(../images/codeBg.png);margin-top:1.4635rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.dialog .dialogRecharge .codeBg .chartTips{width:.8438rem;margin-bottom:.0521rem}.dialog .dialogRecharge .codeBg .code{width:.9635rem}.dialog .dialogRecharge .date{background-image:url(../images/chartTitle.png);background-size:100% auto;background-position:center;background-repeat:no-repeat;width:2.7365rem;font-weight:500;font-size:.1146rem;color:#fff;margin-top:.0625rem}.dialog .dialogRecharge .btnGroup{width:1.7135rem;margin-top:.8021rem}.dialog.login-show{display:flex}.dialog.dialog-Pay .PayClose{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:1.6979rem;height:.6771rem;background:#fff;border-radius:.1042rem;padding:.1146rem;border:.0052rem solid rgba(0,0,0,.2);z-index:2}.dialog.dialog-Pay .PayClose .close-btn{right:.1198rem;top:.1198rem}.dialog.dialog-Pay .PayClose .close-btn img{width:.0573rem;height:.0573rem}.dialog.dialog-Pay .PayClose .txt{font-weight:400;font-size:.0833rem;color:#333}.dialog.dialog-Pay .PayClose .btnGroup{display:flex;justify-content:flex-end;margin-top:.1563rem}.dialog.dialog-Pay .PayClose .btnGroup .cancel{width:.4583rem;height:.1823rem;line-height:.1823rem;text-align:center;border-radius:.0938rem;border:.0052rem solid #53a2f9;font-weight:400;font-size:.0729rem;color:#53a2f9;margin-right:.0781rem;cursor:pointer}.dialog.dialog-Pay .PayClose .btnGroup .pay{cursor:pointer;width:.4583rem;height:.1823rem;line-height:.1823rem;text-align:center;border-radius:.0938rem;background:#53a2f9;font-weight:400;font-size:.0729rem;color:#fff}.dialog.dialog-Pay .dialog-main{height:auto;padding:.1406rem .1563rem .2083rem .1563rem}.dialog.dialog-Pay .title{font-weight:bold;font-size:.1563rem;color:#333;text-align:center;width:93%;margin:0 auto}.dialog.dialog-Pay .price{font-weight:500;font-size:.25rem;color:#ff5c50;margin-top:.1094rem;text-align:center}.dialog.dialog-Pay .btnRefreshQr{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.dialog.dialog-Pay .btnRefreshQr.clicked svg{-webkit-animation:rotate .5s;animation:rotate .5s}.dialog.dialog-Pay .codeWarp{width:1.0938rem;margin:0 auto}.dialog.dialog-Pay .codeWarp .imgWarp{position:relative}.dialog.dialog-Pay .codeWarp .imgWarp img{width:100%}.dialog.dialog-Pay .codeWarp .txt{font-weight:400;font-size:.0833rem;color:#999;text-align:center}.dialog.dialog-Pay .line{width:100%;height:.0052rem;background:#e2e2e2;margin-top:.1042rem;margin-bottom:.1042rem}.dialog.dialog-Pay .info-list{width:100%}.dialog.dialog-Pay .info-list .role{display:flex;justify-content:space-between;align-items:center;height:.2083rem;background:#f6f6f6;border-radius:.0417rem;margin-bottom:.0469rem}.dialog.dialog-Pay .info-list .info-item{padding-left:.0729rem;padding-right:.0729rem;font-size:.0781rem;height:.2083rem;display:flex;justify-content:space-between;align-items:center}.dialog.dialog-Pay .info-list .info-item .txt{font-weight:400;font-size:.0781rem;color:#666}.dialog.dialog-Pay .info-list .info-item .txt.org{color:#f56a3a}.dialog.dialog-Pay .info-list .info-item .blod{font-weight:bold}.dialog.dialog-Pay .info-list .info-item .discount{font-weight:bold;font-size:.0729rem;color:#fff;width:.2813rem;height:.1354rem;display:inline-flex;align-items:center;justify-content:center;background-image:url(../images/orgRed.png);background-size:cover;margin-right:.0208rem}.dialog.dialog-Product .dialog-main{height:auto;padding:.1406rem .1563rem .2083rem .1563rem}.dialog.dialog-Product .title{font-weight:bold;font-size:.1563rem;color:#333;text-align:center}.dialog.dialog-Product .txtWarp{margin-top:.1042rem}.dialog.dialog-Product .txtWarp .sub-title{color:#333;font-size:.1146rem;margin-bottom:.0208rem}.dialog.dialog-Product .txtWarp .txt-Line{font-size:.0833rem;color:#666;line-height:1.4}.dialog.dialog-Product .butBtn{width:1.276rem;height:.2604rem;background:#53a2f9;border-radius:.1302rem;display:flex;align-items:center;justify-content:center;margin:0rem auto;margin-top:.1563rem;cursor:pointer}.dialog.dialog-Product .butBtn span{font-weight:400;font-size:.1042rem;color:#fff}.dialog.dialog-Product .butBtn span:first-of-type{margin-right:.0573rem}.dialog .dialog-main{border-radius:.1042rem;width:2.7604rem;height:2.2521rem;background-size:100% 100%;background-color:#fff;position:relative}.dialog .dialog-main .close-btn{color:#888;position:absolute;right:.1563rem;top:.1563rem;cursor:pointer}.dialog .dialog-main .close-btn img{width:.1042rem;height:.1042rem}.dialog .dialog-main .dialog-pans{margin:0 auto;width:1.9583rem}.dialog .dialog-main .dialog-pans .pan-wrapper{width:100%}.dialog .dialog-main .dialog-pans .pan-wrapper .logo{margin:.2083rem auto;margin-bottom:.151rem}.dialog .dialog-main .dialog-pans .pan-wrapper .form-item{height:.2604rem;width:100%;background-color:rgba(0,0,0,0);border:.0052rem solid #e2e2e2;border-radius:.0417rem;margin-bottom:.0625rem;display:flex;justify-content:flex-start;align-items:center;font-size:.0729rem}.dialog .dialog-main .dialog-pans .pan-wrapper .form-item label{flex:0 0 auto;display:block;padding:0 .0521rem;min-width:.2656rem;height:.1771rem;display:flex;justify-content:center;align-items:center}.dialog .dialog-main .dialog-pans .pan-wrapper .form-item label.user{background:url(../images/icon_user_s.png) center center no-repeat;background-size:.1042rem auto}.dialog .dialog-main .dialog-pans .pan-wrapper .form-item label.password{background:url(../images/icon.png) center center no-repeat;background-size:.1042rem auto}.dialog .dialog-main .dialog-pans .pan-wrapper .form-item input{flex:1 1 auto;display:block;height:.1771rem;border:none;background-color:rgba(0,0,0,0);padding:0 .0521rem 0 0}.dialog .dialog-main .dialog-pans .pan-wrapper .form-item .code_btn{color:#35a7ff;margin-right:.0938rem}.dialog .dialog-main .dialog-pans .pan-wrapper .form-protect{width:100%;font-size:.0729rem;display:flex;justify-content:flex-start;align-items:flex-start}.dialog .dialog-main .dialog-pans .pan-wrapper .form-protect.space{display:flex;justify-content:space-between;align-items:center}.dialog .dialog-main .dialog-pans .pan-wrapper .form-protect input[type=checkbox]{display:block;flex:0 0 .0729rem;height:.0729rem;border:.0052rem solid #ccc;background-color:rgba(0,0,0,0);margin-top:.0208rem;cursor:pointer}.dialog .dialog-main .dialog-pans .pan-wrapper .form-protect input[type=checkbox]:checked{background:url(../images/icon_checked.png) center center no-repeat;background-size:100%;border:none}.dialog .dialog-main .dialog-pans .pan-wrapper .form-protect .tips{margin-left:.0521rem}.dialog .dialog-main .dialog-pans .pan-wrapper .form-protect span{color:#b2b2b2;flex:0 0 auto}.dialog .dialog-main .dialog-pans .pan-wrapper .form-protect a{display:inline-block;flex:0 0 auto;color:#6e94fc}.dialog .dialog-main .dialog-pans .pan-wrapper .form-footer{width:100%;display:flex;justify-content:center;align-items:center;height:.2552rem;margin-top:.1563rem}.dialog .dialog-main .dialog-pans .pan-wrapper .form-footer button{display:block;flex:1 1 auto}.dialog .dialog-main .dialog-pans .pan-wrapper .error-message{width:100%;height:.1875rem;max-height:.1875rem;line-height:.0938rem;overflow:hidden;overflow:hidden;text-overflow:ellipsis;width:100%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#ee3c3c;font-size:.0729rem}@-webkit-keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}