@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{list-style-type:none;vertical-align:bottom}
img{vertical-align:top;border:0}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}
a{color:#080000;text-decoration:none;outline:0}
input{outline:0}
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{float:left;display:inline}
.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:#f4f4f4}
input::-ms-input-placeholder{color:#f4f4f4}
input::-moz-input-placeholder{color:#f4f4f4}

body {
    min-width: 1200px; 
    overflow: auto;
}
.s-body input::-webkit-input-placeholder{color:#51453e}
.s-body input::-ms-input-placeholder{color:#51453e}
.s-body input::-moz-input-placeholder{color:#51453e}
.time{float:right;color:#848282}
.mod{height:300px;width:300px;overflow:hidden}
.newsWrap{position:relative;z-index:5}
.content{background:url(images/bg.jpg) no-repeat center top;zoom:1;overflow:hidden;position:relative}
.newsPage{background:#fdf9f7 url(images/n-bg.jpg) no-repeat center top}
.main{background:url(images/main.jpg) no-repeat center top;color:#ceb28d;padding-bottom:100px}
.newsPage .main{background:url(images/main.jpg) no-repeat center top}
.newsPage .main{background:#fdf9f7 url(images/n-main.jpg) no-repeat center top}
.main a{color:#848282}
.main a:hover{color:#d62522}
.header{height:480px;position:relative;z-index:2}
.top-flash{height:330px;position:absolute;left:0;top:117px;width:100%}
.header .logo{display:block;height:170px;width:258px;position:absolute;top:10px;left:25px;background:url(images/logo.png) no-repeat center top;text-indent:-9999px;z-index:5}
.main-nav{position:absolute;top:15px;right:0;width:455px;z-index:4}
.main-nav li{float:left;width:80px;margin-right:10px;border-right:solid 1px #7c6c69;font-size:14px;text-align:center}
.main-nav .last{border-right:0}
.main-nav li a{color:#8e2b2a}
.main-nav li a:hover{color:#000}
.main-nav li dl{padding:0 10px 0 2px}
.main-nav dt{font-size:16px}
.main-nav dt a{color:#351f1b}
.mid-code-box{position:relative;z-index:2}
.mid-code{height:215px;width:215px;position:absolute;right:0;top:-500px;transition:top .4s ease;z-index:9}
.mid-code img{height:215px;width:215px}
.mid-show .mid-code{display:block;top:22px}
.banner{height:480px}
.banner ul{position:absolute;left:0;top:0;height:560px}
.banner li{margin-left:-400px;display:none}
.banner li.cur{display:block}
.tips{position:absolute;bottom:-63px;left:528px;font-size:14px;height:18px;color:#f2e3d2}
.qq-group{display:block;position:absolute;bottom:-62px;left:798px;height:22px}
.newsPage .qq-group{left:auto;right:10px;bottom:5px}
.newsPage .tips{left:300px;bottom:5px}
.section-1{position:relative}
.server-list{height:59px;width:525px;margin-top:7px;overflow:hidden;background:url(images/sr-bg.png) no-repeat left top;position:relative;zoom:1}
.server-list .sr-h-con{position:absolute;left:0;top:0;color:#b4211f;font-size:16px;width:52px;height:40px;padding:9px 0;text-align:center}
.sr-h-con p{height:20px;line-height:20px}
.sr-b-con{margin-left:62px;position:relative;color:#928f8e;height:59px}
.sr-b-con a{color:#928f8e}
.sr-b-con .ser-list{width:405px}
.ser-list li{display:inline;float:left;padding-left:16px;background:url(images/icon.jpg) no-repeat left 3px;line-height:18px;width:172px;margin:5px 4px 0 0}
.ser-list .sl-1{left:0;top:8px}
.ser-list .sl-2{left:205px;top:8px}
.ser-list .sl-3{left:0;top:30px}
.ser-list span{margin-left:6px}
.indexPage .quick-ingame{position:absolute;left:195px;top:30px;line-height:18px}
.quick-ingame .s-int{height:18px;width:35px;line-height:18px;background:#928f8e;text-align:center;vertical-align:middle;margin:0 5px;border:0}
.quick-ingame .fastin-btn{display:inline-block;margin-left:2px;vertical-align:middle;height:18px;width:34px;text-align:center;line-height:18px;color:#531b02;background:url(images/cmb.png) no-repeat -366px -105px}
.quick-ingame .fastin-btn:hover{background-position:-401px -105px}
.more{display:block;height:15px;line-height:15px;padding-left:15px;background:url(images/icon.jpg) no-repeat left 0;position:absolute}
.server-list .srmore{color:#928f8e;left:335px;top:30px;line-height:18px;position:absolute}
.advert{height:64px;overflow:hidden;margin-bottom:2px;width:300px}
.advert a{float:left;width:72px;height:64px;margin-left:4px;color:#b4211f;font-size:14px;text-align:center;background:url(images/cmb.png) no-repeat -366px -40px;overflow:hidden}
.advert a i{display:block;height:34px;width:34px;margin:4px auto 2px;background:url(images/cmb.png) no-repeat left -126px;transition:all .2s ease}
.advert a span{display:inline-block}
.advert .ad-1{margin-left:0}
.advert .ad-1 i{background-position:-1px -126px}
.advert .ad-2 i{background-position:-37px -126px}
.advert .ad-3 i{background-position:-72px -126px}
.advert .ad-4 i{background-position:-108px -126px}
.advert .ad-1:hover i{background-position:-1px -161px}
.advert .ad-2:hover i{background-position:-37px -161px}
.advert .ad-3:hover i{background-position:-72px -161px}
.advert .ad-4:hover i{background-position:-108px -161px}
.section-2{height:300px;overflow:hidden;position:relative;background:#322828}
.game-box{position:absolute;left:0;top:0}
.startgame{height:110px;background:#ab2e12;position:relative}
.begingame{display:none;height:100%;width:100%;position:absolute;left:0;top:0;background:url(about:blink)}
.relt-btn{background:url(images/cmb.png) no-repeat left 0;height:62px}
.relt-btn a{float:left;height:100%;width:99px;text-indent:-9999px}
.relt-btn .r-btn-2{margin:0 1px}
.relt-btn a:hover{background:url(images/cmb.png) no-repeat left 0}
.relt-btn .r-btn-1:hover{background-position:0 -63px}
.relt-btn .r-btn-2:hover{background-position:-100px -63px}
.relt-btn .r-btn-3:hover{background-position:-200px -63px}
.loginframe{height:125px;overflow:hidden}
.loginframe .log{position:relative}
.loginframe .log li{position:absolute;color: #FFF;}
.loginframe .ipt1{height:25px;line-height:25px;width:170px;padding-left:8px;background:#6c6565;border:solid 1px #6c6565;border-radius:3px}
.log .user{left:20px;top: 8px;}
.log .psw{left:20px;top: 41px;}
.log-btn{left:215px;top: 8px;}
.remember{left:20px;top: 72px;}
.psw-btn{left:215px;top: 72px;}
.log-btn a{display:block;background:url(images/cmb.png) no-repeat -301px 0;height:60px;width:64px;text-indent:-9999px;transition:all .2s ease}
.log-btn a:hover{background-position:-301px -61px}
.remember,.psw-btn a{}
.loged{padding: 4px 15px 0 22px;}
.loged li{color:#ccc;line-height:20px}
.loged li a{color:#ccc}
.kv-container{margin:0 300px;width:600px;height:300px;overflow:hidden}
.kv-container .con{position:relative;height:300px}
.kv-container .kv-cnt li{cursor:pointer;float:left;display:inline}
.kv-container .kv-cnt li,.kv-cnt li img{height:300px;width:600px}
.kv-container .kv-nav{bottom:10px;left:0;position:absolute;width:100%;text-align:center;font-size:0}
.kv-container .kv-nav li{display:inline-block;*display:inline;zoom:1;width:21px;height:21px;background:url(images/kv.png) no-repeat -29px;cursor:pointer;margin-right:8px;overflow:hidden}
.kv-container .kv-nav li.cur{background-position:0 0}
.news{position:absolute;right:0;top:0;overflow:hidden}
.news .hd,.news .news-cnt{margin:0 12px}
.news-nav{height:30px;text-align:center;font-size:14px;margin-top:12px}
.news-nav li{height:30px;width:50px;display:inline;float:left;margin-left:4px}
.news-nav li a{display:block;color:#9c908d;border-left:solid 1px #848282;height:14px;margin-top:8px;line-height:14px;*height:20px;*line-height:20px}
.news-nav .first a{border-left:0}
.news-nav li.cur{background:url(images/newscur.png) no-repeat center -8px}
.news-nav li.cur a{color:#d62522}
.news-hot{height:28px;line-height:28px;background:#1c1616;font-size:14px;text-align:center;margin:10px 0}
.news-hot a{color:#b4211f}
.news-hot .title{width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-cnt .bd{margin:0 4px;height:142px;overflow:hidden}
.news-cnt li{line-height:20px;overflow:hidden;margin-bottom:4px;white-space:nowrap;text-overflow:ellipsis}
.news-cnt li .n-link{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;*display:inline-block;*width:175px;*vertical-align:middle;zoom:1}
.news-more{position:absolute;right:20px;bottom:20px;background-position:left -43px}
.section-3{margin:10px 0}
.section-3 .t,.section-4 .t,.section-5 .t,.video-con .t{color:#351f1b;font-size:18px;line-height:20px}
.section-3 .s-con{height:300px;margin-top:6px;overflow:hidden}
.gonglue .list{float:left;display:inline;width:300px;position:relative;cursor:pointer;overflow:hidden}
.gonglue .list .g-img{display:block;height:100%;overflow:hidden}
.gonglue i.lb{position:absolute;top:0;left:0;display:block;height:0;width:300px;background:#000;opacity:.8;filter:Alpha(Opacity=80);transition:height .4s ease}
.gonglue .gl{position:absolute;left:0;top:0;height:0;width:300px;overflow:hidden;transition:height .4s ease;transition:height .4s ease;font-size:14px}
.gonglue .gl ul{margin-top:20px}
.gonglue .gl li{line-height:22px;padding-bottom:2px;border-bottom:solid 1px #262528;margin:5px 12px;width:265px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gonglue .gl li a{color:#a5a5a5}
.gonglue .gl li a:hover{color:#d62522}
.gonglue .gl li .n-link{*display:inline-block;*width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*vertical-align:middle}
.gonglue .gl .more{background:url(images/cmb.png) no-repeat -245px -127px;float:right;margin:10px 20px 0 0;position:static}
.gonglue .list .bg{transition:all .4s ease}
.gonglue .gl-hover{}
.gonglue .gl-hover .bg{transform:scale(1.1)}
.gonglue .gl-hover i.lb,.gonglue .gl-hover .gl{height:300px}
.list .desc{position:absolute;left:20px;top:210px;transition:all .4s ease}
.list .desc .t{color:#b4211f;font-size:24px}
.list .desc .m{display:block;height:18px;width:52px;background:url(images/cmb.png) no-repeat -156px -127px;text-indent:-9999px;margin:8px 2px 0}
.list:hover .desc{top:200px}
.section-4{position:relative}
.section-4 .s-con{height:300px;width:900px;overflow:hidden;position:relative;margin-top:6px}
.roleWrap{padding-left:20px;width:580px;height:300px;background:#e3e3e3;overflow:hidden;position:relative}
.roleWrap .r-hd{margin-top:10px}
.roleWrap .r-hd li{float:left;display:inline;font-size:16px;margin:0 10px;width:32px;line-height:24px}
.roleWrap .r-hd a{color:#6a6a6a}
.roleWrap .r-hd li.cur a{color:#d51108}
.r-hd .line{height:1px;overflow:hidden;line-height:0;background:#6a6a6a;width:156px;margin-top:5px;position:relative}
.r-hd .line i{display:block;background:#d51108;width:52px;height:100%;position:absolute;top:0;left:0;transition:all .2s ease}
.role-con{color:#6a6a6a;font-size:14px}
.role-detail{position:relative;display:none}
.role-detail .r-desc{position:absolute;top:25px;left:-300px;width:290px}
.curElem .r-desc{left:10px}
.weapon{width:50px;position:absolute;left:0;top:0}
.level{width:100px;position:absolute;left:80px;top:0}
.level i.n-star{height:15px;width:90px;display:block;background:url(images/star.png) no-repeat -1px -19px}
.level i.l-star{height:15px;display:block;width:0;background:url(images/star.png) no-repeat -1px -1px}
.lv-1 i.l-star{width:72px}
.lv-2 i.l-star{width:63px}
.lv-3 i.l-star{width:54px}
.role-con b{display:block;color:#351f1b}
.descration{position:absolute;left:0;top:60px;width:285px;height:88px}
.readmore{display:block;height:25px;width:98px;background:url(images/cmb.png) no-repeat -155px -146px;position:absolute;top:175px;left:0}
.readmore:hover{background-position:-155px -172px}
.role-detail .r-per{height:300px;width:390px;position:absolute;right:-390px;top:-40px}
.role-gs .r-per{width:377px}
.curElem .r-per{right:0}
.ziliao{position:absolute;top:0;left:600px;background:#d6d6d6}
.ziliao .t,.honor-list .t{margin:14px 0 4px 18px;line-height:20px;color:#351f1b;font-size:16px}
.zl-btn{float:left;height:86px;width:99px;border-top:solid 1px #acabab;border-right:solid 1px #acabab;position:relative;overflow:hidden}
.ziliao .con a.nbr{border-right:0}
.zl-btn i{display:block;height:44px;width:44px;background:url(images/z-icon.jpg) no-repeat 0 0;position:absolute;left:27px;top:10px;transition:all .4s ease}
.zl-btn span{display:block;line-height:22px;top:60px;left:0;text-align:center;width:100%;position:absolute;transition:all .2s ease;color:#6a6a6a}
.zl-btn-1 i{background-position:0 0}
.zl-btn-2 i{background-position:-101px 0}
.zl-btn-3 i{background-position:right 0}
.zl-btn-4 i{background-position:0 -88px}
.zl-btn-5 i{background-position:-101px -88px}
.zl-btn-6 i{background-position:right -88px}
.zl-btn-7 i{background-position:0 -175px}
.zl-btn-8 i{background-position:-101px -175px}
.zl-btn-9 i{background-position:right -175px}
.zl-btn:hover i{top:-96px}
.zl-btn:hover span{top:32px}
.video-con{position:absolute;left:900px;top:0;width:300px}
.video-con .con{margin-top:6px}
.video-con .con a{display:block;height:300px;width:300px;overflow:hidden}
.video-con .con a img{transition:all .2s ease}
.video-con .con a:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}
.section-5{margin:10px 0 0}
.section-5 .s-con{height:108px;margin-top:6px;overflow:hidden;position:relative}
.kefu{width:280px;height:92px;padding:16px 0 0 20px;background:url(images/kf.jpg) no-repeat 0 0;color:#351f1b;font-size:14px;position:absolute;left:0;top:0;overflow:hidden}
.kefu p{margin:2px 0}
.kefu .zx{margin:5px 0;line-height:18px}
.kefu .zx a,.n-quick-ingame .fastin-btn{display:inline-block;margin-left:5px;width:66px;height:18px;line-height:18px;background:url(images/cmb.png) no-repeat -366px 0;text-align:center;color:#531b02}
.kefu .zx a:hover,.n-quick-ingame .fastin-btn:hover{background-position:-366px -19px}
.code{width:300px;height:108px;background:#e3e3e3;margin-left:300px;overflow:hidden}
.code .txt{margin:20px 0 0 20px;color:#351f1b;font-size:14px}
.code .txt .b{color:#b4211f;font-size:16px;margin-bottom:3px}
.code .img{margin-left:175px;padding-top:12px}
.links{width:300px;height:108px;background:#d6d6d6;position:absolute;left:600px;top:0;font-size:14px;overflow:hidden}
.links .hd,.media .hd{font-size:16px;color:#b4211f;margin:20px 20px 2px;line-height:20px}
.links .con{margin:0 20px}
.links .con a{white-space:nowrap;display:inline-block;margin:1px 2px;line-height:18px;color:#351f1b}
.media{width:300px;height:108px;background:#e3e3e3;position:absolute;right:0;top:0;overflow:hidden}
.media .con{margin:22px 0 0 110px}
.media .scroll-media{height:50px;width:150px;overflow:hidden}
.scroll-media li{height:50px;width:150px}
.newsPage .header{height:522px}
.m-left{width:300px;background:#343130}
.newsPage .n-box{background:#322828}
.n-server{height:325px;overflow:hidden;background:#cac9c9;color:#322828;position:relative}
.n-server .hd{height:42px;line-height:42px;font-size:20px;text-align:center;background:#766f6f}
.n-server .hd p{display:inline-block;padding-left:30px;background:url(images/s-hd.jpg) no-repeat 0 8px;color:#d6d6d6}
.n-quick-ingame{background:#cac9c9;height:45px;line-height:45px;text-align:center;font-size:14px}
.n-s-int{height:18px;line-height:18px;width:35px;background:#ccc;border:solid 1px #999;margin:0 4px;text-align:center}
.n-s-list li{background:#c1bfbf;height:28px;padding:7px 10px 0 42px}
.n-s-list li:nth-child(even){background:#cac9c9}
.n-s-list li a{display:block;height:22px;padding-left:16px;background:url(images/n-s-ico.png) no-repeat left 6px;line-height:22px;color:#322828}
.n-s-btn{height:54px;background:#cac9c9;position:absolute;left:0;bottom:0;width:300px;font-size:14px;text-align:center}
.n-s-btn .n-more-list{color:#b5b3b2}
.n-more-list{background:#373433;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#7b7573),color-stop(100%,#645f5e));background:-moz-gradient(linear,left top,left bottom,color-stop(0,#7b7573),color-stop(100%,#645f5e));width:225px;display:block;height:30px;margin:11px auto 0;color:#a5a5a5;line-height:30px;border-radius:4px}
.newsPage .code{background:#e3e3e3;margin-left:0}
.newsPage .kefu{position:static;left:0;top:0;right:0;bottom:0}
.m-rgt{width:900px;background:#d6d6d6}
.news-tle{height:110px;background:url(images/news-tle.png) no-repeat 0 0;position:relative}
.news-tle .position{height:72px;position:relative}
.news-tle .position span{margin:28px 0 0 28px;color:#cf211f;font-size:28px;line-height:30px}
.position .p-det{color:#8f6666;line-height:22px;position:absolute;bottom:0;right:10px}
.position .p-det a{color:#8f6666}
.n-main-nav{position:absolute;left:0;top:73px;height:37px;background:url(images/n-main-nav.png) repeat-x;width:900px}
.n-main-nav li{display:inline;float:left;height:36px;width:120px;text-align:center;line-height:36px;border-bottom:solid 1px #3b1a15;border-right:solid 1px #3b1a15}
.n-main-nav a{display:block;height:100%;background:url(images/n-main-nav.png) no-repeat 0 0;font-size:16px}
.n-main-nav a:hover,.n-main-nav li.cur a{background:#784927;color:#fff}
.article-con{padding:20px 25px;min-height:691px;_height:691px}
.art-title{border-bottom:dashed 1px #858282;padding:10px 2px 6px;text-align:center;color:#717171}
.art-title .hd{font-size:24px;color:#b4211f;margin:4px 0 8px}
.art-main{color:#322828;font-size:14px;padding:18px 14px 0}
.art-main a{color:#322828}
.news-list-main li{line-height:24px;height:24px;margin-bottom:4px;border-bottom:dashed 1px #b9b8b8;font-size:14px;background:url(images/tria.jpg) no-repeat 2px 8px;padding-left:12px;transition:all .2s linear}
.news-list-main li:hover{padding-left:20px;background-position:10px 8px}
.news-list-main .time,.news-list-main a{color:#322828}
.sq-dialog-alert{font-size:13px}
.article-relation{overflow:hidden;margin:50px 10px;font-size:12px;color:#717171}
.article-relation dt{height:30px;line-height:30px;border-top:1px solid #858282;font-weight:700;margin:5px 0;color:#color:#322828}
.article-relation dd{width:290px;display:inline;float:left;margin:0 60px 0 20px;overflow:hidden;height:30px;line-height:30px}
.article-relation dd span{float:right}
.article-relation a{color:#322828}
.article-relation .time{color:#322828}
.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}
.zl-list-bd .zl-list a:hover{color:#fff}
.zl-list-bd .zl-list{border-bottom:solid 1px #545353;height:50px;overflow:hidden;margin-bottom:12px}
.zl-list-bd .zl-9{border-bottom:0}
.zl-list-bd .zl-list .hd{width:140px;height:38px}
.zl-list .hd .t{display:block;height:38px;width:85px;padding-left:45px;background:#565555;line-height:38px;position:relative;color:#d8a55b;font-size:16px}
.zl-list .hd .icon{display:block;height:23px;width:23px;background:url(images/icon-zl.png) no-repeat 0 0;position:absolute;left:15px;top:8px}
.zl-list .hd .tr{display:block;height:0;width:0;line-height:0;overflow:hidden;border-style:solid;border-width:6px;border-color:#414040 #414040 #414040 #565555;position:absolute;top:13px;right:-12px}
.zl-list .hd .t:hover{background:#784927}
.zl-list .hd .t:hover .tr{border-color:#414040 #414040 #414040 #784927}
.zl-1 .hd .icon{background-position:0 0}
.zl-2 .hd .icon{background-position:0 -25px}
.zl-3 .hd .icon{background-position:0 -48px}
.zl-4 .hd .icon{background-position:0 -72px}
.zl-5 .hd .icon{background-position:0 -96px}
.zl-6 .hd .icon{background-position:0 -120px}
.zl-7 .hd .icon{background-position:0 -144px}
.zl-8 .hd .icon{background-position:0 -168px}
.zl-9 .hd .icon{background-position:0 -192px}
.zl-1 .hd .t:hover .icon{background-position:-23px 0}
.zl-2 .hd .t:hover .icon{background-position:-23px -25px}
.zl-3 .hd .t:hover .icon{background-position:-24px -48px}
.zl-4 .hd .t:hover .icon{background-position:-24px -72px}
.zl-5 .hd .t:hover .icon{background-position:-23px -96px}
.zl-6 .hd .t:hover .icon{background-position:-24px -120px}
.zl-7 .hd .t:hover .icon{background-position:-24px -144px}
.zl-8 .hd .t:hover .icon{background-position:-23px -168px}
.zl-9 .hd .t:hover .icon{background-position:-23px -192px}
.zl-list-bd .zl-list .bd{margin-left:145px;height:38px;line-height:38px}
.zl-list-bd .bd a{display:inline-block;line-height:22px;margin-left:10px;color:#a5a5a5}
.video-list-main li{display:inline;float:left;width:285px;text-align:center;margin:14px 0 0 13px}
.video-list-main li .tle{line-height:20px}
.video-list-main li a{display:block;height:285px;width:285px;overflow:hidden;position:relative}
.video-list-main li a i{height:100%;width:100%;display:block;background:url(images/video-btn.png) no-repeat center;position:absolute;left:0;top:0}
.video-list-main li img{transition:all .4s ease;height:285px;width:285px}
.video-list-main li a:hover img{transform:scale(1.1)}
.s-body{background:url(images/s-bg.jpg) top center no-repeat;color:#4a4846}
.s-body a{color:#fff}
.s-wrap{width:1000px;height:1100px;background:url(images/s-main.jpg) no-repeat;margin:0 auto;position:relative}
.s-header{height:244px;position:relative}
.s-content{position:relative;margin: 44px 6px 0 358px;}
.s-logo{position:absolute;width:200px;height:130px;left:130px;top:22px;text-indent:-9999px;overflow:hidden}
.s-nav{padding:0 0 0 348px;height:64px}
.s-nav a{float:left;width:163px;height:64px}
.s-nav a:hover{background:url(images/s-nav.png) no-repeat 0 0}
.s-nav .sn-1:hover{background-position:0 -1px}
.s-nav .sn-2:hover{background-position:-163px -1px}
.s-nav .sn-3:hover{background-position:-326px -1px}
.s-nav .sn-4:hover{background-position:-489px -1px}
.s-body .loginframe{color:#c4ccd0;position:absolute;padding-top:0;width:625px;height:90px;left:357px;top:128px;color:#999;background:0 0}
.s-body .ipt1{background:#938e8c;width:180px;padding:2px 5px;height:24px;border:solid 1px #938e8c;color:#333}
.s-body .user{left:20px;top:16px}
.s-body .psw{left:228px;top:16px}
.s-body .psw-btn a,.s-body .reg-btn a{color:#999}
.s-body .log-btn{position:absolute;float:none;width:188px;height:49px;left:435px;top:14px}
.s-body .log-btn a{display:block;height:100%;width:100%;background:url(images/s-cmb.png) no-repeat 0 0}
.s-body .log-btn a:hover{background-position:0 -50px}
.s-body .remember{left:20px;top: 55px;}
.s-body .psw-btn{left:228px;top:50px}
.s-body .reg-btn{left:308px;top:50px}
.s-body .reg-btn a:hover{background:0 0}
.s-body .loged{padding: 6px 10px 0 74px;}
.s-body .loged li{width: 240px;float:left;height:25px;line-height:25px;margin-right:12px;}
.s-server-list{padding:15px 2px 0 12px}
.s-server-list li{float:left;width:188px;height:40px;text-align:center;line-height:40px;background:url(images/s-cmb.png) 0 -100px no-repeat;margin:0 10px 10px 0}
.s-server-list a{display:block;height:100%}
.sp-panel-wrap li{background-position:0 -141px}
.s-server-list a:hover{opacity:.8;filter:alpha(opacity=80)}
.rec-server .s-name{line-height:40px;color:#8a0e03;font-size:18px}
.s-body .quick-ingame{height:35px;line-height:35px;color:#fff;border-bottom:0;background:0 0;font-size:14px;text-align:center}
.fastin-input{width:40px;height:18px;border:1px solid #bababa;background:#b0afaf;color:#000;text-align:center;line-height:20px}
.s-body .fastin-btn{display:inline-block;width:62px;height:20px;overflow:hidden;background:#dba15b;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#f4cd8b),color-stop(100%,#c17227));background:-moz-gradient(linear,left top,left bottom,color-stop(0,#f4cd8b),color-stop(100%,#c17227));vertical-align:middle;border:solid 1px #b6600f;color:#531b02;line-height:20px}
.s-body .fastin-btn:hover{background:#fb6900}
.s-body .all{height:640px;overflow-y:auto}
.loged .colored,.s-server-list span{color:#fff100}
.s-server-list span{margin-left:10px}
.sp-pager li{color:#d8a55b;width:80px;height:24px;line-height:24px;background:#d0e2d5;cursor:pointer;margin:0 3px;margin:1px 4px 1px 0}
.sp-pager{margin:10px 0;overflow:hidden}
.sp-pager li.on{background:#c7672a;color:#d0e2d5}
.video-alert{width:654px;height:368px;background:#505050;position:fixed;top:50%;left:50%;margin:-180px 0 0 -320px;z-index:999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+300));border:3px solid #505050;display:none}
.video-code{width:654px;height:368px}
.video-close{position:absolute;width:44px;height:44px;top:-3px;right:-44px;display:block;background:url(images/close.jpg) no-repeat}
.layout{display:none;position:absolute;left:0;top:0;height:100%;width:100%;background:#000;opacity:.4;filter:alpha(opacity=40);z-index:99}

/*three*/
.loged .loged-top{display: none}
.loged img{ margin-right: 3px;vertical-align: middle;}
.three{top: 94px;left: 20px;}
.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 8px;}
.three-wx{background-position:  -39px 0;}
.three-wb{background-position:  -78px 0;}
.s-body .log .three{left: 232px;top: 51px;}
.s-body .three-icon{margin: 0 4px;}


.loged-usercenter a {margin-left: 16px;}