@charset "utf-8";

/**
 * zwsg_main.css
 * @aumagic liangkangren
 * @date 2017-03-12
 **/
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{margin:0;padding:0;outline:0}
h1,h2,h3,h4,h5{font-size:100%}
ul,li{list-style:none}
a,button{cursor:pointer}
table{border-spacing:0;border-collapse:collapse;margin:0 auto;}
.cls{*zoom:1}
.cls:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:'.'}
.cls{clear:both}
a{text-decoration:none;color:#bfc5ce}
a:hover{text-decoration:none;color:#bfc5ce}
.hidden{display:none}
em,i,strong{font-weight:400;font-style:normal}
body {
    min-width: 1200px; 
    overflow: auto;
}

.sq-dialog-masking {
    position: fixed!important;
    _position: absolute!important;
}

.r-cover {
    position: fixed!important;
    _position: absolute!important;
}
.body{font:14px 'Microsoft Yahei',SimSun;position:relative;background:#1c1a1d; color:#bfc5ce ;overflow: hidden;}

/* header */
.header{width: 1200px; height:660px;position: relative;margin: 0 auto;}
.header embed{position:absolute;top:0;left:50%;z-index:2;margin-left:-40px;}
.wrap{position:relative;z-index:4;width:1200px;margin:0 auto;*margin-top:0;padding-bottom:150px;}
.main{width:1200px;position: relative;}
.wrap .right h3 {
    font-size: 16px;
    color: #b01503;
    font-weight: 400;
}
.cont-main{height:100%;}
.kv-top{position:absolute;left:50%;overflow:hidden;width:2000px;height:1196px;margin-left:-1000px;*height:1196px}
.kv-top-img{position:relative;clear:both;overflow:hidden;width:2000px;height:1196px}
.kv-top-img li{overflow:hidden;width:2000px;height:1196px}
.kv-top-img a{ width: 100%; height: 100%; display: block; }
.kv-top-img li img{width:2000px;height:1196px}
.kv-top-num{position:absolute;top:492px;right:50%;margin-right:-590px;}
.kv-top-num li{font-size:0;line-height:0;float:left;overflow:hidden;width:14px;height:14px;margin-left:8px;text-indent:-9999em;border-radius:7px;background:#C0C0C0}
.kv-top-num li:hover,.kv-top-num li.focus{background:#BD9D60}
/**top-nav**/
.top-nav{
    z-index: 2;
    font-size: 14px;
    position: absolute;
    height: 80px;
    top: 0px;
    left: 50%;
    width: 2000px;
    margin-left: -1000px;
    background: #000;
}
.nav{
    margin-top: 48px;
    width: 1200px;
    margin: 0 auto;
}
.nav .top-nav-li{float:left;width:160px; text-align:center;position:relative;margin-top: 18px;border-left: 1px solid #333333;}
.nav a {color:#aa925e; display: block; width: 100%; height: 46px;font-size:18px;line-height: 24px;}
.nav a b{font-size:10px; color:#d7d8e0;font-weight: 400;}
.nav a:hover b, .nav a:hover {color:#f02424;}
.nav .logo-main {
    width: 270px;
    height: 130px;
    margin-top: 0;
}
.nav .no-border {
    border-left: none;
}
.nav .logo-main a {
    width: 270px;
    height: 130px;
    display: block;
}

.tt1, .tt2 {
    width: 100%;
    height: auto;
    display: block;
    float: left;
    text-align: center;
}

.tt2 {
    font-size: 10px;
}

.nav .last-li {
    width: 110px;
}
.nav .last-li a {
    text-align: right;
}

.nav .last-li a span.tt1 {
    text-align: right;
}

.nav .last-li a span.tt2 {
    text-align: left;
    padding-left: 64px;
}

.logo{
    left: 10px;
    top: 5px;
    text-indent: -9999px;
    position: absolute;
    z-index: 2;
    width: 195px;
    height: 117px;
    background: url(images/logo.png) no-repeat;
    z-index: 5;
}
.tips18{
    font-size: 16px;
    position: absolute;
    z-index: 2;
    top: 630px;
    letter-spacing: 1px;
    color: #b1b3b7;
    right: 0;
}

#qq{position:absolute;bottom:-9px;width:90px;height:22px;text-indent:-9999px;overflow:hidden;z-index:2;left:50%;margin-left:394px;top:534px}

/* loginframe */
.lrsbox{margin-bottom: 30px;}
.lrsbox .left,.lrsbox .right{float: left;}
.lrsbox .left{position: relative;width: 381px; overflow: hidden;}
.lrsbox .right{min-height:462px;margin-left: -1px; border: 1px solid #313034;border-left: none; background: #242327;position: relative;}
.start{
    display: block;
    width: 381px;
    height: 166px;
    background: url(images/start.jpg) no-repeat;
}
.start:hover{
    background: url(images/start-h.jpg) no-repeat;
}
.start span{
    display: block;
    width: 216px;
    height: 77px;
    position: absolute;
    top: 52px;
    left: 84px;
    background: url(images/start-zi.png) no-repeat;
    content: "";
    cursor: pointer;
}
.start span:after{
    display: block;
    width: 188px;
    height: 65px;
    background: url(images/start-zi.png) no-repeat;
    content: "";
    cursor: pointer;
}
.start:hover span{
    animation: linear icoBig 1.6s infinite;
    -webkit-animation: linear icoBig 1.6s infinite;
}
.start:hover span:after{
    opacity: .6;
    animation: linear icoBig2 1.6s infinite;
    -webkit-animation: linear icoBig2 1.6s infinite;
}
@-webkit-keyframes icoBig{
    0%{-webkit-transform:scale(1);transform:scale(1);}
    20%{-webkit-transform:scale(1.05);transform:scale(1.05);}
    30%{-webkit-transform:scale(.93);transform:scale(.93);}
    45%{-webkit-transform:scale(1.04);transform:scale(1.04);}
    60%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes icoBig{
    0%{transform:scale(1);}
    20%{transform:scale(1.05);}
    30%{transform:scale(.93);}
    45%{transform:scale(1.04);}
    60%{transform:scale(1);}
}
@-webkit-keyframes icoBig2{
    0%{-webkit-transform:scale(1);transform:scale(1);}
    20%{-webkit-transform:scale(1.3);transform:scale(1.3);opacity:0}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes icoBig2{
    0%{transform:scale(1);}
    20%{transform:scale(1.3);opacity:0}
    100%{transform:scale(1);opacity:0}
}
.side-a{
    display: block;
    width: 190px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    float: left;
    color: #e7a752;
    font-size: 20px;
    background: url("images/reg-log.jpg");
}
.side-b {
    background-position: -190px 0; 
}
.side-a:hover {
    background-position: 0 -58px;
}
.side-b:hover {
    background-position: -190px -58px; 
}
.side {
    background: #3e3f44;
}
.icon-btn-d {
    background-position: -190px 0;
}

.login{font-size:18px;height:239px;color:#bfc5ce;background:#242327;position:relative;width:380px;border-left: 1px solid #302f34;border-bottom: 1px solid #302f34;}
.log a{color:#e82222}
.login .t{width:260px;background-position:2px -238px;margin:auto;}
.login-t a{font-size:16px;line-height:43px;float:left;width:130px;height:43px;color:#a5a5a5;}
.login-t{position:absolute;top:146px;left:15px;}
.mark{display:block;float:left;margin:16px 10px 0 45px;transition:all .5s ease-out;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;_display:inline}
.mark:hover{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}
.icon-btn-c:hover .mark,.icon-btn-d:hover .mark{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
.log li{position:absolute}
.text{font-family:'Microsoft Yahei';line-height:32px;width:224px;height:32px;font-size:16px;padding-left: 30px;color:#d7d8e0;}
.input-u {
    background: url("images/count_bg.png") no-repeat 6px center #7c7c7c;
}
.input-p {
    background: url("images/pw_bg.png") no-repeat 9px center #7c7c7c;
}
.user{top: 20px;left:40px;}
.psw{top: 64px;left:40px;}
.remember{top: 106px;left:84px; font-size: 14px;color: #bfc5ce;}
.get-psw{top: 106px;left:200px;font-size: 14px;color: #bfc5ce;}
.get-psw a {
    color: #bfc5ce;
}
.lr-btn{
    text-indent: 0;
    width: 142px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 22px;
    top: 134px;
    background: url("images/login.png") no-repeat;
}

.lr-btn:hover {
    background-position: -143px 0;
}

.lr-btn a{
    width: 142px;
    height: 50px;
    display: block;
}
.log-btn{
    left: 38px;
}
.reg-btn{
    left: 200px;
    background-position: 0 -50px;
}

.reg-btn:hover {
    background-position: -143px -50px;
}

.loged{width:260px;margin:0 auto;padding:40px 0 0;font-size: 14px;}
.loged li{line-height:33px;padding:0 13px;}
.loged a{color:#e82222;}
.loged-usercenter{text-align:right}
.loged-usercenter a{margin-left:5px}
.loged .colored{color: #e82222;}

.c-body .role{
    margin-top: 70px;
    float: none;
}
.c-body .icon-service{
    background-repeat: no-repeat;
}
.card {
    margin-top: 0px;
    background:#201f22;
    padding: 5px 0 25px 0;
    float: left;
    width: 100%;
    float: left;
    border-left: 1px solid #302f34;
    border-bottom: 1px solid #302f34;
}

.card a {
    display: block;
    width: 303px;
    height: 160px;
    overflow: hidden;
    margin: 20px 0 0 48px;
    overflow: hidden;
    float: left;
}

.card img {
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s
}

.card a:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05)
}

/*left service*/
.left .service{width:381px;float:left;margin-left: 0px;background: #242327;
    border-left: 1px solid #302f34;
    border-bottom: 1px solid #302f34;
}
.service .servicetl{
    width: 363px;
    height: 44px;
    background-color: #d5d5d5;
    padding: 15px 0 0 20px;
}
.left .service .con{width:100%;height:193px;border:none;position:relative;margin-top: 0;color: #bfc5ce;background: none;}
.lcontact{float: left;width: 173px;position: absolute;top: 35px;left: 33px;}
.lcontact p { height: 28px}
.left .service a{width:95px;height:20px;display:inline-block;background: url(images/online_ser_btn_bg.jpg) no-repeat left top;text-align:center;line-height:20px;color:#fff;}
.left .service h3{ text-indent: 24px;}
.left .qr{float: left; position: absolute; top: 43px;left: 250px;width: 90px;margin-top: 0}
.ser-title-b {
    width: 338px;
    height: 64px;
    margin-left: 20px;
    line-height: 64px;
    position: relative;
    border-bottom: 2px solid #333338;
}
.ser-t-bg-b {
    width: 185px;
    height: 64px;
    line-height: 64px;
    display: block;
    float: left;
    position: absolute;
    left: 0;
    bottom: -3px;
    background: url("images/server_title_bg.jpg") no-repeat left bottom;
}
.left .qr i{float: left;width: 100%;}
.left .qr p{float: left;width: 100%;margin: 0;padding: 0;overflow: hidden;color: #83868b;}
.qr i{float: left;}

/* server */
.choice-server{color: #bfc5ce; height:103px;width: 802px; background: url("images/new-server.jpg") left top no-repeat;position:relative;padding:0 8px 0;border-bottom: 2px solid #b40e0e;top:-1px;}
.quick-ingame{line-height:45px;width:197px;height:45px;border-bottom:1px solid #595959;margin:auto;font-size:12px;color:#26282a;}
.fastin-input{width:37px;height:19px;text-align:center;line-height:19px;color:#000000;background:#d9dadb;}
#btnFast{width:76px;height:23px;line-height: 23px;text-align: center; display:inline-block;background:url("images/di_bg.png") no-repeat left top;color: #fff;}
.choice-list{height:75px;width:410px;overflow:hidden;position: absolute;top: 17px;left: 139px;}
.choice-list i{height:11px;width:11px;display:inline-block;margin-right:11px;}
.choice-list li{float: left;margin-right: 32px;width: 170px; height:36px;line-height:36px;overflow:hidden;}
.choice-list li span{float: right;color:#ff1515;}
.select-server{position: absolute;top: 27px;left: 532px;}
.server-more{line-height:24px;width:74px;height:24px;position:absolute;right:0;top:17px;font-size:14px;}
.all-server{width:12px;height:12px;display:block;position: absolute;top: 6px;right: 8px;}
.all-server:hover{}
.choice-list li a{
    display:block;
    width:100%;
    margin:auto;
    color: #bfc5ce;
    background: url(images/server-icon.png) center left no-repeat;
    text-indent: 20px;
}
.choice-list li a:hover{color:#bfc5ce;}
.more {
    display: block;
    background: url("images/more1.png");
    width: 32px;
    height: 28px;
    position: absolute;
    right: -5px;
    top: 0px;
}

.more:hover {
    background-position: 0px -28px;
}

/*infolist*/
.info_link{height:286px;margin-bottom:11px;}
.info_link li{width:113px;height:94px;float:left;background-color:#FFFFFF;margin:0 1px 1px 0;text-align:center;line-height:135px;position:relative;}
.info_link a{width:100%;height:100%;display:inline-block;color:#333333;}
.info_link i{display:block;position:absolute;top:13px;left:40px;}
.i-icon{transition:all .5s ease-out;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;}
.info_link a:hover i{-webkit-transform:rotate(360deg);transform:rotate(360deg);}

/*media*/
.media{width:258px;float:left;margin-left: 10px;background: #2d2d31;}
.media .t{width:212px;margin:0 0 21px 11px;}
.media .con{overflow:hidden;width: 200px;height: 110px;float: left;}
.media-scroll{overflow:hidden;width:150px;height:50px;margin:32px 0 0 50px;}
.media-scroll li{width:150px;height:50px}
.media-scroll img{width:150px;height:50px}
.med-title {
    width: 242px;
    height: 64px;
    float: left;
    position: relative;
    margin-left: 8px;
    border-bottom: 2px solid #333338;
}
.med-t-bg {
    width: 228px;
    height: 64px;
    line-height: 64px;
    display: block;
    float: left;
    position: absolute;
    left: 0;
    bottom: -3px;
    background: url("images/media_title_bg.jpg") no-repeat left bottom;
}
/*kv*/
.kv{
    position: absolute;
    float: left;
    width: 817px;
    height: 358px;
    overflow: hidden;
    z-index: 1;
    top: 104px;
    border: 1px solid #4d321b;
    border-top: none;
}
.kv-num{
    position: absolute;
    right: 50px;
    bottom: 24px;
}
.kv-num li{
    width: 16px;
    height: 16px;
    line-height: 16px;
    float: left;
    overflow: hidden;
    margin-right: 8px;
    cursor: pointer;
    border-radius: 8px;
    background: #fff;
}
.kv-num li:hover,.kv-num li.focus{
    background: #ad1b09;
}
.kv-img img{
    width: 818px;
    height: 359px;
}

/*fast*/
.fast{width:1180px;height:250px;float:left;position: relative;padding: 10px;background: #242327;border: 1px solid #302f34;}
.f{position:relative;display:block;width:100%;height:100%;}
.f em{line-height:115px;font-size:16px;margin-left:14px;}
.f1{background:url(images/gt_img_1.jpg) no-repeat;}
.f2{background:url(images/gt_img_2.jpg) no-repeat;}
.f3{background:url(images/gt_img_3.jpg) no-repeat;}
.f4{background:url(images/gt_img_4.jpg) no-repeat;}
.fast a{float:left;display:inline-block;overflow:hidden;width:282px;height:160px;text-indent:-999em;position:relative;top: 7px; transition:all linear .3s;-moz-transition:all linear .3s;-webkit-transition:all linear .3s;-o-transition:all linear .3s;-ms-transition:background linear .3s;background-repeat:no-repeat;}
.fast a.cur{width:334px;height:167px;top: 0;background-size: 100% auto;}
a.f1{}
a.f2{*top:-13px;}
a.f3{*top:-34px;}
a.f4{*top:-54px;}
.fast a.f1.cur{}
.fast a.f2.cur{*top:-18px;}
.fast a.f3.cur{*top:-38px;}
.fast a.f4.cur{*top:-58px;}
.f1.cur{background:url(images/gt_img_1_1.jpg) no-repeat left top;}
.f2.cur{background:url(images/gt_img_2_1.jpg) no-repeat left top;}
.f3.cur{background:url(images/gt_img_3_1.jpg) no-repeat left top;}
.f4.cur{background:url(images/gt_img_4_1.jpg) no-repeat left top;}
.f i{position:absolute;top:16px;left:28px;display:block;width:68px;height:68px;text-indent:-9999em;transition:.8s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
.fl-title-bg {
    width: 300px;
    height: 56px;
    line-height: 56px;
    display: block;
    float: left;
    position: absolute;
    bottom: -2px;
    left: 0;
    background: url("images/game_tips_title.png") no-repeat left bottom;
}
.fast-li {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 15px;
}
.fast-link-title {
    width: 100%;
    height: 54px;
    border-bottom: 2px solid #333338;
    float: left;
    position: relative;
}
.fast a.more-fast-link-btn {
    display: block;
    background: url("images/more1.png") no-repeat left top;
    width: 32px;
    height: 28px;
    position: absolute;
    right: -4px;
    top: -1px;
}
/*news*/
#news{width:497px;height:383px;background: #2d2d31;overflow:hidden;float:left;}
#news .news-more{
    background: url("images/more2.png");
    width: 24px;
    height: 24px;
    float:right;
    margin-right: 25px;
    margin-top: 17px;
}
#news .news-more:hover {
    background-position: 0 -24px;
}
.news-tab{
    width: 497px;
    height: 61px;
    border-bottom: 2px solid #36363b;
}
.news-tab li{
    font-size: 16px;
    display: inline;
    float: left;
    position: relative;
    border-bottom: 2px solid #36363b;
}
.news-tab li, .news-tab li a{
    line-height: 61px;
    display: block;
    width: 77px;
    height: 61px;
    text-align: center;
    color: #fff;
    background: url("images/news_tab_bg.png") no-repeat left top;
    transition: .5s;
}
.news-tab li.current a{
    background: none;
}
.news-tab li:hover,.news-tab li.current{
    background: url("images/news_tab_bg.png") no-repeat left top #856932;
    border-bottom: 2px solid #856932;
}
.news-tab li#li_zonghe {
    background-position: 20px -56px;
}
.news-tab li#li_zonghe a {
    background-position: 20px 0;
}
.news-tab li#xinwen {
    background-position: -62px -56px;
}
.news-tab li#xinwen a {
    background-position: -62px 0;
}
.news-tab li#li_huodong {
    background-position: -142px -56px;
}
.news-tab li#li_huodong a {
    background-position: -142px 0;
}
.news-tab li#li_gonglue {
    background-position: -223px -56px;
}
.news-tab li#li_gonglue a {
    background-position: -223px 0;
}
.news-tab li#li_meiti {
    background-position: -303px -56px;
}
.news-tab li#li_meiti a {
    background-position: -303px 0;
}
.headline{
    height: 74px;
    text-align: center;
    margin: 14px 20px;
    position: relative;
    background: url("images/top_news_left_bg.png") no-repeat 10px 10px #212024;
}
.headline-title{
    width: 376px;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    color: #b40e0e;
    position: absolute;
    top: 10px;
    left: 70px;
    text-align: left;
}
.headline-title:hover {
    color: #b40e0e;
}
.summary-txt {
    width: 375px;
    height: 25px;
    overflow: hidden;
    position: absolute;
    top: 40px;
    left: 70px;
}
.summary-txt a {
    width: 340px;
    height: 25px;
    line-height: 22px;
    text-align: left;
    color: #808387;
    font-size: 14px;
    display: block;
    float: left;
    overflow: hidden;
}
.headline-title i {
    background: url("images/new.jpg");
    width: 13px;
    height: 13px;
    display: block;
    float: right;
    margin-top: 13px;
    *display: none
}
.headline-sum{
    font-size: 12px;
    line-height: 14px;
    display: block;
    overflow: hidden;
    height: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #99a0b1;
}
.news-list{
    height: 214px;
    overflow: hidden;
    padding: 0 20px;
}
.news-list li{
    line-height: 30px;
    overflow: hidden;
    height: 30px;
    margin: 0 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-list a{
    color: #bfc5ce;
    font-size: 14px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.news-list a:hover{
    color: #bd9d60;
}
.a-link:hover{
    padding-left: 5px;
}
.time{
    color: #bfc5ce;
    float: right;
    padding-right: 15px;
}

.news-list a.red-main {
    color: #9e2516;
}

.news-list a.org-main {
    color: #ef5a00;
}

.cate-name {
    float: left;
    padding: 0 10px;
    background: #444449;
    color: #bfc5ce;
    border-radius: 4px;
    display: block;
    margin-right: 5px;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
}
.lrsbox .article-content {
    color: #bfc5ce;
}

/* gamedata */
#gamedata{
    width: 319px;
    height: 381px;
    float: left;
    position: relative;
    margin-bottom: 30px;
    background: #242327;
    border: 1px solid #302f34;
    border-left: none;
}
.game-tips-title {
    width: 304px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 8px;
    line-height: 63px;
    border-bottom: 2px solid #333338;
}
.bd-bottom {
    width: 100%;
    height: 62px;
    display: block;
    float: left;
    position: relative;
    top: 0;
    left: 0;
    background: url("images/game_tips_title.png") no-repeat left bottom;
}
.more-game-tips-btn {
    display: block;
    background: url("images/more1.png") no-repeat left top;
    width: 32px;
    height: 28px;
    position: absolute;
    right: -5px;
    top: -1px;
}

.more-game-tips-btn:hover {
    background-position: 0px -28px;
}
.gamedata-tab{
    position: absolute;
    top: 64px;
    left: 8px;
}
.gamedata-tab ul {
    width: 312px;
    height: 152px;
    float: left;
    background: url("images/game_tips_bg.png") no-repeat left -152px;
}
.gamedata-tab li{
    float: left;
    margin-right: 6px;
    height: 68px;
    line-height: 70px;
    width: 149px;
    margin-top: 8px;
    cursor: pointer;
    background: url("images/game_tips_bg.png") no-repeat left top;
}

.gamedata-list {
    width: 304px;
    height: 152px;
    position: absolute;
    top: 225px;
    left: 8px;
}

.gamedata-list .con a {
    display: inline-block;
    width: 88px;
    text-align: center;
    margin-top: 10px;
}
.gamedata-tab .zl-tab:hover,.gamedata-tab .cur{background: none;}
.gamedata-list .con{position: absolute;top: 124px;left: 27px;width: 274px; height: 165px; overflow: hidden}
.gamedata-list .con span{margin:0 6px;}
.gamedata-list .con p{margin-top: 10px;}
.gamedata-list .gamedata-more{position: absolute; bottom: 85px; right: 29px}
.gamedata-list .txtbg{width: 236px;height: 58px;position: absolute;bottom: 0;left: 45px;}

.gamedata-tab li.tb1 {
    background-position: 0 -8px; 
}
.gamedata-tab li.tb2 {
    background-position: -155px -8px; 
}
.gamedata-tab li.tb3 {
    background-position: 0 -84px; 
}
.gamedata-tab li.tb4 {
    background-position: -155px -84px; 
}

.gl-items-box  {
    width: 100px;
    height: 18px;
    line-height: 18px;
    margin-top: 25px;
    float: left;
    border-right: 1px solid #39373d;
}

.gl-items-box a {
    width: 100%;
    height: 18px;
    color: #bfc5ce;
    font-size: 14px;
    display: block;
    text-align: center;
}

.gamedata-list li.no-right-border {
    border-right: none;
}

/*role*/
.role{position:relative;width:380px;height:381px;padding:0 0 0 0;float:left; overflow: hidden;border: 1px solid #302f34;border-right: none;}
.role-inner{width:100%;height:439px;background: url("images/role-bg.jpg") no-repeat;position:relative;}
.role-nav{position:absolute;z-index:5;top:26px;left: 20px; width:330px;height:30px;}
.role-nav li{width:70px;height:30px;line-height:30px;text-align:center;background: #434248;color: #dbdfe5;float: left;margin-right: 10px;font-size: 20px;}
.f-cf{width: 100%;}
.role-nav li.cur{
    background: #b40e0e;
    color: #dbdfe5;
}

.role-detail {
    height: 383px;
    overflow: hidden;
}

.r-desc {
    height: 383px;
    position: absolute;
    left: 0;
    z-index:1;
    top:-60px;
    opacity: 0;
    overflow: hidden;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all 0.3s ease;
}
.role-type {
    width: 100px;
    height: 50px;
    position: absolute;
    bottom: 16px;
    left: 20px;
    z-index: 9;
}

.role-type a {
    width: 45px;
    height: 50px;
    line-height: 50px;
    display: block;
    float: left;
    margin-left: 1px;
    cursor: pointer;
    background: url("images/new-server.jpg") no-repeat 100px 0;
}

.curMod .r-desc{left: 0px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);opacity:1;transform:scale(1);filter:alpha(opacity=100);}
.curMod .role0{top: 0px;}
.curMod .role1{top: 0px;}
.curMod .role2{top: 0px;}
.curMod .role3{top: -46px;}
.curMod .role4{top: -37px;}
.curMod .role5{top: -38px;}
.curMod .role6{top: -32px;}
.curMod .role7{top: -45px;}

/*links*/
.links{float:left;height:96px;width: 308px;}
.links .t{margin-bottom: 22px;margin-left: 35px;}
.links .focus{border-bottom:2px solid #000000;color:#000000;}
.links .con{width: 292px; height:94px;position:relative;font-size:12px;color:#55565a;text-align: left;padding:8px;overflow: hidden;}
.links a{
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
    margin: 20px 0 0 10px;
    color:#bfc5ce;
}
.link-title {
    width: 292px;
    height: 64px;
    position: relative;
    margin-left: 8px;
    border-bottom: 2px solid #333338;
}
.link-t-bg {
    width: 166px;
    height: 64px;
    line-height: 64px;
    display: block;
    float: left;
    position: absolute;
    left: 0;
    bottom: -3px;
    background: url("images/friend_link_bg.jpg") no-repeat left bottom;
}
.media h3{ margin-left: 10px;}

h3 {
    height: 85px;
    color: #e8d086;
    font-size: 10px;
    line-height: 110px;
    overflow: hidden
}

h3 em {
    color: #e8d086;
    font-size: 24px;
    margin-right: 6px
}

/*article list*/
.content{width: 818px;position: relative;border-right: 1px solid #2d2d31;border-bottom: 1px solid #2d2d31;}
.content strong{font-weight:700}
.article-top{overflow:hidden;width:100%;height:62px;line-height: 62px; background:#2d2d31;}
.article-top span{font-size:26px;line-height:36px;height:36px;width:130px;margin-top:20px;padding:0 0 0 62px;color:#bfc5ce;background: url("images/new_left_bg.png") no-repeat 15px center;display: block;float: left;}
.bread-nav {
    height: 30px;
    line-height: 30px;
    float: right;
    margin-right: 15px;
    margin-top: 24px;
    color: #bfc5ce;
    max-width: 590px;
    overflow: hidden;
}
.bread-nav a {
    color: #bfc5ce;
}
.article-main{min-height:1127px;padding:0 31px;background:#2d2d31;_height:867px;}
.article-list{margin:0 auto;padding-top:16px}
.article-list a{padding-left: 15px; color: #bfc5ce;}
.article-list li{line-height:50px;overflow:hidden;height:50px;border-bottom:1px solid #343439;}
.article-list li:hover{background: #252528;color: #c49b49}
.article-list li:hover a{color: #c49b49}
.article-list .time {
    color: #8f8f8f;
}
.article-list li:hover .time {
    color: #c49b49;
}
.article-list .red-main .time, .article-list .red-main a {
    color: #b40e0e;
}
.article-list .org-main .time, .article-list .org-main a {
    color: #ef5a00;
}

.news-date{float:right}
.pageNum{height:50px;margin:20px auto 0;padding-top:20px;text-align:center}
.pageNum span{font-size:14px;line-height:30px;margin:3px;padding:6px 11px;color:#fff;background:#b04336;}
.pageNum a{font-size:14px;line-height:30px;margin:3px;padding:6px 11px;background: #b0afb0;color: #33344d;}

/*article*/
.article-title{font-size:20px;overflow:hidden;text-align:center;color:#8e1e11;}
.article-title h1{font-size: 20px;color: #ff1515;font-weight: 400;margin-top: 15px;}
.article-detail{line-height:30px;height:28px;padding:8px 0;text-align:center;border-bottom:1px solid #777677;}
.article-detail span{color:#848a91}
.article-content{line-height:2;padding:20px 0}
.article-relation{font-size:14px;height:150px;margin:0 auto}
.article-relation dt{line-height:36px;height:36px;text-indent:8px;border-bottom:1px solid #777677;color: #777677;}
.article-relation dd{line-height:30px;float:left;overflow:hidden;width:48%;height:30px;margin:0 0 0 1%;*display:inline;color: #777677;}
.article-relation dd a, .article-relation dd .time {
    color: #777677;
}


/* server-list */
.s-body{background:url(images/s-images/bg.jpg) center 0 no-repeat;color:#fff}
.s-body a{color:#fff}
.s-wrap{background:url(images/s-images/main.jpg) no-repeat;width:1200px;height:1100px;margin:0 auto;}
.s-header{position:relative;height:245px;}
.s-content{position:relative;margin:92px 0 0 427px;}
.s-logo{position:absolute;top:0px;left:107px;overflow:hidden;text-indent:-9999px;width: 254px; height: 128px; background:url("images/logo.png") no-repeat right top;}
.s-nav{height:70px;padding:39px 0 0 413px;}
.s-nav a{float:left;width:158px;height:69px;text-indent:-9999em;margin-right: 18px;}
.s-nav a:hover{background: url(images/s-images/btns.png) no-repeat;}
#s-nav1:hover{background-position:0px 1px}
#s-nav2:hover{background-position:-176px 1px}
#s-nav3:hover{background-position:-352px 1px}
#s-nav4:hover{background-position:-528px 1px}

/* s-loginframe */
.s-loginframe{position:absolute;top:174px;left:411px;width:687px;height:87px;}
.s-text{width:183px;height:29px;padding:0 5px 0 30px;background: #fff url(about:blank) 5px 50% no-repeat;line-height:29px;border-radius:3px;}
.s-user .s-text{background-image: url("images/s-images/i1.jpg")}
.s-psw .s-text{background-image: url("images/s-images/i2.jpg")}
.s-user{top:18px;left:20px;}
.s-psw{top:18px;left:248px}
.s-log-btn{top:18px;left:481px;}
.s-log-btn a{display:block;width:188px;height:50px; line-height:50px; text-align: center; font-size: 22px; background:url(images/s-images/login.jpg) 0px -21px no-repeat;text-indent: -9999em; }
.s-log-btn a:hover{background:url(images/s-images/login-h.jpg) 0px -19px no-repeat;}
.s-remember{top: 57px;left: 20px;}
.s-psw-btn{top:60px;left:222px}
.s-reg-btn{top:60px;left:300px}
.s-three{top: 55px; left: 248px;}

/* s-loged */
.s-loged{width:616px;color:#ccc;font-size:12px;margin:9px 0 0 20px;}
.s-loged li{line-height:24px;float:left;width:295px;}
.s-loged a{color:#ff9914;}
.s-loged .s-loged-highlight{color:#ff9914;}

/* s-recommend-server */
.s-name{font-size:18px;color:#FFF;line-height:42px;}
.s-name-rec{font-weight:700;color:#cccccc;text-indent:1em;}
.s-server-list{position:relative;overflow-y:auto;}
.s-body .rec-server li,.s-body #servers li{line-height:37px;float:left;width:204px;height:37px;margin:0 10px 10px 0;text-align:center;background:url(images/s-images/btn2.jpg) no-repeat;}
.s-body .rec-server li:hover,.s-body #servers li:hover{background:url(images/s-images/btn2-h.jpg) no-repeat;}
.s-body .rec-server li{background:url(images/s-images/btn1.jpg) no-repeat;}
.s-body .rec-server li:hover{background:url(images/s-images/btn1-h.jpg) 0 0 no-repeat;}
.s-server-list a{display:block;height:100%;}
.s-server-list a:hover{}
.s-server-list span{color:#fff;margin-left:5px;}
#history{float:left;/* margin:14px 0 0 200px; */overflow:hidden;height:43px;}

/* s-quick-ingame */
.s-quick-ingame{width:180px;height:28px;line-height:25px;font-size:12px;position:absolute;bottom:23px;left:380px;}
.s-fastin-input{width:44px;height:18px;text-align:center;line-height:18px;color:#000;background:#f4ebdc;margin-left:5px;}
.s-server-list .s-fastin-btn{width:62px;height:26px;display:inline-block;position:absolute;top:0;left:77px;background-color:#3255c1;color:#ffffff;text-align:center;}
.s-server-list .s-fastin-btn:hover{color:#90ffee;}

/* s-all-server- */
.all{overflow-y:auto;height:664px}
.sp-pager{overflow:hidden;}
.sp-pager{margin:0;height:30px;margin:0 10px 12px 0;width: 670px;height: auto;}
.sp-pager span{color:#b48333}
#nameList{*margin-bottom:8px}
.sp-pager li,#nameList a{line-height:28px;width:84px;height:28px;margin:0px 10px 8px 0;cursor:pointer;background:#937654;color:#fff;text-align:center;float:left;display:block;}
.sp-pager li.hover,.sp-pager li:hover,#nameList a.hover{background:#937654;color:#fff}
.sp-pager li a{color:#fff}


/*service*/
.sml{float: left;width: 1200px; margin-top: 30px; color: #bfc5ce;background: #242327;border: 1px solid #302f34;}
.service{width:614px;float:left; margin-left: 10px;background: #242327;}
.service .con{width:100%;height:110px;background: #242327; position:relative;}
.contact{float: left; line-height:24px;width: 380px;margin-left: 14px;padding-top: 5px;}
.contact p{float: left;margin-right: 20px;margin-top: 20px;}
.service a{
    width: 95px;
    height: 20px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    color: #55565a;
}
.service .contact a {
    height: 23px;
    line-height: 23px;
    color: #fff;
    background: url("images/online_ser_btn_bg.jpg") no-repeat left top;
}
.ser-title {
    width: 100%;
    height: 64px;
    position: relative;
    border-bottom: 2px solid #333338;
}
.ser-t-bg{
    width: 190px;
    height: 64px;
    line-height: 64px;
    display: block;
    float: left;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: url("images/server_title_bg.jpg") no-repeat left bottom;
}
.qr{float: left;margin-top: 14px;}
.qr-des{width:120px;float: right;margin-top: 16px;margin-left: 10px;line-height: 20px;}
.qr-des em{color:#f12727;}
.t{
    margin-bottom: 22px;
}
.icon-code {
    float: left;
    width: 89px;
    height: 89px;
    margin-bottom: 5px;
}
/*server list*/

/*** server ****/
.server-bg{background:#4a6387;position:absolute;right:0px;top:0;width:324px;height:379px;opacity:.9;z-index:1;}
h2{color:#333;font-size:20px;height:48px;line-height:48px;}
h2 em{color:#7e8083;font-size:14px;}
.choice-server h2{color:#e2ebff;height:39px;line-height:39px;}
.choice-server em{color:#636f8b;}
.h2-bg{background-color:#152e55;opacity:.8;position:absolute;top:1px;height:39px;width:323px;z-index:2;right:1px;}
.quick-ingame{height:38px;text-align:center;line-height:38px;position:relative;top:-6px;}
.side-enter a{display:block;border:1px solid #3c3c3c;margin-bottom:4px;}
.side-enter a:hover{border-color:#c68459;}
.s-fastin{background:#7c7c7c;color:#d7d8e0;border:1px solid #454545;height:18px;text-align:center;width:42px;}
#select-dom-xz,#select-dom-dq{width:58px;}
#select-dom-xz .select-con,#select-dom-dq .select-con{width:44px;}
.option-bg{position:absolute;display:none;left:63px;top:22px;z-index:9999;}
.option-bg-type-i{left:64px;top:22px;zoom:1;}
.option-bg-dq,.option-bg-xz{left:502px;}
.option-dom{width:208px;padding:1px;background:#989ca3;border:1px solid #3C436B;font-size:12px;overflow:hidden;}
.s-body .option-dom{background:#fff;}
.type-option-dom{width:175px;font-size:12px;background:#454545;color:#fff;}
#type-option-dom-1{}
#type-option-dom-1 li{height:20px;font-size:14px;width:100%;text-indent:6px;}
#type-option-dom-2 li{background:#989ca3}
#option-dom-1{background:#EED5BB}
.now-is-0 .select-type-0,.now-is-1 .select-type-1,.now-is-2 .select-type-2{display:inline-block;vertical-align:top;*display:inline;}
.select-type-hs-i{display:block;}
#select-dom-xz-i,#select-dom-dq-i{width:69px;}
.select-con-xz-i,.select-con-dq-i{width:51px;}
#select-dom-xz-i .select-btn,#select-dom-dq-i .select-btn{}

/* fastin */
.f-wrap{height:34px;padding-left:234px;margin-top:40px;color:#dcdcdc;}
.s-body #quick-ingame,.s-body #quick-ingame-ty,.s-body #quick-ingame-dq{width:205px;height:34px;line-height:34px;text-align:center;float:left;position:relative;}
.s-body #quick-ingame a,.s-body #quick-ingame-ty a,.s-body #quick-ingame-dq a{display:inline-block;width:56px;height:20px;margin:0 3px;line-height:20px;text-align:center;color:#fff;background:#20255c;vertical-align:middle;}
.s-body #quick-ingame a:hover,.s-body #quick-ingame-ty a:hover,.s-body #quick-ingame-dq a:hover{background:#384187;}
.s-body .dq-select-dom{left:15px;top:9px;position:absolute;}
.s-body #quick-ingame-dq .s-text{position:absolute;left:116px;top:0;}
#serverTab{}
#serverTab li,#all-sx-server-tab li{float:left;width:86px;height:23px;line-height:23px;text-align:center;cursor:pointer;margin:0 8px 5px 0;text-indent:0;background:#1D3D6B;color:#FFF;}
#serverTab .on,#all-sx-server-tab .on{background:#EC8F00;color:#fff;}
.no-dq-server-wrap #serverTab li,#all-sx-server-tab li{font-size:12px;}

/* server */
.st1{padding-top: 75px;height:44px;}
.st1 a,.st2 a{color:#fff;display:inline-block;width:100%;}
.st1 a span{color:#fff100;}
.st2{padding-top:18px;}
.st2 li{float:left;_display:inline;height:36px;line-height:36px;margin:0 10px 12px 0;}
.st2 a span{color:#fff100;}
#listContent{height:378px;overflow-y:auto;}
.st2 li .server-tip-1,.st1 li .server-tip-1{color:#fbdb00;}
.top-log-btn{text-decoration:underline;}
#all-sx-server-list{height:450px}
.sx-li{display:none;}
.sx-li7{display:block;}

/* 地区服新增 */
.s-body .sup-tab{margin:10px 0 10px 234px;height:34px;overflow:hidden;}
.s-body .sup-tab a{float:left;width:194px;height:34px;color:#fff;_display:inline;margin-right:13px;}
.s-body .sup-tab .current{background-position:-1px 0;}
.s-body .sup-tab strong{display:block;height:34px;line-height:34px;font-size:18px;padding-left:84px;}
.s-body .sup-tab-2 strong{background-position:48px -143px;}
.s-body .sup-tab-3 strong{background-position:48px -195px;}
.hs-server-wrap,.dq-server-wrap,.sx-server-wrap{display:none;}
.now-is-1 .hs-server-wrap{display:block;}
.now-is-1 .no-dq-server-wrap{display:none}
.now-is-1 .sp-pager,.now-is-2 .sp-pager{display:none;}
#all-dq-server-tab,#all-hs-server-tab{overflow:hidden;}
#all-hs-server-tab{display:none;}
#all-dq-server-tab a,#all-hs-server-tab a{float:left;width:85px;height:28px;margin:0 9px 6px 0;text-align:center;line-height:28px;color:#FFF;background:#1D3D6B;}
#all-dq-server-tab .on,#all-hs-server-tab .on{background:#EC8F00;}
#all-dq-server-list,#all-hs-server-list,.sp-panel-wrap{height:618px;overflow-y:auto;width:608px;}
#all-dq-server-list a,#all-hs-server-list a{float:none;text-align:center;margin-left:0;}

/* server */
.s-fastin{color:#d7d8e0;height:19px;line-height:19px;text-align:center;width:70px;}
.select1,.select2{display:inline-block;position:relative;*display:inline;*margin-right:4px;*z-index:2}
.choice-tab{height:31px;position:relative;z-index:9;font-size:12px;}
.option-dom{background:#FFFFFF;font-size:12px;overflow:hidden;width:180px;border:1px solid #A2A2A2;padding:1px;}
.option-dom li{height:16px;color:#000;cursor:pointer;float:left;line-height:16px;width:56px;_width:55px;padding:2px;text-align:center;overflow:hidden;}
.option-dom li.focus{background:#EA9200;color:#fff;}
.select-dom{width:175px;height:22px;display:inline-block;background:#fff;color:#d7d8e0;vertical-align:middle;position:relative;}
.select-con{width:175px;height:22px;position:absolute;left:0;top:0;background:#7c7c7c;line-height:22px;cursor:pointer;text-align:center;}
.select-btn{
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 8px solid #fdfefe;
    border-left: 8px solid #7c7c7c;
    border-right: 8px solid #7c7c7c;
    border-bottom: none;
    cursor: pointer;
    _font-size: 0;
    overflow: hidden;
    right: 6px;
    top: 8px;
}
.s-wrap #selFastType .select-btn, .s-wrap #select-dom-xz .select-btn {
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 8px solid #143e5a;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    border-bottom: none;
    cursor: pointer;
    _font-size: 0;
    overflow: hidden;
    right: 6px;
    top: 8px;
}
#select-dom-xz{width:60px;}
#select-dom-xz .select-con{width:60px;border:0;overflow:hidden;}
.option-bg{position:absolute;display:none;left:0;top:22px;}
.option-bg-type{left:0px;top:23px;width:175px;}
.sup-tab-btn{line-height:16px;height:16px;width:175px;color:#d7d8e0;cursor:pointer;padding:2px 0;text-align:center;}
.sup-tab-btn:hover{color:#d7d8e0;}
.select-type{z-index:2;font-size:12px;}
.c-more{width:91px;height:30px;background:#D5523A;display:block;color:#fff;transition:.5s;line-height:30px;border-radius:15px;text-align:center;}
.c-more:hover{background:#4e5c91;color:#fff;}
.more-server{margin:23px 0 0 17px;}
.s-body .type-choose{height:32px;position:relative;font-size:14px;margin:8px 0 14px 0;z-index:2;}
.s-body .select-dom{width:120px;height:27px;color:#1f395f;border:0;*margin-right:4px;}
.s-body .select-con{color:#242425;height:27px;line-height:27px;width:116px;background: #fff;}
.s-body .s-fastin{height:27px;line-height:27px;color:#242425;background: #fff;}
.s-body #select-dom-xz{width:116px}
.s-body #select-dom-xz .select-con{width:110px;}
.s-body .option-bg{display:none;z-index:2;top:28px;left:0;*top:30px;}
.s-body .option-dom{border:0;}
.s-body .type-option-dom{width:118px;padding:1px;font-size:12px;border:0;}
.s-body .type-option-dom li{width:114px;padding:2px;line-height:22px;height:22px;}
.s-body .type-option-dom li:hover{background:#EA9200;color:#fff;}
.s-body #btnFast{width:72px;height:27px;background:url("images/ser_fastin_btn_bg.png") no-repeat left top;color:#fff;text-indent:0;line-height:27px;text-align:center;margin-left:4px;font-size:12px;border-radius: 0;}
.s-body #btnFast:hover{background-position: 0 -27px;color: #f6de00;}
#all-xz-server{ height: 505px; overflow: hidden}

.sq-dialog-alert{text-align: center;}

/*three*/
.loged img, .s-loged img { margin-right: 3px;vertical-align: middle;}
.three{top: 194px;left: 40px;font-size: 12px;line-height: 30px;}
.three-icon{background: url("//img1.37wanimg.com/common/css/images/three.png") no-repeat;transition: .5s;width: 28px;height: 28px;display: inline-block;text-indent: -9999em;vertical-align: middle;margin: 0 8px;}
.three-wx{background-position:  -39px 0;}
.three-wb{background-position:  -78px 0;}
.s-body .log .three{left: 222px;top: 41px;}
.s-body .three-icon{margin: 0 4px;}