@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:#cdd1d9;text-decoration:none;outline:0}
input{outline:0}
a:hover{text-decoration:none;color:#f13f3f}
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:#656565}
-ms-input-placeholder{color:#656565}
-moz-input-placeholder{color:#656565}
.s-body input::-webkit-input-placeholder{color:#333}
.s-body input::-ms-input-placeholder{color:#333}
.s-body input::-moz-input-placeholder{color:#333}
.text-out{position:absolute;left:-9999px;top:-9999px}
.hide{display:none}
html{*zoom:1}
.f-hide{display:none}
.f-cf{zoom:1}
.f-cf:after{clear:both;display:block;content:"";height:0;line-height:0;font-size:0}
.f-fr{float:right}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
table,th,td{border:1px solid;border-collapse:collapse}
.h1{position:absolute;line-height:0;font-size:0}
.body{position:relative;background:#f3f4f7;color:#cdd1d9;overflow:hidden}
body{min-width:1200px;font:14px/1.5 "Microsoft Yahei",SimSun;width:auto!important;width:1200px;min-width:1200px;position:relative}
.sq-dialog-masking{position:fixed!important;_position:absolute!important}
.r-cover{position:fixed!important;_position:absolute!important}
.wrap{position:relative;width:1200px;margin:auto;padding-bottom:118px}
.up-part{width:1200px;position:relative}
.header{position:relative;height:585px}
.logo{position:absolute;top:0;left:50%;margin-left:-99px;width:197px;height:128px;background:url(images/logo.png?v=2) no-repeat;z-index:3;text-indent:-9999px}
.logo:hover{-webkit-animation:linear swing 1s 1;animation:linear swing 1s 1}
@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
.nav-top{position:absolute;top:0;left:50%;margin-left:-1000px;width:2000px;height:85px;background:url(images/nav-bg.jpg) no-repeat;z-index:2}
.nav-top ul{width:1200px;height:100%;margin:auto}
.nav-top li{width:172px;float:left;font-size:18px;text-align:center;height:100%;_display:inline}
#nav-t2{margin-right:168px}
.nav-top a{display:block;height:85px;line-height:85px;color:#c9ab72;font-size:18px;transition:.5s}
.nav-top a:hover{color:#ff3a3a}
.kv-top{position:absolute;width:2000px;height:1041px;left:50%;z-index:1;margin:85px 0 0 -1000px}
.kv-top-img{position:relative;overflow:hidden;clear:both}
.kv-top-num{position:absolute;top:475px;right:50%;margin-right:-600px;z-index:2}
.kv-top-num li{float:left;margin-left:6px;border-radius:50%;overflow:hidden;width:15px;height:15px;font-size:0;line-height:0;text-indent:-9999em;background:#7A7F90;cursor:pointer}
.kv-top-num li:hover,.kv-top-num li.focus{width:35px;border-radius:15px;background:#c1a465}
.tips18{position:absolute;bottom:2px;left:0;z-index:2}
.joinQQ{position:absolute;bottom:2px;left:200px;display:block;width:90px;height:22px;z-index:2}
.main{position:relative;float:left;width:810px;z-index:2}
.kv-activity{position:relative;overflow:hidden;float:left;height:565px}
.kv{position:relative;width:361px;height:262px}
.kv-img,.kv-img li,.kv-img li a,.kv-img li a img{width:100%;height:100%}
.kv-num{position:absolute;bottom:19px;right:16px}
.kv-num li{float:left;margin-left:8px;border-radius:7px;overflow:hidden;font-size:0;line-height:0;text-indent:-9999em;width:14px;height:14px;background:#616468;cursor:pointer;transition:.5s}
.kv-num li:hover,.kv-num li.focus{background:#d1b06c;width:30px}
.activity{margin-top:20px}
.activity a{position:relative;display:block;width:361px;height:83px;color:#ffd97f;font-size:18px;margin-top:17px;background-image:url(./images/activity.jpg)}
.activity a:hover{background-image:url(./images/activity-h.jpg)}
.activity .activity-1{background-position:0 0}
.activity .activity-2{background-position:0 -100px}
.activity .activity-3{background-position:0 -200px}
.activity a i{font-size:24px;color:#fff;position:absolute;left:80px;top:21px;font-style:normal}
.activity a span{font-size:12px;color:#e85e5e;position:absolute;top:25px;left:200px;transition:.5s}
.activity a:hover span{color:#ff7676;transform:translateX(10px)}
.news{width:422px;height:350px;overflow:hidden;background:url(./images/news-bg.png) no-repeat;position:absolute;left:388px;top:148px}
.news-con{padding-top:35px}
.news-tab{line-height:32px;padding-left:5px;margin-bottom:10px}
.news-tab li{float:left;display:inline;position:relative}
.news-tab li a{display:block;width:76px;text-align:center;height:42px;transition:.5s;line-height:42px;font-size:18px}
.news-con a{color:#cdd1d9}
.news-tab li.current a,.news-tab li a:hover{color:#e32323}
.news-list{height:210px;overflow:hidden;padding:0 20px}
.news-list ul{display:none}
.news-list li{line-height:35px;overflow:hidden;height:35px;color:#cdd1d9}
.news-list li:last-child{border:0}
.a-link{transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}
.a-link:hover{padding-left:5px}
.news-list .n-type{width:40px;text-align:center;vertical-align:middle}
.news-list .a-link{width:292px;overflow:hidden;vertical-align:middle}
.news-list a:hover{text-decoration:underline;color:#f13f3f}
.time{float:right;*margin-left:10px}
.news .readmore{background:#4e4d56;border:1px solid #5c5b64;margin:20px 0 0 20px}
.news .readmore:hover{background:#b41f1f;border:1px solid #be2626}
.readmore{display:block;width:109px;height:25px;line-height:25px;position:relative;text-align:center;color:#fff;background:#a72222;border:1px solid #a72222;transition:.2s}
.readmore:hover{background:#e53434;border:1px solid #e53434;color:#fff}
.readmore span{position:absolute;left:18px;top:0;color:#fff}
.readmore .more{width:16px;height:16px;background:url(images/more.png) no-repeat;position:absolute;top:6px;left:81px}
.zl{width:974px;height:56px;margin-top:63px;float:left;position:relative}
.zl .separate{display:block;width:1px;height:33px;background:#9c9fa5;position:absolute;top:7px}
.zl .separate1{left:172px}
.zl .separate2{left:382px}
.zl .separate3{left:592px}
.zl .zl-i{display:block;float:left;position:relative;width:210px;height:100%;color:#110d0d;font-size:18px}
.zl .zl-i i{position:absolute;top:0;left:37px;width:44px;height:44px}
.zl .zl-i span{position:absolute;top:0;left:102px;transition:.5s}
.zl .zl-i em{display:block;*display:inline;font-size:12px;color:#5a5050;line-height:11px;font-style:normal}
.zl .zl-i:hover span{color:#9d0000;transform:translateX(10px)}
.zl .zl-i:hover em{color:#a06969}
.zl .zl-0{width:173px}
.zl .zl-0 i{left:0}
.zl .zl-0 span{left:65px}
.zl-tab li{float:left;width:210px;height:100px;overflow:hidden;user-select:none;position:relative}
.zl-tab .zl-li1{width:173px}
.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:189px;height:70px;padding:0 10px;text-align:center;overflow:hidden}
.zl-tab .zl-li1 div{width:152px}
.current div{transform:rotateY(0deg);transition:transform .8s;top:0}
.zl-tab div a{display:block;font-size:14px;float:left;width:89px;height:20px;margin:0 0 3px;line-height:20px;padding:0;color:#262626;position:static;overflow:hidden;*overflow:visible;white-space:nowrap;*margin-top:0}
.zl-tab div a:hover{color:#9d0000}
.zl-tab .zl-li1 div a{width:75px}
.zl-tab .zl-i{overflow:hidden;transition:opacity .5s,transform .3s}
.current .zl-i{opacity:0;transform:scale(0.5,2);transition:opacity .5s,transform .3s;top:150px}
.zl-more-btn i{display:block;float:right;background:url(images/icon-more-btn.png) no-repeat;background-position:-25px 0;width:15px;height:15px;margin-top:3px}
.zl-tab .current .zl-more-btn{bottom:0}
.equip{width:806px;float:left;margin-top:70px;color:#dbdbdb}
.equip .title{font-size:24px;color:#201f22}
.equip .title span{font-size:12px;color:#616168}
.equip .equip-con{width:100%;height:272px;background:url(images/equip-bg.jpg) no-repeat;position:relative;overflow:hidden}
.equip .equip-nav{position:absolute;right:35px;width:101px;height:100%;z-index:10}
.equip .equip-nav li{width:99px;height:30px;line-height:30px;background:#4e4d56;color:#dbdbdb;font-size:18px;text-align:center;margin-top:30px;border:1px solid #5c5b64;transition:.5s}
.equip .equip-nav .tab-first{margin-top:60px}
.equip .equip-nav li.cur,.equip .equip-nav li:hover{background:#a72222;border:1px solid #b22929}
.equip .equip-nav li.cur a,.equip .equip-nav li:hover a{color:#dbdbdb}
.equipInsideTab{position:absolute;height:30px;top:220px;left:360px;z-index:10}
.equipInsideTab li{width:30px;height:30px;float:left;margin-right:10px}
.equipInsideTab a{display:block;width:30px;height:30px}
.equipPanel{position:relative;width:100%;height:272px}
.equip-detail{position:relative;width:100%;height:100%;z-index:5}
.equip-detail .r-desc{opacity:0;filter:opacity(0);transition:1s}
.equip-detail .r-desc .d-title{font-size:28px;position:absolute;left:35px;top:20px}
.equip-detail .r-desc .desc{font-size:14px;width:200px;position:absolute;left:35px;top:73px}
.equip-detail .r-per{position:absolute;top:0;right:218px;opacity:0;filter:alpha(opacity=0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all .5s ease}
.equip-content1 .equip-detail .r-per{top:10px;right:245px}
.equip-detail2-0 .r-per{right:210px}
.equip-detail2-1 .r-per{right:260px}
.equip-detail2-6 .r-per{right:78px}
.equip-content1.equipShow .equip-detail.curElem .r-per,.equip-content2.equipShow .equip-detail.curElem .r-per{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);opacity:1;transform:scale(1);filter:alpha(opacity=100)}
.equip-content1.equipShow .curElem .r-desc,.equip-content2.equipShow .curElem .r-desc{opacity:1;filter:opacity(100)}
.equip-content3.equipShow .weaponsShow .equip-detail.curElem .r-per{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);opacity:1;transform:scale(1);filter:alpha(opacity=100)}
.equip-content3.equipShow .weaponsShow .curElem .r-desc{opacity:1;filter:opacity(100)}
.equipInsideTab .equip-inside-nav .equip-inside-item-1{background-position:0 0}
.equipInsideTab .equip-inside-nav .equip-inside-item-2{background-position:-38px 0}
.equipInsideTab .equip-inside-nav .equip-inside-item-3{background-position:-76px 0}
.equipInsideTab .equip-inside-nav .equip-inside-item-4{background-position:-114px 0}
.equipInsideTab .equip-inside-nav .equip-inside-item-5{background-position:-152px 0}
.equipInsideTab .equip-inside-nav .equip-inside-item-6{background-position:-190px 0}
.equipInsideTab1 .equip-inside-nav a{background-image:url(images/tz-nav.jpg)}
.equipInsideTab1 .equip-inside-nav .cur a,.equipInsideTab1 .equip-inside-nav a:hover{background-image:url(images/tz-nav-h.jpg)}
.equipInsideTab2 .equip-inside-nav a{background-image:url(images/cb-nav.jpg)}
.equipInsideTab2 .equip-inside-nav .cur a,.equipInsideTab2 .equip-inside-nav a:hover{background-image:url(images/cb-nav-h.jpg)}
.weapons-nav{position:absolute;top:51px;right:160px;z-index:10}
.weaponsTab a{display:block;width:53px;height:53px;background-image:url(images/weapons-nav.png);text-indent:-9999px;margin-bottom:5px}
.weaponsTab .cur a,.weaponsTab a:hover{background-image:url(images/weapons-nav-h.png)}
.weaponsTab .weapons-nav-item1{background-position:0 0}
.weaponsTab .weapons-nav-item2{background-position:0 -60px}
.weaponsTab .weapons-nav-item3{background-position:0 -120px}
.weapons-content1 .equip-inside-nav a{background-image:url(images/zsw-nav.jpg)}
.weapons-content1 .equip-inside-nav .cur a,.weapons-content1 .equip-inside-nav a:hover{background-image:url(images/zsw-nav-h.jpg)}
.weapons-content2 .equip-inside-nav a{background-image:url(images/fsw-nav.jpg)}
.weapons-content2 .equip-inside-nav .cur a,.weapons-content2 .equip-inside-nav a:hover{background-image:url(images/fsw-nav-h.jpg)}
.weapons-content3 .equip-inside-nav a{background-image:url(images/dsw-nav.jpg)}
.weapons-content3 .equip-inside-nav .cur a,.weapons-content3 .equip-inside-nav a:hover{background-image:url(images/dsw-nav-h.jpg)}
.weapons-content1 .r-per{right:280px}
.weapons-content2 .r-per{right:280px}
.weapons-content3 .r-per{right:288px;top:20px}
.weapsons1-1 .r-per{right:298px;top:10px}
.weapsons1-2 .r-per{top:10px}
.weapsons2-1 .r-per{top:10px;right:298px}
.weapsons2-2 .r-per{top:10px;right:298px}
.weapsons2-4 .r-per{right:270px}
.weapsons3-5 .r-per{right:278px;top:0}
.weapsons3-6 .r-per{top:0}
.i-block{display:block;position:absolute}
.service{width:806px;height:110px;position:relative;background:url(images/kf-bg.jpg) no-repeat;margin-top:25px;float:left}
.service .i-block{top:26px;left:37px}
.service .tle{font-size:24px;width:50px;float:left;padding:24px 0 0 100px;line-height:28px}
.service .service-con{float:left;padding:25px 0 0 22px;width:600px}
.service .service-con li{float:left;width:175px;margin-left:10px;font-size:14px;margin-bottom:15px}
.service .service-btn{display:inline-block;width:93px;height:20px;line-height:19px;text-align:center;background:#a72222;border:1px solid #ae2626;color:#fff;transition:.2s}
.service .service-btn:hover{background:#e53434;border:1px solid #e63838;color:#fff}
.links{width:806px;height:105px;float:left;position:relative;background:url(images/kf-bg.jpg) no-repeat;margin-top:23px}
.links .i-block{top:26px;left:37px}
.links .tle{font-size:24px;width:50px;float:left;padding:25px 0 0 100px;line-height:28px}
.links .links-con{float:left;padding:26px 0 0 30px;width:626px;overflow:hidden;height:69px}
.links .links-con a{float:left;margin:0 0 13px 30px;text-align:center}
.kf-inside{width:359px;height:224px;background:url(images/login-bg.jpg) repeat;margin-top:23px;position:relative;float:right;border:1px solid #131314}
.kf-inside .kf-tle{font-size:18px;color:#cdd1d9;padding:20px 0 10px 40px}
.kf-inside .kf-tle span{font-size:12px;color:#898a8d}
.kf-inside .service-con li{margin-left:40px;margin-bottom:5px}
.kf-inside .service-btn{display:inline-block;width:93px;height:20px;line-height:19px;text-align:center;background:#a72222;border:1px solid #ae2626;color:#fff;transition:.2s}
.kf-inside .service-btn:hover{background:#e53434;border:1px solid #e63838;color:#fff}
.kf-inside .tip{position:absolute;top:137px;left:231px}
.side{position:relative;float:right;width:361px;z-index:2}
.index-side{margin-top:1065px}
.start{display:block;width:361px;height:83px;background:url(images/start.jpg) no-repeat;position:absolute;right:0;top:0}
.start span,.start span:after{display:block;width:148px;height:57px;background:url(images/starttext.png) no-repeat;content:"";cursor:pointer;position:absolute;top:50%;left:50%;margin:-28px 0 0 -74px}
.start:hover{background:url(images/start-h.jpg) no-repeat}
.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}
}
.body .login{width:359px;height:222px;background:url(images/login-bg.jpg) repeat;position:absolute;right:0;top:83px;border:1px solid #131314}
.login .login-t{display:none}
.login-c{width:230px;margin:0 auto}
.loged{display:none;overflow:hidden;padding-top:20px}
.loged .l-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.loged a:hover,.login .l-name span{color:#cb5b00}
.l-message a,.l-usergame,.loged .l-name:hover{color:#fff}
.l-usergame .recent-game{margin-bottom:5px}
.l-usergame ul{width:188px;overflow:hidden}
.l-usergame li{line-height:24px;height:24px;overflow:hidden;margin:0}
.l-usergame li a{color:#fff}
.loged .l-btn{width:100%;overflow:hidden;padding:15px 0}
.loged .l-btn a{width:73px;margin-right:0;background:#0080E2;color:#fff!important;display:inline-block;text-align:center;transition:all .2s;font-size:12px;padding:3px 0}
.loged .l-btn a:hover{background:#FF9D00;color:#fff!important}
.loged .l-btn .l-user{margin-right:0}
.top-server-box{height:205px;width:361px;background:url(images/server-bg.jpg) no-repeat;color:#464950;position:absolute;right:0;top:307px;overflow:hidden}
.top-type-choose{padding:20px 18px 0 28px;height:68px}
.top-type-choose li{float:left;margin-right:3px}
.top-type-choose .server-tab-a{display:block;width:98px;height:28px;text-align:center;line-height:28px;background:#a72222;color:#fff;border-left:1px solid #a74346;border-right:1px solid #a74346;transition:.2s}
.top-type-choose .server-tab-a.cur,.top-type-choose .server-tab-a:hover{background:#e53434;border-left:1px solid #bd2d2d;border-right:1px solid #bd2d2d}
.quick-ingame-i{font-size:12px;margin:20px 22px 10px;border-bottom:1px solid #969ba4;padding-bottom:10px}
.quick-ingame-i .quick-enter-input{width:42px;height:16px;line-height:18px;text-align:center;border:1px solid #38455c;color:#464950;margin:0 5px}
.quick-ingame-i .quick-enter-click{display:inline-block;width:56px;height:19px;line-height:19px;text-align:center;background:#9b7c4a;color:#fff7e0}
.quick-ingame-i .quick-enter-click:hover{background:#dba54f}
.choice-list{padding-top:10px;height:60px}
.choice-list a{color:#262626}
.choice-list a:hover{color:#f13f3f}
.choice-list a span{margin-left:3px}
.choice-list li{width:174px;float:left;background-image:url(images/icon-arrow.png);background-position:0 50%;background-repeat:no-repeat;text-indent:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;margin:0 0 10px 6px;font-size:12px}
.mutiServer li,.gc-wrap .choice-list li{width:164px}
.all-server{position:absolute;left:22px;top:139px;z-index:50}
.moveSide{position:absolute;position:absolute;top:487px;right:0}
.role{position:absolute;right:0;top:491px}
.role.insideFix{position:fixed;top:50px;right:352px}
.role .role-con{width:361px;height:301px;position:relative;margin-top:270px;background:url(images/role-bg.jpg) bottom no-repeat}
.role .role-con .role-nav{position:absolute;top:50px;left:50px;z-index:10}
.role .role-con .role-nav li{float:left;margin-right:30px}
.role .role-con .role-nav li a{font-size:24px}
.role .role-con .role-nav .cur a{color:#f13f3f}
.roleInsideTab{width:45px;height:82px;position:absolute;left:295px;top:-16px;z-index:20}
.roleInsideTab li a{display:block;width:45px;height:41px;text-align:center;line-height:41px;background:#d0d4db;color:#222124;font-size:16px}
.roleInsideTab li .role-inside-item-1{background:#222124;color:#d0d4db}
.roleInsideTab li.cur a{background:#a72222;color:#fff}
.role-detail{z-index:10}
.rolePanel .r-desc{position:absolute;width:290px;top:110px;left:50px;font-size:12px;line-height:24px;z-index:10;opacity:0;filter:opacity(0);transition:1s}
.imgShow .r-desc{opacity:1;filter:opacity(100)}
.role-detail .img-mask{position:absolute;width:100%;height:100%;z-index:8;background:url(images/role-bg.jpg) bottom no-repeat}
.role-detail .r-per{position:absolute;top:0;left:0;opacity:0;filter:opacity(0);height:303px;z-index:5}
.imgShow .role-detail.curElem .r-per{top:-287px;opacity:1;filter:opacity(100);transition:1s}
.imgShow .role-detail2-1.curElem .r-per{top:-301px}
.imgShow .role-detail2-2.curElem .r-per{top:-390px;height:390px}
.imgShow .role-detail3-1.curElem .r-per{top:-303px}
.imgShow .role-detail3-2.curElem .r-per{top:-303px}
.role .readmore{position:absolute;top:220px;left:50px;z-index:10}
.jietu{width:359px;height:237px;position:relative;margin-top:21px;background:url(images/login-bg.jpg) repeat;border:1px solid #131314}
.jietu .jietu-tle{font-size:18px;color:#cdd1d9;padding:20px 0 10px 30px}
.jietu .jietu-tle span{font-size:12px;color:#898a8d}
.jietu .jietu_wrap{margin-left:30px;height:145px;overflow:hidden}
.jietu .jietu_wrap li,.jietu .jietu_wrap li img{width:296px;height:145px}
.media{width:361px;height:106px;position:relative;margin-top:23px;background:url(images/log-bg.jpg) no-repeat}
.media.insideFix{position:fixed;top:581px;right:352px}
.media .media-tle{font-size:18px;color:#cdd1d9;padding:10px 0 5px 30px}
.media .media-tle span{font-size:12px;color:#898a8d}
.media-wrap{width:320px;overflow:hidden;height:50px}
.media .media-con{margin-left:30px}
.media-scroll ul{width:400px;height:50px}
.media-scroll li{width:150px;height:50px;float:left;margin-right:12px}
.media-scroll li img{width:150px;height:50px}
.gc-wrap .card-btn{color:#fff}
.gc-wrap .card-btn:hover{color:#fff}
.gc-wrap .type-choose{position:relative;font-size:12px;line-height:32px}
.gc-wrap .select-dom{position:relative;width:100px;height:20px;display:inline-block;vertical-align:middle;background:#e6e6e6;color:#201e22}
.gc-wrap .select-con{width:100px;background:url(http://img1.37wanimg.com/www/images/common/spacer.gif);height:20px;line-height:20px;position:absolute;left:0;top:0;cursor:pointer;text-align:center}
.gc-wrap .select-btn{position:absolute;width:0;height:0;display:block;border-top:5px solid #201e22;border-left:5px solid #e6e6e6;border-right:5px solid #e6e6e6;border-bottom:0;cursor:pointer;font-size:0;overflow:hidden;top:8px;right:8px}
.gc-wrap .fastin{height:20px;line-height:20px;border:1px solid #cdd1d9;text-align:center;width:45px}
.gc-wrap .select1,.gc-wrap .select2{display:inline-block;position:relative;*display:inline;*margin-right:3px}
.gc-wrap .type-option-dom{width:100px;font-size:12px;border:0}
.gc-wrap .type-option-dom li{width:100%;line-height:14px;height:14px;cursor:pointer;padding:4px 0;text-align:center}
.gc-wrap .type-option-dom li:hover{background:#fffbff;color:#3d3a40}
.gc-wrap .option-bg{position:absolute;display:none;z-index:2;top:31px;*top:26px;left:0;background:#fffbff;color:#3d3a40}
.recom-server-con{color:#262626}
.recom-server-con .select-dom{background:#fffbff;color:#3d3a40}
.recom-server-con .select-btn{border-top:5px solid #4f5052;border-left:5px solid #fffbff;border-right:5px solid #fffbff}
.recom-server-con .option-bg{background:#fffbff;color:#3d3a40}
.recom-server-con .type-option-dom li:hover{background:0 0}
.c-body .side{margin-top:0}
.c-body .start{position:relative}
.c-body .login{position:static}
.c-body .top-server-box{margin-top:20px}
.c-body .role{position:relative;top:0}
.article{width:100%;height:auto;background:#201f22;border:1px solid #33333c;border-top:none;min-height:1306px}
.gc-main .article{min-height:1018px}
.article-top{background:url(images/bg-article.jpg) center no-repeat;width:779px;height:47px;color:#fff;padding:15px 0 0 30px;*padding-top:0;overflow:hidden}
.article-top-title{display:block;font-size:26px;width:250px}
.article-top-nav{position:absolute;top:25px;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:700px;margin:0 auto;height:auto;color:#cdd1d9;padding:30px 0}
.article-top span{font-size:26px;color:#fafafa}
.article .bread-nav{float:right;margin:10px 20px 0 0;color:#fff}
.article .bread-nav a{color:#fff}
.article .bread-nav a:hover{text-decoration:underline}
.article-list li{height:50px;line-height:50px;border-bottom:1px solid #2f3035;color:#93959f;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}
.article-list li:hover{background:#1a191c}
.article-list li:hover a{color:#f53939}
.article-list .time{float:right}
.article-list a{color:#cdd2db}
.article-list a:hover{color:#f53939}
.pageNum,.article-content-pager{padding:30px;text-align:center}
.pageNum a,.pageNum .current,.article-content-pager a,.article-content-pager .current{padding:5px 10px;background:#d5d5d5;color:#2b2b2b}
.pageNum a:hover,.pageNum .current,.article-content-pager a:hover,.article-content-pager .current{background:#b04336;color:#fff}
.article-title{color:#f53939;font-size:20px;text-align:center}
.article-title h1{color:#f53939;font-size:20px;text-align:center}
.article-detail{font-size:14px;color:#8f8f8f;text-align:center;height:40px;border-bottom:1px solid #2f3035}
.article-content{padding:20px}
.article-content a{color:#cdd1d9}
.article-content a:hover{color:#f13f3f}
.article-content img{max-width:680px}
.article-relation{overflow:hidden;line-height:30px;padding:0 30px}
.article-relation li{width:40%;height:30px;line-height:30px;float:left;margin-right:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-right:50px}
.article-relation a{color:#cdd1d9;transition:.3s}
.article-relation a:hover{color:#f13f3f;margin-left:5px}
.article-relation .time{float:right;margin-right:-50px}
.article-relation .relation-text{border-bottom:1px dotted #e1e3e7;list-style:none;width:100%;padding-top:40px}
.article-relation dt{border-bottom:1px solid #2f3035;margin:0 0 20px;color:#c4c4c4}
.article-relation dd{display:inline;float:left;overflow:hidden;width:47%;height:30px;margin:0 0 0 2%;font-size:14px}
.article-relation dd span{float:right}
.card-content a{color:#fff}
.card-content{margin-bottom:30px;font-size:14px}
.card-content p{padding-top:10px;padding-bottom:10px}
.sq-dialog-content{text-align:center}
.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}
.icon-Link{background-image:url(images/icons.png);background-position:0 0;width:54px;height:54px}
.icon-group{background-image:url(images/icons.png);background-position:0 -56px;width:90px;height:22px}
.icon-kf-icon{background-image:url(images/icons.png);background-position:-56px 0;width:54px;height:54px}
.icon-more{background-image:url(images/icons.png);background-position:-112px -46px;width:16px;height:16px}
.icon-zl-1{background-image:url(images/icons.png);background-position:-112px 0;width:44px;height:44px}
.icon-zl-2{background-image:url(images/icons.png);background-position:0 -80px;width:44px;height:44px}
.icon-zl-3{background-image:url(images/icons.png);background-position:-46px -80px;width:44px;height:44px}
.icon-zl-4{background-image:url(images/icons.png);background-position:-92px -80px;width:44px;height:44px}
.w1200{display:block}
.w900{display:none}
.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:632px;height:32px;line-height:32px;color:#d7d7d7;border-bottom:0;background:0 0;margin:36px 0 10px;text-align:center;font-size:12px}
.slist-wrap .quick-enter-input{width:45px;text-align:center;border:0;background:#f4ebdc;color:#000;height:20px;line-height:20px}
.slist-wrap .quick-enter-click{width:56px;height:21px;line-height:21px;background:#e2ac3a;text-align:center;color:#fff;padding:0;display:inline-block;border-radius:3px}
.slist-wrap .quick-enter-click:hover{color:#1f1308}
.s-main-wrap{width:1100px;margin:0 auto;background:#e6ebea url(images/server/s-main.jpg?v=2) no-repeat center top;color:#504f4f;height:1100px;padding-bottom:0;position:relative}
.s-logo{position:absolute;top:0;left:50px;width:228px;height:137px}
.s-header{height:160px}
.ico3-nav{width:159px;height:100%;text-indent:-999px;overflow:hidden;display:inline;float:left;margin-right:15px}
.s-nav{float:right;padding:30px 55px 0 0;line-height:1;font-size:12px;color:#fff;width:682px;height:66px;overflow:hidden;*position:relative}
.s-nav .ico3-bbs{margin-right:0}
.s-module-log{width:230px;height:218px;position:absolute;top:146px;left:57px;z-index:2;color:#d1a14f}
.s-module-log .art-title2{display:none}
.s-module-log .reg-url{margin:5px auto}
.s-module-rig{width:738px;height:900px;overflow:hidden;float:right}
.s-server-list>.sp{max-height:85px;overflow:auto}
.s-content{padding-top:78px;padding-left:19px;padding-right:20px}
.s-content .rec-server{height:42px;overflow:hidden;padding-left:106px}
.s-content .s-name{display:none}
.s-server-list a{display:block;height:100%;color:#fff}
.s-server-list a:hover{color:#fff100}
.s-server-list a:hover span{color:#fff100}
.s-server-list span{padding-left:10px;color:#fff100;transition:color .15s}
.s-server-list li{float:left;margin:0 15px 10px 0;text-align:center;background:url(images/server/s-ser.png) no-repeat;width:206px;height:39px;line-height:39px;color:#fff}
.s-server-list li a:hover{background:url(images/server/s-ser-h.png) no-repeat}
.s-server-list li:after{content:none}
.sp-pager{overflow:hidden;margin-bottom:10px}
.sp-pager li{color:#fff;width:69px;height:23px;line-height:23px;background:#b2966f;cursor:pointer;margin:2px 3px 0 0;font-size:12px}
.sp-pager li.on{background:#665948}
.s-panel-wrap,.sp-panel-wrap{overflow:auto;height:580px;margin-right:15px}
.s-content .rec-server li a{background:url(images/server/s-ser-h.png) no-repeat}
.s-nav a:hover{background-image:url(images/server/top-nav-hover.png)}
.ico3-home{background-position:0 0}
.ico3-huodong{background-position:-174px 0;margin-right:16px}
.ico3-pay{background-position:-349px 0}
.ico3-bbs{background-position:-523px 0}
.kefu-code{position:absolute;top:0;left:200px}
.index-service .kefu-code{position:absolute;top:20px;left:560px}