@charset "UTF-8";@font-face{font-family:DINPro;src:url(../images/DINPro-Medium.otf)}html{font-family:BlinkMacSystemFont,"PingFang SC",PingFang-SC-Regular,DINPro,"Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;background:#ebf8fa;height:100%}body{font-size:.14rem;height:100%}a,b,body,button,canvas,code,dd,div,dl,dt,em,form,h1,h2,h3,h4,html,i,iframe,img,input,li,ol,option,p,pre,select,span,strong,table,tbody,textarea,thead,ul,video,xmp{margin:0;padding:0;word-break:break-all;word-wrap:break-word;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-overflow-scrolling:touch;color:inherit}audio,dd,dl,dt,ol,p,ul,video{display:block;border:0}img{border:0}a{text-decoration:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:hover{text-decoration:none}li{display:block;list-style:none}textarea{resize:none;outline:0;font-family:BlinkMacSystemFont,"PingFang SC",PingFang-SC-Regular,DINPro,"Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif}input{outline:0;font-size:.12rem}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset!important}select{appearance:none;-moz-appearance:none;-webkit-appearance:none}::-webkit-scrollbar{width:.06rem;height:.06rem;background-color:#eee;border-radius:.1rem}::-webkit-scrollbar-track{background-color:#eee;border-radius:.1rem}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:.1rem}::-webkit-input-placeholder{color:#bbb!important}::-moz-placeholder{color:#bbb!important}::-ms-input-placeholder{color:#bbb!important}input[disabled]{background:rgba(184,184,184,.5);color:#9a9a9a}.clear{*height:1%}.clear:after{content:'.';display:block;width:0;height:0;line-height:0;font-size:0;clear:both;visibility:hidden}.overhidden{overflow:hidden!important}.hide{display:none!important}.show{display:block!important}.hidden{visibility:hidden!important}.null{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-999px}#simple-text-prompt{position:fixed;width:100%;top:3.19rem;text-align:center;z-index:999}#simple-text-prompt .message{display:inline-block;padding:0 .6rem;line-height:.6rem;color:#fff;font-size:.26rem;text-align:center;background-color:rgba(0,0,0,.95);border-radius:.3rem}#loading-mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:999;background:url(https://douliu.wanmei.com/static-resource/image/loading.gif) transparent center center no-repeat;background-size:1.4rem 1.4rem}.vertical-layer{position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;background:url(../images/vertical.png) rgba(0,0,0,.7) center center no-repeat;background-size:2.66rem 1.38rem}.modal-game-roles .modal-mask{position:fixed;top:0;left:0;width:0;height:100%;background:#000;opacity:0;z-index:99}.modal-game-roles .modal-mask.show{opacity:.7;width:100%}.modal-game-roles .modal-add-role{width:100%;padding:.32rem .24rem;border-radius:.24rem .24rem 0 0;background-color:#fff;box-sizing:border-box;position:fixed;left:0;bottom:0;z-index:100;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .2s;transition:all .2s}.modal-game-roles .modal-add-role::before{display:block;content:'';width:.96rem;height:.06rem;background:#e0e0e0;border-radius:.04rem;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);top:.14rem}.modal-game-roles .modal-add-role.show{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.modal-game-roles .modal-add-role .modal-operation{height:.7rem;font-size:.3rem;font-weight:500;width:100%;box-sizing:border-box;padding:0 .16rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.modal-game-roles .modal-add-role .modal-operation h3{font-size:.3rem;font-weight:500;color:#586a76}.modal-game-roles .modal-add-role .modal-operation .cancel{color:#586a76}.modal-game-roles .modal-add-role .modal-operation .confirm{color:#586a76}.modal-game-roles .modal-add-role .modal-list{overflow:auto;min-height:4rem;max-height:8.12rem;box-sizing:border-box}.modal-game-roles .modal-add-role .modal-list .empty{height:3rem;padding:0 .64rem;font-size:.32rem;color:#bdbdc7;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.modal-game-roles .modal-add-role .modal-list .modal-item{position:relative;width:6.86rem;height:1.52rem;box-sizing:border-box;padding:.28rem .32rem;background:rgba(201,237,236,.38);border-radius:.16rem;margin:0 auto .2rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.modal-game-roles .modal-add-role .modal-list .modal-item .modal-img-box{display:none;width:.96rem;height:.96rem;margin:0 .24rem 0 0}.modal-game-roles .modal-add-role .modal-list .modal-item .modal-img-box img{width:100%;height:100%;border-radius:100%}.modal-game-roles .modal-add-role .modal-list .modal-item .modal-role-msg{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.modal-game-roles .modal-add-role .modal-list .modal-item .modal-role-msg .modal-role{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;line-height:1;font-weight:500;color:#27353b;font-size:.3rem;margin:0 0 .1rem}.modal-game-roles .modal-add-role .modal-list .modal-item .modal-role-msg .modal-game{font-size:.24rem;color:#98a2a8;line-height:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.modal-game-roles .modal-add-role .modal-list .modal-item .modal-role-msg .modal-game .server{margin:0 .08rem 0 0}.modal-game-roles .modal-add-role .modal-list .modal-item .modal-role-msg .modal-game .level{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.modal-game-roles .modal-add-role .modal-list .modal-item .modal-role-msg .modal-game .level::before{content:'';width:.08rem;height:.08rem;background:url(../images/icon-10.png) no-repeat;background-size:100% 100%;margin:0 .08rem 0 0}.modal-game-roles .modal-add-role .modal-list .modal-item .modal-checked{position:absolute;right:0;top:0;width:.88rem;height:.4rem;background:rgba(0,138,177,.5);border-radius:0 .08rem 0 .08rem;font-size:.18rem;color:#fff;display:none;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.modal-game-roles .modal-add-role .modal-list .modal-item .modal-checked::after{content:'当前账号'}.modal-game-roles .modal-add-role .modal-list .modal-item.checked{background:url(../images/icon-11.png) no-repeat;background-size:100% 100%}.modal-game-roles .modal-add-role .modal-list .modal-item.checked .modal-checked{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.u-popup{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:900}.popup-normal{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:6.54rem;height:5.3rem;background:#fff;border-radius:.16rem;box-sizing:border-box;padding:.3rem 0 0}.popup-normal .close-btn{position:absolute;width:.4rem;height:.4rem;background:url(../images/btn-3.png) no-repeat;background-size:100% 100%;right:.32rem;top:.32rem}.popup-normal .popup-title{height:.45rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:.32rem;color:#27353b;margin:0 0 .5rem}.popup-normal .scroll-panel{overflow-x:hidden;overflow-y:auto}.page-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;background:url(../images/bg.jpg) #f5f7f7 center bottom no-repeat;background-size:100% auto;min-height:100%}.page-container::before{content:'';display:block;height:4.9rem;background:url(../images/banner.jpg) no-repeat;background-size:100% 100%}.page-container .account-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 .2rem;width:7.18rem;height:.68rem;background:rgba(255,255,255,.8);border-radius:.08rem;margin:-3.22rem auto .08rem;box-sizing:border-box;font-size:.26rem;color:#586a76}.page-container .account-panel .info-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page-container .account-panel .info-panel::before{content:'';width:.32rem;height:.32rem;background:url(../images/icon-2.png) no-repeat;background-size:100% 100%;margin:0 .02rem 0 0}.page-container .account-panel .switch-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page-container .account-panel .switch-btn::before{content:'';width:.24rem;height:.24rem;background:url(../images/icon-1.png) no-repeat;background-size:100% 100%;margin:0 .06rem 0 0}.page-container .role-panel{width:7.18rem;height:1.45rem;background:url(../images/icon-7.png) no-repeat;background-size:100% 100%;margin:0 auto .08rem;box-sizing:border-box;padding:0 .24rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.page-container .role-panel .info-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-container .role-panel .info-panel dt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:.3rem;color:#27353b;height:.42rem;margin:0 0 .04rem}.page-container .role-panel .info-panel dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#587888;font-size:.24rem}.page-container .role-panel .info-panel dd .server{margin:0 .15rem 0 0}.page-container .role-panel .info-panel dd .level{font-family:DINPro}.page-container .role-panel .switch-btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:1.28rem;height:1.38rem;color:#586a76;font-size:.26rem;background:url(../images/btn-2.png) no-repeat;background-size:100% 100%}.page-container .product-panel{padding:0 0 0 .16rem;margin:0 0 .2rem}.page-container .product-panel .item-panel{float:left;width:2.34rem;height:3.1rem;margin:0 .08rem .08rem 0}.page-container .product-panel .item-panel img{width:100%;height:100%}.page-container .wxtips-panel{margin:0 .2rem .2rem;font-size:.24rem;color:#4481a3;line-height:1.5}.page-container .cart-panel{position:fixed;left:0;top:0;width:0;height:100%;overflow:hidden;opacity:0;z-index:100}.page-container .cart-panel .cover{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;-webkit-transition:all .1s linear;transition:all .1s linear}.page-container .cart-panel .content-panel{position:absolute;left:0;bottom:0;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .1s linear;transition:all .1s linear;width:100%;height:5.06rem;background:#fdffff;border-radius:.16rem .16rem 0 0;padding:.32rem;box-sizing:border-box}.page-container .cart-panel .content-panel .title-panel{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-size:.3rem;font-weight:500;height:.42rem;color:#4481a3;margin:0 0 .56rem}.page-container .cart-panel .content-panel .title-panel .close-btn{position:absolute;right:.08rem;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:.4rem;height:.4rem;background:url(../images/btn-3.png) no-repeat;background-size:100% 100%}.page-container .cart-panel .content-panel .info-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:0 0 .64rem;height:1.44rem}.page-container .cart-panel .content-panel .info-panel .img{width:1.44rem;height:1.44rem;background:-webkit-linear-gradient(top,#d4eef6 0,#faf6e6 100%);background:linear-gradient(180deg,#d4eef6 0,#faf6e6 100%);margin:0 .16rem 0 0}.page-container .cart-panel .content-panel .info-panel .img img{width:100%;height:100%;border-radius:.08rem}.page-container .cart-panel .content-panel .info-panel .price{width:1px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 .2rem 0 0;font-weight:500;font-size:.4rem}.page-container .cart-panel .content-panel .info-panel .price dt{color:#27353b;margin:0 0 .1rem}.page-container .cart-panel .content-panel .info-panel .price dd{color:#f1a52d}.page-container .cart-panel .content-panel .info-panel .price dd::before{content:'¥'}.page-container .cart-panel .content-panel .info-panel .price dd::after{content:'.00';font-size:.24rem}.page-container .cart-panel .content-panel .info-panel .num{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;height:100%}.page-container .cart-panel .content-panel .info-panel .num .add,.page-container .cart-panel .content-panel .info-panel .num .sub{width:.64rem;height:.64rem;background-repeat:no-repeat;background-size:100% 100%}.page-container .cart-panel .content-panel .info-panel .num .sub{background-image:url(../images/sub-on.png)}.page-container .cart-panel .content-panel .info-panel .num .add{background-image:url(../images/add-on.png)}.page-container .cart-panel .content-panel .info-panel .num input{border:0;background:0 0;height:.64rem;width:1rem;text-align:center;margin:0 .08rem;color:#27353b;font-size:.3rem}.page-container .cart-panel .content-panel .btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:6.86rem;height:.92rem;background:url(../images/btn-4.png) no-repeat;background-size:100% 100%;font-size:.32rem;color:#806142}.page-container .cart-panel.on{width:100%;opacity:1}.page-container .cart-panel.on.show .cover{opacity:1}.page-container .cart-panel.on.show .content-panel{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.kefu-btn{position:fixed;right:.32rem;bottom:3.13rem;z-index:20;width:1.28rem;height:1.28rem;background:url(../images/kefu.png?v=1) no-repeat;background-size:100% 100%}.recharge-remind-popup dl{text-align:center;line-height:1;margin:0 0 .48rem}.recharge-remind-popup dl::before{content:'';display:block;width:.64rem;height:.64rem;background:url(../images/icon-4.png) no-repeat;background-size:100% 100%;margin:0 auto .32rem}.recharge-remind-popup dl dt{font-size:.28rem;color:#27353b;margin:0 0 .15rem}.recharge-remind-popup dl dd{color:#587888;font-size:.26rem}.recharge-remind-popup .btn-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.recharge-remind-popup .btn-panel .btn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:2.83rem;height:.96rem;background:url(../images/btn-6.png) no-repeat;background-size:100% 100%;color:#cfbe95;font-size:.24rem}.recharge-remind-popup .btn-panel .btn:nth-child(2){background-image:url(../images/btn-1.png);color:#161615;margin:0 0 0 .24rem}.kefu-popup .qrcode-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 auto .2rem}.kefu-popup .qrcode-panel .qrcode{width:2rem;height:2rem;display:block;margin:0 .1rem;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.kefu-popup .tips{text-align:center;line-height:.4rem;font-size:.28rem;color:#27353b}