@charset "UTF-8";
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,em,img,samp,small,strong,sub,b,i,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{padding:0;margin:0;}
table{font-size:12px;border-collapse:collapse;border-spacing:0;margin:0 auto!important;}
tr,th,td{font-size:12px;}
ol,ul{list-style:none;}
li{vertical-align:bottom;list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:normal;}
a{color:#a2a2a4;text-decoration:none;outline:none;}
input{outline:none;}
a:hover{text-decoration:none;}
a,button{cursor:pointer}
.clear{clear:both;}
.cls{*zoom:1;}
.cls:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
.hidden{display:none;}
.a-nb{background:url(about:blank);text-indent:-9999px;}
.wPage{width:1200px;margin:0 auto;}
.f-l{display:inline;float:left;}
.f-r{float:right;display:inline;}
.i-b{display:inline-block;vertical-align:top;*zoom:1;}
.i-b{*display:inline;}
input::-webkit-input-placeholder{color:#6e6054;}
-ms-input-placeholder{color:#6e6054;}
-moz-input-placeholder{color:#6e6054;}
.time{float:right;color:#6f7886;}
.text-out{position:absolute;left:-9999px;top:-9999px;}

body {
    min-width: 1200px!important; 
    overflow: auto;
}

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

.r-cover {
    position: fixed!important;
    _position: absolute!important;
}
/*content*/
.content{background:#0d1726;overflow:hidden;min-width:1200px;color:#0d1726;}
.wrap{padding-bottom:60px; width: 100%;overflow: hidden; position: relative;}
.main{width:1200px;margin:0 auto;}
.main a:hover{color:#cb5b00;}
.header{height:600px;position:relative;}
.main-nav{font-size:16px;padding-top:481px;height:119px;position:relative;z-index:5;width:100%; overflow: hidden;}
.main-nav li{float:left;width: 159px;text-align:center;background:url(images/line.png) no-repeat 0 0;display:inline-block;height:119px;}
.main-nav li.h-li4{margin-left: 246px;}
.main-nav li.h-li4,.main-nav li.h-li5,.main-nav li.h-li6{background:url(images/line.png) no-repeat right 0;}
.main-nav li span{color:#7d7d7d;font-size:12px;line-height:24px;display:block;font-weight:normal;}
.main-nav a{color:#fff;display:block;font-size:16px;font-weight:700;padding-top:46px;height:73px;}
.banner{width:2000px;height:600px;position:absolute;left:50%;top:0;margin-left:-1000px;}
.logo, .logo:after, .s-logo {display:block;height: 112px;width: 223px;position:absolute;left: 10px;top:10px;z-index:5;background:url(images/logo.png) no-repeat;}
.logo:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    animation: cirZoom infinite linear 2s .5s;
    -moz-animation: cirZoom infinite linear 2s .5s;
    -webkit-animation: cirZoom infinite linear 2s .5s;
    -o-animation: cirZoom infinite linear 2s .5s;
    transition: all linear .3s;
    -moz-transition: all linear .3s;
    -webkit-transition: all linear .3s;
    -o-transition: all linear .3s;
}

@keyframes cirZoom {
    0% {
        opacity: 1;
        transform: scale(1,1)
    }

    70% {
        opacity: 0;
        transform: scale(1.2,1.2)
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes cirZoom {
    0% {
        opacity: 1;
        -moz-transform: scale(1,1)
    }

    70% {
        opacity: 0;
        -moz-transform: scale(1.2,1.2)
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes cirZoom {
    0% {
        opacity: 1;
        -webkit-transform: scale(1,1)
    }

    70% {
        opacity: 0;
        -webkit-transform: scale(1.2,1.2)
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes cirZoom {
    0% {
        opacity: 1;
        -o-transform: scale(1,1)
    }

    70% {
        opacity: 0;
        -o-transform: scale(1.2,1.2)
    }

    100% {
        opacity: 0
    }
}
.cm-tle {position: relative;}
.kv-top{position:absolute;z-index:1;left:50%;overflow:hidden;width:2000px;height:590px;margin-left:-1000px;}
.kv-top-img{position:relative;clear:both;overflow:hidden;width:2000px;height:600px;}
.kv-top-img li{overflow:hidden;width:2000px;height:600px;}
.kv-top-img li img{width:2000px;height:600px;}
.kv-top-num{position:absolute;top: 454px;right:50%;margin-right: -590px;}
.kv-top-num li,.kv-num li{text-indent:-9999em;float:left;cursor:pointer;overflow:hidden;height: 14px;width: 14px;margin:0 0 0 9px;background: #bdbdbe;border-radius: 7px;}
.kv-top-num li:hover,.kv-top-num li.focus,.kv-num li:hover,.kv-num li.current{background: #99773a;width: 28px;}


.tips{height:22px;line-height:22px;color:#c2c2c3;font-size:14px;position:absolute;right:0;bottom: 80px;z-index:5;}
.box{position:absolute;left:480px;width:242px;height:160px;bottom:0;background:url(images/box_bg.png) no-repeat center 0;z-index:10;}
.box-i{width:2px;height:119px;background:url(images/line.png) no-repeat right 0;position:absolute;bottom:0;}
.box-i1{left:0;}
.box-i2{right:0;}
.box-t,.box-t:after{background:url(images/box_text.png) no-repeat center 0;width:65px;height:73px;margin: 55px auto 0;display:block;content:"";}
.mod-1{overflow:hidden;width:319px;float: left;height: 649px;}
.mod-2{width: 881px;float: left;}
.startgame{height: 92px;width:319px;background:url(images/start_bg.jpg) no-repeat;overflow:hidden;display:block;padding-top: 34px;}
.startgame span,.startgame span:after{display:block;width:181px;height:65px;margin:0 auto;background:url(images/cbtn1.png) no-repeat 0 -197px;content:"";cursor:pointer;}
.startgame span,.box:hover .box-t{animation:linear icoBig 1.6s infinite;-webkit-animation:linear icoBig 1.6s infinite}
.startgame span:after,.box:hover .box-t: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}
}
.mod-1 .sl{background-color:#c5cdde;overflow:hidden;}
.loginframe{height:199px;overflow:hidden;border-top:none;background:#c5cdde;color:#0d1726;}
.loginframe{}
.loginframe .log{position:relative;height: 130px;margin-top: 2px;}
.log li{position:absolute;font-size:14px;}
.loginframe label{line-height:22px;}
.loginframe .ipt1{line-height:30px;height:30px;width:205px;padding-left:5px;background:#fff;color:#0d1726;font-family:"Microsoft Yahei"}
.log .user{left: 54px;top: 12px;}
.log .psw{left: 54px;top: 47px;}
.reg-li a {color: #cb5b00;font-size: 12px;}
.log-btn{left: 64px;top: 108px;}
.remember{left: 55px;top: 76px;}
.indexPage .psw-btn{*width:50px;}
.indexPage .remember{*width:74px;}
.psw-btn{left: 160px;top: 76px;}
.reg-li {top: 76px;left: 235px;color: #cb5b00;}

.log-btn a{display:block;background:url(images/cbtn1.png) no-repeat 0 0;height: 52px;width: 188px;text-indent:-9999px;}
.log-btn a:hover{background-position: 0 -54px;}
.reg-btn{left:167px;top:78px;}
.remember label,.psw-btn a,.reg-btn a{font-size:12px;}
.psw-btn a{color:#524f51}
.reg-btn a{color:#d90000;font-size:12px;}

.loged {
    padding: 14px 0 0;
    width: 242px;
    margin: auto;
}
.loged li {
    line-height: 24px;
    /* color: #a2a2a4; */
}
.loged a {color: #cb5b00;}
.loged-highlight{color: #cb5b00}
.relat-btn{height:34px;width:254px;margin-left:30px;}
.relat-btn a{float:left;width:126px;height:34px;text-indent:-9999px;background:url(images/jpg.jpg) no-repeat -116px -260px;}
.relat-btn a.r-btn-2{width:127px;background-position:-243px -260px;margin-left:1px}
.relat-btn a:hover{background-position:-116px -294px;}
.relat-btn .r-btn-2:hover{background-position:-243px -294px;}
.kv-contain{float:left;width:881px;height:325px;position:relative;overflow:hidden;}
.kv-cnt{height:326px;}
.kv-cnt li{display:inline;float:left;width:880px;height:325px;}
.kv-cnt li img{height:100%;width:100%;}
.kv-nav{position:absolute;right:18px;bottom:13px;height:14px;}
.kv-nav li{display:inline;float:left;height:14px;width:14px;overflow:hidden;line-height:0;border-radius:7px;margin:0 4px;background:#212121;cursor:pointer;}
.kv-nav li.cur{background:#99773a;width:28px;}

/** sidebar server **/
.m-lft{width:319px;overflow:hidden;}
.indexPage .m-lft{overflow:visible;}
.server-list{overflow:hidden;background:#e4e6f2;font-size:14px;height:324px;}
.quick-ingame{height:60px;line-height:62px;position:relative;}
.quick-wrap{background:url(images/png.png) no-repeat 0 -74px;height:17px;margin:auto;position:absolute;left:50px;top:24px;width:100%;}
.server-list .s-int{width:45px;height:18px;text-align:center;line-height:18px;background:#1b1d21;color:#fff;position:absolute;left:130px;top:23px;}
.quick-ingame a{display:inline-block;height:21px;width:63px;background:#A17E3E;vertical-align:middle;text-align:center;line-height:20px;color:#FFFFFF;font-size:12px;position:absolute;left:204px;top:22px;border-radius:3px;transition:.5s;}
.quick-ingame a:hover{background-color:#584242;}
.sidebar-server{height:192px;margin:auto;font-size:12px;}
.sidebar-server li{height:32px;line-height:32px;overflow:hidden;}
.sidebar-server li:nth-child(odd){background-color:#282a2e;}
.sidebar-server li:nth-child(odd) a{color:#a2a2a4}
.sidebar-server li a{display:block;background:url(images/png.png) no-repeat -163px -548px;padding-left:22px;color:#7d7d7d;width:158px;margin:auto;position:relative;}
.sidebar-server li a:hover{color:#FFC722;}
.sidebar-server li:last-child{border:0;}
.sidebar-server li span{float:right;}
.sidebar-server li a:hover span{}
.sidebar-server li:nth-child(1) a:after,.sidebar-server li:nth-child(2) a:after{display:block;content:"";height:10px;width:10px;overflow:hidden;position:absolute;right:-18px;top:12px;background:url(images/png.png) -108px -560px no-repeat;}
.sidebar-server li:nth-child(2) a:after{background-position:-136px -560px;}
.more-list{display:block;width:254px;height: 36px;background:url(images/cbtn1.png) no-repeat 0 -109px;margin:10px auto 0;text-indent:-9999em;}
.more-list:hover{background-position: 0 -146px;}

.select1,.select2{display:inline-block;position:relative;*display:inline;*margin-right: 4px;*z-index:2}
.choice-tab, .select-type {height: 30px;line-height: 30px;margin-right: 10px;color: #0d1726;}
.choice-tab {font-size: 18px;color: #0d1726;margin: 15px 0 5px;}
.select-bar {/* height: 30px; */color: #333;text-align: center;}
.type-option-dom{width:98px;border:1px solid #A2A2A2;background:#fff;}
.sup-tab-btn{line-height:16px;height:16px;color:#000;cursor:pointer;padding:2px 0;text-align:center;}
.select-dom {
    font-size: 14px;
    width: 100px;
    height: 20px;
    display: inline-block;
    background: #abb3c5;
    color: #0d1726;
    border: 1px solid #abb3c5;
    vertical-align: middle;
    position: relative
}

.select-con {
    width: 88px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("//img1.37wanimg.com/www/images/common/spacer.gif");
    line-height: 19px;
    cursor: pointer;
    text-align: center
}
.s-fastin {
    background: #abb3c5;
    color: #0d1726;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 34px;
    border: 1px solid #abb3c5
}
.option-dom {
    background: #FFF;
    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
}
.option-bg {
    z-index: 3;
    position: absolute;
    display: none;
    left: 0;
    top: 23px
}

.fastin-btn {color: #fff;height: 20px;background: #0a2d60;padding: 0 4px;display: inline-block;vertical-align: middle;line-height: 20px;margin-left: 10px;}
.server-list .fastin-btn:hover {background: #0176ab;color: #fff;}
.choice-list {height: 165px;overflow: hidden;margin-top: 10px;}
.choice-list li {line-height: 32px;height: 32px;}
.choice-list li span { float: right;}
.choice-list li:nth-child(even) {background: #d9dbe8;}
.choice-list li a {padding-left: 15px;background: url(images/s-l-icon.png) 0px center no-repeat;color: #0d1726;display: block;position: relative;margin: auto;width: 160px;}
.choice-list li:nth-child(1) a:after, .choice-list li:nth-child(2) a:after {display: block;content: "";height: 10px;width: 13px;background: url(images/cbtn1.png) -224px 0;position: absolute;right:-18px;top:12px;}
.choice-list li:nth-child(2) a:after {background-position: -224px -31px;}
/* kefu */
.kefu{height:284px;background:#c5cdde;padding:0 28px;overflow:hidden;}
.kefu .cm-tle{border-bottom:dashed 1px #abb3c5;}
.cm-tle h4{height:26px;width: 138px;background:url(images/title_text.png) no-repeat 0 0;text-indent:-9999px;margin:14px auto 12px;}
.kefu .cm-tle h4{background-position:0 0;}
.kf-con{padding:17px 4px 0;color:#0d1726;position:relative;}
.kf-card{display:block;height:106px;width:254px;margin-bottom:16px;font-size:12px;}
.kf-card i{display:block;height:100%;background:url(images/kefu_bg.png) 0 0 no-repeat;transition:all .4s ease;opacity:.8;}
.kf-card:hover i{opacity:1;}
.kf-con p{height:24px;line-height:24px;margin:0 0 0 4px;}
.kf-con .code{height:74px;width:74px;position:absolute;left:183px;top:140px;background:url(images/jpg.jpg) no-repeat -255px -153px;}
.kf-con .code img{height:100%;width:100%;}
.melk-box{height:269px;background:#e4e6f2;padding:0 28px;}
.melk-box .cm-tle{border-bottom: dashed 1px #554431;height:60px;overflow:hidden;}
.melk-box .cm-tle h4{background-position: 0 -36px;margin:20px 0 0 0;}
.media{height:113px;margin:21px 0 28px;}
.media .m-con{width:150px;height:113px;overflow:hidden;margin:auto;}
.media .m-con li{height:50px;padding-bottom:13px;}
.links{width:252px;margin:auto;overflow:hidden;position:relative;}
.link-hd{height:33px;}
.link-hd a{display:block;padding-left:15px;line-height:31px;height:31px;color:#0d1726;font-size:14px;background:#abb3c5 url(images/link.jpg) no-repeat 208px 0;}
.link-con{position:absolute;left:0;top:80px;width:100%;background:#abb3c5;transition:top .5s;}
.link-con .bd{height:70px;overflow-y:auto;}
.link-con li{line-height:25px;height:25px;margin-bottom:2px;text-align:center;}
.link-con a{display:block;line-height:20px;color:#0d1726;}
.linkshow,.linkshow .links{overflow:visible;}
.linkshow .link-con{top:33px;z-index:9;}
.more{display:block;height:15px;width:15px;background:url(images/cbtn1.png) -195px 0 no-repeat;position:absolute;text-indent:-9999px;}
.more:hover{background-position: -195px -17px;}

/* m-mid */
.m-mid{width:597px;}
.news{width:597px;height:324px;overflow:hidden;background:#c5cdde;float:left;display: inline;}
.news .n-hd{position:relative;height:40px;font-size:14px;margin:0 auto;width:557px;}
.news .n-hd ul{border-bottom:solid 2px #383a3f;}
.news .n-hd li{width:102px;height:38px;display:inline;float:left;}
.news .n-hd li.first{margin-left:0;}
.news .n-hd li a{display:block;height:100%;color:#0d1726;line-height:36px;transition:.5s;text-align:center;}
.news .n-hd li.cur a{color:#cb5b00;font-weight:700;border-bottom:solid 2px #cb5b00;height:38px;}
.news .n-hd .first a{border-left:none;}
.news-more{top:12px;right:0;}
.news-list{padding:23px 20px 0;}
.news-list li{line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:6px;color:#524f51;}
.news-list a{color:#0d1726;}
.n-link:hover{padding-left:8px;color:#db2d04;}
.n-link{transition:all .4s ease;}
.news-list .news-item{height:214px;overflow:hidden;}
.news-list .hot-line{height:32px;background:#fff;line-height:32px;margin-bottom:14px;font-size:14px}
.hot-line a{display:block;padding-left:23px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#cb5b00;}
.hot-line i{background:#C20000;color:#fefefe;line-height:15px;display:inline-block;text-align:center;vertical-align:middle;font-size:12px;background:url(images/png.png) no-repeat -149px -454px;width:15px;height:20px;margin-right:14px;}
.h-time{float:right;color:#cda152;padding-right:14px}

/** 角色介绍 **/
.role{height:284px;width:597px;overflow:hidden;background: url(images/role_bg.png); ;position:relative;}
.role .cm-tle{height:51px;position:absolute;width:172px;z-index:2;}
.role .cm-tle h4{background-position: 0 -106px;margin-left:35px;}
.role-more{top: 12px;right: 21px;z-index: 10}
.role-nav{position:absolute;z-index:2;left:28px;top:54px;height:82px;}
#roleTab{height: 82px}
.role-nav li{display:inline;float:left;width:46px;text-align:center;height:100%;position:relative;text-indent:-9999em;}
.role-nav li.cur a{
    background: url(images/role_tab_cur.png) no-repeat 0 0;width: 46px;border-right: none;}
.r-t{width: 45px;height: 100%;background: url(images/role_tab.png) no-repeat;display: block;border-right: 1px solid #524f51;}
.role .more {display: none;}
.r-t0{background-position:  0 0;}
.r-t1{background-position: -45px 0;}
.r-t2{background-position: -90px 0;}
.r-t3{background-position: -120px 15px;}

.role-nav li.cur .r-t1 {background-position: -45px 0px;}
.role-nav li.cur .r-t2 {background-position: -90px 0;}
.role-nav li.cur .r-t3 {background-position: -135px 0px;}

.role-detail{position:relative;display:none;}
.role-detail .r-desc{position:absolute;z-index:2;top:163px;left:-400px;width:260px;height:104px;color:#9f9e9e;}
.curElem .r-desc{left:24px;}
.star{width:20px;height:17px;background:url(images/png.png) no-repeat -4px -556px;display:inline-block;margin-top:3px;vertical-align:top;}
.star2{background-position:-30px -556px;}
.r-desc p{display: block;margin-top: 7px;}
.r-desc em{font-style:normal;padding-top:4px;}
.description{position:absolute;top:0;left:11px;width:230px;height:100px;color: #0d1726;font-size:14px;line-height:22px;}
.description strong{color: #9d6234;font-size: 12px;font-weight: 400;}
.readmore{position:absolute;left:0;bottom:30px;display:block;width:107px;height:29px;background:url(images/png.png) no-repeat   0 -154px;}
.readmore:hover{background-position:-508px -154px;}
.role-detail .r-per{position:absolute;right:-522px;width:522px;height:284px;top:0;}
.role-detail .r-per img{position:absolute;bottom:0;right:0}
.curElem .r-per{right:0}
.role .i-title{width:100%;height:53px;background:url(images/occ.png) no-repeat 0 20px;}

.r-play{width: 95px;height: 127px;position: absolute;z-index: 2;left: -100px;}
.r-d0 .r-play{left: 270px;top: 100px;}
.r-d1 .r-play{left: 240px;top: 96px; }
.r-d2 .r-play{left: 234px;top: 100px; }
.r-d3 .r-play{left: 229px;top: 89px;}

.r-play:hover{background: url(images/play.png) no-repeat;}
.r-d1 .r-play:hover{background-position:0 0; }
.r-d1 .r-play:hover{background-position:-104px 0; }
.r-d2 .r-play:hover{background-position: -212px 0; }
.r-d3 .r-play:hover{background-position: -300px 0;}

.swf-wrap{position: absolute;width: 254px;height: 134px;left: 320px;top: 146px;z-index: 100;display: none;}
.swf-ul, .swf-ul li{height:100%;width:100%;}
.swf-close{width: 20px;height: 17px;position: absolute;right: -20px;top: 0;background: #737373;color: #FFFFFF;text-align: center;line-height: 16px;}

/** 游戏截图 **/
.zqarea{height:269px;overflow:hidden;background: #c5cdde;}
.zqarea .cm-tle{position:relative;}
.zqarea .cm-tle h4{background-position: 0 -70px;margin:20px 0 21px 35px;}
.jt-more{right:21px;top:12px;}
.area-con{font-size:14px;padding-left:21px;}
.area-con li{display:inline;float:left;width:175px; height: 182px;margin-right:16px;color:#c2c2c3;background:#453a2d;cursor:pointer;position:relative;}
.area-con li span{display:block;height:32px;line-height:32px;position:absolute;bottom:10px;width:144px;left:16px;}
.area-con li span b,.zl-tab li span b{height:1px;width:0;background:#A4A4A5;transition:width .3s;display:block;position:absolute;left:0;overflow:hidden;top:0;}
.area-con li:hover{color:#FFFFFF;}
.area-con li:hover span b{width:100%;}
.area-con i{position:absolute;background:url(images/png.png) no-repeat -71px -454px;width:21px;height:63px;left:0;top:0;color:#fff5e4;font-style:normal;text-align:center;line-height:20px;padding-top:3px;}

/* m-rgt */
.m-rgt{width:284px;overflow:hidden;}
.flarea{background: #c5cdde;height: 284px;overflow:hidden;}
.flarea .cm-tle{}
.flarea .cm-tle h4{margin-left:16px;background-position: 0 -189px;margin:14px 0 15px 17px;}
.fl-con{padding:0 12px;}
.fl-con .item{height:57px;overflow:hidden;margin-bottom:39px;}
.fl-con .lastItem{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.fl-con .item .fl-i{width:57px;height:57px;background:url(images/icon.png) no-repeat;}
.fl-con .fl-t{margin-left:65px;color:#958a6f;margin-top:2px;}
.fl-con .fl-t a {color: #0d1726;}
.fl-t .tl{height:16px;line-height:16px;font-size:0;}
.fl-t .tl span{
    display:inline-block;
    vertical-align:top;*
    display:inline;*
    zoom:1;
    font-size:16px;
    color: #0d1726;*
    line-height: 22px;
    width: 64px;
    text-align: center;
    }
.fl-t .tl .line{height:1px;background:#7d7d7d;overflow:hidden;width:77px;margin:0 8px;font-size:0;vertical-align:middle;}
.fl-t .tl .d{height:14px;border: solid 1px #0d1726;width:33px;font-size:12px;line-height: 14px;color: #0d1726;text-align:center;}
.fl-t .tl a{color:#916531;}
.fl-con .fl-t .tc{text-align:right;margin-top:18px;line-height:16px;color:#7d7d7d;}
.fl-con .fl-t .tc a{color:#7d7d7d;margin-left:6px;}

.fl-con .item .zl-i-1{background-position:0 0;}
.fl-con .item .zl-i-2{background-position:0 -58px;}
.fl-con .item .zl-i-3{background-position:0 -116px;}

.fl-con .item .fl-i-1{background-position:0 -174px;}
.fl-con .item .fl-i-2{background-position:0 -232px;}
.fl-con .item .fl-i-3{background-position:0 -290px;}
.fl-con .i-hover .zl-i-1{background-position: -58px 0;}
.fl-con .i-hover .zl-i-2{background-position:-58px -58px;}
.fl-con .i-hover .zl-i-3{background-position:-58px -116px;}

.fl-con .i-hover .fl-i-1{background-position:-58px -174px;}
.fl-con .i-hover .fl-i-2{background-position:-58px -232px;}
.fl-con .i-hover .fl-i-3{background-position:-58px -290px;}
.zlarea{height:324px;overflow:hidden;float:left;width:284px;background:#e4e6f2;}
.zlarea .cm-tle{}
.zlarea .cm-tle h4{background-position: 0 -149px;margin:17px 0 17px 21px;}
#flArea .item{margin-bottom: 22px}


/* jietu */
.jietu {height: 269px;background-color:#e4e6f2;overflow:hidden}
.jietu .jietu_pic{background-color:#e4e6f2;overflow:hidden;width: 245px; height: 182px;}
.jietu_wrap {margin: 28px auto 0;width: 245px; height: 182px;}
.jietu .jietu_pic li { width: 245px; height: 182px;}
.jietu .cm-tle h4 {margin-left:16px;background-position: 0 -228px;margin:14px 0 15px 17px;}
/* newsPage */

/* mod-right */

.mod-right{width:881px;}
.news-wrap{color: #0d1726;font-size:14px;background: #edeff9;min-height: 933px;_height: 933px;}
.news-wrap a{color: #0d1726;}
.news-wrap .card-btn{color:#fff;}
.i-news-hd{height: 72px;/* padding-top:16px; */width:100%;color:#d5c49c;background: #c5cdde;line-height: 72px;}
.news-main{padding: 22px 40px 20px;}
.position{padding:50px 25px 0;color:#fff;}
.i-news-hd span{font-size:30px;/* line-height:38px; */padding-left:48px;margin-left:24px;background: url(images/i-news-ico.png) left 20px no-repeat;color: #0d1726;}
.i-news-hd .p-det{padding:24px 14px 0 0;text-align:right;line-height:20px;font-size:14px;color: #0d1726;}
.i-news-hd a{color: #0d1726;}
.art-title{text-align:center;color:#929495;padding-bottom:10px;/* border-bottom:dashed 1px #3c3225; */}
.art-title h1{font-size:22px;color: #cb5b00;line-height:35px;}
.author{width:100%;border-bottom:1px dashed #747477;height:28px;font-size:12px;line-height:28px;}
.art-main{padding-top:14px;font-size:14px;}
.article-relation{overflow:hidden;margin:50px 0 0;font-size:12px;color:#717171}
.article-relation dt{height:30px;line-height:30px;border-bottom:1px solid #8a8a8a;font-weight:bold;margin:5px 0;color: #0d1726;}
.article-relation dd{width:49%;*width:48%;display:inline;float:left;margin:0 1% 0 0;overflow:hidden;height:30px;line-height:30px;}
.article-relation dd span{float:right;}
.article-relation a{color: #0d1726;}
.art-main a:hover,.article-relation a:hover{color:#717171;}
.art-main a:hover{color:#ff8812;}
.news-list-main{padding:10px;}
.news-list-main .newsItem li{height:24px;line-height:24px;padding-bottom:2px;/* border-bottom: dashed 1px #615E5E; */margin-bottom:4px;}
.news-list-main .newsItem li a{float:left;transition:all .3s linear;}
.news-list-main .newsItem li a:hover{color:#ff8812;margin-left:10px;}
.pageNum{height:50px;margin:20px auto 0;padding-top:20px;text-align:center;}
.pageNum a{margin:3px;padding:5px 9px 3px;line-height:26px;border:1px solid #6d82a6;border-radius:15px;}
.pageNum a:hover{background:#6d82a6;}
.sq-dialog-alert{font-size:13px;}

/* s-header */
.s-body{background:url(images/s-bg.jpg) center 0 no-repeat;color:#999;}
.s-body a{color:#fff;}
.s-wrap{background:url(images/s-main.jpg) no-repeat;width:1000px;height:1100px;margin:0 auto;}
.s-header{position:relative;height: 290px;}
.s-content{position:relative;margin: 60px 0 0 325px;width: 672px;}
.s-logo{position:absolute;left:32px;overflow:hidden;text-indent:-9999px;top:6px;}
.s-nav{height: 66px;padding: 16px 0 0 302px;}
.s-nav a{float:left;width: 162px;height: 66px;text-indent:-9999em;margin-right:13px;}
.s-nav a:hover{background:url(images/s-sprite.png) no-repeat 1px 0;}
#s-nav4 {margin-right: 0;}
#s-nav2:hover{background-position: -174px 0;}
#s-nav3:hover{background-position: -349px 0;}
#s-nav4:hover{background-position: -522px 0;}

/* s-loginframe */
.s-loginframe{position:absolute;top: 190px;left: 325px;width: 645px;height: 68px;}
.s-loginframe a {color: #c0b5ab;}
.s-text{width: 205px;height: 28px;padding:0 6px;background: #fff;font-family:"Microsoft Yahei";line-height: 28px;color:#7d7d7d;border-radius: 4px;}
.s-user{top:0;left: 0;}
.s-psw{top:0;left: 233px;}
.s-log-btn{top:0;left: 462px;}
.s-log-btn a{display:block;width: 173px;height: 55px;background: url(images/s-sprite.png) no-repeat 0px -66px;}
.s-log-btn a:hover{background-position: -174px -66px;}
.s-remember{top: 34px;left:0;color: #c0b5ab;}
.s-psw-btn{top: 34px;left: 100px;}
.s-reg-btn{top: 34px;left: 162px;}

/* s-loged */
.s-loged{width:100%;font-size:14px;color:#ccc;margin-top:-6px;%:#ccc;}
.s-loged li{line-height:24px;float:left;width:295px;color:#dcc69b;}
.s-loged a{color:#dcc69b;}
.s-loged a:hover{color:#e94d00;}
.s-loged .s-loged-highlight{color:#c77310;}
.s-loged .s-loged-highlight:hover{color:#e94d00;}

/* s-recommend-server */
.s-name{font-size:18px;color:#FFF;line-height:48px;}
.s-name-rec{color: #fff;}
.s-server-list li{line-height:42px;float:left;width: 204px;height:42px;margin:0 10px 0 0;text-align:center;}
.s-server-list a{display:block;height:100%;color: #fff;background: url(images/s-sprite.png) no-repeat -348px -66px;}
.s-server-list a:hover{background-position: -348px -109px;}
.s-server-list span{color:#c39a4e;}
.all-server-item li {margin-bottom: 10px;}
.all-server-item li a {background-position: -553px -66px;}
.all-server-item li a:hover  {background-position: -553px -109px;}
/* s-quick-ingame */
.s-body .type-choose {color: #c0b5ab;margin: 0 0 10px 14px;line-height:30px;}
.s-body .select-dom, .s-body .s-fastin { background: #fff;border-color: #fff;}
.s-body .fastin-btn {background: url("images/s-sprite.png") -693px 0 no-repeat;height: 24px;width: 66px;text-align: center;color: #fff;padding: 0;line-height: 24px;}
.s-body .fastin-btn:hover {background-position: -693px -25px;}

/* s-all-server- */
.all{overflow-y:auto;height:618px;}
.sp-pager{overflow:hidden;margin:0 0 6px 0;}
.sp-pager li{line-height:23px;width:68px;height:23px;margin:0px 8px 4px 0;cursor:pointer;background: #fff;color:#202028;}
.sp-pager li.hover {background:#f88f16;color: #fff;}
.sp-panel-wrap li{margin:0 10px 7px 0;}
.all-server-item {height: 470px;overflow-y: auto;}
.sp-panel-wrap a{}
.sp-panel-wrap span{}

/*video*/
.layout{display:none;position:absolute;left:0;top:0;height:100%;width:100%;background:#000;opacity:.4;filter:alpha(opacity=40);z-index:99}
.video-alert{width:1000px;height:562px;background:#505050;position:fixed;top:50%;left:50%;margin:-281px 0 0 -500px;z-index:999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+300));border:3px solid #505050;display:none}
.video-code{width:1000px;height:562px}
.video-close{position:absolute;width:44px;height:44px;top:-3px;right:-44px;display:block;text-align:center;background:#535354;font-size:18px;line-height:44px;color:#F2FAFF;}
.layouts-loged, .mask{display:none;position:absolute;left:0;top:0;height:100%;width:100%;background:#000;opacity:.7;filter:alpha(opacity=40);z-index:99}
.mask{opacity: 0;filter: alpha(opacity=0);}
/* show img */
.img-alert{width:750px;height:500px;background:#535354;position:fixed;top:50%;left:50%;margin:-250px 0 0 -375px;z-index:999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+300));border:3px solid #535354;display:none;}
.img-code{width:750px;height:500px;}
.img-close{position:absolute;width:44px;height:44px;top:-3px;right:-44px;display:block;text-align:center;background:#535354;font-size:18px;line-height:44px;color:#F2FAFF;}

.sq-dialog-content{text-align: center;}
/*three*/
.loged img, .s-loged img { margin-right: 3px;vertical-align: middle;}
.three{font-size: 12px;left: 54px;top: 163px;}
.sq-third-link{display: inline-block;*display: inline;}
.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 3px;}
.three-wx{background-position:  -39px 0;}
.three-wb{background-position:  -78px 0;}
.s-body .sq-third-link .three-icon{margin: 0 7px;}

.s-body .sq-third-link {margin-left: 20px;color: #c0b5ab;}
.three-wrap{top: 31px;left: 213px;}

.card-content .card-btn:hover {color: #fff;}