@charset "utf-8";
html,body,div,span,iframe,h1,h2,h3,h4,h5,p,pre,em,img,strong,b,i,dl,dt,dd,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}
a,input,button{padding:0;margin:0;outline:0}
h1,h2,h3,h4,h5{font-size:100%}
body{font-size: 12px;overflow-x:hidden;font-family: "Microsoft YaHei";}
ul{list-style:none}
a{text-decoration:none}
a:hover{text-decoration:none}
a,button{cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
input,select,img{vertical-align:middle}
input::-ms-clear{display:none}
input::-ms-reveal{display:none}
i,em{font-style: normal;}
/*html,body{overflow: hidden;}*/
.clear_here:after{content:".";display:block;clear:both;height:0px;visibility:hidden;}
.clear_here{zoom:1;}
.fl{float:left;_display:inline}
.fr{float:right;_display:inline}
.clear{clear:both}
.section{margin:auto;overflow:hidden;height:auto}
.block-a{display:block;text-indent:-9999px;cursor:pointer}
.cf{zoom:1}
.cf:after{clear:both;display:table;content:""}
.c{margin-left:auto;margin-right:auto}
.ac{text-align:center}
.relative{position:relative;z-index: 1;}
.none{display:none}
.ico{display:inline-block;background:transparent url(../images/ico-24.png?t=) no-repeat;_background:transparent url(../images/ico.png?t=);_font-size:0}
.ico-0,.ico-1{width:17px;height:15px}
.ico-0{background-position:0 -20px}
.ico-0:hover{background-position:0 0}
.ico-1{background-position:0 -40px}
.ico-1:hover,.ico-1-focus{background-position:0 -60px}
.ico-2{width:18px;height:18px;background-position:0 -90px}
.ico-2:hover{background-position:0 -120px}
.ico-prev,.ico-prev-focus,.ico-next,.ico-next-focus{width:22px;height:22px}
.ico-prev{background-position:0 -150px}
.ico-prev:hover{background-position:0 -180px}
.ico-next{background-position:0 -210px}
.ico-next:hover{background-position:0 -240px}
.ico-3{width:5px;height:7px;background-position:0 -280px}
.ico-4{background-position:0 -310px}
.ico-5{width:16px;height:16px;background-position:0 -370px}
.box{display:inline-block;background:transparent url(../images/btn-24.png?t=) no-repeat;_background:transparent url(../images/btn.png?t=)}
.box-56{width:70px;height:70px;background-position:0 -60px}
.box-56-hover{background-position:0 -130px}
.btn{display:block;background:transparent url(../images/btn-24.png?t=) no-repeat;_background:transparent url(../images/btn.png?t=)}
.btn-1{width:70px;height:70px;background-position:-120px -60px}
.btn-1:hover{background-position:-120px -130px}
.btn-2{width:56px;height:25px;background:#ff4b59;color: #fff;text-align: center;line-height: 25px;}
.btn-3{height:24px;background-position:0 -240px}
.btn-3-focus{background-position:0 -270px}
.btn-4{width:100px;height:30px;background-position:0 -300px}
.btn-5{width:70px;height:30px;background-position:-120px -300px}
.btn-6{width:56px;height:25px;background:#ff4b59;color: #fff;text-align: center;line-height: 25px;}
.btn-7{width:65px;height:18px;background-position:-150px -210px}
.btn-8,.btn-9{width:70px;height:29px;background-position:-150px -210px}
.btn-8{background-position:0 -700px}
.btn-8:hover{background-position:0 -740px}
.btn-9{background-position:-70px -700px}
.btn-9:hover{background-position:-70px -740px}
.corner{display:inline-block;background:transparent url(../images/corner-24.png?t=) no-repeat;_background:transparent url(../images/corner.png?t=) no-repeat}
.corner-hot-r{width:82px;height:82px;background-position:0 0}
.orange{color:#fca628}
.white{color:#fff}
body{background:#f8fafe;}
.bg{width:100%;background-color: #F8F8FB!important;}
.wd-1000{width:1200px;margin: 0 auto;padding-top: 10px;}
.aside{float:left;width:300px;height:auto;_display:inline}
.main{float:left;width:875px;height:auto;margin:0 2px;_display:inline;height: auto;overflow: hidden;}
body,html,.bg{height: 100%}

/*.played-module{width:auto;height:210px;}*/
.l_title{width:auto;line-height:14px;color:#4f4f4f;font-size:16px;border-bottom: 1px solid #eee;height: 24px;padding-left:6px;position: relative;margin: 0 20px}
.l_title::after{content: "";position: absolute;width: 2px;height: 14px;background: #e60012;left: 0;top: 0}
.l_title .r{float: right;font-size: 12px;display: none}
.l_title .r a{color: #999;}
.played-module li{height: 50px;position: relative;margin-top: 6px;padding: 0 20px}
.played-module li.no_border{border:0;position: relative;}
.played-module li:hover{background: #ffeeee;}
.played-module li:hover .name{color: #e92e3c}
.played-module li:hover .select_service{padding-left: 4px;}
.played-module li:hover .select_service{border: 1px solid #aaa;background: url(../images/select_icon.png) 74px 2px no-repeat;background-size: 12px;}
.played-module li.hover{position: relative;z-index: 10;}
.played-module .name{display:inline-block;width:166px;color:#333;font-size: 14px; white-space: nowrap;position: relative;top: -3px;}
.played-module .name img{margin:0 10px 0 0;vertical-align:middle;width: 40px;height: 40px;position: relative;top: 8px;}
.played-module .name_red{color:#FD9A00;}
.played-module .select_service{display:inline-block;margin:0 3px;vertical-align:middle;color:#444;width:90px;padding-right:20px;height:18px;line-height:17px;overflow:hidden;font-style: normal;position: absolute;top:26px;left: 66px;border-radius: 4px;box-sizing: border-box;border: 1px solid transparent;}
.played-module .select_service:hover{text-decoration:none;}
.played-module li .selectbox{position: absolute;z-index:10;left:93px;top:29px;background:#fff;width: 61px; }
.played-module li .selectbox a{display:inline-block;color: #333;padding: 2px 0 2px 11px;width: 50px;}
.played-module li .selectbox a:hover{background: #efefef;text-decoration: none;}
.played-module .enter_game{display:inline-block;width:76px;text-align:center;height:30px;line-height:30px;color:#fff;vertical-align:middle;text-align: center;background-color: #F41A3C;border-radius: 2px;float: right;margin-top: 10px}
.played-module .enter_game:hover{background-position:0 -252px;color:#fff;text-decoration:none;}
.played-module .link{border-top:1px dashed #ddd;padding-top:20px;}

.played-page,.server-change-tabs{width:250px;height:22px;margin:0 auto;padding:4px 0 8px;line-height:22px;font-size:14px}
.ico-prev,.ico-next{position:absolute;top:5px}
.ico-prev{left:75px}
.ico-next{left:162px}
.kui-tips{position:absolute;background:#fff;border:1px solid #46a1fc;padding:2px 5px}

.server-top{width:229px;height:25px;padding:12px 14px 0;background:url(../images/bg-server-top.jpg) no-repeat 0 top}
.server-con{width:100%;padding:6px 0 0;border-bottom: 1px solid #EEEEEE;margin: 0 auto;box-sizing: border-box;height: 100%;}
.open-server-type{width:258px;height:24px;font-size: 16px;line-height: 23px;box-sizing: border-box;border: 1px solid #b5b5b5;border-radius: 4px;margin: 0 20px;overflow: hidden;color: #b5b5b5}
.data-server-type{overflow:hidden;width:50%;height:22px;line-height:21px;text-align:center;display:block;float:left;cursor:pointer;}
.data-server-type:hover{text-decoration:none}
.data-server-type {   
    position: relative;
}
/*.data-server-type.focus:after{
    content:".";
    width: 56px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -28px;
    background-color:  #FF0000;
}*/
.open-server-type .focus{color: #4f4f4f;background: #ececec}
.first-child{background-position:0 -30px}
/*.second-child{background-position:-113px -30px}*/
.server-panel{height:auto;padding-top: 6px}
#willpubtitle{float: right;}

.s-table{width:100%;display:none;}
.s-tab-1{display:block;color: #666}
.s-tab-small{width:100%;height:32px;overflow:hidden;line-height:35px;color:#666;padding: 0 20px}
.s-tab-big{width:100%;height:52px;display:none;overflow:hidden;padding:6px 20px ;line-height:32px;box-sizing: border-box;
background: #ffeeee;
position: relative;
}
.s-t-ico{position:absolute;left:14px;top:50%;margin-top:-4px;display: none}
.s-t-gamename{width:106px;color:#333;overflow: hidden;}
.s-t-sid{width:68px;}
.s-t-date{width:47px;text-align:center;color: #FF6F01}
.s-t-time{width:38px;text-align:right;color: #FF6F01}
.s-t-img{width:40px;padding:0 10px 0 0}
.s-t-img img{width:40px;height:40px}
.s-tab-big .s-t-gamename{width: 132px;}
.s-t-box{width:32px;height:32px;position:absolute;top:0;left:0}
.s-tab-big .s-t-gamename{line-height: 20px;}
.s-t-gamename-a{color:#333;;display: block;font-weight: bold;font-size: 16px;}
.s-t-sid-a{color:#666;font-weight: normal;}
.s-t-btn{float: right;}
.s-t-btn-a{width: 76px;height: 30px;background: #e92e3c;margin-top: 4px;line-height: 30px}
.s-tab-1 .s-tab-big .s-t-date,.s-tab-1 .s-tab-big .s-t-time{display: none;}
.ser-page,.played-page-num{color:#666}
.ser-page span,.played-page-num span{color:#3593ff}
.server-change-tabs{margin:3px auto;padding:4px 0}
.float-img{width:227px;height:120px;position: absolute;left: 15px;top: 640px;display: none}
.float-img-2{top: 780px;}
.float-img img{width:227px;height:120px}
.bg-link{position:absolute;width:100%;height:100%;_height:950px;left:1020px;top:0;cursor:pointer;max-height:950px;max-width:407px}
.ft-img{cursor:pointer}
.floatBg{background-color:#000;left:0;opacity:.4;filter:alpha(opacity=40);position:absolute;top:0;z-index:19999;width:100%;height:100%;_height:2300px}
.floatDiv{position:absolute;width:700px;height:500px;top:50%;left:50%;margin:-250px 0 0 -350px;z-index:20000}
.floatClick{position:absolute;width:700px;height:500px;z-index:20001;cursor:pointer}
.floatMsg{position:absolute;top:5px;right:5px;z-index:20002}
.closeFloat{width:36px;height:18px;float:left;display:block;padding:0 0 0 18px;background:url(../images/float/close.jpg) no-repeat;text-align:center;font:12px/18px "\5b8b\4f53";color:#000}
.closeFloat:hover{background:url(../images/float/close-on.jpg) no-repeat}
.countDown{width:36px;height:18px;float:left;display:block;padding:0 6px 0 0;color:#fff;font:12px/18px "\5fae\8f6f\96c5\9ed1"}
.news{width:840px;height:380px;margin:0px 0 0 20px;border-radius: 8px;margin-bottom: 12px;}
.news-list{width:840px;height:380px;float:right;padding:2px 3px 4px;background:url(../images/news-bg.png) no-repeat}
.news-list-top{width:240px;margin:0 auto;height:30px;padding:0 0 3px;color:#666;font-weight:700;line-height:30px}
.more{color:#666;font-weight:400;float:right;}
.more:hover{color:#46a1fc;}
.news-con{width:254px;height:160px;overflow:visible;padding:6px 3px 0;}
.news-con li{height:26px;line-height:26px;padding:0 0 0 13px;overflow:hidden;margin:0 auto;background:url(../images/dot.jpg) no-repeat 4px 50%;}
.news-a{color:#666;}
.first-child .news-a{color:#ec5050;}
.news-a:hover,.first-child .news-a:hover{color:#46a1fc;}
.kv{width:840px;height:380px;float:left;position:relative;overflow: hidden;border-radius: 4px}
.kv-bg{  position: fixed;  width: 1300px;  height: 520px;  top: 0;  left: 0;cursor: default;}
.kv-bg li,.kv-bg a,.kv-bg img{  width: 100%;  height: 100%;  display: block; cursor: default; }
.kv-img{width:840px;height:380px;overflow:hidden}
.kv-bg a:after{content:"";backdrop-filter:blur(5px);position: absolute;z-index: 11;width: 100vw;height: 100%;display: block;top: 0;left: 0;background: url(../images/kv_bg_mask.png) bottom no-repeat; background-size: cover; }
.kv-bg a:before{content:"";background:linear-gradient(180deg, rgba(248,248,251, 0) 0%, #F8F8FB 100%);position: absolute;height: 250px;bottom: 0;width: 100vw}
.kv-bg img{width: 100vw}

.kv-img li{width:840px;height:380px;padding:1px;background:url(../images/loading.gif?v=20180109) no-repeat center center;overflow: hidden;}
.kv-img li img{width:840px;height:380px;vertical-align:top}
/*.kv-num{position:absolute;bottom:0;left:1px}
.kv-num li{float:left;display:block;width:93px;height:5px;opacity:1;text-indent:-999px;_line-height:5px}
.kv-num-0{background:#f7e9a8}
.kv-num-1{background:#ceea85}
.kv-num-2{background:#fec996}
.kv-num-3{background:#b7ecf3}
.kv-num li.kv-num-4{width:91px;background:#d8c0ee}
.kv-num li.focus{background:#292929}*/

.kv-num {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 150px;
    height: 380px;
    background: rgba(15,15,35,.2);
    backdrop-filter:blur(6px);
    display: flex;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    z-index: 4;
    overflow: hidden;
}
.kv-num li {
    width: 150px;
    height: 50px;
    line-height: 0;
    color: #fff;
    box-sizing: border-box;
    line-height: 50px;
    margin-bottom: 5px;
}
.kv-num li a{font-size: 16px;color: #d3d3d3;display: flex;width: 100%;height: 100%;padding-left:16px;box-sizing: border-box;}
.kv-num li.focus {
    width: 150px;
    height: 50px;
    background:rgba(255,255,255,0.1);
    background-size:160px 50px;
    position: relative;
}
.data_pf_pic{
    display: block!important;
    position: absolute;
    opacity: 0;
    transition: 0.7s opacity;
}
.data_pf_pic.focus{
    opacity: 1;
    z-index: 3;
}
.data_pf_pic:first-child{opacity: 1;z-index: 2}
.kv-num li:after{content:"";position: absolute;height: 0%;width: 2px;background: linear-gradient(0deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 100%);opacity: 0.6;top: 0;right: -5px;transition: 6s height;}
.kv-num li.focus a{color: #fff;font-weight: bold;}
.kv-num li.focus:after{height: 100%;right: 5px}
.kv-num li.after_none:after{display: none}
.kv-arrow{width:27px;height:41px;position:absolute;display:none;top:76px;background:url(../images/kv-arrow.png) no-repeat; }
.kv-arrow-left{left:13px;background-position:-37px 0}
.kv-arrow-left:hover{background-position:0 0}
.kv-arrow-right{right:13px;background-position:-191px 0}
.kv-arrow-right:hover{background-position:-230px 0}
.game-con{width:750px;height:auto;position:relative;margin:12px auto 0;background-color: #fff;border-radius: 4px;}
.game-com-top{width:725px;height:40px;margin:0 0 0 10px;color:#3c3c3c;font:700 18px/30px "\5fae\8f6f\96c5\9ed1"}
.game-com-top a
.game-cate{width:420px;height:30px;position:absolute;top:0;left:106px;line-height:30px;z-index:10001}
.game-cate a{color:#b5b5b5;width: 76px;height: 22px;border-radius: 4px;display: inline-block;line-height: 22px;text-align: center;font-size: 14px;margin-bottom: 2px;box-sizing: border-box;}
.game-cate span{font-size: 16px;color: #4f4f4f;padding-left: 6px;position: relative;}
.game-cate span::after{content: "";position: absolute;width: 2px ;height:14px;background: #e60012;left: 0;top: 4px}
.game-cate a.go-search:hover{border: 1px solid #b5b5b5;color: #4f4f4f;background: #ececec}
.game-cate a.current,.game-cate a.current:hover{border: 1px solid #b5b5b5;color: #4f4f4f;background: #ececec}
.gift-search{position:absolute;top:3px;right:3px;z-index:10001;}
.gift-search .search_icon{position: absolute;top: 5px;right: 5px;background:url(../images/search_icon.png) no-repeat;width: 17px;height: 17px; background-size: contain;}
.gift-search-input{position:relative;vertical-align:middle;display:inline-block;height:30px;width:144px;z-index:10002;margin-right: 14px;background-color: #E5E5E5;margin-top: 5px;border-radius: 5px;}
.gift-search-input input{position:absolute;left:-2px;padding:5px 0;border:0;background-color:transparent;width:144px;height:20px;font-size:14px;z-index:10003;border-radius: 5px;color: #666;padding-left: 9px;}
.gift-search-input .placeholder{color:#3c3c3c}
.gift-search-btn{position:absolute;display:block;width:24px;height:24px;right:15px;top:8px;z-index:10003}
.gift-search-btn:hover{background:url(../images/search_icon_hover.png) no-repeat}
.complement-bg{position:absolute;top:25px;right:26px;padding:2px 0 0;display:none;z-index:10001}
.complement-dom{width:116px;padding:1px;background:#fff;border:1px solid #ddd;font-size:12px}
.complement-dom li{width:108px;height:18px;padding:0 4px;line-height:18px;color:#3c3c3c;cursor:pointer}
.complement-dom li.focus{background:#319bf8;color:#fff}
.game-data{width:750px;height:100%;background:0 0;overflow:hidden}
.game-list{width:750px;height:100%;overflow:hidden}
.game-con .game-list{overflow:auto}
.ul_type_game {padding:0 0 0 4px;}
.ul_type_game li{padding:8px 5px;float:left;width:156px;margin: 0 18px 0 0;display: inline;}
.ul_type_game li a{display:block;}
.ul_type_game li .a2{background:url("../images/spic.png") no-repeat;height:30px;line-height:30px;padding:0 0 0 10px;color:#333;}
.ul_type_game li .a2:hover{background-position: 0 -30px;}
.ul_type_game li .a2v{background:url("../images/spic_v.png") no-repeat;height:30px;line-height:30px;padding:0 0 0 10px;color:#333;}
.ul_type_game li .a2v:hover{background-position: 0 -30px;}

.game-kv{width:748px;height:203px;padding:5px 0 0}
.kv-big-img{width:561px;height:201px;overflow:hidden;border:1px solid #333640;float:left}
.kv-big-img li{width:561px;height:201px;background:url(../images/loading.gif) no-repeat center}
.kv-big-img li img{width:561px;height:201px;vertical-align:top}
.kv-small-img{width:179px;height:201px;float:left;padding:1px 0 1px 4px}
.kv-small-img li{width:177px;height:63px;margin-top:2px;border:1px solid #181c28;filter:Alpha(Opacity=50);-moz-opacity:.5;opacity:.5}
.kv-small-img li.focus{border:1px solid #ffbd04;filter:Alpha(Opacity=0);-moz-opacity:0;opacity:0}
.blue{color:#1283cf}
.aside .userCARDS_frame{background: none;}
.aside .userCARDS_con {padding: 0 0px 20px;}
.aside .userCARDS_input{padding-top: 7px;}
.aside .userCARDS_input.m17{margin-top:10px;padding-top: 0}
.aside .userCARDS_other{border: 0; padding: 0px 17px 3px;position: relative;}
/*.aside .userCARDS_other h6{display: none;}*/
.aside .userCARDS_input .t_c{width: 268px;border-radius: 4px;border-color: #fff;text-align: left;color: #666666;}
.aside .userCARDS_input .passc{width: 120px;}
.aside .userCARDS_error{width: 250px;left: 0;position: absolute;}
.aside .userCARDS_error p{width: 100% !important;padding-left: 18px; position: inherit;text-align: left;left: -16px}
.aside .phone_login_box .userCARDS_error p{left: 0}
.aside .userCARDS_other li{width: 110px;}
.aside .userCARDS_other li.o_2345{display: none;}
.aside .userCARDS_input .t_label{top:10px;left: 46px;}
/*.aside .userCARDS_regibtn a{width: 217px;background: url("../images/btn_reg10.png") no-repeat;}*/
.left_user_box{padding:14px;display: none!important;}
.left_user_box .p1{margin-top:7px;position:relative;z-index:2;}
.left_user_box .p1 img{vertical-align:text-bottom;}
.left_user_box .p1 .quit{display: block;position: absolute;top: 0;right: 0;}
.g_nodata{padding:30px 0;text-align: center;}
.userCARDS_input_vode .t_c .t{width: 102px;}
.live_info{width: 100%;}          
.aside{z-index: 1;position: relative;margin-left: 20px;}
.aside .r_mes_box {
    background: #FDFDFD;
    height: 380px; 
    /*box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.16);*/
    position: relative;
    border-radius: 4px;
    padding: 14px 0;
    box-sizing: border-box;
    /*background: #FFFFFF url(../images/login_top.png) top no-repeat!important;*/
    /*background-size: contain!important;*/
}
#phone_box #only_drag{left: 0}
.www_login_way_ul.www_login_way_ul_qr.www_login_way_ul_box{
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    justify-content: space-between;

}
.www_login_way ul {
    overflow: hidden;
    width: 266px;
    margin: 0 auto 0;
}
.www_login_way ul.www_login_way_ul_box li{width: 65px;font-size: 16px;white-space: nowrap;padding: 6px 0 8px;}
.www_login_way li {
    float: left;
    width: 65px;
    height: 22px;
    color: #666666;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
}
.www_login_way li.current {   
    color: #F41A3C;
    position: relative;
}
.www_login_way li.current:after{
    content:"";
    width: 56px;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -28px;
    background-color:  #FF0000;
}
.qrcode_login_box {
    display: none;
    padding-top: 20px;
    text-align: center;
    height: 308px;
}
.qrcode_login_box p span {
    color: #f41a3c;
}
.qrcode_login_box img {
    width: 185px;
    height: 185px;
    margin: 20px 0 10px;
}
.qrcode_login_box a {
    display: block;
    font-size: 12px;
    color: #0099FF;
}
.sq-qr-message {
    height: 308px;
}
.sq-qr-msg {
    height: 24px;
    padding: 0 0 0 34px;
    background: url(//cdn.51img1.com/v6/global/images/qr-ico.png) no-repeat;
    _background-image: url(//cdn.51img1.com/v6/global/images/qr-ico.png);
    font-size: 18px;
    color: #3c3c3c;
    _font-size: 18px;
    margin: 70px auto 0 auto;
    display: block;
    width: 115px;
    background-position: 0 -30px;
}
.sq-qr-msg-p {
    margin: 10px 0 0;
    font-size: 14px;
    color: #6c6c6c;
    text-align: center;
}
.sq-qr-refresh {
    color: #0099FF;
}
.userCARDS_frame {
    position: relative;
    font-size: 12px;
    color: #666;
    background: #fff;
    padding: 30px 0 0 0;
}
.userCARDS_other .official_reg_right{
    font-size: 16px;
}
#loginForWxLogin{
    margin-top: -19px;
}
.userCARDS_con {
    padding: 15px;
    position: relative;
    padding: 0;
}
.userCARDS_regibtn {
    position: absolute;
    bottom: 7px;
    right: 20px;
    z-index: 2000;
}

.userCARDS_regibtn a {
    width: 105px!important;
    height: 35px!important;
    text-indent: 0!important;
    background-image: none!important;
    line-height: 34px;
    color: #fff;
    text-indent: 0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    font-family: "\5fae\8f6f\96c5\9ed1";
    background: #f41a3c;
}
.userCARDS_qqloginbtn {
    display: none;
}
.userCARDS_error {
    display: none;
    position: relative;
    z-index: 100;
}
.userCARDS_input {
    padding: 10px 0 0;
    position: relative;
    padding-top: 20px;
}
.userCARDS_input .t_c {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 205px;
    background: #eef3f8;
    border: 1px solid #bac5d4;
    border-bottom-color: #d5dbe2;
    border-right-color: #d5dbe2;
    border-radius: 2px;
}
.userCARDS_input .usern {
    text-align: left;
    width: 268px;
    height: 40px;
}
.userCARDS_input .t_c .t {
    position: static !important;
    display: inline-block;
    margin: 0 !important;
    width: 188px;
    padding:0 8px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #fff;
    border: 1px solid #EEEEEE;
    border-radius: 4px 4px 4px 4px;
    box-sizing: border-box;
    color: #666;
    visibility: visible !important;
}
.userCARDS_input .t_c .t:focus{
    border: 1px solid rgba(244,26,60,0.3);
}
#mobile_pic_dom{margin-top: 8px;}
.userCARDS_input .usern input.t, .userCARDS_input .passw input.t,.userCARDS_input .phone .t {
    width: 268px;background: #fff
}
.userCARDS_input .passw{text-align: left;}
.userCARDS_input .t_label {
    position: absolute;
    top: 22px;
    left: 46px;
    color: #999;
}
.userCARDS_input .phone {background:#fff ; }
.userCARDS_input.msgCodeinput .t_c .t{width: 143px; }
#sendNote{margin: 1px 5px 0 0}
.aside .userCARDS_input .t_c.msgcode{text-align: left;width: 89px;}
.userCARDS_input .passw,.userCARDS_input .msgcode {
    background: #fff ;
    width: 268px;
}
#login_check_box p input{
    top: -2px;
}
#login_check_box p input,.userCARDS_dire_login input, .userCARDS_hidden_login input {
    margin: 1px 5px 0 0;
}
#login_check_box p input, .userCARDS_dire_login input, .userCARDS_hidden_login input {
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    font-size: 14px;
}
#login_check_box p input::after,.userCARDS_dire_login input::after, .userCARDS_hidden_login input::after {
    position: absolute;
    top: 0;
    color: #000;
    width: 15px;
    height: 15px;
    display: inline-block;
    visibility: visible;
    padding-left: 0px;
    text-align: center;
    content: ' ';
    border-radius: 3px
}
#login_check_box p input:checked::after, .userCARDS_dire_login input:checked::after, .userCARDS_hidden_login input:checked::after {
    content: "✓";
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background-color: #ff366f;
}
.userCARDS_dire_login label{
    color: #999;
}
.userCARDS_hidden_login {
    margin-left: 19px;
}
.userCARDS_form_l .userCARDS_hidden_login a {
    font-size: 12px!important;
    color: #0b8bc6;
}
.userCARDS_form_r {
    padding: 6px 0 0;
}
.userCARDS_form_r {
    position: relative;
    padding-top: 4px;
}
.userCARDS_loginbtn{
    box-shadow:5px 6px 14px #f41a3c;
    width: 260px;
    display: block;
    height: 10px;
    margin-top: 30px
}
.userCARDS_loginbtn a:hover{background: #d61533}
.userCARDS_loginbtn a {
    display: inline-block;
    width: 270px;
    height: 40px;
    background: #F41A3C;
    border-radius: 4px 4px 4px 4px;
    opacity: 1;
    text-indent: -10000px;
    overflow: hidden;
    vertical-align: middle;
    line-height: 40px;
    color: #fff;
    text-indent: 0;
    text-align: center;
    font-size: 16px;
    font-family: "\5fae\8f6f\96c5\9ed1";
    margin-top: -30px
}
.userCARDS_forget {
    margin-left: 5px;
    top: -20px!important;
    *top: -20px!important;
    margin-top: 3px!important;
}
.userCARDS_forget {
    display: block;
    margin-left: 5px;
    position: absolute;
    right: 7px;
    top: -18px;
}
.userCARDS_frame .userCARDS_forget a {
    color: #999!important;
    font-size: 12px!important;
}
.userCARDS_other {
    border-top: 1px solid #f1f3f5;
    background: #fefefe;
    padding: 15px;
}
.phone_login_box .userCARDS_forget{left: auto;}
.userCARDS_other {
    text-align: center;
}
.userCARDS_frame, .userCARDS_other {
    background: none;
}
.userCARDS_other h6 {
    color: #a0a0a0;
    margin-top: 0;position: absolute;right: 7px;top: 21px;
}
/*.userCARDS_other ul{margin-left: -42px}*/
.userCARDS_other li {
    width: 30px!important;height: 30px;
    padding: 0px 0 0 0;
    margin-right: 12px;margin-top: 12px;
}
.userCARDS_other li a{
    background: url(//cdn.51img1.com/v6/www/images/login_icon.png?v=20160612) no-repeat;
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 0;
    line-height: 0;transition: none;display: block;position: relative;z-index: 2
}
.userCARDS_other li.o_wechat a{
    background-position:0 0;
}
.userCARDS_other li.o_qq a{
    background-position: 0 -86px;
}
.userCARDS_other li.o_weibo a{
    background-position:0 -43px;
}
/*.userCARDS_other li.o_2345 a, .userCARDS_other li.o_2345 a:hover {
    background-position: center -200px;
}*/
.userCARDS_other li a:hover{background-position-x:-40px }
.server-con .pages {
    overflow: hidden;
    text-align: center;
}
.server-con .pages ul{
    overflow: hidden;
    margin: 0 auto;
    width: 100px;
}
.server-con .pages li {
    display: inline-block;
    width: 18px;
    height: 4px;
    background: #ccc;
    margin-right: 8px;
    border-radius: 2px;
    cursor: pointer;
    float: left\9;
    float: left;
    margin-top: 15px
}
.server-con .pages li.curr {
    background: #F31A3C;
}
#server{
    width: 300px;
    height: 304px;
    background: #FFFFFF;
    border-radius: 4px;
    opacity: 1;
    margin-top: 12px;
    background:#FFFFFF;
    background-size: contain;
    padding-top: 14px
}
.s-t-gamename-a:{background: url(../images/hot_icon.png) right no-repeat;background-size: 10px 12px;padding-right: 22px;width: max-content}


.fast_link{overflow: hidden;margin: 16px 0 15px 10px;}
.fast_link a{float: left;width: 177px;height: 55px;background: #eeeeee;color: #3f3f3f;text-align: center;line-height: 55px;font-size: 18px;margin-right: 6px;}
.fast_link a.curr,.fast_link a:hover{background: #ff4b59;color: #fff;}

.nice_game{margin-left: 20px;display: flex;justify-content: space-between;width: 840px;}
.nice_game li{width: 274px;height: 179px;float: left;position: relative;overflow: hidden;border-radius: 4px}
.nice_game li:hover{border-color: #f00;}
.nice_game li:hover p span{display: none;}
.nice_game li p{height: 82px;background: linear-gradient(360deg, #000, transparent);position: absolute;width: 100%;bottom: 0;left: 0;}
.nice_game li p span{font-size: 16px;line-height: 38px;display: block;margin-left: 20px;width: 124px;color: #ffffff;margin-top: 44px}
.nice_game li p a.e_game{float: left;width: 76px;height: 21px;text-align: center;line-height: 21px;background: #ff4b59;color: #fff;margin-top: 8px;border: 1px solid #ff4b59;}
.nice_game li p a.e_game:hover{background: #fff;color: #ff4b59;}
.nice_game .a1{width: 100%;height: 100%;display: block;position: relative;overflow: hidden;transition: 0.5s all ease-out;}
.nice_game .a1 img{display: block;width: 100%;height: 100%;}
.box_bottom_mask{height: 50%;position: absolute;bottom: 0;left: 0;width: 100%;background: url(../images/box_mask.png) ;padding-left: 12px;}
.box_bottom_mask span{font-size: 16px;color: #fff;line-height:136px; }
.box_mask{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.6);top: 0;left: 0;display: none;padding-left: 18px;box-sizing: border-box;padding: 24px 30px 0;}
.box_mask em{font-size: 16px;color: #fff;line-height: 22px;z-index: 9;position: relative;}
.box_mask span{font-size: 22px;color: #fff;z-index: 9;position: relative;}
.box_mask div{color:  #fff;margin-top: 3px;font-size: 16px}
.box_mask .box_mask_btn{width: 90px;height: 30px;background: #F4193C;border-radius: 4px 4px 4px 4px;opacity: 1;font-size: 14px;color: #fff;display: block;line-height: 30px;text-align: center;margin: 52px auto 0;z-index: 9;position: relative;}
.box_mask .box_mask_btn:hover{filter: brightness(1.5);}
.box_mask_btn{width: 90px;height: 30px;background-color:#F4193C;border-radius: 4px;color: #fff;display: inline-block; }
.a1_a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0px;}
.nice_game li:hover .a1 .box_mask{display: block;}
/*.a1:hover{margin-top: -6px;}*/
.nice_game li:hover .a1 .box_bottom_mask span{display: none;}
.game-con{width: 840px;padding-top: 10px;}
.game-cate{margin: 0 20px;border-bottom: 1px solid #eee;width: 638px}
.main .game_class_list {
    margin-left: 3px;
    height: auto;
}
.main .game_class_list li {
    float: left;
    width: 196px;
    height: 56px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 4px;margin: 4px 6px 4px
}
.main .game_class_list li:hover{
     background:  #ffeeee ;
}


.main .game_class_list li img {
    width: 40px;
    height: 40px;
    float: left;
    margin: 8px 10px 8px 20px
}
.main .game_class_list li h4 {
    float: left;
    font-size: 14px;
    font-weight: normal;
    color: #4f4f4f;
    overflow: hidden;
    white-space: nowrap;
    /*text-overflow: ellipsis;*/
    width: 124px;
    margin-top: 8px
}
.main .game_class_list li h4.hot1 , .hot_flag .s-t-gamename , .hot_flag .s-t-gamename-a{color: #e92e3c;white-space: nowrap;}
.game_class_list .hot, .new, .game_class_list .hot, .new ,.s-t-gamename .hot{
    background:  url(../images/hot_icon.png)   ;
    display: inline-block;
    background-size: 100%;
    height: 12px;
    line-height: 13px;
    position: relative;
    margin: 0 5px !important;
    overflow: hidden;
    width: 10px;
}
.main .game_class_list li span {
    width: 98px;
    float: left;
    font-size: 14px;
    color: #999;
    margin-top: 2px
}


/*弹框*/

td.global_popup_content .global_dialog_content {
    background: #fff;
    min-height: 60px;
    font-size: 12px;
    line-height: 20px;
}

.pop_newplayed2 {
    padding: 0 10px;
}

.pop_newplayed2 li {
    float: left;
    width: 200px;
    padding: 10px;
}
.pop_newplayed2 li.current .selectbox {
    display: block;
}
.pop_newplayed2 li.current .rqu {
    z-index: 2;
}
.pop_newplayed2 li .selectbox a {
    display: inline-block;
    color: #333;
    padding: 2px 0 2px 11px;
    width: 50px;
}
.pop_newplayed2 li .pic {
    float: left;
    width: 45px;
    padding: 2px 8px 0 0;
}
.pop_newplayed2 li .r {
    float: left;
    width: 140px;
}
.pop_newplayed2 li .name {
    font-weight: bold;
    color: #000;
    font-size: 14px;
}
.pop_newplayed2 li .rqu {
    position: relative;
    margin-top: 5px;
    z-index: 1;
}
.pop_newplayed2 li .select_service {
    display: inline-block;
    background: url(/v6/game/platform/images/platform_index/index_pic.gif) no-repeat -107px -201px;
    margin: 0 3px 0 0;
    vertical-align: middle;
    color: #444;
    width: 43px;
    padding-right: 20px;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-align: center;
}
.pop_newplayed2 li .selectbox {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 19px;
    background: #fff;
    width: 61px;
    border: 1px solid #9BAFB7;
    display: none;
}
.pop_newplayed2 li .enter_game {
    display: inline-block;
    background: url(/v6/game/platform/images/platform_index/index_pic.gif) no-repeat 0 -231px;
    width: 61px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    color: #444;
    vertical-align: middle;
}

.serv_pop{position: relative;width: 100%;height: 100%;}
.serv_pop ul{overflow: hidden;}
.serv_pop ul li{float: left;width: 140px;height: 35px;background: #ff4b59;margin: 10px 20px;}
.serv_pop ul li a{display: block;width: 136px;height: 31px;text-align: center;line-height: 31px;border: 1px solid #ffc3c8;color: #fff;margin: 1px;}
.serv_pop .top_box ul{margin: 20px 0 20px 60px;}
.serv_pop .bot_box{background: #ececec;overflow: hidden;position: absolute;left: 0;bottom: 0;width: 100%;height: 116px;}
.serv_pop .bot_box span{float: left;line-height: 35px;margin: 38px 0 0 128px;}
.serv_pop .bot_box ul{float: left;margin: 28px 0 0 20px;}

.kf_part{overflow: hidden;margin: 40px 0 0 88px;}
.kf_part .kf_left{float: left;margin-right: 10px;}
.kf_part .kf_left a{display: block;width: 202px;height: 100px;}
.kf_part .kf_left a.faq{background: url(../images/kf1.jpg) no-repeat;margin-bottom: 10px;}
.kf_part .kf_left a.online{background: url(../images/kf2.jpg) no-repeat;}
.kf_part .kf_right{float: left;}
/*.kf_part .kf_right a{width: 202px;height: 100px;background: url(../images/kf3.jpg) no-repeat;display: block;cursor: default;}*/
.kf_part .kf_right a{display: block;width: 202px;height: 100px;}
.kf_part .kf_right a.phone{background: url(../images/kf3.jpg?123) no-repeat;margin-bottom: 10px;}
.kf_part .kf_right a.feedback{background: url(../images/kf4.jpg) no-repeat;}
.live_info{width: 100%!important;}
.live_info ul{padding: 10px 0;}
.live_info li{overflow: hidden;padding: 8px 20px;background: #fff;color: #8e8e8e;margin-bottom: 10px;}
.live_info li:hover{background: #ececec;}
.live_info li.live{color: #333333;background: #f7ec85;}
.live_info li strong,.live_info li a,.live_info li span{float: left;line-height: 28px;text-align: center;}
.live_info li strong{width: 20%;}
.live_info li span{width: 15%;}
.live_info li a{float: right;width: 84px;height: 28px;text-align: center;line-height: 28px;background: #f41a3c;border-radius: 3px;color: #fff;margin-right: 10px;}





.about-result {
       width: 168px;
    border: 1px solid #d9d9d9;
    position: absolute;
    top: 24px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    left: -12px;
    z-index: 99999;
    overflow: hidden;
}
.about-result li {
    padding: 9px;
    overflow: hidden;
    height: 50px;
    vertical-align: middle;
}
.about-result li:hover{background: #f2f2f2;}
.about-result h4 {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    margin-bottom: 3px;
}

.about-result h4 a{
    color: #666;

}
.about-result .result-dec {
    overflow: hidden;
}
.about-result img {
    float: left;
    margin-right: 10px;
    border-radius: 5px;
}

.about-result .result-dec a, .about-result .result-dec a:visited {
    height: 20px;
    float: left;
    color: #1ea6ff;
    line-height: 20px;
}
.about-result .result-dec a.result-dec-m {
    width: 70px;
    text-align: center;
    margin-right: 9px;
    background: #e60012;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
}

.login .popbox_shadow_down{bottom: auto;left: 23px;top: 10px;}
.login .popbox_shadow_down .pop_arrow{background-position: -17px -232px;top: 19px}
.login .popbox_qq .pop_arrow{left: 59px;}
.login .popbox_wechat .pop_arrow{left: 16px}
.login .popbox_ttff .pop_arrow{left: 170px;}
.login .popbox_sina .pop_arrow{left: 99px;}
#hot_game_list{overflow: hidden;}

.userCARDS_input .phone{padding:0 ; }

.phone_login_box{padding: 0; width: auto;}


.alert64 {width: 100%;height: 100%;left: 0;top: 0;position: fixed;z-index: 99999;display: none;color: #666;}
.alert64.disBlock {display: block;}
.alert64 .alert64bg {width: 100%;height: 100%;position: fixed;background: #333;background: rgba(0,0,0,0.4);top: 0;left: 0;z-index: 20;}
.alert64 .alert64con {width: 506px;height: 293px;background: #fff;position: absolute;top: 50%;left: 50%;margin-top: -146.5px;margin-left: -253px;border-radius: 6px;overflow: hidden;z-index: 25;}
.alert64 .alert64con .msg_tit {padding: 8px 0;margin-top: 0;background: #ececec url(//cdn.51img3.com/game/2021/202111/20211130/957ec7880da791335dbb1ea5b959d369.png) no-repeat 15px 10px;background-size: 95px;}
.alert64 .alert64con .msg_tit h3 {width: 200px;font-size: 26px;text-align: left;letter-spacing: 2px;font-weight: bold;text-align: center;margin: 0 auto;position: relative;}
.alert64 .alert64con .msg_tit .data_close_btn {float: right;margin: 13px 18px 0 0;width: 10px;height: 10px;overflow: hidden;background: url(/v6/global/images/layer/close.gif?v=20180203) no-repeat;text-indent: -5000px;}
.alert64 .alert64con .msg_con {width: 95%;margin: 15px auto 0;font-size: 16px;overflow: auto;padding: 0;}
.alert64 .alert64con .msg_con p {line-height: 35px;text-align: center;width: 100%;word-wrap: break-word;}
.alert64 .alert64con .msg_con .tip{margin-top: 40px;}
.alert64 .alert64con .msg_con .tbtn{font-size: 16px; width: 250px;height: 38px;line-height: 38px;background-color: #f41a3c; color:#fff;text-align: center;border-radius: 5px;margin: 50px auto 0;cursor: pointer;letter-spacing: 2px;}
.alert64 .alert64con .msg_con .tbtn:hover {color: #fff;background-color: #e41838;}
.alert64 .alert64con .msg_con .tbtn a {color: #fff;}

.aside #login_check_box{margin:0 16px 8px;color: #999999;}
#login_check_box a{color:#666; }
.server-box{font-size: 14px;}
.l_ad_box{display: none}
#phone_box{padding-bottom: 30px;padding-top: 30px;}
#phone_box .userCARDS_form_r{margin-bottom: 20px;}
.gift-search-input.btn.btn-3{background-image: none;}
#frame_login_frame{padding: 16px 15px 0}
.put_val #drag{left: 4px;}
#phone_box{padding: 16px 15px 0;}
#phone_box .userCARDS_form_r {padding-top: 7px;}
#phoneSelect_list{width: 100%!important}
#phoneSelect_list li{float: none;width: 100%}
.my_toast{color: #333;background-color: #fff;padding: 25px 35px;position: fixed;left: 50%;transform: translate(-50% -50%);top: 50%;border-radius: 5px;box-shadow: 2px 2px 4px #666;font-size: 16px;z-index: 999}