@charset 'utf-8';html,body,div,span,iframe,h1,h2,h3,h4,h5,p,pre,em,img,strong,b,i,dl,dt,dd,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0}
a,input,button{margin:0;padding:0;outline:0}
h1,h2,h3,h4,h5{font-size:100%}
ul,li{list-style:none}
a,button{cursor:pointer}
table{border-spacing:0;border-collapse:collapse;margin:0 auto}
.cls{*zoom:1}
.cls:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:'.'}
.cls{clear:both}
a{text-decoration:none;color:#aaabac}
a:hover{text-decoration:none;color:#bd9d60}
.hidden{display:none}
em,i,strong{font-weight:400;font-style:normal}
body{overflow-x:hidden;z-index:999;}
.body{font:14px/1.5 'Microsoft Yahei',SimSun;position:relative;overflow-x:hidden;color:#aaabac;background:#000;}
.header{position:relative;width:1200px;height:517px;*height:800px;*z-index:999}
.wrap{position:relative;z-index:2;width:1200px;margin:auto;padding-bottom:100px;*margin-top:0;background:url(../images/mainS.jpg) top center no-repeat;margin-top:-270px;z-index:999;}
.main{float:right;width:913px}
.top-nav{position:absolute;z-index:2;top:0px;left:0px;margin-left:-366px;width:1920px;height:500pxfont-size:15px;height: 517px;}
.nav li{float:left;width:93px;text-align:center;border-right:1px solid #3d0300}
#navLast{border:0}
.nav a{color:#421d0a;display:block}
.nav a:hover{color:#a01800}
.sub-nav{position:relative;z-index:2;text-align:center;width:470px;display:none}
.sub-nav ul{float:left;width:94px}
.sub-nav li{line-height:26px;height:26px}
.sub-nav a{color:#353535}
.hot,.new{background:url(../images/icon.png) no-repeat 77px -75px}
.new{background-position:74px -98px}
.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-show .mid-code{display:block;top:22px}
.logo,.s-logo{text-indent:-9999px;position:absolute;z-index:2;left:85px;top:5px;width:145px;height:90px;background:url(../images/logo.png) no-repeat}
.tips18{font-size:16px;position:absolute;z-index:2;top:486px;left:50%;margin-left:-576px;letter-spacing:1px;color:#ddd}
.qqgroup a{width:90px;height:22px;background:url(../images/qq.jpg) no-repeat;position:absolute;bottom:10px;left:50%;margin-left:508px;display:block;z-index:1}
.side{float:left;width:287px}
.start{width:287px;height:95px;background:url(../images/start.jpg) no-repeat;padding-top:32px;display:block}
.start span,.start span:after{display:block;width:170px;height:63px;margin:0 auto;background:url(../images/starttext.png) no-repeat;content:"";cursor:pointer}
.start:hover span{animation:linear icoBig 1.6s infinite;-webkit-animation:linear icoBig 1.6s infinite}
.start:hover span: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}}
.starts{width:287px;height:95px;background:url(../images/start.jpg) no-repeat;padding-top:32px;display:block}
.starts span,.starts span:after{display:block;width:170px;height:63px;margin:0 auto;background:url(../images/starttexts.png) no-repeat;content:"";cursor:pointer}
.starts:hover span{animation:linear icoBig 1.6s infinite;-webkit-animation:linear icoBig 1.6s infinite}
.starts:hover span: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}}
.block-a{display:block;overflow:hidden;height:100%;text-indent:-9999em}
.login{font-size:12px;height:77px;color:#cacaca;background-color:#2f2f2f;position:relative}
.login .t{width:260px;margin:auto;border-bottom:1px solid #484850}
.login-t a{font-size:16px;line-height:43px;float:left;width:130px;height:43px;color:#e5eeff;background:url(../images/rp-btn.jpg) no-repeat;opacity:.8}
.login-t a:hover{opacity:1}
.login-t{position:absolute;top:15px;left:15px}
#btn-reg{width:128px}
.mark{display:block;float:left;width:22px;height:22px;margin:10px 8px 0 23px;transition:all .5s ease-out;transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;_display:inline}
.m1{background:url(../images/doller.png) no-repeat}
.m2{background:url(../images/head.png) no-repeat}
#charge:hover .mark,#btn-reg:hover .mark{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
.log{position:relative}
.log li{position:absolute}
.text{font-family:'Microsoft Yahei';line-height:24px;width:152px;height:24px;padding:0 6px;color:#76808b;background-color:#201f1f}
.user{top:15px;left:15px}
.psw{top:47px;left:15px}
.user label,.psw label{display:none}
.remember{top:76px;left:15px}
.get-psw{top:76px;left:189px}
.log-btn{top:15px;left:189px;width:84px;height:56px}
.log-btn a{background:url(../images/log-btn.jpg) no-repeat;opacity:.8}
.log-btn a:hover{opacity:1}
.loged{width:262px;margin:0 auto;padding:4px 0 0}
.loged li{line-height:24px}
.loged-usercenter{text-align:right}
.loged-usercenter a{margin-left:5px}
.recom-server{height:298px;background-color:#383838;position:relative;padding:20px 13px 0 14px}
.recom-server .t{background-position:5px -339px;margin:auto}
.quick-ingame{line-height:45px;width:212px;height:45px;text-align:center;border-bottom:1px solid #595959;margin:auto}
.fastin-input{width:37px;height:19px;text-align:center;line-height:19px;color:#000;background:#afafaf}
.fastin-btn{width:58px;height:20px;display:inline-block;background:url(../images/jpg_sprite.jpg) no-repeat -5px -417px;vertical-align:middle;text-indent:-9999em}
.fastin-btn i{color:#ff8f16}
.fastin-btn:hover{background:url(../images/jpg_sprite.jpg) no-repeat -513px -417px}
.sidebar-server{height:170px;width:208px;margin:0 auto;overflow:hidden}
.sidebar-server li{height:33px;line-height:33px;overflow:hidden;border-bottom:1px dashed #525356}
.sidebar-server li i{display:inline-block;width:12px;height:12px;background:url(../images/icon.png) no-repeat;margin-right:5px}
.sidebar-server li a{display:block}
.sidebar-server li:first-child a{color:#e94d00}
.sidebar-server li span{float:right}
.sidebar-server li a:hover{color:#e94d00}
.server-more{line-height:24px;width:74px;height:24px;position:absolute;right:0;top:17px;font-size:14px}
.all-server{width:215px;height:35px;background:url(../images/all-btn.jpg) no-repeat;display:block;margin:auto;opacity:.8}
.all-server:hover{opacity:1}
.t{width:260px;height:22px;padding:0 0 10px;background:url(../images/png_sprite.png) no-repeat}
.s-hot{display:block;position:absolute;right:16px;width:13px;height:13px}
.s-new{display:none}
.s-hot{background:url(../images/hot.png) no-repeat;top:108px}
.s-new{background:url(../images/new.png) no-repeat;top:142px}
.jietu{width:260px;height:298px;padding:0 13px 0 14px;padding-top:20px;background:#292929;overflow:hidden;position:relative}
.jietu .t{background-position:2px -189px}
.jietu .jietu_pic{width:100%;height:234px;padding-top:16px;overflow:hidden}
.more{line-height:16px;display:block;float:right;width:16px;height:16px;margin:4px 0 0;background:url(../images/icon.png) no-repeat;transition:.5s}
.more:hover{background-position:0 -19px}
.s_click{width:20px;height:50px;display:block;position:absolute;cursor:pointer;z-index:2}
#left_click{top:45%;left:8px;background:url(../images/left.png) no-repeat}
#right_click{top:45%;right:6px;background:url(../images/right.png) no-repeat}
#left_click:hover{background:url(../images/left_hov.png) no-repeat}
#right_click:hover{background:url(../images/right_hov.png) no-repeat}
.service{line-height:24px;width:273px;height:298px;padding:0 0 0 14px;padding-top:20px;background:#2f2f2f}
.service .t{width:260px;background-position:2px -96px}
.service .con{padding:7px 0 0 25px}
.service a{display:inline-block;width:69px;height:19px;background:#d1b06c;color:#383838;opacity:.8;text-align:center;line-height:19px}
.service a:hover{opacity:1}
.qr{float:left;width:87px;height:87px;margin-top:25px;padding:3px;background:#fff}
.qr i{display:block;width:100%;height:100%;background:url(../images/code.jpg) no-repeat}
.qr-des{font-weight:700;float:left;width:140px;padding-top:35px;text-align:center}
.qr-des em{color:#bd9d60;margin-left:14px}
.media{height:118px;padding:20px 0 0 14px;background:#292929}
.media .t{width:260px;background-position:2px -142px}
.media .con{overflow:hidden;height:85px}
.media-scroll{overflow:hidden;width:150px;height:50px;margin:15px 0 0 45px}
.media-scroll li{width:150px;height:50px}
.media-scroll img{width:150px;height:50px}
.kv{position:relative;float:left;width:620px;height:330px;overflow:hidden;z-index:1}
.kv-num{position:absolute;right:6px;bottom:10px}
.kv-num li{width:14px;height:14px;float:left;overflow:hidden;margin-right:8px;cursor:pointer;border-radius:30px;background:#616468}
.kv-num li:hover,.kv-num li.current{background:#d6ad67;width:30px}
.kv-img img{width:620px;height:331px}
.fast{float:left;width:293px;height:331px;background:#272727;overflow:hidden}
.f{position:relative;display:block;width:100%;height:110px;background:url(../images/right-link.jpg) no-repeat;opacity:.8}
.f:hover{opacity:1}
.f2{background-position:0 -110px}
.f3{height:111px;background-position:0 -220px}
.f i{position:absolute;top:16px;left:28px;display:block;width:68px;height:68px;text-indent:-9999em;transition:.8s;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}
.f:hover i{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.f1 i{background:url(../images/saul.png) no-repeat 3px 4px}
.f2 i{background:url(../images/gif.png) no-repeat 3px 4px}
.f3 i{background:url(../images/sheild.png) no-repeat 3px 4px}
#news{float:left;width:577px;height:309px;padding:9px 21px 0 22px;background:#202020;overflow:hidden}
#news .more{margin:12px;text-indent:-9999em}
.news-tab{height:42px;border-bottom:2px solid #56565e}
.news-tab li{font-size:18px;display:inline;float:left;position:relative}
.news-tab li a{line-height:42px;display:block;width:102px;height:42px;text-align:center;color:#888d94;transition:.5s}
.news-tab li a:hover,.news-tab li.current a{color:#e1e1e1}
.line{display:block;position:absolute;bottom:-2px;z-index:3;width:0;height:2px;background-color:#bd9d60;transition:.5s;_display:none}
.news-tab li:hover .line,.news-tab li.current .line{width:100%}
.headline{overflow:hidden;height:43px;margin:8px 0 0;padding:0 14px;background:#3d3d3d;text-align:center}
.headline i{display:inline-block;width:17px;height:16px;padding:6px 0 0 6px;background:url(../images/icon.png) no-repeat -2px -347px}
.headline-title{font-size:20px;font-weight:700;line-height:48px;display:block;overflow:hidden;height:48px;white-space:nowrap;text-overflow:ellipsis;color:#bd9d60}
.headline-sum{font-size:12px;line-height:14px;display:block;overflow:hidden;height:14px;white-space:nowrap;text-overflow:ellipsis;color:#99a0b1}
.news-list li{line-height:35px;overflow:hidden;width:568px;height:35px;margin:0 auto;border-bottom:1px dashed #626d7e;white-space:nowrap;text-overflow:ellipsis}
.news-list li:last-child{border:0}
.news-list a{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;color:#b2b3b6}
.news-list a:hover{color:#bd9d60}
.a-link:hover{padding-left:5px}
.time{float:right;color:#cacaca}
.fast2{float:left;width:293px;height:318px;overflow:hidden}
.fs{position:relative;display:block;width:100%;height:159px;overflow:hidden}
.fs em{width:100%;height:100%;position:absolute;left:0;top:0;opacity:.7;background:url(../images/huodong.jpg) no-repeat;transition:.3s}
.fs2 em{background-position:0 -159px}
.fs:hover em{opacity:1}
.fs i{position:absolute;bottom:13px;left:13px;display:block;height:30px;background:url(../images/png_sprite.png) no-repeat;transition:.3s;width:272px}
.fs1 i{background-position:-5px -11px}
.fs2 i{background-position:-3px -51px}
.fs:hover i{left:17px}
.box2{width:1200px;height:500px;overflow:hidden;background:url(../images/role_bgx.jpg) no-repeat center top;margin-top:0px;margin-bottom:0px;}
.box2 .box2_c{width:935px;height:500px;overflow:hidden;margin:0px auto;}
.box2 .box2_c .left_zb{width:372px;height:446px;overflow:hidden;float:left;padding-left:53px;padding-top:5px;}
.box2 .box2_c .left_zb img{width:372px;height:446px;border:0px;}
.box2 .box2_c .right_zb{width:390px;height:446px;overflow:hidden;float:left;padding-left:53px;padding-top:5px;}
.box2 .box2_c .right_zb .zb_t{width:390px;height:65px;color:#900101;font-size:45px;font-weight:bold;line-height:45px;}
.box2 .box2_c .right_zb .zb_t1{width:382px;padding-left:8px;height:36px;line-height:36px;overflow:hidden;color:#7a4903;font-size:18px;font-weight:bold;}
.box2 .box2_c .right_zb .zb_t1 span{font-size:14px;color:#480400;padding-left:14px;}
.box2 .box2_c .right_zb .zb_c{width:382px;padding-left:8px;overflow:hidden;padding-top:5px;}
.box2 .box2_c .right_zb .zb_c .zblist{width:320px;overflow:hidden;padding-bottom:23px;}
.box2 .box2_c .right_zb .zb_c .zblist li{width:160px;height:24px;overflow:hidden;float:left;line-height:24px;vertical-align:middle;color:#480400;font-size:14px;}
.box2 .box2_c .right_zb .zb_c .zblist li i{width:16px;height:16px;font-size:12px;text-align:center;line-height:14px;display:inline-block;font-style:normal;background:#6E2D18;margin:4px 0px;margin-right:5px;border-radius:50%;color:#DEB76C;}
.box2 .box2_c .right_zb .zb_c p{color:#480400;line-height:18px;font-size:14px;}
.box2 .box2_c .right_zb .zb_c p.red{color:#900101;padding-top:15px;}
.box2 .bossbox{width:823px;height:515px;overflow:hidden;padding-left:53px;padding-top:5px;}
.box2 .bossbox .pic{width:940px;height:490px;overflow:hidden;}
.box2 .bossbox .pic img{width:823px;height:490px;border:0px;}
.box2 .bossbox .txt{width:823px;height:169px;overflow:hidden;text-align:center;line-height:169px;font-size:45px;color:#900101;font-weight:bold;}
.role{position:relative;overflow:hidden;width:1186px;height:318px;padding:0 0 0 14px;padding-top:20px;background:#313131 url(../images/role_bg.jpg) no-repeat}
.role .t{width:480px;border-color:#575d64;background:url(../images/png_sprite.png) no-repeat -5px -235px}
.role{position:relative;height:298px}
.r-hd{position:absolute;z-index:2;top:70px;left:15px}
.r-hd li{font-size:12px;line-height:31px;display:inline;float:left;width:750px;cursor:pointer;color:#d5d5d5;margin-right:2px;font-weight:700;text-align:center}
.r-hd li:hover,.r-hd li.cur{color:#ffffff}
.role-con{color:#cacaca}
.role-detail{position:relative;display:none}
.role-detail .r-desc{position:absolute;z-index:2;top:0;left:-300px;width:426px}
.curElem .r-desc{left:10px}
.weapon{line-height:15px;position:absolute;top:68px;left:3px;height:15px}
.level{position:absolute;top:0;left:80px;width:100px}
.star{display:inline-block;width:15px;height:15px;margin-right:9px;vertical-align:top;background:url(../images/icon.png) no-repeat -2px -149px}
.star2{background-position:-1px -130px}
.star3{background-position:-2px -170px}
.lv-1 i.l-star{width:72px}
.lv-2 i.l-star{width:63px}
.lv-3 i.l-star{width:54px}
.role-con b{font-weight:700;color:#b2b3b6}
.description{line-height:24px;position:absolute;top:96px;left:3px;height:88px}
.readmore{font-size:19px;line-height:18px;position:absolute;top:200px;left:4px;display:block;width:103px;height:18px;padding:15px 0 15px 14px;color:#a7a7a7;border:1px solid #a7a7a7;background:url(../images/icon.png) no-repeat 92px -364px;transition:.5s}
.readmore:hover{border:1px solid #bd9d60;color:#43484f;*background:#bd9d60 url(../images/icon.png) no-repeat 92px -398px}
.readmore em{z-index:2;position:relative}
.readmore i:after{content:'';position:absolute;z-index:1;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease;width:0;height:100%;left:0;top:0;background:#bd9d60 url(../images/icon.png) no-repeat 92px -398px;opacity:0}
.readmore:hover i:after{opacity:1;width:100%}
.role-detail .r-per{position:absolute;top:-53px;right:-300px;width:410px;height:318px}
.curElem .r-per{right:0}
.ziliao{width:100%;height:aoto;background:#2d2d2d;overflow:hidden}
.zl{position:relative;float:left;overflow:hidden;width:1185px;height:800px;cursor:pointer;-webkit-transition:width 300ms ease;transition:width 300ms ease;background:url(../images/zl.jpg) no-repeat;opacity:.7}
.zl:hover{opacity:1}
.zl-con{overflow:hidden;width:1185px;height:305px;margin-left:143px;padding-top:13px;background:#2d2d2d}
.zl-con a{line-height:36px;float:left;width:113px;height:36px;text-align:center}
.ziliao .show{overflow:hidden;width:484px;border:0;opacity:1}
#zl-1{background-position:0 0}
#zl-2{background-position:-143px 0}
#zl-3{background-position:-286px 0}
#zl-4{background-position:-429px 0}
.zl-more{position:absolute;left:0;top:0;width:144px;display:block;height:100%;text-indent:-9999em}
.links{float:left;width:866px;height:118px;padding:20px 26px 0 21px;background:#313131}
.links .t{width:866px;background:url(../images/link.png) no-repeat}
.links .con{overflow:hidden;height:60px;padding-top:10px}
.links a{font-size:16px;line-height:24px;display:inline-block;padding:3px 5px;white-space:nowrap;color:#c1c2c2}
.links a:hover{color:#d8a55b}
.content strong{font-weight:700}
.article-top{overflow:hidden;width:100%;height:102px;border-bottom:1px solid #353f5a;background:#3d3d3d}
.article-top span{font-size:36px;line-height:72px;width:130px;padding:0 0 0 25px;color:#fff}
.bread-nav{line-height:34px;margin-top:-4px;padding:0 0 0 26px;color:#aaabae}
.bread-nav a{color:#aaabae}
.bread-nav a:hover{color:#ff9f32}
.article-main{width:869px;min-height:863px;padding:0 22px;color:#cacaca;border-top:1px solid #3f4449;background:#202020;_height:867px}
.article-list{margin:0 auto;padding-top:16px}
.article-list li{line-height:30px;overflow:hidden;height:30px;border-bottom:1px dashed #6f6f6f}
.news-date{float:right}
.pageNum{height:50px;margin:20px auto 0;padding-top:20px;text-align:center}
.pageNum span{display:inline}
.pageNum a{font-size:12px;line-height:26px;margin:3px;padding:2px 7px;color:#fff;background:#2d416f}
.article-title{font-size:40px;line-height:110px;overflow:hidden;height:110px;text-align:center;color:#d1b06c}
.article-title h1{font-weight:400}
.article-detail{line-height:30px;height:28px;padding-bottom:3px;text-align:right;border-bottom:1px solid #4d545d}
.article-detail span{color:#848a91}
.article-content{line-height:2;padding:20px 0}
.article-relation{font-size:14px;height:150px;margin:0 auto}
.article-relation dt{line-height:36px;height:36px;text-indent:8px;border-bottom:1px solid #4d545d}
.article-relation dd{line-height:30px;float:left;overflow:hidden;width:48%;height:30px;margin:0 0 0 1%;*display:inline}
.s-body{background:url(../images/s-bg.jpg) center 0 no-repeat;color:#fff}
.s-body a{color:#fff}
.s-wrap{background:url(../images/s-main.jpg) no-repeat;width:1000px;height:1000px;margin:0 auto}
.s-header{position:relative;height:245px}
.s-content{position:relative;margin:30px 0 0 337px;width:657px}
.s-logo{position:absolute;top:2px;left:180px;overflow:hidden;text-indent:-9999px}
.s-nav{height:48px;padding:24px 0 0 359px}
.s-nav a{float:left;width:145px;height:48px;text-indent:-9999em;margin-right:7px}
.s-nav a:hover{}
#s-nav2:hover{background-position:-145px 0}
#s-nav3:hover{background-position:-290px 0}
#s-nav4:hover{background-position:-435px 0}
.s-loginframe{position:absolute;top:164px;left:366px;width:589px;height:81px}
.s-text{width:150px;height:25px;padding:0 30px 0 10px;background-color:#000;font-family:"Microsoft Yahei";color:#746b6b;border-radius:3px}
.s-user{top:22px;left:20px}
.s-psw{top:22px;left:224px}
.s-psw input{background:#000 url(../images/keyboard.png) no-repeat 167px 6px}
.s-log-btn{top:20px;left:433px}
.s-log-btn a{display:block;width:134px;height:36px;background:url(../images/s-login.jpg) no-repeat;text-indent:-9999px}
.s-log-btn a:hover{background:url(../images/s-login-h.jpg) no-repeat}
.s-remember{top:56px;left:20px}
.s-psw-btn{top:56px;left:224px}
.s-reg-btn{top:56px;left:315px}
.s-loged{width:616px;color:#ccc;font-size:12px;margin-left:20px}
.s-loged li{line-height:24px;float:left;width:295px}
.s-loged a{color:#ccc}
.s-loged a:hover{color:#e94d00}
.s-loged .s-loged-highlight{color:#ff0}
.s-loged .s-loged-highlight:hover{color:#e94d00}
.s-name{font-size:18px;color:#FFF;line-height:42px}
.s-name-rec{font-weight:700;color:#ccc;text-indent:1em}
.s-server-list{width:560px;height:110px;position:relative;margin:auto}
.s-server-list li{line-height:34px;float:left;width:175px;height:34px;margin:8px 6px 15px 0;text-align:center;background:url(../images/s-list.jpg) no-repeat;font-weight:700}
.s-server-list a{display:block;height:100%;color:#8b3015}
.s-server-list a:hover{font-size:13px;color:#E8F742}
.s-server-list span{color:#000}
#rec-server{float:left;margin:64px 0 0 115px;width:370px;height:34px;overflow:hidden}
#rec-server li{margin:0 8px 0 0;background:url(../images/s-btn.jpg) no-repeat}
.s-quick-ingame{width:136px;height:28px;line-height:25px;font-size:12px;position:absolute;bottom:77px;right:0}
.s-fastin-input{width:44px;height:18px;text-align:center;line-height:18px;color:#000;background:#f4ebdc;margin-left:5px}
.s-server-list .s-fastin-btn{width:56px;height:21px;display:inline-block;background:url(../images/fast-in.png) no-repeat;text-indent:-9999px;position:absolute;top:3px;left:72px;border-radius:3px}
.s-server-list .s-fastin-btn:hover{background:url(../images/fast-in-hov.png) no-repeat}
.all{overflow-y:auto;height:520px}
.sp-pager{overflow:hidden;margin:13px 0 17px 3px}
.sp-pager li{line-height:23px;width:68px;height:23px;margin:0 8px 4px 0;cursor:pointer;background:#565656;color:#9b9393;font-weight:700}
.sp-pager li.on{background:#d1b06c;color:#363332}
.sp-panel-wrap{margin:0}
.sp-panel-wrap li{background:url(../images/s-list.jpg) no-repeat;width:175px;height:34px;margin:0 6px 8px 0}
.sp-panel-wrap li a{height:100%}
.sp-panel-wrap span{color:#000}
.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}
.video-list-main li{display:inline;float:left;width:285px;text-align:center;margin:14px 13px 0 0}
.video-list-main li .tle{line-height:30px}
.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)}
.sq-dialog-content{text-align:center;margin:0}
.layout-mod-downlist,.ly-m-dl-c{width:552px;height:236px;z-index:100}
.layout-mod-downlist{background:url(../images/box.jpg) no-repeat;display:none}
.ly-m-dl-c{position:relative}
.ly-m-dl-close,.ly-m-dl-it{display:block;position:absolute;text-indent:-9999px}
.ly-m-dl-close{width:20px;height:20px;right:9px;top:10px}
.ly-m-dl-it{width:226px;height:120px;left:35px;top:74px}
.ly-m-dl-it-2{left:290px}