.fu_txt,.header-nav a,.header-nav i,.qq-link{*vertical-align:middle}
.fu_btn:hover,.more-server-link:hover,.server-con a:hover,a,a:hover{text-decoration:none}
.act-new-box,.container-header,.container-left,.container-right,.down-box,.down-box a,.focus-act-box,.game-prompt,.gameInfo-user-box,.info-icon-box,.info-icon-item,.info-link-box,.new-con,.news-role-box,.pic-box,.pic-box a,.plan-box,.plan-con,.plan-pic-box,.role-box,.role-con,.server-box,.slide-box,.start-btn,.super-user-box,.tab,.user-box{position:relative}
.container-header h1,.down-box i,.down-box span,.header-nav,.info-icon-item i,.info-icon-item span,.logo-link,.newlist,.pic-box a i,.plan-list-box,.plan-list-item,.role-con-item,.role-img,.role-info,.role-more,.role-name,.role-tab,.role-text,.see-detail,.see-more,.start-btn i,.start-btn i:after,.super-user-title,.tab-slider,.w-focusbtn,.zb-link,.zq-link{position:absolute}
.header-nav a,.header-nav i,.qq-link,.server-link{display:inline-block;*display:inline;*zoom:1}
.down-box i,.hd_right:hover .hd_pop,.header-nav span,.hot-news-tit,.info-icon-item i,.info-icon-item span,.more-server-link,.new-con a,.new-img-link,.new-img-link img,.pic-box a,.plan-list-item a,.server-con a,.start-btn,.start-btn i:after,.zb-link img,.zq-link img{display:block}
#bdshare,.hidden,.user-box .user-tab{display:none}
.container,.gameInfo-user-box,.info-icon-box,.info-link-box,.news-role-box,.plan-pic-box{zoom:1}
.container:after,.gameInfo-user-box:after,.info-icon-box:after,.info-link-box:after,.news-role-box:after,.plan-pic-box:after{content:'\20';display:block;height:0;clear:both}
.act-link-box,.act-link-box a,.act-link-box span,.act-new-title span,.container-left,.down-box a,.game-info-box,.info-icon-item,.info-link-box h4,.new-box,.plan-box,.slide-box,.tab span,.w-focusbtn i,.xt-link-box,.xt-link-box a,.xt-link-box span{float:left}
.act-new-box,.act-new-title i,.container-right,.fu_btn,.new-con a i,.pic-box,.plan-list-item i,.role-box,.server-con span,.super-user-box,.tab .new-more{float:right}
.container,.container-header,.footer-link,.hd960,.info-icon-item i,.more-server-link,.new-con{margin:0 auto}
.act-link-box a,.act-new-box,.container-header h1,.focus-act-box,.fu_btn,.game-prompt,.gameInfo-user-box,.hot-news-tit,.info-icon-item i,.info-link-box,.logo-link,.new-box,.new-con,.newlist,.news-role-box,.pic-box,.plan-box,.plan-list-box,.plan-list-item,.plan-list-item a,.plan-pic-box,.qq-link,.role-box,.server-box,.server-con,.server-title,.slide-box,.user-box,.xt-link-box a{overflow:hidden}
.down-box a,.down-box span,.footer-link,.footer-prompt,.fu_btn,.header-nav,.hot-news-tit,.info-icon-item,.info-link-box h4,.more-server-link,.server-link,.tab span{text-align:center}
.hot-news-tit{font-weight:700}
.act-new-title,.info-link-box h4{font-weight:400}
.pic-box a i,.qq-link,.start-btn i,.tab span,.w-focusbtn i{cursor:pointer}
.act-new-title i,.footer-link,.header-nav span,.server-con a,.server-con span{font-size:12px}
.act-new-con,.down-box span,.info-icon-item,.more-server-link,.new-con a,.plan-list-item a,.prompt-con,.role-more,.role-text,.see-detail,.see-more,.server-title,.service-con{font-size:14px}
.header-nav a,.header-nav i,.hot-news-tit,.tab span{font-size:16px}
.act-new-title,.game-prompt .game-prompt-tab .tab-slider,.game-prompt .game-prompt-tab span,.info-link-box h4,.server-box .server-tab .tab-slider,.server-box .server-tab span,.service-box .service-tab .tab-slider,.service-box .service-tab span,.user-box .user-tab .tab-slider,.user-box .user-tab span{font-size:18px}
.more-server-link:hover,.server-link{color:#fff}
#footer,#footer p a,#footer span,.footer-box,.footer-link{color:#4b4542}
.container,.container-header,.footer-link,.hd960{width:1200px}
.down-box i,.info-icon-item i,.new-con a,.pic-box,.pic-box a i,.qq-link,.start-btn,.start-btn i,.start-btn i:after{background-image:url(../images/icon-sprite.png);background-repeat:no-repeat}
.server-con a,a{-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-ms-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}
body,button,input,select,textarea{font:12px \5FAE\8F6F\96C5\9ED1,arial,\5b8b\4f53}
.footer-link{padding:10px}
.footer-link a{color:#4b4542;margin:0 10px}
.footer-box{margin-top:50px;padding:32px 0 16px;background-color:#000}
body,html{overflow-x:hidden;min-width:1200px;margin:0 auto}
.footer-prompt{height:32px;line-height:32px}
#footer{padding:0}
body{background:url(../images/body-bg.jpg) center 37px no-repeat #161111}
a{color:#bebebe}
a:hover{color:#fff}
.container-header{height:680px;background:url(../images/container-bg.jpg) no-repeat}
.container-header h1{text-indent:-200%}
.header-nav{left:50%;width:2000px;top:0;margin-left:-1000px;height:96px;background:url(../images/nav-bg.png)}
.header-nav a,.header-nav i{color:#fff;margin:28px 45px 0;line-height:1.5}
.header-nav a:hover,.header-nav i:hover{color:#667d84;text-decoration:none}
.header-nav a.te-item,.header-nav i.te-item{margin:28px 120px 0}
.logo-link{z-index:1;left:50%;margin-left:-62px;top:16px;height:110px;width:125px;background:url(../images/logo.png) no-repeat}
.container-left{width:890px}
.container-right{width:300px}
.start-btn{width:100%;height:95px;background-position:0 0}
.start-btn:hover{background-position:-300px 0}
.start-btn:hover i{background-position:0 -95px;animation:linear icoBig 1.6s infinite;-webkit-animation:linear icoBig 1.6s infinite}
.start-btn:hover i:after{opacity:.6;animation:linear icoBig2 1.6s infinite;-webkit-animation:linear icoBig2 1.6s infinite}
.start-btn i{top:0;left:0;bottom:0;right:0;background-position:-300px -95px}
.start-btn i:after{width:100%;height:100%;margin:0 auto;background-position:-300px -95px;content:"";cursor:pointer}
@-webkit-keyframes icoBig{0%,60%{-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)}}
@keyframes icoBig{0%,60%{transform:scale(1)}20%{transform:scale(1.05)}30%{transform:scale(.93)}45%{transform:scale(1.04)}}
@-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}}
.tab{height:49px;line-height:50px;margin:0 25px;border-bottom:1px solid #483a37}
.tab span{color:#c7bbab;width:75px}
.tab span.cur{color:#c75037}
.tab .new-more{color:#705655}
.tab .new-more:hover{color:#916664}
.tab-slider{height:3px;bottom:-2px;left:0;background-color:#c75037;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s}
.user-box{height:205px;background:#362c2b}
.game-prompt .game-prompt-tab,.server-box .server-tab,.service-box .service-tab,.user-box .user-tab{margin:0 20px}
.game-prompt .game-prompt-tab .tab-slider,.game-prompt .game-prompt-tab span,.server-box .server-tab .tab-slider,.server-box .server-tab span,.service-box .service-tab .tab-slider,.service-box .service-tab span,.user-box .user-tab .tab-slider,.user-box .user-tab span{text-align:left;width:76px}
.down-box{height:230px;width:100%;padding-top:40px;margin-top:10px;background:url(../images/down-bg.jpg) no-repeat}
.prompt-con,.service-con{color:#80736b;padding:0 20px}
.down-box a{width:80px;height:80px;margin:0 0 20px 48px;_display:inline}
.down-box a:hover i{top:-5px}
.down-box a:hover span{color:#c75037;bottom:10px}
.down-box i{top:0;left:50%;width:55px;height:55px;margin-left:-28px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.down-box span{color:#80736b;height:25px;bottom:0;left:0;right:0;line-height:25px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.game-prompt,.service-box{width:100%;height:270px;margin-top:10px}
.down-box .dl-item{background-position:-626px 0}
.down-box .cz-item{background-position:-748px 0}
.down-box .vip-item{background-position:-626px -103px}
.down-box .xslb-item{background-position:-748px -103px}
.game-prompt{background:url(../images/prompt-bg.jpg) no-repeat}
.prompt-con{line-height:1.8;margin-top:10px}
.service-box{background:url(../images/kf-bg.jpg) no-repeat}
.service-con{line-height:2;margin-top:20px}
.server-link{width:70px;height:22px;line-height:22px;background-color:#aa412b}
.qq-link{width:95px;height:24px;line-height:24px;background-position:0 -776px}
.server-box{height:270px;margin-top:10px;background-color:#382f30}
.server-title{margin:0 5px;height:42px;line-height:42px;color:#c4b9ab;border-bottom:1px dashed #483a37}
.fu_btn,.fu_btn:hover{border:1px solid #705655}
.server-title span{margin-left:10px}
.fu_btn{margin:10px 10px 0 0;width:48px;height:22px;line-height:22px;color:#705655}
.fu_btn:hover{background:#705655;color:#f2d9cd}
.fu_txt{width:42px;height:14px;padding:5px 10px;*padding:3px 3px 7px;*vertical-align:middle;margin-right:5px;border:none;text-indent:4px;color:#c7bbab;background:#1b1714}
.server-con{height:165px;padding-top:6px}
.server-con a,.server-con p{height:40px;line-height:40px}
.server-con a{color:#c4b9ab}
.server-con a:hover{color:#c38f43}
.server-con p{margin:0 15px;border-bottom:1px dashed #483a37}
.server-con span{color:red;margin-left:5px}
.more-server-link{margin-top:8px;width:175px;height:34px;line-height:34px;color:#705655;border:1px solid #705655;transition:all .3s}
.more-server-link:hover{background-color:#705655}
.focus-act-box{height:300px}
.slide-box{width:560px;height:100%}
/*
.slide-box a,.slide-box img,.slide-box li,.slide-box ul{width:100%;height:100%}
.slide-box li{top:0;left:0;width:100%}
*/
.w-focusbtn{z-index:2;bottom:18px;right:40px}
.w-focusbtn i{width:18px;height:18px;margin-left:9px;border-radius:9px;background:#bbb}
.w-focusbtn i.cur{width:36px;background:#c75037}
.act-new-box{width:320px;height:100%;background:url(../images/new-bg.jpg) no-repeat}
.game-info-box,.role-box{background-color:#251d1b}
.act-new-title{width:280px;height:36px;margin:0 auto;padding-top:10px;color:#c7bbab}
.act-new-title i{height:20px;color:#80736b;line-height:20px;margin-top:10px}
.act-new-title span{height:36px;line-height:36px;font-size:18px}
.new-img-link,.new-img-link img{width:278px;height:164px}
.new-img-link{margin:5px auto 0;border:1px solid #413637}
.new-img-link:hover{border:1px solid #c75037}
.see-detail{bottom:20px;right:20px;color:#705655}
.see-detail:hover{color:#916664;text-decoration:underline}
.act-new-con{padding:0 20px;margin-top:10px;color:#80736b;line-height:30px}
.news-role-box{height:270px;margin-top:10px}
.new-box{width:560px;height:100%;background:#251d1b}
.new-tab .tab-slider{width:75px}
.hot-news-tit{line-height:38px;color:#c75037;margin:10px 35px 0;height:38px}
.hot-news-tit:hover{color:red}
.new-con{width:510px;height:156px}
.new-con a{height:38px;line-height:38px;color:#80736b;padding-left:20px;background-position:-878px 12px}
.new-con a:hover{color:#f2d9cd}
.newlist{width:100%;top:100%;height:156px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.newlist.cur{top:0}
.role-box{width:320px;height:100%}
.role-tab{top:0;left:0;right:0;z-index:9;margin:0 20px}
.role-tab .tab-slider{width:75px}
.role-con{width:100%;height:100%}
.role-con-item{top:0;left:0;right:0;z-index:0;bottom:0}
.role-con-item.cur{z-index:1}
.role-con-item.cur .role-info{left:0}
.role-con-item.cur .role-img{right:0}
.role-img,.role-info,.role-name{top:0;bottom:0;width:100%;height:100%}
.role-info{z-index:2;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;left:-100%}
.role-info .role-more{top:200px;padding:3px 10px}
.role-text{left:30px;top:170px;color:#80736b}
.role-img{right:-100%;z-index:1;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.gameInfo-user-box{margin-top:10px;width:100%;height:270px}
.game-info-box{width:560px;height:100%}
.game-info-tab .tab-slider,.game-info-tab span{width:90px}
.info-icon-box{margin:30px 25px 0;height:70px}
.info-icon-item{margin-left:10px;width:70px;height:70px;color:#80736b}
.info-icon-item i{top:0;left:50%;margin-left:-20px;width:40px;height:40px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.info-icon-item span{bottom:0;left:0;right:0;height:30px;line-height:30px;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.info-icon-item:hover i{top:-5px}
.info-icon-item:hover span{color:#c75037;bottom:10px}
.info-icon-item .lb-icon{background-position:-391px -190px}
.info-icon-item .kj-icon{background-position:-8px -190px}
.info-icon-item .ph-icon{background-position:-93px -190px}
.info-icon-item .dt-icon{background-position:-179px -190px}
.info-icon-item .jb-icon{background-position:-265px -190px}
.info-icon-item .zb-icon{background-position:-328px -190px}
.info-link-box{margin:10px 25px 0;height:75px;background-color:#362c2b}
.info-link-box h4{width:35px;height:60px;padding-top:15px;line-height:20px;color:#c7bbab;background-color:#331e1c}
.act-link-box,.xt-link-box{width:205px;height:65px;padding:10px 0 0 15px}
.act-link-box a,.xt-link-box a{width:48px;margin-bottom:10px;height:20px;line-height:20px}
.act-link-box span,.xt-link-box span{width:18px;text-align:center;height:20px;line-height:20px;color:#88856c}
.super-user-box{width:320px;height:100%;background:url(../images/detail-bg.jpg) no-repeat}
.super-user-title{font-size:36px;color:#aa412b;top:100px;left:30px}
.role-more,.see-more{color:#705655;border:1px solid #705655;padding:3px 20px;left:30px;top:150px}
.role-more:hover,.see-more:hover{background-color:#705655;color:#f2d9cd}
.plan-pic-box{margin-top:10px;height:270px}
.plan-box{width:560px;height:100%;background-color:#251d1b}
.plan-tab .tab-slider,.plan-tab span{width:90px}
.plan-con{margin:30px 25px 0}
.zb-link,.zq-link{left:0;top:0}
.zb-link img,.zq-link img{width:162px;height:75px}
.zq-link{top:85px}
.plan-list-box,.plan-list-item{right:0;top:0;width:330px;height:160px}
.plan-list-item{top:100%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.plan-list-item.cur{top:0}
.plan-list-item a{color:#80736b;height:20px;line-height:20px;margin-bottom:15px}
.plan-list-item a:hover{color:#c75037}
.pic-box{width:320px;height:100%;background-position:0 -506px}
.pic-box a{height:130px;margin-bottom:10px}
.pic-box a i{top:0;right:0;width:100px;height:100%;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s}
.pic-box .jt-pic i{background-position:-640px -506px}
.pic-box .jt-pic:hover i{width:100%;background-position:-320px -506px}
.pic-box .yh-pic i{background-position:-640px -646px}
.pic-box .yh-pic:hover i{width:100%;background-position:-320px -646px}



#slideBox {position: relative;width: 560px;height: 300px;}
#slideBox .hd {padding: 0;position: absolute;bottom: 5px;right: 5px;z-index: 2;width: auto;height: auto;background: none;}
#slideBox ul {}
#slideBox .hd li {margin: 0 3px 0 0;float: left;list-style: none;width: 18px;height: 18px;line-height: 18px;background: #000;color: #fff;font-size: 11px;font-family:Arial;cursor: pointer;text-align: center;border: 1px solid #E6CAB4;}
#slideBox .bd ul, #slideBox .bd li {margin: 0;padding: 0;list-style: none;}
#slideBox .bd li {width: 560px;height: 300px;overflow: hidden;} 
#slideBox .bd li img {width: 560px;height: 300px;}
#slideBox .hd li.on{background:#f15900; color:#fff;}