/**
 * coc_main.css
 * @author lzr
 * @date 2014-10-07
 *
 */
@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,menu,nav,section,summary{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
li{vertical-align:bottom;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:normal;}
a{color:#bebebe;text-decoration:none;outline:none;}
input{outline:none;}
a:hover{text-decoration:none;}
.colored{color:#f1e4af;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}
.clear{clear:both;}
.clearfix{*zoom:1;}
.clearfix:after{display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
.hidden{display:none;}
.f14{font-size:14px;}
.f24{font-size:24px;}
body{background:#000;}
.body,.c-body{min-width:1200px;}
.body a:hover,.c-body a:hover{text-shadow:0 0 5px;}
.m1{position:relative;overflow:hidden;}
.m2{height:358px;overflow:hidden;background:url("images/new/m2.jpg") center no-repeat;}
.m3{height:auto;background:url("images/new/m3.jpg") top center no-repeat;padding-bottom:50px;}
.m1 .inner{width:1000px;height:100%;position:absolute;left:50%;margin-left:-500px;top:0;}
.m2 .inner{width:100%;height:100%;}
.topimg{width:100%;position:relative;}
.play{position:absolute;left:43%;top:34%;z-index:3;-webkit-transition:all 500ms ease-out;transition:all 500ms ease-out;_display:none;}
.play:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
@media screen and (max-width:1440px){
    .play{left:44%;}
    .play img{width:40px;}
}
.v{position:fixed;width:718px;height:461px;background:url("images/new/v.jpg") no-repeat;left:50%;top:50%;margin-left:-359px;margin-top:-230px;z-index:11;display:none;}
.close-v{position:absolute;width:23px;height:23px;background:url("images/new/close.png") no-repeat;right:30px;top:18px;-webkit-transition:all 500ms ease-out;transition:all 500ms ease-out;}
.close-v:hover{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.v-code{position:absolute;width:702px;height:394px;left:8px;top:59px;}
.logo{position:absolute;width:120px;left:425px;top:0;z-index:2;}
.logo img{width:120px;}
.nav{font-size:14px;padding-left:45px;height:70px;}
.nav li{float:left;width:110px;height:70px;text-align:center;margin-right:15px;}
.nav .nav-3{margin-right:150px;}
.nav a{display:block;padding-top:17px;font-weight:bold;}
.nav a:hover{text-shadow:none;}
.nav-left a{color:#011937;}
.nav-right a{color:#372a01;}
.nav-left a:hover{color:#00398f;}
.nav-right a:hover{color:#730000;}
.nav span{display:block;color:#6b7683;font-size:12px;font-weight:normal;}
@media screen and (min-width:1440px){
    .logo,.logo img{width:155px;}
    .logo{left:400px;}
    .nav{font-size:18px;padding-left:0;}
    .nav li{width:125px;}
}
@media screen and (min-width:1680px){
    .m1 .inner{width:1400px;margin-left:-700px;}
    .nav{padding-left:30px;}
    .nav li{width:170px;}
    .logo{left:570px;}
    .loginframe{left:530px;}
}
.start,.download{position:absolute;top:42%;-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;}
.start img,.download img,.start a,.download a{display:block;width:100%;}
.start a,.download a{position:absolute;height:100%;left:0;top:0;z-index:2;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 300ms ease-out;transition:all 300ms ease-out;}
.start a:hover,.download a:hover{opacity:1;filter:alpha(opacity=100);}
.start{left:30%;width:8%;}
.download{left:60%;width:7%;}
.loginframe{position:absolute;z-index:9;width:552px;height:258px;background:url("images/new/loginframe.png") no-repeat;top:40%;color:#40322b;left:330px;display:none;}
.show-loginframe{display:block;}
.log{padding:46px 175px 0 140px;}
.loged{padding:74px 175px 0 140px;}
.loginframe li{margin-bottom:4px;}
.loginframe a{color:#40322b;}
.ipt1{width:187px;height:20px;border:none;background:#fff;color:#40322b;padding:3px 5px;}
.log-btn{width:197px;height:43px;background:url("images/new/log.jpg") no-repeat;}
.log-btn a{display:block;height:43px;text-indent:-9999em;overflow:hidden;}
.log-btn a:hover{background:url("images/new/log-on.jpg") no-repeat;}
.loginframe-close{position:absolute;width:23px;height:23px;background:url("images/new/close.png") no-repeat;left:380px;top:40px;z-index:2;-webkit-transition:all 500ms ease-out;transition:all 500ms ease-out;}
.loginframe-close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
@media screen and (min-width:1680px){
    .loginframe{left:530px;}
}
.activity{position:absolute;bottom:0;left:0;width:100%;padding:1% 0;overflow:hidden;background:url("images/new/act-repeat.png") repeat;box-shadow:0 0 150px #000 inset;}
.activity .a-figure{width:100%;vertical-align:middle;}
.activity a{float:left;width:24%;_display:inline;margin-left:0.75%;position:relative;-webkit-transform:perspective(500px);-moz-transform:perspective(500px);-ms-transform:perspective(500px);transform:perspective(500px);}
.activity span{position:absolute;width:32%;top:60%;font-size:16px;text-align:center;padding:1.5% 0;border-radius:10px;}
.act-1 span{left:48.5%;}
.act-2 span{left:49.7%;}
.act-3 span{left:49.5%;}
.act-4 span{left:53%;}
.act-left span{background:rgba(64,78,104,0.5);color:#9ecdde;}
.act-right span{background:rgba(96,36,34,0.5);color:#efc8b3;}
.act-left:hover span{background:rgba(64,78,104,0.8);color:#fff;}
.act-right:hover span{background:rgba(96,36,34,0.8);color:#fff;}
.a-flag{position:absolute;width:30%;-webkit-transition:all 500ms ease-out;transition:all 500ms ease-out;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;}
.act-1 .a-flag{left:10%;top:10%;-webkit-transform:perspective(5000px) rotateY(40deg)  scale(1.1);-moz-transform:perspective(5000px) rotateY(40deg)  scale(1.1);-ms-transform:perspective(5000px) rotateY(40deg)  scale(1.1);transform:perspective(5000px) rotateY(40deg)  scale(1.1);}
.act-2 .a-flag{left:9%;top:14%;-webkit-transform:perspective(5000px) rotateX(0deg) rotateY(30deg) rotateZ(0deg) scale(1.4,1);-moz-transform:perspective(5000px) rotateX(0deg) rotateY(30deg) rotateZ(0deg) scale(1.4,1);-ms-transform:perspective(5000px) rotateX(0deg) rotateY(30deg) rotateZ(0deg) scale(1.4,1);transform:perspective(5000px) rotateX(0deg) rotateY(30deg) rotateZ(0deg) scale(1.4,1);}
.act-3 .a-flag{left:12%;top:20%;-webkit-transform:perspective(5000px) rotateY(40deg) scale(1.2,1.1);-moz-transform:perspective(5000px) rotateY(40deg) scale(1.2,1.1);-ms-transform:perspective(5000px) rotateY(40deg) scale(1.2,1.1);transform:perspective(5000px) rotateY(40deg) scale(1.2,1.1);}
.act-4 .a-flag{left:15%;top:5%;-webkit-transform:perspective(5000px) rotateY(40deg)  scale(1.1,1);-moz-transform:perspective(5000px) rotateY(40deg)  scale(1.1,1);-ms-transform:perspective(5000px) rotateY(40deg)  scale(1.1,1);transform:perspective(5000px) rotateY(40deg)  scale(1.1,1);}
.act-1:hover .a-flag{-webkit-transform:rotateX(10deg) rotateY(-20deg) rotateZ(-20deg)  scale(1.4);-moz-transform:rotateX(10deg) rotateY(-20deg) rotateZ(-20deg)  scale(1.4);-ms-transform:rotateX(10deg) rotateY(-20deg) rotateZ(-20deg)  scale(1.4);transform:rotateX(10deg) rotateY(-20deg) rotateZ(-20deg)  scale(1.4);}
.act-2:hover .a-flag{-webkit-transform:rotateX(10deg) rotateY(-10deg) rotateZ(-10deg)  scale(1.7,1.3);-moz-transform:rotateX(10deg) rotateY(-10deg) rotateZ(-10deg)  scale(1.7,1.3);-ms-transform:rotateX(10deg) rotateY(-10deg) rotateZ(-10deg)  scale(1.7,1.3);transform:rotateX(10deg) rotateY(-10deg) rotateZ(-10deg)  scale(1.7,1.3);}
.act-3:hover .a-flag{-webkit-transform:rotateX(-15deg) rotateY(-20deg) rotateZ(-10deg)  scale(1.5);-moz-transform:rotateX(-15deg) rotateY(-20deg) rotateZ(-10deg)  scale(1.5);-ms-transform:rotateX(-15deg) rotateY(-20deg) rotateZ(-10deg)  scale(1.5);transform:rotateX(-15deg) rotateY(-20deg) rotateZ(-10deg)  scale(1.5);}
.act-4:hover .a-flag{-webkit-transform:rotateX(10deg) rotateY(-20deg) rotateZ(-20deg)  scale(1.3);-moz-transform:rotateX(10deg) rotateY(-20deg) rotateZ(-20deg)  scale(1.3);-ms-transform:rotateX(10deg) rotateY(-20deg) rotateZ(-20deg)  scale(1.3);transform:rotateX(10deg) rotateY(-20deg) rotateZ(-20deg)  scale(1.3);}
.column-1,.column-2,.column-3{float:left;height:100%;-webkit-transition:all 1500ms ease-out;transition:all 1500ms ease-out;}
.column-1{width:33.5%;}
.column-2{width:30.5%;}
.column-3{width:35%;}
.line{float:left;}
@media screen and (min-width:1680px){
    .column-1{width:25%;}
    .column-2{width:23%;}
    .column-3{width:51%;}
}
.kv{width:384px;height:280px;border:3px solid #231d19;margin:0 auto;position:relative;top:39px;}
.kv-img{overflow:hidden;width:384px;height:280px;position:relative;clear:both;}
.kv-img li{overflow:hidden;width:384px;height:280px;}
.kv-img li img{width:384px;height:280px;}
.kv-num{position:absolute;bottom:0;left:20px;}
.kv-num li{float:left;margin-right:8px;overflow:hidden;color:#d0d9d8;cursor:pointer;font-size:36px;}
.kv-num li:hover,.kv-num li.focus{color:#7f0006;text-shadow:0 0 20px #7f0006;}
.recom-server{width:352px;height:100%;margin:0 auto;font-size:14px;}
.quick-ingame{height:50px;line-height:50px;text-align:center;padding-top:30px;overflow:hidden;color:#bebebe;font-size:12px;}
.fastin-input{width:60px;height:20px;text-align:center;line-height:20px;background:#554c49;border:none;box-shadow:0 0 5px #000;color:#bebebe;}
.fastin-btn{display:inline-block;vertical-align:middle;width:84px;height:25px;text-align:center;line-height:25px;background:url("images/new/fastin.png") repeat;border-radius:5px;overflow:hidden;box-shadow:0 0 10px #000;}
.sidebar-server li,.server-more{display:block;width:352px;height:50px;text-align:center;line-height:45px;background:url("images/new/sl.png") no-repeat;}
.sidebar-server a{display:block;height:50px;}
.move-news{-webkit-transform:translate(-500px,0);-moz-transform:translate(-500px,0);-ms-transform:translate(-500px,0);transform:translate(-500px,0);opacity:0;-webkit-transition:all 1000ms ease-out;transition:all 1000ms ease-out;}
.come{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);opacity:1;}
.come .kv{-webkit-animation:fromLeft 1800ms ease-out;-moz-animation:fromLeft 1800ms ease-out;-ms-animation:fromLeft 1800ms ease-out;animation:fromLeft 1800ms ease-out;}
.come .recom-server{-webkit-animation:fromLeft 1600ms ease-out;-moz-animation:fromLeft 1600ms ease-out;-ms-animation:fromLeft 1600ms ease-out;animation:fromLeft 1600ms ease-out;}
.come .news-left{-webkit-animation:fromLeft 1400ms ease-out;-moz-animation:fromLeft 1400ms ease-out;-ms-animation:fromLeft 1400ms ease-out;animation:fromLeft 1400ms ease-out;}
.come .news-right{-webkit-animation:fadeIn 1500ms ease-out;-moz-animation:fadeIn 1500ms ease-out;-ms-animation:fadeIn 1500ms ease-out;animation:fadeIn 1500ms ease-out;}
.news{position:relative;width:410px;height:100%;margin:0 auto;}
.news-date{float:right;color:#5f5f5f;}
.news-line{display:none;}
.news-left{width:410px;height:100%;background:url("images/new/news.png") 0 30px no-repeat;overflow:hidden;}
.news-right{float:left;}
.news-left .news-list{padding:10px 32px 0 30px;}
.news-right{display:none;}
.news-list li{height:35px;line-height:35px;border-bottom:1px dotted #3b3431;}
.news-list li:nth-child(6){border-bottom:none;}
.headline{padding:65px 30px 0 30px;width:350px;margin:0 auto;}
.headline-title{display:block;height:45px;line-height:45px;font-size:18px;color:#f1e4af;overflow:hidden;}
.headline-summary{display:none;padding-top:20px;font-size:14px;color:#bebebe;line-height:2;}
.read-more{float:right;width:131px;height:39px;text-align:center;line-height:39px;background:url("images/new/more1.jpg") no-repeat;font-size:14px;letter-spacing:1px;display:none;}
.read-more:hover{background:url("images/new/more2.jpg") no-repeat;color:#ffe400;}
@media screen and (min-width:1680px){
    .news{width:100%;}
    .news-line{display:block;}
    .news-left{float:left;width:49%;background:none;}
    .news-right{width:50%;display:block;}
    .news-right ul{width:400px;margin:74px auto 0;}
    .news-left .news-list{display:none;}
    .news-right .news-list{display:block;}
    .news-list li{font-size:14px;}
    .headline{background:url("images/new/news.png") 0 30px no-repeat;-webkit-animation:fadeIn 1500ms ease-out;-moz-animation:fadeIn 1500ms ease-out;-ms-animation:fadeIn 1500ms ease-out;animation:fadeIn 1500ms ease-out;}
    .headline-summary{display:block;width:350px;}
    .read-more{display:block;}
}
@media screen and (max-width:1680px){
    .news-left{-webkit-animation:fadeIn 1500ms ease-out;-moz-animation:fadeIn 1500ms ease-out;-ms-animation:fadeIn 1500ms ease-out;animation:fadeIn 1500ms ease-out;}
}
@-webkit-keyframes fromLeft{
    0%{opacity:0;-webkit-transform:translate(-1000px,0);}
    100%{opacity:1;-webkit-transform:translate(0,0);}
}
@-moz-keyframes fromLeft{
    0%{opacity:0;-moz-transform:translate(-1000px,0);}
    100%{opacity:1;-moz-transform:translate(0,0);}
}
@-ms-keyframes fromLeft{
    0%{opacity:0;-ms-transform:translate(-1000px,0);}
    100%{opacity:1;-ms-transform:translate(0,0);}
}
@keyframes fromLeft{
    0%{opacity:0;transform:translate(-1000px,0);}
    100%{opacity:1;transform:translate(0,0);}
}
@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
.card{width:1200px;height:577px;margin:0 auto;position:relative;z-index:2;}
.card-prev,.card-next{position:absolute;width:65px;height:96px;background-image:url("images/new/arrow.png");background-repeat:no-repeat;top:240px;left:0;background-position:0 0;}
.card-next{left:1135px;background-position:-65px 0;}
.card-prev-2,.card-next-2{position:absolute;width:320px;height:300px;left:45px;top:167px;background:url("about:blank");z-index:10;}
.card-next-2{left:840px;}
.card-prev:hover{background-position:0 -96px;}
.card-next:hover{background-position:-65px -96px;}
.card-tab{height:165px;position:relative;overflow:hidden;}
.card-tab li{position:absolute;width:88px;height:122px;top:25px;-webkit-transition:all 1500ms ease-out;transition:all 1500ms ease-out;cursor:pointer;}
.card-tab-1{left:175px;-webkit-transform:translate(374px,0);-moz-transform:translate(374px,0);-ms-transform:translate(374px,0);transform:translate(374px,0);z-index:1;}
.card-tab-2{left:549px;z-index:2;}
.card-tab-3{left:946px;-webkit-transform:translate(-397px,0);-moz-transform:translate(-397px,0);-ms-transform:translate(-397px,0);transform:translate(-397px,0);z-index:3;}
.come .card-tab-1,.come .card-tab-3{-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}
.card-tab-icon:after,.card-tab-flag:after{content:"";opacity:0;filter:alpha(opacity=0);-webkit-transition:all 800ms ease-out;transition:all 800ms ease-out;}
.card-tab-icon,.card-tab-flag,.card-tab-icon:after,.card-tab-flag:after{display:block;background-image:url("images/new/btns.png");background-repeat:no-repeat;}
.card-tab-icon,.card-tab-icon:after{height:88px;}
.card-tab-flag,.card-tab-flag:after{height:34px;}
.card-tab-1 .card-tab-icon{background-position:0 -129px;}
.card-tab-2 .card-tab-icon{background-position:-88px -129px;}
.card-tab-3 .card-tab-icon{background-position:-176px -129px;}
.card-tab-1 .card-tab-flag{background-position:0 -88px;}
.card-tab-2 .card-tab-flag{background-position:-88px -88px;}
.card-tab-3 .card-tab-flag{background-position:-176px -88px;}
.card-tab-1 .card-tab-icon:after{background-position:0 0;}
.card-tab-2 .card-tab-icon:after{background-position:-88px 0;}
.card-tab-3 .card-tab-icon:after{background-position:-176px 0;}
.card-tab-1 .card-tab-flag:after{background-position:0 -217px;}
.card-tab-2 .card-tab-flag:after{background-position:-88px -217px;}
.card-tab-3 .card-tab-flag:after{background-position:-176px -217px;}
.on .card-tab-icon:after{-webkit-animation:icon 2000ms ease-in;-moz-animation:icon 2000ms ease-in;-ms-animation:icon 2000ms ease-in;animation:icon 2000ms ease-in;opacity:1;filter:alpha(opacity=100);}
.on .card-tab-flag:after{-webkit-animation:flag 2000ms ease-in;-moz-animation:flag 2000ms ease-in;-ms-animation:flag 2000ms ease-in;animation:flag 2000ms ease-in;opacity:1;filter:alpha(opacity=100);}
@-webkit-keyframes icon{
    50%{-webkit-transform:rotate(-360deg) scale(1.2);opacity:0.5}
    100%{-webkit-transform:rotate(-360deg) scale(1);opacity:1}
}
@-moz-keyframes icon{
    50%{-moz-transform:rotate(-360deg) scale(1.2);opacity:0.5}
    100%{-moz-transform:rotate(-360deg) scale(1);opacity:1}
}
@-ms-keyframes icon{
    50%{-ms-transform:rotate(-360deg) scale(1.2);opacity:0.5}
    100%{-ms-transform:rotate(-360deg) scale(1);opacity:1}
}
@keyframes icon{
    50%{transform:rotate(-360deg) scale(1.2);opacity:0.5}
    100%{transform:rotate(-360deg) scale(1);opacity:1}
}
@-webkit-keyframes flag{
    0%{-webkit-transform:scale(1);opacity:0}
    50%{-webkit-transform:scale(1.2);opacity:0.5}
    100%{-webkit-transform:scale(1);opacity:1}
}
@-moz-keyframes flag{
    0%{-moz-transform:scale(1);opacity:0}
    50%{-moz-transform:scale(1.2);opacity:0.5}
    100%{-moz-transform:scale(1);opacity:1}
}
@-ms-keyframes flag{
    0%{-ms-transform:scale(1);opacity:0}
    50%{-ms-transform:scale(1.2);opacity:0.5}
    100%{-ms-transform:scale(1);opacity:1}
}
@keyframes flag{
    0%{transform:scale(1);opacity:0}
    50%{transform:scale(1.2);opacity:0.5}
    100%{transform:scale(1);opacity:1}
}
.card-list{height:412px;}
.card-list ul{position:absolute;left:942px;top:167px;}
.card-list li{position:absolute;width:215px;height:300px;left:0;top:0;opacity:0;filter:alpha(opacity=0);transform:scale(0.5);-webkit-transition:all 800ms ease-out;transition:all 800ms ease-out;-webkit-box-reflect:below 5px -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(250,250,250,0) 65%,rgba(250,250,250,0.5));border-radius:5px;}
.card-list img{width:100%;height:100%;}
.card-description{position:absolute;z-index:9;display:none;box-shadow:0 0 20px #000;border-radius:10px;}
.jietu{width:1200px;height:365px;margin:0 auto;position:relative;overflow:hidden;}
.jietu-title{width:100%;height:54px;text-indent:-9999em;overflow:hidden;background:url(images/new/jietu.png) center no-repeat;}
.scroll-jietu{width:1200px;height:200px;overflow:hidden;margin-top:55px;}
.scroll-jietu li{width:360px;height:195px;border:2px solid #423431;overflow:hidden;margin-right:60px;}
.scroll-jietu img{width:360px;height:195px;}
.m-footer{width:1200px;height:190px;margin:0 auto;overflow:hidden;padding-top:30px;color:#c2c2c2;}
.yct,.service{width:162px;float:left;height:188px;_display:inline;margin-left:5px;background:url("images/new/service.png") no-repeat;overflow:hidden;font-size:14px;}
.media{width:231px;float:left;height:91px;_display:inline;margin-left:5px;margin-top:48px;background:url("images/new/media.jpg") no-repeat;}
.links{width:620px;height:91px;float:left;_display:inline;margin-left:5px;margin-top:48px;background:#241b17 url("images/new/links.jpg") left center no-repeat;overflow:hidden;}
.yct{text-align:center;}
.yct img{margin:40px 0 13px 0;}
.service p{position:relative;left:37px;top:49px;}
.service a{position:relative;left:41px;top:70px;color:#e4d8a6;}
.media-wrap{padding:23px 0 0 64px;}
.media-scroll,.media-scroll li,.media-scroll img{width:150px;height:50px;overflow:hidden;}
.links-list{padding:4px 5px 0 55px;height:86px;}
.links-list a{line-height:1.8;padding-right:15px;white-space:nowrap;}

/*内页*/
.c-body{width:100%;background:url("images/new/c-bg.jpg?v=1") 0 0 no-repeat fixed;}
.c-body .header{height:122px;z-index:3;background:url("images/new/c-nav.png") no-repeat;position:absolute;left:0;top:0!important;width:100%;}
@media screen and (min-width:1200px){
    .c-body .header{position:fixed;left:30%;top:40px!important;width:70%;}
}
.c-man{position:fixed;width:761px;height:956px;background:url("images/new/man.png") no-repeat;top:40px;left:10%;margin-left:-350px;z-index:1;}
.article{min-height:1000px;_height:1000px;margin-left:30%;top:40px;width:70%;color:#bebebe;background-color:#251713\9;background-color:rgba(37,23,19,0.7);_background:#251713;z-index:2;}
.article-inner{position:relative;padding-top:130px;font-size:14px;line-height:2;z-index:3;}
.c-body .logo{position:absolute;width:155px;height:145px;left:-160px;top:20px;}
.c-body .nav{width:648px;float:right;}
.c-body .nav li{width:108px;margin:0;}
.c-body .nav a{color:#d3986a;padding-top:20px;}
.c-body .nav span{color:#a48d85;padding-top:0;}
.c-body .nav a:hover{color:#f1e4af;}
.article-cate{line-height:122px;font-size:24px;padding-left:20px;}
.article-top,.article-main{width:800px;margin:0 auto;}
.article-main{padding-bottom:50px;min-height:600px;*zoom:1;_height:600px;}
.bread-nav{margin:10px 0;}
.article-title{font-size:24px;color:#f1e4af;text-align:center;}
.article-detail{text-align:center;color:#909090;border-bottom:#50320e 1px solid;padding-bottom:15px;margin-bottom:15px;}
.article-content{padding:20px;}
.article-relation{height:150px;margin-top:30px;font-size:12px;}
.article-relation dt{border-bottom:1px solid #50320e;padding-bottom:5px;margin-bottom:10px;}
.article-relation dd{float:left;width:47%;padding-right:2%;height:30px;line-height:30px;}
.article-list{margin:0 30px;}
.article-list li{height:142px;margin-bottom:60px;}
.article-list .news-date{float:left;display:block;width:142px;height:142px;padding-right:20px;margin-right:20px;background:url("images/new/date.png") no-repeat;border-right:1px solid #50320e;font-size:24px;color:#c5ac9b;}
.article-list .news-date i{display:block;padding:32px 25px 0 25px;text-align:center;line-height:1.5}
.article-list a{font-size:24px;display:block;color:#f1e4af;}
.c-body .card-btn{background:#89847e;border-color:#89847e;color:#404446;}
.card-btn:hover,.card-btn:focus{background-color:#b7b0a8;border-color:#b7b0a8;}
.pageNum{height:50px;margin:20px auto 0;padding-top:20px;text-align:center;}
.pageNum span{display:inline;}
.pageNum a{margin:3px;padding:2px 7px 2px 7px;line-height:26px;background:#908274;color:#fff;font-size:12px;}
.pageNum a:hover{text-decoration:underline;}

/*serverlist*/
.s-body{background:url("images/new/s-bg.jpg") top center no-repeat;}
.s-wrap{width:1000px;margin:0 auto;}
.s-header{height:315px;background:url("images/new/s-header.jpg") no-repeat;position:relative;}
.s-content{height:785px;background:url("images/new/s-wrap.jpg") no-repeat;position:relative;}
.s-logo{position:absolute;width:229px;height:210px;left:105px;top:90px;text-indent:-9999em;overflow:hidden;}
.s-nav{padding:54px 0 0 380px;height:60px;}
.s-nav a{float:left;width:154px;height:60px;}
.s-body .loginframe{position:absolute;padding-top:0;width:615px;height:74px;left:386px;top:172px;color:#3e0702;display:block;background:none;}
.s-body .loginframe a{color:#3e0702;}
.s-body .log{padding-left:10px;padding-top:0;width:auto;}
.s-body .log li{margin-bottom:0;float:left;}
.s-body .ipt1{background:#390c0c;border:1px solid #390c0c;width:170px;color:#ccc;}
.s-body .user,.s-body .psw{margin: 10px 20px 0 0;background:none;padding-left:0;}
.s-body .log-btn{position:absolute;float:none;width:169px;height:55px;left: 420px;top: 10px;background:url("images/new/s-log-btn.jpg") no-repeat;}
.s-body .log-btn a{display:block;height:55px;}
.s-body .log-btn a:hover{background:none;}
.s-body .remember{padding-left:0;position:relative;top: 6px;clear:both;}
.s-body .psw-btn{position:relative;top:7px;margin-left:106px;}
.s-body .reg-btn{width:auto;height:auto;background:none;position:relative;top:7px;margin-left:108px;}
.s-body .reg-btn a{display:inline;background:none;}
.s-body .reg-btn a:hover{background:none;}
.s-body .loged{padding:6px 10px 0 10px;}
.s-body .loged li{width:200px;float:left;height:18px;line-height:18px;margin-bottom:4px;}
.s-body .f-ar{text-align:left!important;}
.s-body .server-list li{float:left;width:176px;height:34px;text-align:center;line-height:34px;background:url(images/new/s-box.jpg) no-repeat;margin:0 12px 10px 0;}
.server-list a{color:#fff2e4;}
.server-list a:hover{text-shadow:0 0 10px #fff;}
.s-body .rec-server{position:absolute;left:407px;top:58px;z-index:22;}
.s-body .quick-ingame{right:48px;top:16px;position:absolute;color:#e1b291;border-bottom:none;}
.s-body .fastin-input{box-shadow:none;}
.s-body .fastin-btn{display:inline-block;width:72px;height:28px;text-align:center;line-height:28px;background:url("images/new/s-ingame.jpg") no-repeat;color:#ecbaa2;box-shadow:none;}
.s-body .all{width:607px;height:575px;position:absolute;left:407px;top:98px;overflow:auto;}
.s-body .colored,.s-body .server-list span{color:#df8204;}
.sp-pager{margin:10px 0;overflow:hidden;}
#serverTab li{width:80px;height:20px;line-height:20px;background:#481919;cursor:pointer;color:#aa9a83;border-radius:5px;margin:0 5px 5px 0;}
#serverTab .on{color:#df8204;background:#7d2012;}

/*three*/
.loged img,.s-loged img{margin-right:3px;vertical-align:middle;}
.three{top:90px;left:228px;font-size:12px;line-height:30px;}
.three-icon{background:url(http://img1.37wanimg.com/common/css/images/three.png) no-repeat;transition:.5s;width:28px;height:28px;display:inline-block;text-indent:-9999em;vertical-align:middle;margin:0 8px;}
.three-wx{background-position:-39px 0;}
.three-wb{background-position:-78px 0;}
.s-body .log .three{left: 212px;top: 38px;position: absolute;}
.s-body .three-icon{margin: 0 3px;}

html{overflow: auto;}body { min-width: 1200px; overflow: auto; position: relative; } .sq-dialog-masking { position: fixed!important; _position: absolute!important; } .r-cover { position: fixed!important; _position: absolute!important; }