@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:#5d5d5d;}
.text-out{position:absolute;left:-9999px;top:-9999px;}
html{*overflow-x:hidden;*zoom:1;}

/*content*/
.content{background:#000 url(images/black.jpg) no-repeat 0 600px;overflow:hidden;min-width:1200px;color:#a2a2a4}
.wrap{padding-bottom:60px;}
.main{width:1200px;margin:0 auto;}
.main a:hover{color:#FFC722;}
.header{height:600px;position:relative;}
.main-nav{font-size:16px;padding-top:481px;height:119px;position:relative;z-index:5;width:100%;}
.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:#dfcea5;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{display:block;height:88px;width:173px;position:absolute;left:50%;top:23px;z-index:5;background:url(images/logo.png?v=20180117) 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
    }
}

.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:186px;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/png.png) no-repeat 0 -454px;width:64px;height:70px;margin:93px auto 0;display:block;content:"";}
.mod-1{overflow:hidden;width:319px;float: left;height: 649px;}
.mod-2{width: 881px;float: left;}
.startgame{height:108px;width:319px;background:url(images/jpg.jpg) no-repeat;overflow:hidden;display:block;padding-top:44px;}
.startgame span,.startgame span:after{display:block;width:179px;height:63px;margin:0 auto;background:url(images/png.png) no-repeat;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:#2e1c0a;overflow:hidden;}
.loginframe{height:174px;overflow:hidden;border-top:none;background:#1b1d21;color:#524f51;}
.loginframe{}
.loginframe .log{position:relative;height: 130px;}
.log li{position:absolute;font-size:14px;}
.loginframe label{line-height:22px;}
.loginframe .ipt1{height:30px;line-height:30px;width:185px;padding-left:5px;background:#2f3135;border-radius:1px;color:#7d7d7d;font-family:"Microsoft Yahei"}
.log .user{left:32px;top: 10px;}
.log .psw{left:32px;top: 41px;}
.log-btn{left:222px;top: 10px;}
.remember{left:33px;top: 70px;}
.indexPage .psw-btn{*width:50px;}
.indexPage .remember{*width:74px;}
.psw-btn{left:234px;top: 70px;}
.log-btn a{display:block;background:url(images/jpg.jpg) no-repeat -116px -370px;height:61px;width:68px;text-indent:-9999px;transition:all .2s ease;}
.log-btn a:hover{background-position:-185px -370px;}
.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-highlight{color: #cda152}
.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:326px;position:relative;overflow:hidden;}
.kv-cnt{height:326px;}
.kv-cnt li{display:inline;float:left;width:880px;height:326px;}
.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:#2f3135;font-size:14px;height:323px;}
.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:40px;background:url(images/jpg.jpg) no-repeat -116px -329px;margin:10px auto 0;text-indent:-9999em;}
.more-list:hover{margin-top: 11px}
/* kefu */
.kefu{height:284px;background:#282a2e;padding:0 28px;overflow:hidden;}
.kefu .cm-tle{border-bottom:solid 1px #453a2d;}
.cm-tle h4{height:26px;background:url(images/png.png) no-repeat -13px -251px;text-indent:-9999px;margin:12px 0;}
.kefu .cm-tle h4{background-position:59px -108px;}
.kf-con{padding:17px 4px 0;color:#a2a2a4;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/jpg.jpg) 0 -153px 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:#2f3135;padding:0 28px;}
.melk-box .cm-tle{border-bottom:dashed 1px #554431;height:60px;overflow:hidden;}
.melk-box .cm-tle h4{background-position:58px -145px;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:#7d7d7d;font-size:14px;background:#1b1d21 url(images/link.jpg) no-repeat 208px 0;}
.link-con{position:absolute;left:0;top:80px;width:100%;background:#1B1D21;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:#A7A09A;}
.linkshow,.linkshow .links{overflow:visible;}
.linkshow .link-con{top:33px;z-index:9;}
.more{display:block;height:15px;width:15px;background:url(images/png.png) -149px -482px no-repeat;position:absolute;text-indent:-9999px;}
.more:hover{background-position:-149px -509px;}

/* m-mid */
.m-mid{width:597px;}
.news{width:597px;height:323px;overflow:hidden;background:#212328;float:left;}
.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:#958a6f;line-height:36px;transition:.5s;text-align:center;}
.news .n-hd li.cur a{color:#cda152;font-weight:700;border-bottom:solid 2px #cda152;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:#a2a2a4;}
.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:#2f3135;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:#cda152;}
.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:#2f3135 ;position:relative;}
.role .cm-tle{height:51px;position:absolute;width:172px;z-index:2;}
.role .cm-tle h4{background-position:-12px -177px;margin-left:35px;}
.role-more{top: 12px;right: 21px;z-index: 10}
.role-nav{position:absolute;z-index:2;left:28px;top:54px;width:180px;height:87px;}
#roleTab{line-height: 87px}
.role-nav li{display:inline;float:left;width:44px;text-align:center;height:100%;position:relative;text-indent:-9999em;border-right:1px solid #524f51;}
.role-nav li.cur{
    background: url(images/png.png) no-repeat -95px -454px;}
.r-t{width: 100%;height: 100%;background: url(images/png.png) no-repeat;display: block;}

.r-t0{background-position:  1px -361px;}
.r-t1{background-position:  -44px -363px;}
.r-t2{background-position:   -89px -361px;}
.r-t3{background-position: -134px -361px;}



.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:#C2C2C3;font-size:14px;line-height:22px;}
.description strong{color: #bf9449;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:#282a2e;}
.zqarea .cm-tle{position:relative;}
.zqarea .cm-tle h4{background-position:-12px -214px;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;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:#1b1d21;height:228px;overflow:hidden;}
.flarea .cm-tle{}
.flarea .cm-tle h4{margin-left:16px;background-position:-7px -323px;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/jpg.jpg) no-repeat;}
.fl-con .fl-t{margin-left:65px;color:#958a6f;margin-top:2px;}
.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:#a2a2a4;*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 #c2c2c3;width:33px;font-size:12px;line-height:13px;color:#c2c2c3;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 -260px;}
.fl-con .item .zl-i-2{background-position:0 -318px;}
.fl-con .item .zl-i-3{background-position:0 -376px;}
.fl-con .item .fl-i-1{background-position:0 -434px;}
.fl-con .item .fl-i-2{background-position:0 -492px;}
.fl-con .i-hover .zl-i-1{background-position:-58px -260px;}
.fl-con .i-hover .zl-i-2{background-position:-58px -318px;}
.fl-con .i-hover .zl-i-3{background-position:-58px -376px;}
.fl-con .i-hover .fl-i-1{background-position:-58px -434px;}
.fl-con .i-hover .fl-i-2{background-position:-58px -492px;}
.zlarea{height:325px;overflow:hidden;background:#212328;}
.zlarea .cm-tle{}
.zlarea .cm-tle h4{background-position:-13px -285px;margin:17px 0 17px 21px;}
#flArea .item{margin-bottom:42px}


/* videos */
.videos{height:323px;overflow:hidden;float:left;width:284px;background:#2f3135;}
.videos .cm-tle{}
.videos .cm-tle h4{margin-left:22px;}
.v-con{width:259px;margin:0 auto;}
.v-con li{margin-bottom:12px;background:url(images/video.jpg) no-repeat;text-align:center;position:relative;height:79px;overflow:hidden;}
.v-con .v2{background-position: 0 -80px}
.v-con .v3{background-position: 0 -160px}
.v-con a{display:block;width:100%;height:100%}
.v-con em{transition:.5s;height:25px;line-height:25px;color:#a2a2a4;display:block;font-style:normal;opacity:.8;position:absolute;bottom:0;width:100%;background-color:#000;}
.v-con li:hover em{height:0}
.play{position:absolute;width:35px;height:35px;background:url(images/png.png) no-repeat -58px -538px;left:112px;top:10px;cursor:pointer;transition:.5s;}
.v-con li:hover .play{transform:scale(1.1);top:21px;}

/* newsPage */

/* mod-right */

.mod-right{width:881px;}
.news-wrap{color:#c2c2c3;font-size:14px;background:#37393D;min-height: 933px;_height: 933px;}
.news-wrap a{/* color:#CC8007; */}
.news-wrap .card-btn{color:#fff;}
.i-news-hd{height: 72px;/* padding-top:16px; */width:100%;color:#d5c49c;background:#1B1D21;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:#c2c2c3;}
.i-news-hd .p-det{padding:24px 14px 0 0;text-align:right;line-height:20px;font-size:14px;color:#7d7d7d;}
.i-news-hd a{color:#7d7d7d;}
.art-title{text-align:center;color:#929495;padding-bottom:10px;border-bottom:dashed 1px #3c3225;}
.art-title h1{font-size:22px;color:#c2c2c3;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:#b7b6b7;}
.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:#b7b6b7;}
.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:#e0e0e0;}
.s-wrap{background:url(images/s-main.jpg?v=20180117) no-repeat;width:1000px;height:1100px;margin:0 auto;}
.s-header{position:relative;height:245px;}
.s-content{position:relative;margin:52px 0 0 382px;width:618px;}
.s-logo{position:absolute;left:32px;overflow:hidden;text-indent:-9999px;top:6px;width:173px;height:88px;background: url('images/logo.png?v=20180117') no-repeat;}
.s-nav{height:49px;padding:18px 0 0 382px;}
.s-nav a{float:left;width:138px;height:49px;text-indent:-9999em;margin-right:13px;}
.s-nav a:hover{background:url(images/s-sprite.png) no-repeat 1px 0;}
#s-nav2:hover{background-position:-150px 0;}
#s-nav3:hover{background-position:-301px 0;}
#s-nav4:hover{background-position:-452px 0;}

/* s-loginframe */
.s-loginframe{position:absolute;top:156px;left:382px;width:590px;height:86px;}
.s-text{width:180px;height:31px;padding:0 6px;background:#202028;font-family:"Microsoft Yahei";line-height:31px;color:#7d7d7d;}
.s-user{top:0;left:0;}
.s-psw{top:0;left:201px}
.s-log-btn{top:0;left:412px;}
.s-log-btn a{display:block;width:187px;height:49px;background:url(images/s-sprite.png) no-repeat 0px -50px;}
.s-log-btn a:hover{background-position:-190px -50px;}
.s-remember{top:39px;left:0;color:#e0e0e0;}
.s-psw-btn{top:39px;left:204px}
.s-reg-btn{top:39px;left:276px}

/* 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:#cccccc}
.s-server-list li{line-height:42px;float:left;width:190px;height:42px;margin:0 10px 0 0;text-align:center;background:url(images/s-sprite.png) no-repeat -379px -50px;}
.s-server-list a{display:block;height:100%;color:#e0e0e0;}
.s-server-list a:hover{font-size:13px;}
.s-server-list span{color:#c39a4e;}

/* s-quick-ingame */
.s-quick-ingame{width:100%;height:28px;line-height:28px;font-size:14px;margin:21px auto 9px;text-align:center;color:#dcdcdc;}
.s-fastin-input{width:44px;height:18px;text-align:center;line-height:18px;color:#000;background:#FFF;}
.s-body .s-fastin-btn{width:62px;height:26px;background:url(images/s-sprite.png)  no-repeat -408px -63px;line-height:26px;display:inline-block;text-align:center;color:#cc9c39;}
.s-body .s-fastin-btn:hover{background-position:-64px -101px;}

/* 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:#a9a9ab;color:#202028;}
.sp-pager li.on{background:#c2974d;}
.sp-panel-wrap li{margin:0 10px 7px 0;}
.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}
/* 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: 33px;top: 95px;color: #999789;}
.sq-third-link{display: inline-block;*display: inline;}
.three-icon{background: url(http://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 10px;}
.three-wx{background-position:  -39px 0;}
.three-wb{background-position:  -78px 0;}
.s-body .sq-third-link .three-icon{margin:0 1px;}

.s-body .sq-third-link {margin-left: 4px;color: #fff;}

html{overflow: auto;}body { min-width: 1200px; overflow: auto; position: relative; } .sq-dialog-masking { position: fixed!important; _position: absolute!important; } .r-cover { position: fixed!important; _position: absolute!important; }