/*
*   @author szc
*   @date 2014-12-11
*/
@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 { padding: 0; margin: 0; outline: 0 }
h1, h2, h3, h4, h5 { font-size: 100% }
body { font: 12px "Microsoft Yahei" }
ul, li { list-style: none }
a { text-decoration: none }
a:hover { text-shadow: 0 0 1px; text-decoration: underline }
a, button { cursor: pointer }
table { border-collapse: collapse; border-spacing: 0 }
input, select, img { vertical-align: middle }
.fl { float: left; _display: inline }
.fr { float: right; _display: inline }
.clearfix { *zoom:1;
}
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
body { background: #0B0B0B; color: #a6a6a6; }
a { color: #a6a6a6; text-decoration: none; }
a:hover { color: #E2E2E2; text-decoration: none; }
.hidden { display: none; }
.block-a { display: block; height: 100%; text-indent: -9999em; }
em, i { font-style: normal; }
.orange { color: #ff7850; }
.yellow { color: #ffae22; }
.red { color: red; }
.a-link { transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
.a-link:hover { padding-left: 5px; }
.container { background: #0a0a0a url(n_bg.jpg) no-repeat top center; margin: auto; }
/* header */
.header { width: 1000px; height: 663px; position: relative; margin: auto; background: url(n_hd.jpg) no-repeat top center; }
.wrap { width: 1000px; height: auto; margin: auto; padding-bottom: 20px; }
.nav { /*background: url(s-nav.jpg) no-repeat;*/ width: 1000px; height: 100px; }
.logo { position: absolute; left: 357px; top: 0; width: 284px; height: 160px; }
.main-nav {height: 54px;overflow: hidden;font-size: 16px;}
.main-nav li {display: inline;float: left;height: 54px;width: 100px;text-align: center;}
.main-nav a { height: 44px; display: block;padding-top: 10px;overflow: hidden; width: 98px;color: #ddd;letter-spacing: 1px;}
.main-nav li span {display: block;line-height: 16px;color: #bc894b;font-size: 12px;letter-spacing: -1px;margin-top: 2px;}
.main-nav a:hover {color: #fff;}
.main-nav li a:hover span {color: #bc894b;}
.main-nav .nav-r {float: right;}
.main-nav .nav-l {margin-right: 32px;float: left;}
.main-nav .nav-5 {margin: 0 32px;}

.header .video-play {display: block;height: 29px;width: 127px;background: url(video-btn.png) center top no-repeat;position: absolute;left: 603px;top: 310px;z-index: 9;}

.head-swf { width: 1000px; height: 320px; position: absolute; left: 0; top: 95px;}
/* wrap-left */
.wrap-left { width: 260px; float: left; position: relative; }
/* loginframe */
.login { background: url(login.jpg) no-repeat; width: 260px; height: 324px; margin-bottom: 35px; }
.game-start { width: 260px; height: 107px; }
.r-c { height: 42px; color: #A0A59D; overflow: hidden; }
.r-c a { width: 130px; float: left; display: block; text-indent: -9999px; height: 42px; }
#gift:hover { background: url(r-c.jpg) no-repeat 0 0; }
#charge:hover { background: url(r-c.jpg) no-repeat -130px 0; }
.log { height: 186px; overflow: hidden; position: relative; }
.log li { position: absolute; }
.user { left: 32px; top: 13px; line-height: 32px; }
.text { width: 186px; height: 26px; line-height: 26px; padding: 0 6px; border: 0 none; background: #4C4E52; color: #fff; font-size: 14px; }
.text:hover { box-shadow: 0 0 5px #fff; }
.psw { left: 32px; top: 48px; line-height: 32px; }
.remember { left: 32px; top: 87px; }
.remember label { border-right: 1px solid #a6a6a6; padding-right: 4px; }
.get-psw { left: 108px; top: 87px; _left: 114px; }
.get-psw a { text-decoration: underline; }
.get-reg { left: 180px; top: 87px; }
.log-btn { width: 188px; height: 53px; left: 35px; top: 114px; background: url(log-btn.jpg) no-repeat 0 1px; }
.block-a { display: block; height: 100%; text-indent: -9999em; overflow: hidden; }
.log-btn .block-a:hover { background: url(log-btn.jpg) 0 -53px no-repeat; transition: all 0.5s ease; }
.loged { width: 226px; color: #889090; margin: 0 auto; padding: 14px 0 0; }
.loged-top { padding: 5px 0; }
.loged li { margin-bottom: 16px; line-height: 16px; }
.loged a { color: #889090; }
.loged .loged-highlight { color: #E6A257; }
.loged-usercenter { text-align: right; }
.loged-usercenter a { margin-left: 5px; }
/* server */
.server { background: url(server-bg.jpg) no-repeat; height: 236px; overflow: hidden; margin-bottom: 14px; }
.server .top { height: 45px; font: 18px/45px "Microsoft Yahei"; color: #a4a4a4; padding-left: 50px; }
.wrap-left .con { overflow: hidden; }
.server .con { height: 186px; }
#quick-ingame { color: #a6a6a6; height: 20px; line-height: 20px; text-align: center; margin-top: 5px; }
#quick-enter-input { width: 42px; height: 20px; text-align: center; line-height: 20px; background: #000; color: #fefeff; }
#quick-enter-input:hover { box-shadow: 0 0 5px #fff; }
#quick-enter-click { width: 55px; height: 17px; display: inline-block; text-indent: -9999px; overflow: hidden; vertical-align: middle; background: url(ingame.jpg) no-repeat 0 0; }
#quick-enter-click:hover { background-position: -55px 0; }
.server .con ul { width: 210px; height: 126px; margin: 6px auto 0; }
.server .con li { width: 186px;background: url(server-dot.jpg) 3px 50% no-repeat; height: 31px; line-height: 31px; overflow: hidden; padding: 0 0 0 24px; }
.server .con li a { color: #a6a6a6; display: block; font-size: 14px; }
.server .con li a.server-tip-1 { color: #971a13; display: block; }
.server .con li a:hover, .server .con li a:hover span { color: #A57A13; text-decoration: none; }
.server .con li span { float: right; cursor: pointer; }
.server-more { width: 260px; height: 32px; margin: 0 auto; text-align: center; font: 14px/32px 'Microsoft Yahei'; }
.server-more a { height: 100%; display: block; color: #979797; transition: all 0.5s ease; }
.server-more a:hover { color: #fff; }
/* related */
.related { height: 200px; margin-bottom: 11px; }
.related a { height: 95px; width: 258px; display: inline-block; float: left; margin-bottom: 9px; background: url(related.jpg) no-repeat; }
#lhgw { background-position: 0 0; }
#lhgw:hover { background-position: -260px 0; }
#yxz { background-position: 0 -95px; }
#yxz:hover { background-position: -260px -95px; }
/* service */
.service { background: url(service-bg.jpg) no-repeat; height: 174px; margin-bottom: 7px; }
.service .top { height: 45px; font: 18px/45px "Microsoft Yahei"; color: #E6A257; padding-left: 60px; }
.service ul { width: 150px; margin: 3px auto 0; }
.service li { height: 30px; overflow: hidden; line-height: 30px; color: #A8ACA5; }
.service a.online { width: 60px; height: 21px; background: url(online.jpg) no-repeat; display: inline-block; vertical-align: middle; }
.service a.online:hover { background-position: -60px 0; }
/* media */
.media { background: url(media-bg.jpg) no-repeat; height: 348px; margin-bottom: 6px; }
.media .top { height: 45px; font: 18px/45px "Microsoft Yahei"; color: #E6A257; padding-left: 60px; }
.media .con { width: 150px; height: 120px; margin: 20px auto 0; }
.media-scroll { width: 150px; height: 116px; overflow: hidden; }
.media-scroll li { width: 150px; height: 50px; margin-bottom: 10px; }
/* link */
.link { position: relative; }
.link .top { height: 35px; background: url(link.jpg) no-repeat; text-indent: -9999px; overflow: hidden; }
.link .con { width: 240px; padding: 5px 10px 10px; line-height: 20px; overflow: hidden; position: absolute; left: 0; top: 35px; display: block; }
.link .con a { display: inline-block; float: left; padding: 0 5px; white-space: nowrap; }
/* video */
.layout {display: none;background: #000;opacity: .5;filter: aplha(opacity=50);position: fixed;left: 0;top: 0;width: 100%;height: 100%;}
.video-alert { position: fixed; _position: absolute; width: 755px; height: 416px; background: url(video.png) no-repeat; left: 50%; top: 50%; margin-left: -377px; margin-top: -208px; display: none; z-index: 10; }
.video-code { width: 700px; height: 410px; position: relative; left: 10px; top: 2px; }
.video-close { position: absolute; width: 35px; height: 41px; right: 0; top: 2px; }
.video-close:hover { background: url(close.png) no-repeat; }
/* wrap-right */
.wrap-right { width: 740px; float: right; }
/* kv */
.kv { width: 736px; height: 320px; position: relative; margin: 0 0 35px 0; overflow: hidden; }
.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: #9f121b; text-shadow: 0 0 20px #9f121b; }
/* news */
.news-row { width: 722px; height: 317px; margin-left: 17px; margin-bottom: 16px; }
.news-tab { background: url(news-tab.jpg) no-repeat 0 -55px; height: 55px; }
.news-tab ul { height: 57px; }
.news-tab li { width: 236px; height: 55px; float: left; cursor: pointer; display: inline; }
#li_xinwen { width: 182px; }
#news-more { width: 50px; height: 19px; text-indent: -9999px; overflow: hidden; display: block; float: right; _display: inline; margin: 20px 14px 0 0; }
#news-more:hover { background-position: -658px -20px; }
.news-tab li.current a { background: url(news-tab.jpg) no-repeat; color: #fff; -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
.news-tab li a { height: 100%; display: block; text-indent: -9999px; overflow: hidden; }
.news-tab a:hover { background: url(news-tab.jpg) no-repeat; }
#li_xinwen a:hover, #li_xinwen.current a { background-position: 0 0; }
#li_huodong a:hover, #li_huodong.current a { background-position: -182px 0; }
#li_meiti a:hover, #li_meiti.current a { background-position: -418px 0; }
.news-list { height: 248px; margin: 13px 0 0 0; }
.news-left { width: 227px; height: 248px; }
.news-left a { width: 227px; height: 76px; display: inline-block; float: left; margin-bottom: 10px; background: url(vip.jpg) no-repeat; }
#vip1 { background-position: 0 0; }
#vip1:hover { background-position: -227px 0; }
#vip2 { background-position: 0 -76px; }
#vip2:hover { background-position: -227px -76px; }
#vip3 { background-position: 0 -152px; }
#vip3:hover { background-position: -227px -152px; }
.news-right { width: 476px; height: 248px; margin-left: 19px; }
.news-hot { background: url(news-hot.jpg) repeat-x; width: 473px; height: 76px; font: 12px/18px "Microsoft Yahei"; padding: 0 0 0 0px; overflow: hidden; }
.headline-title { display: block; color: #971a13; font-size: 16px; line-height: 34px; padding-left: 8px; }
.headline-title:hover { color: #B81D14; }
.headline-sum { padding: 0 8px; display: block; color: #a8a8a8; }
.headline-sum:hover { color: #a8a8a8; }
.news .con { width: 458px; height: 162px; position: relative; overflow: hidden; margin: 10px auto 0; }
.section .con { background: 0 0; border: 0; }
.news .con li { height: 22px; line-height: 22px; overflow: hidden; margin-bottom: 5px; }
.time { color: #5f5f5f; float: right; }
.a-link { transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
.a-link:hover { padding-left: 5px; }
/* data */
.data-row { width: 725px; height: 279px; overflow: hidden; margin: 0 0 4px 15px; }
.data-top { height: 42px; font: 18px/42px "Microsoft Yahei"; color: #a4a4a4; position: relative; }
.data-con { background: url(data-c.jpg) no-repeat; height: 216px; padding-top: 20px; }
.d-tab { width: 150px; height: 197px; background: url(d-on.png) no-repeat; position: relative; margin-left: 19px; }
.d-tab li { width: 150px; height: 56px; margin-bottom: 15px; transition: all 0.5s ease; overflow: hidden; _margin-left: -16px; }
.d-tab li.current { background: url(d-on.png) no-repeat; }
.d-tab li#d-1 { background-position: -150px 0; }
.d-tab li#d-2 { background-position: -150px -71px; }
.d-tab li#d-3 { background-position: -150px -142px; margin-bottom: 0; }
.d-tab a { height: 100%; display: block; }
.d-list { width: 300px; margin-left: 20px; }
.d-list p { height: 197px; overflow: hidden; -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
.d-list a { width: 70px; height: 28px; line-height: 28px; text-align: center; overflow: hidden; float: left; }
.data-more { width: 50px; height: 19px; background: url(more.png) 0 -19px; position: absolute; right: 10px; top: 12px; display: block; text-indent: -9999px; overflow: hidden; }
.data-more:hover { background-position: 0 0; }
/* show videos screenshot */
.show { width: 725px; height: 168px; margin: 0 0 16px 15px; overflow: hidden; }
.sp, .jt { width: 356px; height: 100%; position: relative; }
.sp { margin-right: 13px; }
.icon-sp { background: url(icon-sp.png) no-repeat; width: 73px; height: 61px; position: absolute; left: 3px; top: 0; z-index: 2; }
.show a { width: 356px; height: 168px; display: block; }
.icon-jt { background: url(icon-jt.png) no-repeat; width: 73px; height: 61px; position: absolute; left: 3px; top: 0; z-index: 2; }
/* gonglue */
.g { width: 725px; height: 161px; margin-left: 15px; overflow: hidden; }
.g-t { height: 42px; font: 18px/42px "Microsoft Yahei"; color: #a4a4a4; position: relative; }
.g-c { background: #351953; height: 118px; }
.g ul { width: 725px; padding-top: 5px; }
.g li { width: 345px; height: 31px; line-height: 31px; float: left; overflow: hidden; margin: 0 auto; border-bottom: 1px dotted #3F3F3F; margin-left: 10px; }
.g-c a { width: 262px; overflow: hidden; display: block; }
.g-c .time { color: #555556; }
/*list*/
.content { width: 722px; color: #bdbdbd; margin-left: 18px; overflow: hidden; }
.article-top { height: 62px; text-align: right; background: url(nav.jpg) no-repeat; }
.article-top span { font-size: 22px; line-height: 62px; padding-left: 0.5em; width: 100px; float: left; }
.bread-nav { float: right; padding: 0 10px 0 0; height: 62px; line-height: 62px; max-width: 580px; _width: 580px; overflow: hidden; }
.article-main { padding: 0 15px; min-height: 1174px; _height: 1174px; background: #292929; }
.article-list { padding-top: 20px; }
.article-list a { color: #bdbdbd; width: 590px; overflow: hidden; height: 30px; display: block; }
.article-list a:hover { padding-left: 10px; transition: 0.5s ease-out; }
.article-list li { height: 30px; line-height: 30px; font-size: 14px; margin-bottom: 10px; }
.news-date { float: right; color: #797979; }
.pageNum { height: 50px; margin: 20px auto 0; padding-top: 20px; text-align: center; }
.pageNum span { display: inline; }
.pageNum a { margin: 3px; padding: 2px 7px; line-height: 26px; background: #885821; color: #fff; font-size: 12px; }
/*content*/
.article-title { height: 60px; line-height: 60px; font-size: 24px; color: #f1a124; text-align: center; margin: auto; width: 660px; overflow: hidden; }
.article-detail { height: 30px; line-height: 30px; text-align: center; border-bottom: 1px dashed #4D4D4D; }
.article-content { padding: 20px; font-size: 14px; line-height: 2; }
.article-relation { height: 150px; margin-top: 30px; }
.article-relation dt { border-bottom: 1px solid #7f7972; padding-bottom: 5px; margin-bottom: 10px; }
.article-relation dd { float: left; width: 48%; margin-right: 2%; height: 30px; line-height: 30px; border-bottom: 1px dotted #595959; overflow: hidden; }
/* animate */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes bounceInLeft { 0% {
 opacity: 0;
 -webkit-transform: translateX(-500px);
 transform: translateX(-500px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(30px);
 transform: translateX(30px);
}
 80% {
 -webkit-transform: translateX(-10px);
 transform: translateX(-10px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
@keyframes bounceInLeft { 0% {
 opacity: 0;
 -webkit-transform: translateX(-500px);
 -ms-transform: translateX(-500px);
 transform: translateX(-500px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(30px);
 -ms-transform: translateX(30px);
 transform: translateX(30px);
}
 80% {
 -webkit-transform: translateX(-10px);
 -ms-transform: translateX(-10px);
 transform: translateX(-10px);
}
 100% {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
 @-webkit-keyframes bounceInRight { 0% {
 opacity: 0;
 -webkit-transform: translateX(200px);
 transform: translateX(200px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(-30px);
 transform: translateX(-30px);
}
 80% {
 -webkit-transform: translateX(10px);
 transform: translateX(10px);
}
 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes bounceInRight { 0% {
 opacity: 0;
 -webkit-transform: translateX(200px);
 -ms-transform: translateX(200px);
 transform: translateX(200px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(-30px);
 -ms-transform: translateX(-30px);
 transform: translateX(-30px);
}
 80% {
 -webkit-transform: translateX(10px);
 -ms-transform: translateX(10px);
 transform: translateX(10px);
}
 100% {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
 @-webkit-keyframes fadeIn { 0% {
 opacity: 0;
 -webkit-transform: scale( 0.8 );
}
 100% {
 opacity: 1;
 -webkit-transform: scale( 1 );
}
}
@-moz-keyframes fadeIn { 0% {
 opacity: 0;
 -moz-transform: scale( 0.8 );
}
 100% {
 opacity: 1;
 -moz-transform: scale( 1 );
}
}
@keyframes fadeIn { 0% {
 opacity: 0;
 transform: scale( 0.8 );
}
 100% {
 opacity: 1;
 transform: scale( 1 );
}
}
.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; }
 @-webkit-keyframes bounceInUp { 0% {
 opacity: 0;
 -webkit-transform: translateY(200px);
 transform: translateY(200px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
}
 80% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
}
 @keyframes bounceInUp { 0% {
 opacity: 0;
 -webkit-transform: translateY(200px);
 -ms-transform: translateY(200px);
 transform: translateY(200px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(-30px);
 -ms-transform: translateY(-30px);
 transform: translateY(-30px);
}
 80% {
 -webkit-transform: translateY(10px);
 -ms-transform: translateY(10px);
 transform: translateY(10px);
}
 100% {
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }
.i_login_input_heiheiwan{
    background: #350000;
    line-height: 26px;
    color: #fff;
    width: 230px;
    margin: 10px 10px 0px 10px;
    padding-left: 10px;
}
.i_login_right_heiheiwan{
    margin: 10px;
}