html{width:100%;height:100%;}
body{min-height:auto!important;height:100%!important;background:transparent!important;overflow-x:hidden;width:100%;margin:0 auto;overflow: hidden;}
@charset "utf-8";
body,div,hr,a,p,blockquote,ul,ol,li,table,tbody,tr,th,td,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,input,button,select,textarea{font-size:14px;font-weight:normal;margin:0px;padding:0px;font-family:'microsoft yahei',Helvetica,Tahoma,Arial,sans-serif;border:none;box-sizing:border-box;}
*{box-sizing:border-box;}
body{color:#333;background-color:#fff;}
html{overflow-y:auto!important;*overflow-y:scroll;}
a{color:#333;text-decoration:none;}
a:hover{color:#ff7d01;text-decoration:none;}
span.vip-level{display:inline-block;vertical-align:top;width:40px;height:18px;line-height:18px;border-radius:2px;text-align:center;color:#fff;font-size:12px;background:#b9b9b9;}
span.vip-level.level-1{background:#1bd06c;}
span.vip-level.level-2{background:#00b71f;}
span.vip-level.level-3{background:#29c3e6;}
span.vip-level.level-4{background:#8d86fd;}
span.vip-level.level-5{background:#ec8c29;}
span.vip-level.level-6{background:#f35acb;}
span.vip-level.level-7{background:#b900bb;}
span.vip-level.level-8{background:#ff006a;}
span.vip-level.level-9{background:#d20000;}
span.vip-level.level-10{background:#d20000;}
.play-header{width:100%;height:35px;background:#481400;}
.play-header .header-switch{float:left;width:16px;height:25px;line-height:23px;margin-left:5px;margin-top:5px;text-align:center;color:#fedf95;border:1px solid #99610f;background:#733e03;cursor:pointer;border-radius:2px;font-family:'宋体';}
.play-header .header-switch:hover{color:#eeca72;border-color:#674a19;background:#331d09;}
.play-header .header-switch.close{display:none;}
.play-header .play-logo{width:100px;float:left;height:auto;margin-top:3px;margin-left:10px;}
.play-header .play-logo a{display:block;width:100px;height:auto;}
.play-header .play-logo a img{height:auto;vertical-align:middle;}
.play-header .play-game-server{width:230px;float:left;line-height:35px;color:#ffff49;font-size:14px;text-align:center;margin-left:50px;}
.play-header .play-game-server span{margin:0 5px;}
.play-header a.play-notice{float:left;height:23px;line-height:23px;background:#af5000;border-radius:12.5px;padding-left:30px;padding-right:15px;text-align:center;margin-top:6px;display:inline-block;font-size:12px;color:#ffffff;position:relative;}
.play-header .play-notice i.iconfont{position:absolute;display:block;width:16px;height:16px;left:10px;top:0px;}
.play-header a.play-notice:hover{color:#ff0;}
.play-header .play-notice .roll-news{width:450px;}
.play-header .play-notice .roll-news li{width:450px;height:34px;line-height:34px;color:#ffdada;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.play-header .play-notice .roll-news li:first-child{margin-top:0;transition:margin-top .8s;}
.play-header .play-notice .roll-news a{color:#ff0;}
.play-header .play-notice .roll-news a:hover{color:#fff;}
.play-header .play-right{float:right;text-align:right;}
.play-header .play-right a{position:relative;display:inline-block;height:21px;line-height:19px;border:1px solid #c9652a;padding:0 8px;color:#efefef;background:#a53d00;vertical-align:top;border-radius:2px;margin-top:8px;margin-right:20px;font-size:12px;position:relative;}
.play-header .play-right a i.iconfont{position:absolute;top:0;left:6px;margin-right:3px;font-size:15px;}
.play-header .play-right a:hover{color:#ff0;}
.play-header .play-right a.service,.play-header .play-right a.gamebox,.play-header .play-right a.pay,.play-header .play-right a.home,.play-header .play-right a.signin,.play-header .play-right a.idcard,.play-header .play-right a.redbag{padding-left:25px;}
.play-header .play-right a.service{border-color:#54c774;background-color:#109335;}
.play-header .play-right a.redbag{border-color:#ff599e;background-color:#cf1361;}
.play-header .play-right a.idcard{background:#006dbf;border-color:#5bb5f9;}
.play-header .play-right a o{display:block;width:9px;height:9px;position:absolute;top:-4px;right:-4px;background:#f00;border-radius:100%;z-index:200;border:1px solid #fff;}
.play-sider{width:180px;height:100%;position:absolute;top:35px;left:-180px;}
.play-sider .play-sider-switch{width:16px;height:100%;background:url('/static/web/img/play/menu_close.png') center center no-repeat;position:absolute;top:0;right:-16px;cursor:pointer;z-index:300;}
.play-sider .play-sider-switch:hover{background:url('/static/web/img/play/menu_close_hover.png') center center no-repeat;}
.play-sider .play-sider-switch.to_open{background:url('/static/web/img/play/menu_open.png') center center no-repeat;}
.play-sider .play-sider-switch.to_open:hover{background:url('/static/web/img/play/menu_open_hover.png') center center no-repeat;}
.play-sider-box{width:100%;height:100%;}
.play-sider-menu{float:left;width:180px;height:100%;background:#222;z-index:201;position:relative;padding:10px 0;}
.play-sider-menu .sider-game-logo{position:relative;padding:5px 15px;}
.play-sider-menu .sider-game-logo img{width:100%;}
.play-sider-menu .sider-game-logo i{position:absolute;top:0;right:10px;display:block;width:16px;height:16px;font-size:12px;border-radius:2px;border:1px solid #ff8600;color:#ff8600;text-align:center;line-height:15px;cursor:pointer;}
.play-sider-menu .sider-game-logo i:hover{border-color:#8d4a00;color:#8d4a00;}
.play-sider-menu .server-notice{width:160px;margin:0 auto;padding:8px 5px;border:1px solid #58a200;background:#255f00;margin-top:15px;border-radius:3px;}
.play-sider-menu .server-notice .server-notice-tips,.play-sider-menu .server-notice .server-notice-time{color:#ffff00;font-size:14px;text-align:center;line-height:22px;}
.play-sider-menu .message-notice{width:160px;margin:0 auto;padding:8px 5px;border:1px solid #ea6a58;background:#b51600;margin-top:15px;border-radius:3px;text-align:center;}
.play-sider-menu .message-notice a{color:#ff0;text-decoration:none;font-size:14px;}
.play-sider-menu .message-notice i{margin-right:10px;}
.play-sider-menu .sider-user-account{width:160px;margin:10px auto 0 auto;border:1px solid #3d3a3a;background:#261f17;border-radius:3px;padding:10px;display:none;}
.play-sider-menu .sider-user-account .account-username{height:20px;line-height:20px;margin-bottom:5px;}
.play-sider-menu .sider-user-account .account-username i{display:inline-block;width:16px;height:16px;background:url('/static/web/img/play/user.png') no-repeat;vertical-align:top;margin-top:2px;}
.play-sider-menu .sider-user-account .account-username a.username{display:inline-block;color:#fff;margin-left:3px;vertical-align:top;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;width:75px;}
.play-sider-menu .sider-user-account .account-username a.username:hover{color:#fff;}
.play-sider-menu .sider-user-account .account-username span.vip-level{width:30px;font-size:12px;line-height:16px;height:16px;margin-top:2px;margin-left:5px;}
.play-sider-menu .sider-user-account .account-other{line-height:23px;color:#bdbdbd;font-size:12px;}
.play-sider-menu .sider-user-account .account-other label{display:inline-block;width:55px;text-align:right;}
.play-sider-menu .sider-user-account .account-other span.ptb{color:#ff0;}
.play-sider-menu .sider-user-account .account-other span.jifen{color:#fd6af2;}
.play-sider-menu .sider-banner{margin:15px 0;display:none;padding:0px 5px;}
.play-sider-menu .sider-banner li{width:100%;height:40px;}
.play-sider-menu .sider-banner li a{display:block;width:100%;height:40px;line-height:40px;background:#5e3a14;border-bottom:1px solid #905a1e;border-top:1px solid #000;color:#ffd5a7;cursor:pointer;font-size:14px;text-indent:15px;position:relative;}
.play-sider-menu .sider-banner li:first-child a{border-top-left-radius:5px;border-top-right-radius:5px;}
.play-sider-menu .sider-banner li:last-child a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.play-sider-menu .sider-banner li a:hover{background:#7f4405;color:#ff0;}
.play-sider-menu .sider-banner li a::before{display:inline-block;width:4px;height:4px;border-radius:4px;background:#ffd5a7;content:"";opacity:.4;vertical-align:middle;margin-right:8px;}
.play-sider-menu .sider-banner li a i{display:block;position:absolute;top:15px;right:15px;width:9px;height:9px;background:#f00;border-radius:100%;text-indent:-9999px;border:1px solid #fdaeae;}
.play-main{position:absolute;width:100%;height:100%;top:0;left:0;background:#000;z-index:200;background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;align-items:center;justify-content:center;top:35px;}
.play-main .loading-playing{position:absolute;top:50%;left:50%;margin-left:-120px;margin-top:-60px;}
.play-sider-content{float:left;display:none;width:0;}
.play-h5-header{width:100%;height:35px;background:url('/static/web/img/play/play_top_bg.png') #333 repeat-x;}
.play-h5-header .play-logo{width:115px;float:left;height:28px;margin-top:3px;padding-left:15px;background:url('/static/web/img/play/play_gamename_bg.png') repeat-x;}
.play-h5-header .play-logo a{display:block;width:100px;height:28px;}
.play-h5-header .play-logo a img{width:100px;height:28px;vertical-align:middle;}
.play-h5-header .play-game-server{width:200px;float:left;line-height:34px;color:#f6f881;font-size:12px;text-align:center;background:url('/static/web/img/play/play_gamename_bg.png') repeat-x;}
.play-h5-header .play-game-server span{margin:0 5px;}
.play-h5-header .play-notice-bg{float:left;width:25px;height:35px;background:url('/static/web/img/play/play_notice_bg.png') center right no-repeat;}
.play-h5-header .play-notice{float:left;width:500px;height:34px;position:relative;padding-left:40px;}
.play-h5-header .play-notice i.iconfont{position:absolute;display:block;width:16px;height:16px;color:#ffdada;left:10px;top:9px;}
.play-h5-header .play-notice .roll-news{width:450px;}
.play-h5-header .play-notice .roll-news li{width:450px;height:34px;line-height:34px;color:#ffdada;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.play-h5-header .play-notice .roll-news li:first-child{margin-top:0;transition:margin-top .8s;}
.play-h5-header .play-notice .roll-news a{color:#ffdada;}
.play-h5-header .play-notice .roll-news a:hover{color:#fff;}
.play-h5-header .play-right{float:right;text-align:right;padding-right:10px;}
.play-h5-header .play-right span{display:inline-block;vertical-align:top;margin-top:6px;}
.play-h5-header .play-right span.username{color:#ff0;height:23px;line-height:23px;background:url(/static/web/img/play/user.png) left center no-repeat;text-indent:25px;}
.play-h5-header .play-right span.vip{width:23px;height:16px;background:url('/static/web/img/play/vip_level_2.png') 0 0 no-repeat;vertical-align:top;margin-top:10px;margin-left:10px;}
.play-h5-header .play-right span.uubi,.play-h5-header .play-right span.coupon{height:23px;line-height:23px;color:#fb9384;font-size:12px;margin-left:10px;}
.play-h5-header .play-right span.uubi i,.play-h5-header .play-right span.coupon i{color:#ff5540;font-size:12px;margin:0 3px;}
.game-qrcode{width:165px;text-align:center;margin-left:10px;position:relative;display:inline-block;height:23px;line-height:21px;border:1px solid #efa318;padding:0 8px;color:#efa318;vertical-align:top;margin-top:6px;border-radius:2px;cursor:pointer;position:relative;}
.game-qrcode i{margin-right:5px;}
.game-qrcode:hover{background:#efa318;color:#fff;}
.game-qrcode .game-qrcode-box{display:none;position:absolute;width:165px;text-align:center;top:0;left:-1px;background:#efa318;color:#fff;z-index:300;border-radius:2px;}
.game-qrcode .game-qrcode-box h2{line-height:40px;text-align:center;}
.game-qrcode .game-qrcode-box .h5_qrcode{height:120px;text-align:center;overflow:hidden;}
.game-qrcode .game-qrcode-box .h5_qrcode img{max-width:120px;max-height:120px;}
.game-qrcode .game-qrcode-box .h5_qrcode img.loading{margin-top:41px;}
.game-qrcode .game-qrcode-box .qrcode_tips{line-height:40px;}
.play-h5-main{width:100%;height:calc(100% - 35px);background:#000;z-index:200;}
.play-h5-main #h5Play{zoom:0;z-index:200;width:100%;height:100%;background:#000;}
.fcm-layer-page{width:100%;height:100%;margin:0 auto;background-repeat:no-repeat;background-position:center center;background-color:#000;position:relative;}
.fcm-layer-page .fcm-page-form{position:absolute;width:630px;height:300px;padding:0;top:50%;left:50%;margin-top:-150px;margin-left:-315px;border-radius:4px;background:#fff;}
.fcm-layer-page .fcm-page-form .fcm-img{float:left;width:300px;height:300px;position:relative;}
.fcm-page-form .fcm-reward{float:left;width:300px;height:300px;}
.fcm-page-form .fcm-reward .fcm-image{text-align:center;}
.fcm-page-form .fcm-reward .fcm-image img{height:160px;opacity:0.8;filter:alpha(opacity=80);}
.fcm-page-form .fcm-reward .fcm-tips{text-align:center;font-size:14px;line-height:20px;color:#616161;}
.fcm-page-form .fcm-reward .fcm-prize{text-align:center;font-weight:bold;font-size:17px;line-height:40px;color:#f00;}
.fcm-page-form .fcm-reward .fcm-tags{text-align:center;}
.fcm-page-form .fcm-reward .fcm-tags span{display:inline-block;margin:0 4px;line-height:20px;padding:0 6px;color:#fff;margin-top:8px;border-radius:2px;font-size:12px;background:#ccc;}
.fcm-page-form .fcm-reward .fcm-tags span.t1{background:#faba5b;}
.fcm-page-form .fcm-reward .fcm-tags span.t2{background:#71cdf6;}
.fcm-page-form .fcm-reward .fcm-tags span.t3{background:#f3aefe;}
.fcm-page-form .fcm-reward .fcm-tags span.t4{background:#a0d563;}
.fcm-page-form .fcm-reward .fcm-tags span.t5{background:#f5c4b2;}
.fcm-page-form .fcm-img img,.fcm-page-form .fcm-img .prize-coupon{position:absolute;}
.fcm-page-form .fcm-img img.no-prize{width:240px;height:240px;top:30px;left:30px;z-index:100;opacity:0.9;filter:alpha(opacity=90);}
.fcm-page-form .fcm-img img.has-prize{width:200px;height:200px;top:0px;left:50px;z-index:100;}
.fcm-page-form .fcm-img img.prize-tips{width:100px;bottom:25px;left:20px;z-index:200;}
.fcm-page-form .fcm-img .prize-coupon{display:inline-block;margin-left:20px;width:70px;height:80px;background:url('/static/web/img/play/coupon.png') top center no-repeat;background-size:cover;bottom:25px;left:110px;padding-top:25px;z-index:200;}
.fcm-page-form .fcm-img .prize-coupon.coupon-2{left:190px;}
.fcm-page-form .fcm-img .prize-coupon span{display:inline-block;width:100%;}
.fcm-page-form .fcm-img .prize-coupon span.money{font-size:31px;line-height:35px;color:#fff;text-align:center;text-indent:5px;}
.fcm-page-form .fcm-img .prize-coupon span.limit{font-size:12px;line-height:18px;color:#f6d59b;text-align:center;}
.fcm-layer-page .fcm-page-form .fcm-form{float:right;width:330px;padding:20px 30px 0 30px;}
.fcm-form h1{font-size:15px;color:#000;line-height:30px;font-weight:600;}
.fcm-form .rules{text-align:left;line-height:20px;color:#808080;font-size:12px;}
.fcm-form .layui-form{margin-top:20px;}
.fcm-form .form-item{margin-bottom:10px;position:relative;}
.fcm-form .form-item.item-button{margin-top:15px;margin-bottom:0;}
.fcm-form .form-item .form-label{position:absolute;top:1px;left:1px;width:75px;height:30px;text-align:right;line-height:30px;padding-right:5px;color:#737373;border-right:1px solid #9c9c9c;background:#efefef;border-top-left-radius:3px;border-bottom-left-radius:3px;font-size:13px;}
.fcm-form .form-item .form-input input{width:100%;border:1px solid #9c9c9c;background:#fff;height:32px;line-height:32px;border-radius:3px;text-indent:85px;}
.fcm-form .form-item .form-input span.input-tips{display:block;vertical-align:top;height:20px;line-height:20px;color:#ccc;text-align:right;color:#71a7ea;font-size:12px;}
.fcm-form .form-item .form-input span.input-tips.error{color:#f00;}
.fcm-form .form-item .form-input span.input-tips.success{color:#008000;}
.fcm-form .form-item .fcm-submit{background-image:linear-gradient(#FFBA40, #FFA404);border:1px solid #FFA300;line-height:33px;width:100%;height:35px;padding:0 18px;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border-radius:2px;cursor:pointer;}
.client-button{float:right;line-height:35px;color:#ff0;margin-right:20px;position:relative;cursor:pointer;}
.client-button:hover{color:#fff;}
.client-button .client-qrcode{width:330px;position:absolute;z-index:999;background:#fff;padding:10px 20px;top:-200px;left:0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.client-button .client-qrcode .tips{text-align:center;margin-top:10px;}
.client-button .client-qrcode .tips img{width:80%;}
.top-qrcode .game-ico{float:left;width:80px;text-align:center;}
.top-qrcode .game-ico img{border-radius:10px;width:80px;height:80px;margin-top:22px;}
.top-qrcode .qrcode-skip{float:left;width:80px;height:128px;line-height:128px;text-align:center;}
.top-qrcode i.skip{font-size:33px;color:#e04d07;}
.top-qrcode .qrcode-img{float:left;width:128px;height:128px;position:relative;box-shadow:0 5px 10px 0 rgba(0,0,0,0.2),0 5px 20px 0 rgba(0,0,0,0.19)!important;}
.top-qrcode .qrcode-img img{width:100%;}
.play-sider-menu .client-qrcode{width:160px;margin:0 auto;padding:8px 5px;border:1px solid #303030;background:#181818;margin-top:15px;border-radius:3px;text-align:center;}
.play-sider-menu .client-qrcode .tips{line-height:20px;font-size:12px;text-align:center;color:#e3e364;}
.play-sider-menu .client-qrcode .qrcode{width:110px;height:110px;text-align:center;margin:8px auto;position:relative;}
.play-sider-menu .client-qrcode .qrcode img{position:absolute;top:0;left:0;width:110px;height:110px;z-index:100;}
.play-sider-menu .client-qrcode .qrcode img.loading{width:37px;height:37px;top:36px;left:36px;}
.play-sider-menu .client-qrcode .qrcode .scanning{z-index:101;display:block;position:absolute;top:0;left:5px;background:url('/static/web/img/play/code_scan.png');width:100px;height:20px;-webkit-animation:codeScanning 2s linear infinite;animation:codeScanning 2s linear infinite;}
@-webkit-keyframes codeScanning{from {top:0;}to {top:80px;}}
@keyframes codeScanning{from {top:0;}to {top:80px;}}
.play-sider-menu .client-qrcode .qrcode .scanning.hide{display:none;}
.play-sider-menu .client-qrcode .icos{line-height:20px;text-align:center;font-size:12px;color:#7c7c7c;}
.play-sider-menu .client-qrcode .icos i{display:inline-block;width:20px;height:20px;vertical-align:top;background-image:url('/static/web/img/play/phone_client.png');background-repeat:no-repeat;margin:0 3px;}
.play-sider-menu .client-qrcode .icos i.android{background-position:-20px 0;}
.play-sider-menu .client-qrcode .icos i.ios{background-position:0 0;margin-left:10px;}
.sider-button{margin-top:20px;text-align:center;}
.sider-button span.service,.sider-button a{cursor:pointer;display:inline-block;color:#fff;font-size:12px;width:100px;line-height:21px;text-align:center;border-radius:3px;vertical-align:top;}
.sider-button span.service i,.sider-button a i{margin-right:5px;font-size:15px;}
.sider-button span.service{background-color:#109335;border:1px solid #54c774;}
.sider-button a.home{margin-top:10px;background-color:#1174bc;border:1px solid #47b1ff;}
.rename-layer{width:1200px;height:720px;background:url('/static/web/img/play/rename-bg.jpg');align-items:center;position:relative;}
.rename-layer .rename-item{width:770px;height:404px;position:absolute;top:50%;left:50%;margin:-202px -385px;overflow:hidden;animation:naming-cn-scroll 1.5s linear;}
.rename-layer .rename-item .bar-left,.rename-layer .rename-item .bar-right{position:absolute;top:0;width:94px;height:404px;z-index:2;}
.rename-layer .rename-item .bar-left{left:0;background:url("/static/web/img/play/rename-item-left.gif") no-repeat;background-size:cover;}
.rename-layer .rename-item .bar-right{right:-5px;background:url("/static/web/img/play/rename-item-right.gif") no-repeat;background-size:cover;}
.rename-layer .rename-item .rename-item-main{width:700px;height:404px;position:absolute;left:50%;top:50%;margin:-202px -350px;background:url("/static/web/img/play/rename-item-bg.png") no-repeat center center;animation:naming-center-scroll 1.5s linear;overflow:hidden;}
.rename-layer .rename-item .rename-item-main .rename-content{width:770px;height:366px;position:absolute;left:50%;top:50%;margin:-183px -385px;}
@keyframes naming-cn-scroll{from {width:115.5px;margin-left:-57.75px;}to {width:770px;margin-left:-385px;}}
@keyframes naming-center-scroll{from {width:0;margin-left:0;}to {width:700px;margin-left:-350px;}}
.rename-layer .rename-item .rename-item-main .rename-content .rename-title{text-align:center;font-size:25px;font-weight:bold;color:#c00;margin-top:83px;}
.rename-layer .rename-item .rename-item-main .rename-content .role-name{text-align:center;color:#c00;font-size:14px;margin-top:10px;}
.rename-layer .rename-item .rename-item-main .rename-content .role-name span{margin:0 10px;color:#008900;font-weight:bold;}
.rename-layer .rename-item .rename-item-main .rename-content .rename-tips{margin:13px 0 0 130px;color:#cc6633;font-size:14px;font-weight:bold;text-align:left;}
.rename-layer .rename-item .rename-item-main .rename-content .rename-tips span{color:#008900;margin:0 5px;}
.rename-layer .rename-item .rename-item-main .rename-content .rename-desc{width:440px;color:#d22800;font-size:25px;line-height:80px;font-weight:bold;text-align:center;margin:20px auto;}
.rename-layer .rename-readtime{position:absolute;width:600px;left:50%;margin-left:-300px;bottom:60px;text-align:center;height:40px;line-height:40px;color:#e5e5e5;font-size:15px;}
.rename-layer .rename-readtime span{margin:0 5px;color:#ff0;}
.rename-layer .rename-jump{position:absolute;width:600px;left:50%;margin-left:-300px;bottom:25px;text-align:center;}
.rename-layer .rename-jump span{display:inline-block;width:164px;height:28px;line-height:28px;text-align:center;cursor:pointer;font-size:12px;color:#fff;background:url('/static/web/img/play/rename-jump.png');}
.server-wait-layer{width:1200px;height:720px;background:url('/static/web/img/play/rename-bg.jpg');align-items:center;position:relative;padding:40px;}
.server-wait-layer .server-name{text-align:center;height:40px;line-height:40px;color:#fff;font-size:25px;}
.server-wait-layer .server-time{text-align:center;height:60px;line-height:60px;color:#ff0;font-size:31px;margin-top:10px;}
.server-wait-layer .server-time span{margin-left:40px;}
.server-wait-layer .server-time-tips{margin-top:30px;text-align:center;height:50px;line-height:50px;color:#89ff00;font-size:17px;}
.server-wait-layer .server-time-countdown{margin-top:30px;text-align:center;height:50px;line-height:50px;color:#fff;font-size:75px;}
.server-wait-layer .other-pageurl{margin-top:60px;text-align:center;}
.server-wait-layer .other-pageurl a{margin:0 35px;display:inline-block;line-height:30px;color:#e7e7e7;padding:0 20px;font-size:15px;background:rgba(0,0,0,0.4);}
.server-wait-layer .other-pageurl a:hover{color:#00bcd4;}
.server-wait-layer .server-new{width:580px;margin:50px auto 0 auto;border:4px solid #2c3e4b;border-radius:6px;}
.server-wait-layer .server-new .server-new-title{height:40px;line-height:38px;background:#2c3e4b;color:#f1f1f1;font-size:16px;padding-left:10px;}
.server-wait-layer .server-new .server-new-list{padding:15px;color:#fff;background:#21313d;}
.server-wait-layer .server-new .server-new-list li{padding:5px 0;border-bottom:1px dashed #3a4c59;}
.server-wait-layer .server-new .server-new-list li a,.server-wait-layer .server-new .server-new-list li span{display:inline-block;vertical-align:top;height:25px;line-height:25px;color:#fff;}
.server-wait-layer .server-new .server-new-list li span.s-name{width:100px;text-align:left;}
.server-wait-layer .server-new .server-new-list li span.s-date{width:90px;text-align:center;color:#cdcdcd;font-size:14px;}
.server-wait-layer .server-new .server-new-list li span.s-label{width:110px;text-align:center;color:#cdcdcd;font-size:14px;}
.server-wait-layer .server-new .server-new-list li a.s-gname{width:130px;text-align:left;color:#fff;}
.server-wait-layer .server-new .server-new-list li a.start{width:92px;border:1px solid #ff9140;color:#ff9140;text-align:center;line-height:23px;font-size:12px;border-radius:2px;}
.server-wait-layer .server-new .server-new-list li a.start:hover{color:#fff;background:#ff9140;}
.game-bar-recent{position:relative;display:inline-block;height:35px;line-height:35px;}
.game-bar-recent .f-sub-hook{cursor:pointer;color:#f60;padding:0 10px;line-height:35px;font-size:14px;display:inline-block;margin-left:20px;}
.game-bar-recent .f-sub-body{display:none;position:absolute;top:35px;left:0;width:290px;background:#fff;border:1px solid #ddd;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:1000;font-size:12px;color:#333;text-align:left;margin-left:30px;}
.game-bar-recent:hover .f-sub-body{display:block;}
.game-bar-recent .sevs-tit{padding:8px 10px 2px;font-weight:800;border-bottom:1px dotted #eee;}
.game-bar-recent .sevs-tit i{font-size:16px;margin-right:6px;color:#f60;}
.game-bar-recent .sevs a{display:block;padding:4px 15px;line-height:24px;text-decoration:none;color:#333;white-space:nowrap;overflow:hidden;}
.game-bar-recent .sevs a:hover{background:#f3f3f3;}
.game-bar-recent .sevs a span{float:left;width:70%;margin-right:10px;overflow:hidden;text-overflow:ellipsis;}
.game-bar-recent .sevs a i{float:left;width:25%;overflow:hidden;text-overflow:ellipsis;}
.game-bar-recent .sevs a em{padding:1px 6px;background:#fc0;color:#000;border-radius:2px;font-style:normal;font-size:12px;}
.game-bar-recent .sevs-more{padding:6px 10px;text-align:right;background:#f3f3f3;}
.game-bar-recent .sevs-more a{color:#333;font-size:12px;}
.game-bar-recent .sevs-more a:hover{color:#f60;}
.game_info{display:inline-flex;align-items:center;font-size:14px;line-height:35px;color:#333;margin-left:20px;height:35px;}
.game_info .info-ratio{padding-left:1em;color:#fc0;}
.game_info .btn-recharge{margin-left:1em;padding:0 1em;width:115px;height:35px;line-height:30px;text-align:center;text-decoration:none;color:#f4e71f;font-weight:bold;font-size:15px;letter-spacing:1px;background-color:#f30;border:2px solid #FF9800;text-shadow:-1px -1px 0 #9a1902,1px -1px 0 #9a1902,-1px 1px 0 #9a1902,1px 1px 0 #9a1902;box-shadow:0 2px 4px rgba(0,0,0,0.2);}
.game_info .btn-recharge:hover{background-color:#e02b0a;}
.welfare-container{margin-left:35px;height:35px;line-height:35px;overflow:hidden;position:relative;display:inline-block;width:auto;}
.welfare-container ul{list-style:none;margin:0;padding:0;transition:transform 0.3s ease-in-out;}
.welfare-container li{height:35px;line-height:35px;}
.welfare-container a{color:#f30;text-decoration:none;display:block;white-space:nowrap;}
.welfare-container a:hover{color:#d00;}

.play-main {transition: left 0.3s ease-in-out, width 0.3s ease-in-out, height 0.2s ease;will-change: left, width, height;}
.play-sider {transition: left 0.3s ease-in-out, height 0.2s ease;will-change: left, height;}

/*客服弹窗*/
.fixed-popup-bg{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000;z-index:100001;}
.fixed-popup{position:fixed;width:360px;height:240px;top:50%;left:50%;margin-left:-180px;margin-top:120px;box-shadow:0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;border-radius:6px;z-index:100002;}
.fixed-popup-service{width:440px;height:290px;margin-top:-145px;margin-left:-220px;}
.fixed-popup .popup-title{padding-left:20px;height:40px;line-height:40px;color:#fff;font-size:16px;border-top-left-radius:6px;border-top-right-radius:6px;position:relative;background:#f96d28;}
.fixed-popup .popup-title i.iconfont{margin-right:6px;font-size:19px;}
.fixed-popup .popup-title i.popup-close-btn{position:absolute;display:block;width:40px;height:40px;text-align:center;line-height:40px;top:0;right:0;font-size:20px;cursor:pointer;}
.fixed-popup .popup-body{padding:20px;background:#fff;border-top:none;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.service-layer{height:210px;position:relative;}
.service-layer .code-service{float:left;width:160px;margin:0 20px;}
.service-layer .code-service .tips{line-height:40px;text-align:center;font-size:14px;font-weight:bold;position:relative;}
.service-layer .code-service .tips i.tuijian{position:absolute;top:13px;right:15px;width:17px;height:12px;background:url('/static/web/img/play/tuijian3.gif') no-repeat;}
.service-layer .code-service .code{text-align:center;}
.service-layer .code-service .code img{width:128px;height:128px;vertical-align:top;}
.service-layer .code-service .txt{margin-top:15px;text-align:center;}
.service-layer .code-service.wx .txt span,.service-layer .code-service.qq .txt a{display:inline-block;width:110px;line-height:21px;color:#fff;font-size:12px;border-radius:3px;}
.service-layer .code-service.wx .txt span{border:1px solid #1b741f;background:#4caf50;}
.service-layer .code-service.qq .txt a{border:1px solid #0087c4;background:#1fb8fe;}
.service-layer .space{position:absolute;top:0;left:195px;width:1px;height:200px;border-left:1px solid #eaeaea;}
.slide-server-model{border-radius:4px;background:#fff;padding:20px;margin-top:10px;}
.slide-server-model .service-item{position:relative;padding-left:115px;height:115px;border-bottom:1px solid #efefef;margin-bottom:12px;padding-bottom:12px;}
.slide-server-model .service-item img{position:absolute;width:100px;height:100px;top:0;left:0;}
.slide-server-model .service-item .service-number{height:30px;font-weight:bold;font-size:14px;}
.slide-server-model .service-item .service-number span{margin-left:10px;}
.slide-server-model .service-item .service-url{height:22px;}
.slide-server-model .service-item .service-url a{display:block;vertical-align:top;width:90px;height:22px;line-height:22px;text-align:center;}
.slide-server-model .service-item .service-url a.wei{border:1px solid #268f2a;color:#268f2a;font-size:12px;border-radius:2px;line-height:20px;}
.slide-server-model .service-item .service-url a.qq{background:url('/static/web/img/play/qq-group.png') no-repeat;}
.slide-server-model .service-item .service-tips,.slide-server-model .service-item .service-time{height:18px;line-height:18px;font-size:12px;color:#666;}
.slide-server-model .service-item .service-tips{margin-top:12px;}
.slide-server-model .service-page{margin-left:-5px;margin-right:-5px;margin-top:-8px;}
.slide-server-model .service-page li{float:left;width:33.3333%;margin-top:10px;padding:0 5px;}
.slide-server-model .service-page li a{display:block;height:28px;line-height:28px;border:1px solid #eaeaea;background:#f4f4f4;text-align:center;border-radius:2px;color:#232323;font-size:12px;}
.slide-server-model .service-page li a:hover{color:#fff;background:#ef6d00;border-color:#ef6d00;}