@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:normal;}
a{color:#080000;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;}
.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;}
.time{float:right;color:#9c9894;}
.wPage{width:1000px;margin:0 auto;}
input::-webkit-input-placeholder{color:#403f3e;}

/*content*/
.content a:hover{color:#fc0;}
.content{background:url(images/bg-20150901.jpg) center top no-repeat;}
.header{height:915px;background:url(images/top-20150901.jpg) center top no-repeat;position:relative;overflow:hidden;}
.banner{height:771px;position:absolute;left:0;top:0;width:100%;}
.startgame{position:absolute;left:407px;top:678px;height:228px;width:185px;z-index:100;}
.tips{position:absolute;bottom:150px;left:110px;color:#ccc;font-size:14px;}
.header .logo{height:108px;width:198px;display:block;position:absolute;left:10px;top:30px;z-index:99;}
.main-nav{position:absolute;height:78px;line-height:78px;top:771px;left:0;}
.main-nav li{display:inline;float:left;height:78px;width:130px;}
.main-nav .nav-1{width:137px;margin-left:10px;}
.main-nav .nav-2{width:128px;margin-right:2px;}
.main-nav .nav-4{width:185px;}
.main-nav .nav-6{width:132px;margin-left:4px;}
.main-nav .nav-7{width:128px;margin-left:2px;}
.main-nav li a{display:block;height:100%;text-indent:-9999px;}
.main-nav li a:hover{background:url(images/nav-hover.png) left top no-repeat;}
.main-nav .nav-1 a:hover{background-position:-1px 0;}
.main-nav .nav-2 a:hover{background-position:-138px 0;}
.main-nav .nav-3 a:hover{background-position:-268px 0;}
.main-nav .nav-4 a:hover{background:none;}
.main-nav .nav-5 a:hover{background-position:-583px 0;}
.main-nav .nav-6 a:hover{background-position:-717px 0;}
.main-nav .nav-7 a:hover{background-position:-851px 0;}
.login-box{height:152px;width:212px;overflow:hidden;position:fixed;right:-167px;top:130px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)+130);background:url(images/login.png) left top no-repeat;z-index:100;transition:all .2s linear;}
.login-box.show{right:0;}
.tgl-btn{height:100%;width:44px;position:absolute;left:0;top:0;font-size:20px;}
.tgl-btn a{display:block;padding:30px 0 0 12px;line-height:22px;color:#fff;}
.loginframe{width:168px;height:152px;margin-left:44px;}
.loginframe .log{position:relative;}
.loginframe .log li{position:absolute;font-size:14px;}
.loginframe label{color:#093531;line-height:22px;}
.loginframe .ipt1{height:24px;line-height:24px;width:142px;padding-left:5px;background:#999;color:#000;border:solid 1px #2e2e2e;}
.log .user{left:8px;top: 2px;}
.log .psw{left:8px;top: 27px;}
.log-btn{left:10px;top: 72px;}
.remember{left:10px;top: 50px;color: #999}
.remember a{color: #999;font-size: 12px}
.psw-btn{left:104px;top: 50px;}
.reg-btn{left:104px;top: 76px;}
.log-btn a{display:block;background:url(images/login.png) no-repeat 0 -155px;height:30px;width:89px;text-indent:-9999px;transition:all .2s ease;}
.log-btn a:hover{background-position:-90px -155px;}
.remember label,.psw-btn a,.reg-btn a{color:#999;font-size:12px;}
.reg-btn a{text-decoration:underline;color:#fc0;}
.psw-btn a{text-decoration:underline;}
.loged{padding: 7px 10px 0;}
.loged li{color:#999;line-height: 20px;}
.loged li a{color:#ccc;}
.news-login .loged{padding-top: 18px;}
.newsPage .loged li{float:left;display:inline;margin:2px 4px;}
.newsPage li .loged-highlight{color:#fc0;}
.newsPage .loged-usercenter{width:280px;}
.side-tgl-btn{font-size:16px;height:100%;width:44px;position:absolute;left:0;top:0;}
.side-tgl-btn a{color:#aea8a6;display:block;padding:18px 5px 0 14px;line-height:16px;}
.code-box,.kefu-box,.media-box{height:112px;width:158px;overflow:hidden;position:fixed;right:-168px;top:282px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)+282);background:url(images/side.png) left top no-repeat;transition:all .2s linear;}
.code-box .code{margin-left:44px;padding:10px;}
.code-box{z-index:99;right:-114px;}
.code-box.show,.media-box.show,.kefu-box.show{right:0;}
.kefu-box{width:212px;top:390px;z-index:98;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)+390);}
.kefu-box .side-tgl-btn a,.media-box .side-tgl-btn a{padding:20px 5px 0 14px;line-height:18px;}
.kefu-box .kefu{margin-left:44px;padding:12px 10px;color:#aea8a6;font-size:12px;}
.kefu-box .kefu p{margin:2px 0;}
.kefu .zx{line-height:18px;}
.kefu .zx a{display:inline-block;height:18px;width:66px;background:url(images/cmb.png) -139px top no-repeat;vertical-align:middle;}
.kefu .zx a:hover{background-position:-139px -19px;}
.media-box{width:212px;top:500px;z-index:97;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)+500);}
.media-wrap{margin-left:44px;padding:10px;}
.links{height:20px;}
.links .con{overflow:hidden;height:20px;}
.links li{display:inline;float:left;margin:0 2px;width:70px;text-align:center;line-height:20px;}
.links li a{color:#aea8a6;}
.media{height:50px;width:150px;margin-top:10px;}
.media .scr-li li{height:50px;}

/* fix-nav */
.fix-nav{position:fixed;left:0;top:0;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));height:85px;width:100%;background:#000;z-index:999;display:none;}
.float-link .con{height:85px;}
.float-link .con a{float:left;width:134px;height:85px;line-height:85px;text-align:center;font-size:18px;color:#fff;border-right:solid 1px #292929;}
.float-link .con .start{background:#d75100;width:182px;border:none;}
.float-link .con .first{border-left:solid 1px #292929;margin-left:4px;}
.float-link .con a:hover{background:#d26711;}
.main{background:url(images/main.jpg) center top no-repeat;height:1385px;}
.main .m-con{padding:20px 20px 0;}
.kv-news{height:320px;overflow:hidden;}
.kv-wrap{width:465px;display:inline;float:left;height:320px;}
.kv-cnt{position:relative;height:320px;}
.kv-con li{display:inline;float:left;height:320px;width:465px;}
.kv-con li img{height:100%;width:100%;}
.kv-nav{position:absolute;left:0;bottom:10px;width:100%;text-align:center;height:15px;}
.kv-nav li{display:inline-block;height:17px;width:15px;margin:0 4px;background:url(images/icon.png) left -150px no-repeat;cursor:pointer;*display:inline;zoom:1;overflow:hidden;}
.kv-nav li.cur{background-position:-17px -150px;}
.news{margin-left:465px;height:320px;width:495px;overflow:hidden;background:url(images/news-bg.png) left top no-repeat;}
.news .n-con{padding:8px 10px 8px 18px;}
.news .hd{height:32px;line-height:32px;border-bottom:solid 1px #3e3029;position:relative;}
.news-nav li{display:inline;float:left;height:32px;width:75px;text-align:center;font-size:16px;}
.news-nav li a{display:block;height:100%;color:#9c9894;border-bottom:solid 1px #3e3029;}
.news-nav li.cur a{color:#fc0;background:url(images/cmb.png) 0 0 no-repeat;border-bottom:none;height:33px;}
.news-more{position:absolute;display:block;color:#9c9894;height:14px;line-height:14px;right:5px;top:9px;}
.news-hot{height:38px;line-height:38px;text-align:center;margin-top:10px;}
.news-hot a{background:url(images/icon.png) left top no-repeat;padding-left:45px;display:inline-block;color:#fc0;font-size:17px;}
.news-cnt li{background:url(images/icon.png) left -47px no-repeat;margin:8px 0;line-height:20px;padding:3px 0 2px 18px;width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:dashed 1px #4f3c2d;font-size:14px;}
.news-cnt li .n-link{*display:inline-block;*width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;*vertical-align:middle;transition:all .2s linear;}
.news-cnt li .n-link:hover{padding-left:5px;}
.news-cnt .bd{padding:5px 0;}
.news-cnt .bd a{color:#9c9894;}
.news-cnt .bd a:hover{color:#fc0;}
.server-role{margin:55px 0 80px;}
.server-con{width:246px;height:370px;background:url(images/ser-bg.jpg) left top no-repeat;display:inline;float:left;}
.server-con .stle{height:20px;line-height:20px;font-size:18px;font-weight:bold;color:#d9cbcb;text-align:center;padding:15px 0 10px;}
.quick-ingame{text-align:center;line-height:38px;margin:11px 0;color:#95999d;}
.server-con .s-int{width:38px;height:16px;border:solid 1px #3f221c;text-align:center;line-height:16px;background:#140101;color:#fff;padding:2px 3px;}
.quick-ingame a{margin-left:3px;display:inline-block;height:20px;width:60px;background:url(images/cmb.png) -78px 0 no-repeat;text-indent:-9999px;vertical-align:middle;}
.quick-ingame a:hover{background-position:-78px -21px;}
.server-list{padding:12px 33px 0;}
.server-list a{color:#95999d;}
.server-list .sl-con{height:188px;overflow:hidden;text-align:center;}
.server-list ul{margin:-1px 0 0;}
.server-list li{padding:9px 0;border-bottom:solid 1px #171515;border-top:solid 1px #3e2a25;line-height:12px;}
.server-list li span{color:#fc0;margin-left:10px;}
.ser-btn{margin-top:15px;text-align:center;}
.ser-btn a{display:block;background:url(images/cmb.png) 0 -42px no-repeat;height:37px;width:180px;margin:auto;text-indent:-9999px;}
.ser-btn a:hover{background-position:0 -80px;}
.role-con{height:370px;width:698px;margin-left:262px;background:url(images/role-bg.jpg) left top no-repeat;}
.role-inner{position:relative;height:370px;}
.role-tab-cnt{width:97px;height:370px;position:relative;}
.role-tab-cnt .r-btn{display:block;height:13px;width:42px;background:url(images/icon.png) left -77px no-repeat;position:absolute;left:28px;top:6px;}
.role-tab-cnt .prevBtn{background-position:0 -97px;top:auto;bottom:6px;}
.role-tab-cnt .prevBtn:hover{background-position:0 -131px;}
.role-tab-cnt .nextBtn:hover{background-position:0 -111px;}
.role-tab{position:absolute;left:0;top:30px;height:310px;width:97px;overflow:hidden;}
.role-tab li{height:60px;width:97px;position:relative;overflow:hidden;margin:2px 0 0;}
.role-tab li .icon{display:block;height:54px;width:54px;background:url(images/role-icon.png) left top no-repeat;position:absolute;left:20px;top:3px;}
.role-tab li.cur{background:#6b4b34;width:92px;border-left:solid 5px #987459;}
.role-tab li.cur .icon{left:13px;height:60px;top:0;width:60px;}
.role-tab li .role-1{background-position:1px 0;}
.role-tab li .role-2{background-position:1px -62px;}
.role-tab li .role-3{background-position:1px -125px;}
.role-tab li .role-4{background-position:1px -188px;}
.role-tab li .role-5{background-position:1px -252px;}
.role-tab li .role-6{background-position:1px -314px;}
.role-tab li .role-7{background-position:1px -377px;}
.role-tab li.cur .role-1{background-position:-58px 2px;}
.role-tab li.cur .role-2{background-position:-58px -60px;}
.role-tab li.cur .role-3{background-position:-58px -123px;}
.role-tab li.cur .role-4{background-position:-58px -186px;}
.role-tab li.cur .role-5{background-position:-58px -250px;}
.role-tab li.cur .role-6{background-position:-58px -312px;}
.role-tab li.cur .role-7{background-position:-58px -375px;}
.role-detail{position:absolute;left:135px;top:0;width:563px;height:370px;}
.role-panel{position:absolute;left:0;top:0;}
.role-txt{color:#968f8d;font-size:14px;width:350px;opacity:0;filter:alpha(opacity=0);transition:all 0.3s ease;position:absolute;left:20px;top:38px;}
.role-txt .r-tle{margin-bottom:4px;}
.r-tle h4{font-size:36px;color:#d9cbcb;line-height:36px;line-height:36px;}
.r-tle .alias{margin:2px 0;}
.role-txt p{height:22px;line-height:22px;margin:8px 0;}
.role-txt .gift{background:url(images/line.png) center bottom no-repeat;width:60px;text-align:center;padding-bottom:8px;color:#cabcbc;margin:10px 0;}
.role-img{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all 0.3s ease;}
.curMod .role-img{left:200px;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);opacity:1;transform:scale(1);filter:alpha(opacity=100);}
.curMod .role-txt{opacity:1;filter:alpha(opacity=100);}
.role-name{display:none;position:absolute;height:60px;width:65px;padding-right:5px;line-height:60px;text-align:right;font-size:16px;color:#fc0;background-color:#6b4b34;overflow:hidden;cursor:pointer;}
.card-con{height:202px;overflow:hidden;position:relative;}
.card-con .gid{position:absolute;}
.card-con .gid a{display:block;height:100%;background:url(images/card.jpg) no-repeat;}
.card-con .gid-1{height:202px;width:238px;top:0;left:0;}
.card-con .gid-2{height:99px;width:238px;top:0;left:241px;}
.card-con .gid-3{height:99px;width:238px;top:103px;left:241px;}
.card-con .gid-4{height:202px;width:238px;top:0;left:482px;}
.card-con .gid-5{height:99px;width:238px;top:0;left:723px;}
.card-con .gid-6{height:99px;width:238px;top:103px;left:723px;}
.card-con .gid-1 a{background-position:0 0;}
.card-con .gid-2 a{background-position:-241px 0;}
.card-con .gid-3 a{background-position:-241px -103px;}
.card-con .gid-4 a{background-position:-482px 0;}
.card-con .gid-5 a{background-position:-723px 0;}
.card-con .gid-6 a{background-position:-723px -103px;}
.card-con .gid a:hover{background:url(images/card-hover.jpg) no-repeat;}
.card-con .gid-1 a:hover{background-position:0 0;}
.card-con .gid-2 a:hover{background-position:-241px 0;}
.card-con .gid-3 a:hover{background-position:-241px -103px;}
.card-con .gid-4 a:hover{background-position:-482px 0;}
.card-con .gid-5 a:hover{background-position:-723px 0;}
.card-con .gid-6 a:hover{background-position:-723px -103px;}
.infor-con{height:235px;overflow:hidden;margin-top:5px;}
.infor-inner .tab{display:inline;float:left;width:239px;height:235px;overflow:hidden;}
.infor-inner .mid{margin:0 1px;}
.infor-inner .tab a{display:block;height:100%;position:relative;}
.infor-inner .tab img{height:100%;width:100%;}
.infor-inner .tab .bg{height:35px;width:100%;position:absolute;left:0;bottom:0;background:#000;filter:alpha(opacity=30);background-color:rgba(0,0,0,.8);}
.infor-inner .tab .desc{position:absolute;left:0;bottom:0;width:100%;line-height:35px;height:35px;text-align:center;color:#dca57d;font-size:18px;font-weight:bold;z-index:2;}
.infor-inner .tab a:hover .desc,.infor-inner .hover a .desc{color:#fc0;}
.infor-inner .cnt{display:inline;float:left;width:0;height:235px;overflow:hidden;transition:all .2s linear;}
.infor-inner .cur{width:240px;}
.infor-inner .cnt .t-con{padding:25px 15px 0;}
.infor-inner .t-con .title{color:#cabcbc;font-size:18px;font-weight:bold;line-height:20px;margin:0 0 15px 8px;}
.ziliao li{display:inline;float:left;height:20px;line-height:20px;width:60px;margin:2px 0 2px 8px;overflow:hidden;}
.ziliao li a{color:#998b85;}

/* newsPage */
.newsPage{background:url(images/news-bg.jpg) left top fixed;_background:url(images/news-bg.jpg) left top repeat-y;}
.scr-section{background:url(images/n-sec.png) left top no-repeat;height:194px;width:100px;position:fixed;left:962px;top:177px;display:none;}
.side-nav-wrap{position:fixed;left:0;top:40px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)+40);width:142px;height:1000px;overflow:hidden;background:#000;transition:all .1s linear;z-index:999;}
.side-nav-up{top:0;_top:expression(eval(document.documentElement.scrollTop));}
.news-logo{display:block;height:89px;width:142px;background:url(images/logo.jpg) -4px top no-repeat;margin:15px 0 20px;}
.side-nav li{height:50px;width:142px;line-height:52px;font-size:16px;border-bottom:solid 1px #2a2a2a;}
.side-nav .nav-1{border-top:solid 1px #2a2a2a;}
.side-nav li a{display:block;height:100%;position:relative;background:#000;color:#ccc;padding-left:50px;}
.side-nav li .n-ico{display:block;height:31px;width:31px;background:url(images/news-side.png) left top no-repeat;position:absolute;left:13px;top:11px;}
.side-nav .nav-1 .n-ico{background-position:0 0;}
.side-nav .nav-2 .n-ico{background-position:0 -54px;}
.side-nav .nav-3 .n-ico{background-position:0 -108px;}
.side-nav .nav-4 .n-ico{background-position:0 -161px;}
.side-nav .nav-5 .n-ico{background-position:0 -215px;}
.side-nav .nav-6 .n-ico{background-position:0 -269px;}
.side-nav .nav-7 .n-ico{background-position:0 0;}
.side-nav .news-nav .n-ico{background-position:0 -323px;}
.side-nav li a:hover{background:#940;color:#fff;}
.side-nav li a:hover .n-ico{background:url(images/news-side-hover.png) left top no-repeat;}
.side-nav .nav-1 a:hover .n-ico{background-position:0 0;}
.side-nav .nav-2 a:hover .n-ico{background-position:0 -54px;}
.side-nav .nav-3 a:hover .n-ico{background-position:0 -108px;}
.side-nav .nav-4 a:hover .n-ico{background-position:0 -161px;}
.side-nav .nav-5 a:hover .n-ico{background-position:0 -215px;}
.side-nav .nav-6 a:hover .n-ico{background-position:0 -269px;}
.side-nav .nav-7 a:hover .n-ico{background-position:0 0;}
.side-nav .news-nav a:hover .n-ico{background-position:0 -323px;}
.news-main{width:988px;min-height:1000px;}
.news-main .news-con{padding:28px 0 0 170px;}
.news-top{height: 130px;overflow:hidden;background:#211c19;position:relative;}
.news-login{width:404px;overflow:hidden;}
.top-tle{float:left;width:66px;height: 130px;background:#940;color:#dad2d2;font-size:20px;font-weight:bold;}
.top-tle p{padding: 32px 12px 0;line-height:30px;}
.news-main .loginframe{margin-left:78px;height: auto;width:325px;}
.news-main .loginframe .ipt1{width:180px;}
.news-main .log .user{top:12px;}
.news-main .log .psw{top:44px;}
.news-main .remember,.news-main .psw-btn{top:72px;}
.news-main .log-btn a{height:54px;width:93px;background:url(images/n-cmb.png) left top no-repeat;}
.news-main .log-btn{left:206px;top:16px;}
.news-main .log-btn a:hover{background-position:left -55px;}
.news-main .reg-btn{top:72px;left:225px;}
.news-main .reg-btn a{color:#fff;}
.news-server{position:absolute;left:404px;top:0;width:404px;}
.n-server-list{margin-left:78px;height:98px;width:325px;overflow:hidden;position:relative;padding-top: 20px;}
.news-main .quick-ingame{height:18px;line-height:18px;margin:12px 0 10px 4px;text-align:left;background:url(images/ico.png) left 4px no-repeat;padding-left:16px;}
.news-server .s-int{background:#ddd8d4;border:none;width:40px;vertical-align:middle;height:18px;line-height:18px;text-align:center;margin:0 4px;}
.news-server .quick-ingame a{background:url(images/n-cmb.png) -94px 0 no-repeat;height:18px;width:43px;}
.news-server .quick-ingame a:hover{background-position:-94px -19px;}
.ns-list li{display:inline;float:left;background:url(images/ico.png) left 4px no-repeat;height:20px;line-height:20px;padding-left:16px;width:138px;margin:2px 0 2px 4px;}
.ns-list li a{color:#848282;}
.ns-list li a:hover{color:#ffcc00;}
.ns-list li a span{color:#ffcc00;margin-left:2px;}
.srmore{display:block;height:15px;line-height:15px;padding-left:15px;background:url(images/ico.png) no-repeat left -16px;position:absolute;left:160px;top: 34px;color:#fff;}
.news-wrap{background:#ddd8d4;color:#000;font-size:14px;min-height:860px;_height:860px;}
.i-news-hd{background:#0b0b0b;height:40px;overflow:hidden;position:relative;color:#7b7b7b;}
.position span{color:#fff;font-size:20px;margin-left:12px;font-weight:bold;line-height:40px;}
.p-det{font-size:12px;position:absolute;bottom:5px;right:10px;}
.p-det a{color:#7b7b7b;}
.article-con{padding:20px 25px;min-height:760px;_height:760px;}
.art-title{border-bottom:solid 1px #aba2a2;padding:10px 2px 6px;text-align:center;color:#717171;}
.art-title .hd{font-size:24px;color:#000;margin:4px 0 8px;}
.art-main{padding-top:20px;}
.art-main img{vertical-align:middle;}
.article-relation{overflow:hidden;margin:50px 10px;font-size:12px;color:#c15600}
.article-relation dt{height:30px;line-height:30px;border-bottom:1px solid #aba2a2;font-weight:bold;margin:5px 0;color:#c15600;}
.article-relation dd{width:300px;display:inline;float:left;margin:0 50px 0 15px;overflow:hidden;height:30px;line-height:30px;}
.article-relation dd span{float:right;}
.article-relation a{color:#000;}
.article-relation .time{color:#000;}
.news-list-main{padding:32px;}
.news-list-main li{line-height:24px;height:24px;margin-bottom:4px;border-bottom:dashed 1px #999;font-size:14px;}
.news-list-main .time{color:#666;}
.news-list-main a{color:#000}
.news-list-main a:hover{color:#666;}
.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;}

/*server list*/
.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 23px 0 358px;}
.s-logo{position:absolute;width:200px;height:115px;left:40px;top:15px;text-indent:-9999px;overflow:hidden;}
.s-nav{padding:12px 0 0 366px;height:41px;}
.s-nav a{float:left;width:144px;height:41px;margin-right:6px;}
.s-nav a:hover{background:url(images/s-nav.png) no-repeat 0 0;}
.s-nav .sn-1:hover{background-position:-1px -1px;}
.s-nav .sn-2:hover{background-position:-151px -1px;}
.s-nav .sn-3:hover{background-position:-301px -1px;}
.s-nav .sn-4:hover{background-position:-451px -1px;}
.s-body .loginframe{color:#c4ccd0;position:absolute;padding-top:0;width:625px;height:90px;left:357px;top:128px;color:#999999;background:none;margin-left:0;}
.s-body .ipt1{background:#fff;width:180px;padding:2px 5px;height:24px;border:solid 1px #fff;color:#333;border-radius:3px;}
.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:194px;height:54px;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 -56px;}
.s-body .remember{left:20px;top: 54px;}
.s-body .remember a{color: #999;font-size: 12px}
.s-body .psw-btn{left:228px;top:50px;}
.s-body .reg-btn{left:308px;top:50px;}
.s-body .reg-btn a:hover{background:none;}
.s-body .loged{padding: 6px 10px 0 40px;}
.s-body .loged li{width:270px;float:left;height:25px;line-height:25px;margin-right:12px;}
.s-server-list{padding:0 2px 0 12px;}
.s-server-list li{float:left;width:189px;height:41px;text-align:center;line-height:38px;background:url(images/s-cmb.png) 0 -115px no-repeat;margin:0 5px 10px 0;}
.s-server-list a{display:block;height:100%;}
.sp-panel-wrap li{background-position:0 -156px;}
.s-server-list a:hover{opacity:.8;filter:alpha(opacity=80);}
.rec-server .s-name{line-height:40px;color:#ccc;font-size:18px;}
.s-body .quick-ingame{height:35px;line-height:35px;color:#fff;border-bottom:none;background:none;font-size:14px;text-align:center;}
.fastin-input{width:40px;height:18px;border:1px solid #bababa;background:#fff;color:#000;text-align:center;line-height:20px;}
.s-body .all{height:596px;overflow-y:auto;}
.loged .loged-highlight,.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:#413329;cursor:pointer;margin:0 3px;margin:1px 4px 1px 0;}
.sp-pager{margin:0 0 10px 0;overflow:hidden;}
.sp-pager li.on{background:#d8a55b;color:#000;}
.sq-dialog-alert{font-size:13px!important;}
.ns-list{height:46px;overflow:hidden;}

/*three*/
.loged .loged-top{display: none}
.loged img{ margin-right: 3px;vertical-align: middle;}
.loged-usercenter a {margin-left: 10px;}
.three{top: 101px;left: 10px;font-size: 12px;}
.three-top{left: 9px;top: 96px;}
.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 11px;line-height: 18px;}
.three-wx{background-position:  -39px 0;}
.three-wb{background-position:  -78px 0;}
.three span{display: inline-block;margin-right: 50px;color: #999;font-size: 12px;line-height: 14px;height: 14px;overflow: hidden;}
.three-top span, .s-body .three span{margin-right: 0}
.s-body .log .three{left: 228px;top: 53px;}
.s-body .three-icon{margin: 0 5px;}