@charset "UTF-8";
a,b,body,button,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,input,label,legend,li,p,pre,span,strong,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;outline:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
body{font:12px/1.5 "Microsoft Yahei",SimSun}
ul{list-style:none}
a,button{cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
img,input,select{vertical-align:middle}
.f-bc{margin-left:auto;margin-right:auto}
.f-cf{zoom:1}
.f-cf:after{clear:both;display:block;content:"";height:0;line-height:0;font-size:0}
.f-noborder{border:0!important}
.f-ac{text-align:center!important}
.f-al{text-align:left!important}
.f-ar{text-align:right!important}
.f-fl{float:left;_display:inline}
.f-fr{float:right;_display:inline}
.f-red{color:red!important}
.f-hide{display:none}
.cls{*zoom:1}
.cls:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:'.'}
.cls{clear:both}
a{text-decoration:none;color:#fff}
a:hover{color:#ff794a}
em,i,strong{font-weight:400;font-style:normal}
body{width:auto!important;width:1200px;min-width:1200px;background-color:#f5f5f5;position:relative}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.h1{display:none;width:0;height:0}
a:hover{text-decoration:none}
.h3-title{height:50px;width:100%;border-bottom:1px solid #d0d1cf;margin-bottom:10px}
.h3-title b{text-indent:-9999em;height:49px;width:100%;display:block;background:url("") center left no-repeat}
.h3-title i{width:120px;height:3px;background:#28a79e;display:block}
.main-font{color:#000;font-size:14px}
a.main-font:hover{color:#00aa90}
.hightlight-color{color:#333}
a.hightlight-color:hover{color:#00aa90}
.box{font-size:14px}
.header-box{position:relative;width:100%;height:auto;overflow:hidden}
.header-content{position:relative;width:1200px;margin:0 auto;height:1176px}
.content-box{position:relative;width:100%;height:auto;background-color:transparent;background-position:50% 100%;background-repeat:no-repeat}
.content{position:relative;width:1200px;margin:0 auto;padding-top:1px}
.index-content-box{background:url(images/bg.jpg) no-repeat center top}
.index-content{background:url(images/content-bg.jpg) no-repeat center top;height:735px;padding-top:0}
.kv-top{position:absolute;top:0;left:50%;margin-left:-1000px;width:2000px;height:1176px;overflow:hidden}
.kv-top .kv-top-img{overflow:hidden;width:100%;height:100%;position:relative;clear:both}
.kv-top .kv-top-img a,.kv-top .kv-top-img li{width:100%;height:100%;position:absolute;left:0;top:0}
.kv-top-hide{display:none}
.kv-top .kv-top-num{position:absolute;bottom:422px;left:50%;margin-left:-605px;z-index:1}
.kv-top .kv-top-num li{float:left;margin-left:8px;overflow:hidden;font-size:0;line-height:0;text-indent:-9999em;width:14px;height:14px;cursor:pointer;background:url(images/icon-kv.png)}
.kv-top .kv-top-num li.focus{background:url(images/icon-kv-h.png);width:30px}
.logo{display:block;position:absolute;top:0;left:50%;margin-left:-92px;text-indent:-9999em;overflow:hidden;background:url(images/logo.png);width:191px;height:109px}
.top-tips{display:block;position:absolute;top:578px;right:0;line-height:20px;height:20px;font-size:12px}
.top-nav-box{position:absolute;top:0;left:50%;margin-left:-516px;background:url(images/bg-top-nav.png);width:1033px;height:117px}
.top-nav-ul{width:100%;padding-top:35px;overflow:hidden}
.top-nav-li{float:left;text-align:center;width:129px}
.top-nav-li-blank{margin-left:258px}
.top-nav-li a i{font-size:12px;color:#2d2d2d;font-style:normal}
.top-nav-li a b{color:#2d2d2d;font-size:18px;display:block;width:100%;text-align:center;font-weight:100}
.top-nav-li a:hover b{color:#802100;transition:.2s}
.top-btn-box{position:absolute;top:490px;left:0;width:486px}
.start{position:absolute;top:0;left:0;display:block;width:266px;height:98px;overflow:hidden;background-image:url(images/play-game-btn.png);background-position:-287px 0}
.start:hover{background-position:0 0}
.start span{background-image:url(images/play-game-text.png);display:block;position:absolute;top:0;left:0;text-indent:-9999em;overflow:hidden;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat}
.start span::after{content:"";background-image:url(images/play-game-text.png);display:block;position:absolute;top:0;left:0;text-indent:-9999em;overflow:hidden;width:100%;height:100%;background-position:50% 50%;background-repeat:no-repeat}
.start:hover span::after{animation:startBig 1.2s infinite;-webkit-animation:startBig 1.2s infinite}
.start:hover span{animation:startBig2 1.2s infinite;-webkit-animation:startBig2 1.2s infinite}
@keyframes startBig{0%{transform:scale(1) rotateX(0deg);opacity:.4}
100%{transform:scale(1.6) rotateX(-60deg);opacity:0}}
@-webkit-keyframes startBig{0%{-webkit-transform:scale(1) rotateX(0deg);opacity:.4}
100%{-webkit-transform:scale(1.6) rotateX(-60deg);opacity:0}}
@keyframes startBig2{0%{transform:scale(1)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}}
@-webkit-keyframes startBig2{0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}}
.download-btn{position:absolute;top:0;right:0;background:url(images/download-btn.png) no-repeat;width:210px;height:98px;text-indent:-9999em;overflow:hidden}
.download-btn:hover{background-position:-210px 0}
.top-server-list{position:absolute;top:600px;left:277px;background:url(images/login-bg.png);width:210px;height:300px}
.server-box{width:190px;overflow:hidden;margin:19px auto 0}
.server-tab{height:34px}
.server-tab li{height:34px;width:92px;text-align:center;font:14px/34px "Microsoft Yahei";float:left;background:url(images/server-tab.png) -98px 0 no-repeat}
.server-tab li.first{margin-right:6px}
.server-tab li.current{background-position:0 0}
.server-tab a{height:100%;display:block;color:#cbcccc}
.server-tab li.current a{color:#28a79e}
.server-content{height:246px;overflow:hidden;position:relative}
.box .quick-ingame{color:#262626;text-align:center;height:22px;line-height:22px;font-size:13px;padding:15px 0;border-bottom:1px solid #e1e3e3}
.box .quick-enter-input{margin-left:6px;width:45px;text-align:center;display:inline-block;vertical-align:top;height:20px;line-height:20px;padding:0;background:#fff;border:1px solid #344159}
.box .quick-enter-click{margin-left:6px;display:inline-block;color:#fff;height:22px;width:67px;line-height:22px;background:#f29e1e;vertical-align:top;transition:all .2s}
.quick-enter-click:hover{background:#eb7e13;color:#fff}
.choice-list{width:100%;margin:10px auto;height:120px;overflow:hidden}
.choice-list li{width:168px;height:30px;line-height:30px;font-size:12px;background:url(images/icon-arrow.png) 0 50% no-repeat;padding-left:20px;float:left;overflow:hidden}
.choice-list a{color:#262626;overflow:hidden;height:100%;display:block}
.choice-list a:hover{color:#00aa90}
.choice-list span{float:right}
.all-server{float:right;font-size:12px;display:block;width:100px;height:28px;line-height:28px;overflow:hidden;text-align:center;color:#000}
.all-server:hover{background-position:0 0;color:#00aa90}
.all-server i{display:inline-block;float:right;margin-top:7px;width:15px;height:15px;background:url(images/icon-more-btn.png) -25px 0 no-repeat}
.all-server:hover i{background-position:0 0}
.kv-box{position:absolute;top:600px;right:0;width:704px;height:300px;background:#fff;overflow:hidden}
.kv{width:100%;height:100%;overflow:hidden}
.kv img{width:704px;height:300px}
.kv-num{position:absolute;bottom:10px;right:20px}
.kv-num li{float:left;margin-right:5px;background:url(images/icon-kv.png) center;font-size:0;width:14px;height:14px}
.kv-num .focus{background-image:url(images/icon-kv-h.png);width:30px;transition:.5s}
.news-box{position:absolute;top:-240px;left:0;width:486px;height:237px;overflow:hidden}
.news-con{width:100%;height:100%;background:#f5f7f7;overflow:hidden}
.news-tab{width:100%;height:37px;position:relative;border-bottom:2px solid #1ca6a8}
.news-tab .more-btn{display:block;position:absolute;top:12px;right:20px;width:15px;height:15px;background-image:url(images/icon-more-btn.png);overflow:hidden;text-indent:-9999em;background-position:-25px 0}
.news-tab .more-btn:hover{background-position:0 0}
.news-tab ul{width:85%;height:37px;overflow:hidden}
.news-tab li{float:left;line-height:37px;text-align:center;width:65px;height:37px}
.news-tab li.current{background:url(images/bg-news-nav.png)}
.news-tab a{display:block;width:100%;height:37px;font-size:16px;color:#6b6b6b}
.news-tab .current a,.news-tab a:hover{color:#fff}
.news-tab .line{display:none}
.news-tab .current .line{width:100%;transition:.5s}
.headline{font-weight:700;margin:0 auto;width:85%;border-bottom:2px dotted #f3f2f2;height:20px;padding:12px 0;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.headline a{color:#f09c1e;font-size:18px;overflow:hidden}
.headline b{background:url(images/icon-new-header.png) no-repeat;width:27px;height:16px;display:inline-block;padding-left:5px}
.headline i{background:url(images/icon-hot.png) top center no-repeat;width:20px;height:100%;display:inline-block}
.news-list{width:90%;margin:0 auto;height:138px;overflow:hidden}
.news-list ul{width:100%;height:100%}
.news-list li{border-bottom:1px dotted #d7d8d9;width:100%;height:26px;line-height:26px}
.news-list .time{float:right;color:#a6a9ad}
.news-list a{color:#000;float:left;transition:.3s}
.news-list a.a-link{width:333px;margin-left:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.news-list a:hover{color:#00aa90;transition:.3s}
.news-list .a-link:hover{text-decoration:underline;transition:.3s;margin-left:5px;color:#000}
.new-gift-box{position:absolute;top:-240px;right:0;idth:380px;height:260px}
.new-gift-box p{width:100%;height:71px;margin-bottom:12px}
.new-gift-box a{position:relative;background-image:url(images/new-gift-btn.png);width:380px;height:71px;display:block;text-indent:-9999em;overflow:hidden;color:#a9aeb3;cursor:pointer}
.gift-a-1{background-position:0 -142px}
.gift-a-1:hover{background-position:0 -213px}
.gift-a-2{background-position:0 0}
.gift-a-2:hover{background-position:0 -71px}
.gift-a-3{background-position:0 -284px}
.gift-a-3:hover{background-position:0 -355px}
.game-ziliao-box{position:absolute;top:-240px;left:496px;width:318px;height:260px;background:url(images/bg-ziliao.png) center no-repeat;overflow:hidden}
.ziliao-content{width:100%;height:260px;overflow:hidden}
.zl-tab{width:100%;overflow:hidden}
.zl-tab li{float:left;width:146px;height:120px;overflow:hidden;user-select:none;position:relative}
.zl-tab .zl-li1,.zl-tab .zl-li3{margin:0 0 10px 16px}
.zl-tab .zl-li2,.zl-tab .zl-li4{margin:0 6px 10px 14px;width:136px}
.zl-tab .zl-a{position:absolute;top:0;left:0;display:block;margin:0 auto;width:100%;height:95px;padding-top:30px;background-repeat:no-repeat;text-align:center;color:#000;font-size:18px}
.zl-tab .zl-a i{text-indent:-9999em;overflow:hidden;font-size:0}
.zl-li1 .zl-a{background:url(images/text-zl-1.png) center no-repeat}
.zl-li2 .zl-a{background:url(images/text-zl-2.png) center no-repeat}
.zl-li3 .zl-a{background:url(images/text-zl-3.png) center no-repeat}
.zl-li4 .zl-a{background:url(images/text-zl-4.png) center no-repeat}
.zl-li1 .zl-a:hover{background:url(images/text-zl-1-h.png) center no-repeat}
.zl-li2 .zl-a:hover{background:url(images/text-zl-2-h.png) center no-repeat}
.zl-li3 .zl-a:hover{background:url(images/text-zl-3-h.png) center no-repeat}
.zl-li4 .zl-a:hover{background:url(images/text-zl-4-h.png) center no-repeat}
.zl-tab a:hover{color:#802100}
.zl-tab i{display:block;width:100%;text-transform:uppercase;font-size:12px;font-style:normal}
.zl-tab div{transform:rotateY(-180deg);transition:transform .8s;transform-style:preserve-3d;backface-visibility:hidden;display:block;position:absolute;top:150px;left:0;width:140px;padding:30px 5px;text-align:center;overflow:hidden}
.current div{transform:rotateY(0deg);transition:transform .8s;top:0}
.zl-tab div a{display:block;font-size:14px;float:left;width:69px;height:20px;margin:0 0 3px;line-height:20px;padding:0;color:#000;position:static;overflow:hidden;*overflow:visible;white-space:nowrap;*margin-top:0}
.zl-tab .zl-a{text-indent:-9999em;overflow:hidden;transition:opacity .5s,transform .3s}
.current .zl-a{opacity:0;transform:scale(0.5,2);transition:opacity .5s,transform .3s;top:150px}
.zl-tab .zl-more-btn{width:45px;height:20px;position:absolute;right:18px;bottom:-200px;transition:.3s;color:#000;font-size:12px;line-height:23px}
.zl-more-btn i{display:block;float:right;background-position:-25px 0;width:15px;height:15px;background-image:url(images/icon-more-btn.png);margin-top:3px}
.zl-tab .current .zl-more-btn{bottom:0}
.zl-tab .zl-more-btn:hover{color:#0bb091}
.zl-tab .zl-more-btn:hover i{background-position:0 0}
.kf-center-box{position:absolute;top:580px;left:0;width:590px;height:180px;overflow:hidden}
.kf-center-box .h3-title b{background-image:url(images/text-1.png)}
.kf-text-box{width:100%;height:100%;color:#000;line-height:28px}
.kf-text-box li{width:180px;float:left}
.kf-text-box a{width:70px;height:20px;line-height:20px;text-align:center;background-color:#00aa90;color:#fff;display:inline-block}
.kf-text-box a:hover{background-color:#00c6b6}
.kf-text-box li.rexian{width:150px}
.kf-text-box img{width:66px;height:66px;position:absolute;right:15px}
.friendly-link-box{position:absolute;top:580px;left:610px;width:590px;height:180px;overflow:hidden}
.friendly-link-box .h3-title b{background-image:url(images/text-2.png)}
.links{float:left;height:100px;overflow:hidden;line-height:28px}
.links a{color:#000;margin:0 10px 0 0}
.links a:hover{text-decoration:underline;color:#28a79e}
.img-show-box{position:absolute;top:36px;left:0;width:1200px;height:500px;padding-top:1px}
.img-show-nav-box{position:absolute;top:0;right:0;width:410px;height:100%}
.img-show-nav-a{width:224px;height:72px;display:block;position:absolute}
.current .img-show-nav-a,.img-show-nav-a:hover{width:190px;background:url(images/category/bg-nav.png);padding-right:34px}
.img-show-nav-a1{top:102px;right:145px}
.img-show-nav-a2{top:178px;right:175px}
.img-show-nav-a3{top:261px;right:173px}
.img-show-nav-a4{top:339px;right:142px}
.img-show-nav-bg{display:block;background:url(images/category/category-zuo.png) center right no-repeat;width:100%;height:100%}
.img-show-nav-a1 .img-show-nav-bg{background-image:url(images/category/category-long.png)}
.current .img-show-nav-a1 .img-show-nav-bg,.img-show-nav-a1:hover .img-show-nav-bg{background-image:url(images/category/category-long-h.png)}
.img-show-nav-a2 .img-show-nav-bg{background-image:url(images/category/category-person.png)}
.current .img-show-nav-a2 .img-show-nav-bg,.img-show-nav-a2:hover .img-show-nav-bg{background-image:url(images/category/category-person-h.png)}
.img-show-nav-a3 .img-show-nav-bg{background-image:url(images/category/category-zuo.png)}
.current .img-show-nav-a3 .img-show-nav-bg,.img-show-nav-a3:hover .img-show-nav-bg{background-image:url(images/category/category-zuo-h.png)}
.img-show-nav-a4 .img-show-nav-bg{background-image:url(images/category/category-wing.png)}
.current .img-show-nav-a4 .img-show-nav-bg,.img-show-nav-a4:hover .img-show-nav-bg{background-image:url(images/category/category-wing-h.png)}
.img-show-nav-circle{display:block;background:url(images/category/icon-circle.png);width:16px;height:16px;position:absolute;top:50%;right:-30px;margin-top:-8px}
.current .img-show-nav-circle,.img-show-nav-a:hover .img-show-nav-circle{background:url(images/category/icon-circle-h.png)}
.img-show-content-box{position:absolute;top:20px;left:40px;width:750px;height:400px;overflow:hidden}
.img-show-title{background:url(images/category/bg-title.png);width:252px;height:85px;font-size:46px;line-height:50px;color:#29b6ae;text-align:center;font-weight:700;margin-top:30px}
.img-show-con{width:255px;padding-top:20px;height:255px;overflow:hidden;color:#7d7e7c;line-height:24px}
.img-show-con b{color:#262626;display:block;font-size:16px;margin:10px 0 15px}
.img-show-img{position:absolute;top:30px;left:100px}
.img-show-img embed{width:1000px;height:350px}
#img-show-tab-box{background:url(images/category/bg-btns.png) no-repeat;position:absolute;width:635px;height:62px;top:400px;left:50px;padding:10px 0 0 58px}
#img-show-tab-box li{float:left;width:55px;height:55px;margin-right:10px}
#img-show-tab-box a{width:55px;height:55px;display:block}
.img-show-tab-long a{background-image:url(images/category/btns-long.png)}
.img-show-tab-long .cur a,.img-show-tab-long a:hover{background-image:url(images/category/btns-long-h.png)}
.img-show-tab-wing a{background-image:url(images/category/btns-wing.png)}
.img-show-tab-wing .cur a,.img-show-tab-wing a:hover{background-image:url(images/category/btns-wing-h.png)}
.img-show-tab-shen a{background-image:url(images/category/btns-shen.png)}
.img-show-tab-shen .cur a,.img-show-tab-shen a:hover{background-image:url(images/category/btns-shen-h.png)}
.img-show-tab-person a{background-image:url(images/category/btns-person.png)}
.img-show-tab-person .cur a,.img-show-tab-person a:hover{background-image:url(images/category/btns-person-h.png)}
.img-show-tab-zuo a{background-image:url(images/category/btns-zuo.png)}
.img-show-tab-zuo .cur a,.img-show-tab-zuo a:hover{background-image:url(images/category/btns-zuo-h.png)}
.img-show-tab-a-1{background-position:0 0}
.img-show-tab-a-2{background-position:-65px 0}
.img-show-tab-a-3{background-position:-129px 0}
.img-show-tab-a-4{background-position:-194px 0}
.img-show-tab-a-5{background-position:-258px 0}
.img-show-tab-a-6{background-position:-323px 0}
.img-show-tab-a-7{background-position:-387px 0}
.img-show-tab-a-8{background-position:-451px 0}
.img-show-tab-a-9{background-position:-516px 0}
.c-box{background-color:#fff}
.c-box .section{background:0 0;padding-top:1px;margin-top:-580px}
.c-box .content{overflow:hidden;padding-bottom:100px}
.c-box .side-content{float:left;width:266px;height:920px;position:relative}
.c-box .main-content{float:right;width:923px;min-height:920px;background:#f8f8f8}
.c-box .login{top:0;left:0}
.c-box .top-server-list{top:315px;left:0;width:266px}
.c-box .kf-center-box{top:630px;left:0;width:266px;background:url(images/login-bg.png);height:291px}
.c-box .kf-center-box .h3-title{width:252px;margin:0 auto 10px}
.c-box .kf-center-box .kf-text-box{padding-left:35px;height:200px;width:200px}
.article{width:100%;height:auto}
.article-top{background:url(images/bg-article.jpg) center repeat;width:923px;height:47px;color:#fff;padding:15px 0 0 30px;overflow:hidden}
.article-top-title{font-size:26px;width:250px;background:url(images/icon-article.png) center left no-repeat;text-indent:35px}
.article-top-nav{font-size:12px;position:absolute;top:40px;right:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:500px;text-align:right}
.article-top-nav a{color:#fff}
.article-top-nav a:hover{text-decoration:underline}
.article-main{width:840px;margin:0 auto;height:auto;color:#55565a;padding:30px 0}
.article-list li{height:30px;line-height:30px;border-bottom:1px dotted #e1e3e7;color:#505050;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}
.article-list li:hover{background:#e9eaeb}
.article-list .time{float:right}
.article-list a{color:#505050}
.article-list a:hover{color:#8e1e11;text-decoration:underline}
.article-content-pager,.pageNum{padding:30px;text-align:center}
.article-content-pager .current,.article-content-pager a,.pageNum .current,.pageNum a{padding:5px;background:#d8dadc;color:#666}
.article-content-pager .current,.article-content-pager a:hover,.pageNum .current,.pageNum a:hover{background:#2abeb7;color:#fff}
.article-title{color:#8e1e11;font-size:20px;text-align:center}
.article-detail{font-size:14px;color:#8f8f8f;text-align:center;height:40px;border-bottom:1px dotted #8f8f8f}
.article-content{padding:10px}
.article-content a{color:#55565a}
.article-content a:hover{color:#8e1e11}
.article-content img{max-width:680px}
.article-relation{overflow:hidden}
.article-relation dd{width:40%;height:30px;line-height:30px;float:left;margin:0 16px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-right:50px}
.article-relation a{color:#505050;transition:.3s}
.article-relation a:hover{color:#00aa90;margin-left:5px}
.article-relation .time{float:right;margin-right:-50px}
.article-relation dt{border-bottom:1px dotted #e1e3e7;list-style:none;width:100%;padding:40px 0 5px;margin-bottom:5px}
.card-content{padding-left:100px;margin-bottom:30px;font-size:14px}
.card-content p{padding-top:10px;padding-bottom:10px}
.sq-dialog-content{text-align:center}
.article-content a.card-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid #357ebd;border-radius:4px;margin-right:30px;color:#fff;background:#428bca}
.slist-wrap{background:#e6ebea url(images/server/s-bg.jpg) no-repeat center top;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.slist-wrap .quick-ingame{width:647px;height:32px;line-height:32px;color:#262626;border-bottom:0;background:0 0;margin:40px 0 10px;text-align:center;font-size:12px}
.slist-wrap .quick-enter-input{width:45px;text-align:center;border:0;background:#fff;color:#000;height:20px;line-height:20px}
.slist-wrap .quick-enter-click{width:56px;height:21px;line-height:21px;background:#6baaf2;text-align:center;color:#fff;padding:0;display:inline-block;border-radius:3px}
.slist-wrap .quick-enter-click:hover{color:#fff100}
.s-main-wrap{width:1000px;margin:0 auto;background:#e6ebea url(images/server/s-main.jpg) no-repeat center top;color:#504f4f;height:1100px;padding-bottom:0;position:relative}
.s-logo{position:absolute;top:12px;left:7px;width:266px;height:115px}
.s-header{height:136px}
.ico3-nav{width:158px;height:100%;text-indent:-999px;overflow:hidden;display:inline;float:left;margin-right:12px}
.s-nav{float:right;padding:40px 19px 0 0;line-height:1;font-size:12px;color:#fff;width:668px;height:69px;overflow:hidden;*position:relative}
.s-nav .ico3-fav{margin-right:0}
.s-nav a:hover{background:url(images/server/top-nav-hover.png) no-repeat}
.s-nav .ico3-bbs:hover{background-position:-170px 0}
.s-nav .ico3-pay:hover{background-position:-340px 0}
.s-nav .ico3-fav:hover{background-position:-510px 0}
.sp-panel-wrap{overflow:auto;height:620px;overflow-x:hidden}
.sp-panel-wrap ul{width:110%;overflow:hidden}
.s-module-log{width:265px;height:300px;position:absolute;top:136px;left:7px;z-index:2;color:#d1a14f}
.s-module-log .login{color:#999;background:0 0;width:266px;height:300px;position:absolute;left:0;top:0}
.s-module-log .art-title2{display:none}
.s-module-log .reg-url{margin:5px auto}
.s-module-rig{width:707px;height:900px;overflow:hidden;float:right}
.s-content{padding-top:76px;padding-left:31px;padding-right:0}
.s-content .rec-server-list{height:37px;overflow:hidden;padding-left:110px}
.s-content .s-name{display:none}
.s-server-list a{display:block;height:100%;color:#fff}
.s-server-list a:hover,.s-server-list a:hover span{color:#fff100}
.s-server-list span{float:right;padding-right:20px;color:#fff100;transition:color .15s}
.s-server-list li{float:left;margin:0 18px 11px 0;text-align:center}
.s-server-list li a{display:block;width:204px;height:37px;line-height:37px;color:#fff;overflow:hidden;background:url(images/server/list-btn2.png) no-repeat}
.s-server-list li:after{content:none}
.sp-pager{overflow:hidden;margin-bottom:10px}
.sp-pager li{color:#262626;width:69px;height:23px;line-height:23px;background:#fff;cursor:pointer;margin:2px 3px 0 0;font-size:12px}
.sp-pager li.on{background:#6daceb;color:#fff}
.s-panel-wrap{overflow:auto;height:620px;margin-right:3px}
.s-content .rec-server-list li a{background:url(images/server/list-btn1.png) no-repeat}
.s-main-wrap .loginframe{background:0 0}
.server-type-box{margin-top:90px}
.login{color:#999;background:url(images/login-bg.png) no-repeat;width:266px;height:300px;font-size:14px;position:absolute;left:0;top:600px}
.login .login-t{display:none}
.log{text-align:center;padding-top:30px}
.loged{display:none;margin:20px;overflow:hidden}
.loged .l-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.loged a:hover,.login .l-name span{color:#e86656}
.l-message a,.l-usergame{color:#999}
.l-usergame ul{width:188px;overflow:hidden}
.l-usergame li{line-height:24px;height:24px;overflow:hidden;margin:0}
.l-usergame li a{color:#262626}
.loged .l-btn{width:100%;overflow:hidden;padding:15px 0}
.loged .l-btn a{background:#00aa90;color:#fff!important;margin-right:2px;display:inline-block;text-align:center;transition:all .2s;font-size:12px;width:71px;padding:3px 0}
.loged .l-btn a:hover{background:#e86656;color:#fff!important}
.loged .l-btn .l-user{margin-right:0}
.top-content-box{width:100%;position:absolute;left:0;top:0;z-index:2}
.top-kv-box{width:2000px;height:100%;position:absolute;left:50%;top:0;margin-left:-1000px}