body{background:#f5f5f5;color:#666}

body,button,input,select,textarea{font:12px/1.125 Microsoft YaHei}
sub,sup{line-height:0}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
li{list-style:none;vertical-align:top}
fieldset,img{border:0;vertical-align:middle}
input,textarea{outline-style:none}
textarea{resize:none}
address,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
article,aside,dialog,figure,footer,header,menu,nav,section{display:block}
a{text-decoration:none;outline:0}
a:hover{text-decoration:underline;color:#ff3300}
a,body{color:#333}
body{min-width:1140px}
.fl{float:left}
.clear{clear:both;height:0;font-size:0;overflow:hidden;width:100%}
.clearfix{zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}


.new-footer-wrap{background:#252525}
.btns{background:url("../images/btn.png") no-repeat 0 0;display:inline-block;}
.download-btn,.fuli-btn{background-position:0 -192px;width:145px;height:41px;line-height:41px;display:block;color:#e3e3e3;text-align:center;font-size:18px}
.fuli-btn{background-position:-145px -192px}
.icons{background:url("../images/icon.png") no-repeat 0 0;display:inline-block;width:20px;height:20px;vertical-align:middle}
.icons-u{background-position:-40px -80px}
.icons-logout{background-position:-57px -80px}
.icons-wait{background:url("../images/icon-wait.png") no-repeat 0 0;display:inline-block;width:16px;height:20px;vertical-align:middle}
.icons-hot,.icons-new{background-position:0 -60px;width:16px}
.icons-hot{background-position:-17px -60px;width:16px}
.icons-more{background-position:0 -81px;width:19px;height:19px}
.lab{height:20px;line-height:20px;padding:15px 0;position:relative}
.item-box{background:#fff;width:100%}
.page{text-align:center}
.warpBg{background:url("../images/bg.jpg") no-repeat 50% 0;max-width:1920px;margin:0 auto;padding:0 0 60px}
.headerNav{background:url("../images/nav.png") repeat-x 0 0;height:74px;width:100%}
.header{height:426px;overflow:hidden;position:relative;width:1200px;margin:auto}
.frameCont{width:1200px;margin:0 auto 20px}
.frameLeft{width:290px;float:left}
.frameRight{width:900px;float:right}
.linksbox{height:41px}
.login-info{background:url("../images/login_bg.png") no-repeat;width:100%;height:204px;position:relative;margin:0 0 20px}
.index-servers-box{padding:15px 18px 0;height:320px}
.goto-servers{position:relative;margin:0 0 7px}
.focus-cont{margin:0 0 20px}
.focus-news{width:420px;height:340px}
.focus-imgs,.swipe-imgs{position:relative}
.focus-imgs{width:480px}
.lab li{width:89px;border-right:1px dotted #959595;float:left;font-size:18px;text-align:center;}
.star-btn li a{background:url("../images/btn.png") no-repeat 0 0;width:290px;height:95px;display:block;text-indent:-999px;overflow:hidden;}
.star-btn li i{display:none}
.lab li,.lab li a{color:#666}
.btns:hover{text-decoration:none}
.download-btn:hover{background-position:0 -234px}
.fuli-btn:hover{background-position:-145px -234px}
.icons-more:hover{background-position:-20px -81px}
.lab .icons-more{position:absolute;top:15px;right:25px}
.item-box .title{background:url("../images/title.png") repeat-x;width:100%;height:50px;line-height:50px;color:#666;}
.star-btn li a:hover{background-position:0 -96px}
.page a,.page span{width:20px;height:20px;display:inline-block;line-height:20px;border:1px solid #dcdcdc;background:#fff;text-align:center;color:#666;;margin:0 4px;}
.lab li a:hover{text-decoration:none}
.lab li.current,.lab li.current a{color:#f1655b}
.item-box .title span{padding:0 19px;font-size:20px}
.page a:hover,.page span:hover{color:#f1655b;text-decoration:none}
.page a.cur,.page span.cur{background:#f1655b;border-color:#f1655b;color:#fff;}
.page a.no,.page span.no{border-color:#e5e5e5;color:#d5d5d5;}
.page a.and,.page span.and{border:0;}
.item-box .title .local{float:right;padding-right:20px;}
.headerNav .frameCont{margin:0 auto;}
.headerNav .logo{width:272px;height:74px;text-align:center;float:left;}
.headerNav .date-nav{float:left;width:928px;}
.headerNav .logo img{vertical-align:middle}
.headerNav .date-nav a{float:left;height:74px;line-height:74px;width:150px;background:url("../images/nav_line.png") no-repeat 0 50%;font-size:18px;color:#ccc;display:block;text-align:center;}
.headerNav .date-nav a:first-child{background:none;}
.linkbox a{float:left}
.login-info .login-reg{position:absolute;right:5px;bottom:8px;color:#99a0b2;text-decoration:underline;}
.login-loged .userinfo{padding:15px 0 2px 16px;height:37px;overflow:hidden}
.login-loged .servers{padding:0 0 5px 18px;position:relative;line-height:28px;font-size:14px;color:#989aa1}
.login-loged .slist{margin:0 0 0 88px}
.login-loged .bottom-links{position:absolute;left:2px;bottom:2px;border-top:1px solid #484853;height:37px;line-height:37px;width:286px}
.goto-servers .gotoServers_input{width:144px;height:18px;padding:7px 12px;background:#f5f5f5;border:0;color:#666}
.goto-servers .gotoServers_btn{width:86px;height:32px;line-height:32px;text-align:center;color:#fff;background:#f1655b;font-size:14px;display:inline-block}
.login-loged .userinfo img{max-width:34px;max-height:34px;vertical-align:middle;border-radius:17px;border:1px solid #e1e1e1;margin:0 10px 0 0;overflow:hidden}
.login-loged .servers a{color:#989aa1;text-decoration:underline}
.login-loged .bottom-links a{border-left:1px solid #484853;height:37px;float:left;display:block;text-align:center;color:#e3e3e3;font-size:14px;width:142px}
.login-loged .servers .tit{position:absolute;top:0;left:18px}
.login-loged .userinfo .uname{font-size:18px;color:#c1c2ca}
.goto-servers .gotoServers_btn:hover{background:#fc665b;color:#fff}
.headerNav .date-nav a:hover{background:url("../images/nav_hover.png") repeat-x 0 0;color:#fff;text-decoration:none}
.index-servers-list ul{margin:0 0 7px}
.index-servers-list li{padding:8px 0;height:20px;line-height:20px;position:relative}
.index-servers-list li a{background:url("../images/arrow.png") no-repeat 0 50% #fff;padding:0 20px;display:block;color:#666;font-size:14px;position:absolute;top:8px;left:0;z-index:3}
.index-servers-list li:before{content:" ";height:1px;border-top:1px dotted #adadad;position:absolute;width:227px;top:50%;left:0;z-index:2}
.index-servers-list li i{position:absolute;top:8px;right:0}
.login-loged .slist li .icons{margin:0 0 0 18px}
.login-loged .servers a:hover{color:#c1c2ca}
.list li{height:32px;line-height:32px;overflow:hidden;text-align:right;background:url("../images/arrow.png") no-repeat 0 50%;padding:0 0 0 15px;font-size:14px;color:#999}
.list li em{float:left;color:#666}
.login-loged .bottom-links a:hover{background:#3c3b47;text-decoration:none}
.login-loged .bottom-links a:first-child{border-left:0}
.index-servers-list .more{width:252px;height:34px;line-height:34px;text-align:center;border:1px solid #dcdcdc;color:#999;font-size:16px;display:block}
.index-servers-list .more:hover{border-color:#bfbfbf;color:#666;text-decoration:none}
.focus-cont .focus-news{float:left}
.focus-cont .focus-imgs{float:right}
.list li a,.list li a:hover{float:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666;text-align:left}
.focus-news .focus-news-alls{padding:0 23px 0 23px;position:relative}
.focus-news .focus-newslist{}
.swipe-imgs{width:480px;height:340px;overflow:hidden}
.swipe-imgs {position:relative;z-index:2}
.swipe-imgs .swiper-pagination{position:absolute;z-index:3;left:auto;right:20px;bottom:13px;text-align:right;width:auto}
.focus-news h2{height:30px;color:#f1655b;text-align:center;font-size:18px;font-weight:400;margin-top:21px;}
.swipe-imgs ul{position:absolute;top:0;left:0;height:340px}
.newsWrap,.serverWrap{width:100%}
.newsWrap{min-height:1040px}
.recommendList li{text-align:center}
.swipe-imgs li{width:480px;height:340px;float:left}
.swipe-imgs .swiper-pagination span{background:#fff;border-radius:100%;display:inline-block;width:16px;height:16px;opacity:1;margin:auto 3px;}
.focus-news h2 a,.focus-news h2 a:hover{color:#f1655b;text-overflow: ellipsis;white-space: nowrap;width:360px;overflow: hidden; display: block;}
.focus-news .focus-newslist .icons-more{position:absolute;top:-56px;right:25px}
.game-imgs .swipe-imgs,.game-imgs .swipe-imgs{width:900px;height:335px}
.swipe-imgs .swiper-pagination span.cur{background:#F1655B;}
.newsWrap .newsCont{padding:30px 50px}
.game-imgs .swipe-imgs li{width:900px}
.focus-news .focus-newslist .list li a{width:240px}
.newsWrap .newsCont .newsCol{border:1px solid #dcdcdc;height:44px;text-align:center;margin:0 0 15px}
.newsWrap .newsCont .newsList{min-height:800px;margin:0 0 27px}
.newsWrap .newsCont .newsContent{font-size:14px}
.newsWrap .newsCont .newsCol a{height:45px;line-height:44px;margin:0 26px -1px;display:inline-block;font-size:20px;font-weight:700;color:#666;width:60px}
.newsWrap .newsCont .newsContent h1{text-align:center;height:46px;line-height:46px;font-size:24px}
.newsWrap .newsCont .newsContent .time{height:28px;color:#999;text-align:center;border-bottom:1px solid #dcdcdc}
.newsWrap .newsCont .newsContent .content{padding:14px 0;line-height:26px}
.newsWrap .newsCont .newsCol a:hover{color:#f1655b;text-decoration:none}
.newsWrap .newsCont .newsCol a.cur{color:#f1655b;background:url("../images/news_nav.png") no-repeat 0 100%}
.newsWrap .newsCont .newsList .list li{height:40px;line-height:40px;padding-right:10px}
.newsWrap .newsCont .newsContent .content img{max-width:800px}
.newsWrap .newsCont .newsList .list li a{width:630px}
.serverWrap .s_green{background:#80c269}
.serverWrap .s_gray{background:#999}
.serverWrap .s_hot{background:#f93}
.serverWrap .s_bhot{background:#f1655b}
.serverWrap .serverCont{padding:40px 50px}
.serverWrap .serverCont .serverTit{background:#eee;height:46px;line-height:46px;padding:0 20px}
.serverWrap .serverCont .serverList{background:#fafafa;padding:30px 0 20px 26px;margin:0 0 40px}
.serverWrap .serverCont .serverTit span{font-size:20px}
.serverWrap .serverCont .serverList li{width:158px;height:38px;margin:0 20px 20px 0;float:left}
.serverWrap .serverCont .allServers li{position:relative}
.serverWrap .serverCont .serverList li a{background:#434d61;width:100%;height:38px;line-height:38px;text-align:center;font-size:14px;color:#fff;display:block}
.serverWrap .serverCont .serverTit .tips-state{float:right}
.serverWrap .serverCont .allServers .serverList{min-height:300px}
.serverWrap .serverCont .allServers .s_bhot,.serverWrap .serverCont .allServers .s_gray,.serverWrap .serverCont .allServers .s_green,.serverWrap .serverCont .allServers .s_hot{width:5px;height:14px;display:inline-block;position:absolute;top:12px;left:12px}
.serverWrap .serverCont .allServers .page{padding:10px 0;}
.serverWrap .serverCont .serverList li .icons{display:none;}
.serverWrap .serverCont .serverList li a:hover{background:#4e5c76;text-decoration:none;}
.serverWrap .serverCont .serverTit .tips-state .item{margin:0 29px 0 0;display:inline-block;}
.serverWrap .serverCont .serverTit .tips-state .item i{width:5px;height:14px;margin:0 5px 0 0;display:inline-block;vertical-align:middle;}

.service{height:168px;overflow:hidden;margin-top:20px;}
.service-box{padding: 15px 18px;}
.service-box p{line-height: 28px;}
.service-box .btn {width: 80px;height: 20px;display: inline-block;background: #f1655b;text-align: center;line-height: 20px;color: #fff;font-size: 12px;}
.links a {color: #666; margin-right: 10px;line-height:24px;}

/*用户登录*/
.userlogbox {height: 173px;color:#333;background: #343340;overflow: hidden;padding:15px;position: relative;}
.loginform .opt {position: relative;width: 156px;display: inline-block;}
.loginform .submit {position: absolute;width: 98px;top: 15px;left: 178px;display: inline-block;}
.loginform .checkbox,.loginform .checkbox a {color: #b5b5b7;}
.loginform .checkbox a:hover {color: #cdcdce;}
.loginform .checkbox input{margin-right: 5px;}
.loginform .lp {height: 36px;/* border: 1px solid #d0d0d0; */background: #464554;margin-bottom: 10px;position: relative;}
.loginform .lp label {width: 46px;height: 28px;line-height: 28px;text-align: center;float:left;color: #c8c8c9;}
.loginform .lp input {width: 140px;height: 36px;line-height: 28px;border: none;background:none;outline: 0 none;position: absolute;color: #ffffff;top: 0px;left: 9px;}
.loginform .login-btn {width: 98px;height: 36px;color: #fff;font-size: 15px;border: 0 none;/* background:#d9b852; */display: block;background-image: linear-gradient(#DB554A, #D03B34);cursor: pointer;}
.loginform .login-btn:hover{background-image: linear-gradient(#DD584D, #CF3A33);}
.loginform .forget-pwd {height: 23px;line-height: 28px;/* margin:5px 0; */color: #d49c33;margin-top:20px;text-align:right;}
.loginform .forget-pwd a {color: #a5a5a5;margin-left:15px;}
.loginform .forget-pwd a:hover { color: #f00;}
.loginform .forget-pwd label {color: #333; margin-right: 10px; vertical-align:middle;}


.logined {line-height: 30px;color: #ffffff;}
.logined a { color: #f27d00;}
.logined a:hover { color: #aa5800;}
.logined .user-fun{margin-bottom: 6px;}
.logined .user-fun a{margin-right: 72px;}

.header .appbox{position:absolute;bottom:25px;right:0;overflow:hidden;background:#3C231A;border-radius: 5px;width:309px;height:138px;color:#fff;filter:alpha(Opacity=90);-moz-opacity:0.9;opacity: 0.9;}
.header .appbox-code{position:absolute;top:10px;left:10px;}
.header .appbox-code p{background:#A26F30;text-align:center;}
.header .appbox a{position:absolute;display: block; height: 50px;line-height: 50px;width: 121px;color: #fff;font-size: 16px;padding: 0 0 0 55px;border-radius: 5px;border: 1px solid #fff;}
.header .appbox-android{background: #00D3A3 url(../images/appbox-android.png) 15px center no-repeat;background-size:25px;top:10px;left:120px;}
.header .appbox-ios{background: #000 url(../images/appbox-ios.png) 15px center no-repeat;background-size:25px;top:71px;left:120px;}
.header .qr_code{background:#fff;padding:5px;}

/*.footer --默认黑色 */
.footer { width: 100%; height: 158px; background:#222; font:12px/1.5 "microsoft yahei", Arial, sans-serif;margin:0 ;}
.footer-copyright { width: 1200px; height: 145px; margin: 0 auto; overflow: hidden;}
.footer-logo { width: 140px; height: 56px; margin: 45px 35px 0 70px; background: url(../images/footer_logo_black.png) no-repeat; float: left;}
.footer-copr { padding-left: 45px; margin-top: 35px;border-left: 1px solid #666; color: #888; float: left;}
.footer-copr a { color: #888; transition: all 0.4s ease}
.footer-copr a:hover { color: #ff6600;}
.footer-copr p { height: 14px; line-height: 14px; overflow: hidden; margin-bottom:10px;}
.footer-copr p span{margin:0 10px;}


.top {width: 100%;height: 46px;background: #FBFBFB;border-bottom: 1px solid #E1E1E1;}
.top-main{width:1200px;margin:auto;position: relative;}

.top .top-logo{float: left;}
.top .top-logo a{background:url("../images/top/logo.png") no-repeat;height: 46px;width: 126px;float: left;}
.top .top-ads {
	float: left;
    position: static;
    width: 260px;
    height: 46px;
    padding-left: 30px;
    text-align: center;
    z-index: 9998;
    overflow: hidden;
}


.top .top-small-elem{display:block}
.top .top-ads-big-elem{display:none;position:absolute;margin-left:-108px;top:0}
.top .top-ads:hover .top-ads-big-elem{display:block}
.top .top-ads:hover .top-small-elem{display:none}
.top-right{float: right;height: 46px;line-height: 46px;}
.top-right-nav, .top-right-nav li{float: right;}
.top-right a{margin-left:15px;}
.top-right a.login {
    color: #ff0000;
    text-decoration: underline;
	margin: 0 6px 0 0 ;
}

.top-right .app {
    background: url("../images/top/mobile.png") left center no-repeat;
    background-size: 11px auto;
    padding: 0 0 0 16px;
    cursor: pointer;
    margin: 0 0 0 16px;
}
.top-right .weixin {
    background: url("../images/top/weixin.png") left center no-repeat;
    padding: 0 0 0 24px;
    cursor: pointer;display:block
}
.top-right .game{background:#EDEDED;display:block;padding:0 15px;}
.top-right .game:hover{text-decoration:none;}
.top-right .game span {
    display: inline-block;
    margin-left: 8px;
    width: 7px;
    height: 7px;
    margin-bottom: 1px;
    background: url("../images/top/down-icon.png") no-repeat;
    _margin-top: 8px;
}




.top-right .game span.t {padding:0 10px;height: 100%;display: block;color:#666666;cursor:pointer;border:1px solid transparent;border-top:none;_border:none;_height:35px;_line-height:35px;}
.top-right .game span.t-on {background:#ffffff;border:1px solid #EFEFEF;border-top:none;}


/*隐藏盒子设置*/
.hidden-box{width:118px;border: 1px solid #EFEFEF;border-top:0;top: 46px;z-index:9999;display:none;background:#ffffff;position:absolute;}
.hidden-box>ul{list-style-type: none;color:#666666;/*cursor: pointer;*/}
.hidden-box a{color:#666666;margin-left:0px;}
/*图标向上旋转*/
.hover-up{ transition-duration:.5s;transform: rotate(180deg);-webkit-transform: rotate(180deg); }
/*图标向下旋转*/
.hover-down{ transition-duration: .5s;transform: rotate(0deg);-webkit-transform: rotate(0deg); }
/*隐藏盒子位置设置*/

.hidden-loc-map{right:93px;width:435px;padding:20px 30px;}
.hidden-loc-map li{float:left;display:inline;}
.hidden-loc-map p{margin:0;padding:0;line-height:30px;}
.hidden-loc-map .p1{font-size:18px;color:#f0265a;width:200px;}
.hidden-loc-map .p2{font-size:18px;color:#000;margin:5px 0 0 0;}
.hidden-loc-map .p3{font-size:12px;}
.hidden-loc-map .p4 {margin:5px 0 0 0;}
.hidden-loc-map .p4 a{display:block;background: url("../images/top/icon2.png") no-repeat 0 -41px;padding:0 0 0 55px;height:40px;line-height:40px;font-size:16px;color:#fff;width:95px;margin:0;}
.hidden-loc-map .p4 a:hover{background-position:0 0;}
.hidden-loc-map div{margin:30px 0 0 0;width:215px;border-left:1px solid #f3f3f3;padding:0 0 0 15px;}
.hidden-loc-map .p5{background: url("../images/top/qrcode.jpg") no-repeat 0 0;background-size:108px 108px;padding:0 0 0 122px;line-height:20px;height:100px;}
.hidden-loc-map .p6{margin:0 0 0 18px;}
.hidden-loc-game{right:0px;width:1199px;border-left:0;}
.hidden-loc-game li{float:left;display:inline;padding:10px;width:100px;line-height:16px;}
.hidden-loc-game li img{float:left;display:inline;width:16px;height:16px;margin-right:5px;}
.hidden-loc-game li:hover{background: #fafafa;}
.hidden-loc-game i{float:left;display:inline;width:11px;height:9px;background: url("../images/top/icon.png") no-repeat 0 -448px;margin-left:5px;}
.hidden-loc-game span{float:left;display:inline;}
.hidden-loc-game .loc-game-left{float:left;display:inline;width:380px;overflow:hidden;}
.hidden-loc-game .loc-game-left a{margin:0;}
.hidden-loc-game .loc-game-center{float:left;display:inline;width:480px;padding:10px 30px 10px 20px;}
.hidden-loc-game .loc-game-right{float:left;display:inline;width:270px;padding:10px 0;}
.hidden-loc-game .loc-game-right li{width:120px;padding:10px 0 10px 10px;}
.hidden-loc-game .loc-game-title{border-bottom: 1px solid #EFEFEF;margin:0 0 10px 0;}
.hidden-loc-game .loc-game-title span{float:left;display:block;background:#36AAFD;width:4px;height:16px;margin:15px 10px 0 0;}
.hidden-loc-game .loc-game-title label{float:left;display:inline;font-size:16px;}
.hidden-loc-game .loc-game-title a{float:right;display:inline;}


.wenzhang{margin:0 auto;line-height:28px;color:#23120c;font-size:14px;margin-top:20px}
.wenzhang a{color:#23120c}

/*新手卡*/
.xsk_table{margin:30px 0 30px 0;padding:15px 10px;background:#f9f9f9;}
.xsk_table table tr td{border:none;height:30px;line-height:30px; padding:0 5px;}
.xsk3a{width:135px;height:25px;font-family:"微软雅黑";color:#000;background:#FFF;}
.input_code{width:40px;height:25px;line-height:25px;color:#000;font-family:"微软雅黑";}
.xsk3b{border-radius: 2px;width:93px;height:32px;line-height:28px;text-align:center;color:#fff; background:#03b4f5; font-weight:bold; border:none;cursor:pointer;font-family:"微软雅黑";font-size:14px; margin-left:10px;}
.xsk3b:hover{background:#00bbff;}


.newsCont .tit {
    height: 41px;
    line-height: 41px;
    padding: 0 20px 0 0;
    text-align: right;
    font-weight: normal;
    background: #e9e9e9;
	margin:0 0 20px 0;
}
.newsCont .tit span {
    width: 121px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: bold;
	
}