@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:#d8d6d6;text-decoration:none;outline:none;}
input {outline:none;}
a:hover {text-decoration:none;}
.loged-panel .colored {color:#ffd27f;}
.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 {overflow-x: hidden;  font: 12px/1.5 "Microsoft Yahei",SimSun;}
.body{background: #000 url("../images/bg.jpg") top center no-repeat;color: #cecece;}
.c-body {background: #000 url("../images/bg.jpg") top center no-repeat;color: #cecece;}
.body a, .c-body a {color: #cecece;}
.body a:hover, .c-body a:hover, .s-body a:hover {text-shadow: 0 0 8px;}
.wrap {width: 1200px;min-height: 900px;margin: 0 auto;background: url("../images/main.jpg") top center no-repeat;}
.c-body .wrap {background: url("../images/main.jpg") top center no-repeat;}
.header {height: 519px;position: relative;/*overflow: hidden;*/}
.contents {padding-bottom: 80px;}
.col-1, .col-3 {width: 300px;}
.col-2 {width: 600px;}
.main {width: 1200px;}

.header .logo {position: absolute;width: 205px;height: 145px;right: 0;top: 0;text-indent: -9999em;overflow: hidden;z-index: 2;}
.nav {margin-left:60px;height: 62px;position: relative;}
.nav a {float: left;display: inline;width: 84px;height:62px;text-indent: -9999em;overflow: hidden;background: url(about:blank);margin-left: 58px;}
.nav .nav-1 {margin-left: 30px;}
.nav a:hover {background: url("../images/nav.png") no-repeat;}
.nav .nav-1:hover {background-position: 1px 22px;}
.nav .nav-2:hover {background-position: -141px 22px;}
.nav .nav-3:hover {background-position: -283px 22px;}
.nav .nav-4:hover {background-position: -425px 22px;}
.nav .nav-5:hover {background-position: -567px 22px;}
.nav .nav-6:hover {background-position: -709px 22px;}
.slide {width: 84px;height: 3px;background: #570701;position: absolute;top:62px;left: -999px;display: none;overflow: hidden;line-height: 0;}
.top-flash {width: 2000px;height: 389px;/*margin: 70px 0 0 -400px;*/position: absolute;left: -401px;top:130px;}
.tip18 {position: absolute;right: 0;top: 493px;font-size: 16px;color: #fee9d7;}

.load {height: 80px;background: url("../images/cmb.png") no-repeat 0 0;}
.load a {float: left;width: 148px;text-indent: -9999px;background: url(about:blink);height: 100%;}
.load a:hover {background: url("../images/cmb.png") no-repeat 0 0;}
.load .l-1:hover {background-position: 0 -82px;}
.load .l-2 {margin-left: 1px;}
.load .l-2:hover {background-position: -149px -82px;}

.load1 {height: 80px;background: url("../images/cmb1.png") no-repeat 0 0;}
.load1 a {float: left;width: 148px;text-indent: -9999px;background: url(about:blink);height: 100%;}
.load1 a:hover {background: url("../images/cmb1.png") no-repeat 0 0;}
.load1 .l-1:hover {background-position: 0 -82px;}
.load1 .l-2 {margin-left: 1px;}
.load1 .l-2:hover {background-position: -149px -82px;}



.start {height: 130px;background: url("../images/start.jpg") no-repeat;}
.reg-pay {height: 48px;background: #101014;text-align: center;}
.reg-pay a {display:inline-block;width: 98px;height: 28px;margin: 0 5px;text-align: center;line-height: 28px;font-size: 16px;color: #fff;background: #29292f;border-top: solid 3px #323239;}
.reg-pay a:hover {color: #f9f0dd;}

.loginframe {height: 230px;background: #101014;position: relative;overflow: hidden;color: #938782;}
.loginframe a {color: #938782;}
.log {overflow:hidden;width:198px;margin:20px auto;}
.log li {margin-bottom:10px;}
.log .login-error{height:18px;width:215px;color:#f00;text-align:center;margin-bottom:5px;}
.user input{color:#909090;font-size:12px;background:#646464;height:28px;line-height:28px;padding-left:6px;width:187px;border:none;}
.remember,.remember a{color:#c30003;}
.remember a{text-decoration:underline;}
.remember input{ vertical-align:middle;}
.log-btn .block-a{display:block;width:193px;height:28px;background:url(../images/log-reg-btn.gif) no-repeat 0 0;text-indent:-9999px;border:none;}
.log-btn .block-a:hover{background-position:0 -28px;}
.reg-btn .block-a{display:block;width:193px;height:28px;background:url(../images/log-reg-btn.gif) no-repeat 0 -56px;text-indent:-9999px;border:none;}
.reg-btn .block-a:hover{background-position:0 -84px;}
.reg-btn .block-a:hover{text-decoration:none;}

/* 登录后信息 */
.loged { margin: 15px auto 0;width: 200px;}
.loged li {height: 26px;line-height: 26px;overflow: hidden; width: 200px;color:#fff;}
.loged li a{color:#ffd27f;}
.loged .clearfix .pull-left{width:150px;float:left;}
.loged .clearfix .shop{float:left;}
.loged .align-c {padding-left:35px;width:165px;}
.sign-btn, .account-center{ display: block; height: 24px; float: left;}
.sign-btn{ width: 115px; overflow: hidden;}
.account-center{width: 48px;}
.loged .cRed {color: #e53a01;font-weight: bold;padding-left:10px;}
.loged li a.pure{color:#FB9CFF;}
.loged .table-default{width:200px;margin:0 !important;}
.loged .table-default a,.loged .table-default .game-area{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.loged .table-default .game-name{width:60px;padding-right:10px;display:block;color:#ffd27f;}
.loged .table-default .game-area{width:70px;padding-right:10px;}
.loged .table-default .btn-orange{width:50px;color:#ffd27f;}
.loged .js-login-user{display:inline-block;*display:inline;*zoom:1;width:130px;padding-right:5px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;}


.recom-server {height: 355px;background: #101014;}
.recom-server .m-title {height: 50px;text-indent: -9999em;overflow: hidden;background: #1a1a1e url("../images/server.jpg") 15px center no-repeat;}
.quick-ingame {height: 60px;line-height: 60px;text-align: center;background:#101014;}
.fastin-input {width: 40px;height: 18px;border: 1px solid #999999;background: #ccc;color: #000;text-align: center;line-height: 18px;}
.recom-server .fastin-btn {width: 62px;height: 22px;text-align: center;line-height: 22px;color: #fff;background:#29292f;border:solid 2px #adadae;display: inline-block;}
.recom-server .fastin-btn:hover {border-color: #7c0200;}
.sidebar-server {height: 185px;}
.sidebar-server li {height: 37px;line-height: 37px;padding-left: 83px;background: url("../images/s-icon.png") 45px center no-repeat;}
.sidebar-server li:nth-child(odd) {background-color: #1a1a1e;}
.recom-server .server-more {display: block;width: 210px;height: 31px;margin: 15px auto 0;text-align: center;line-height: 31px;font-size: 16px;background:#560501;border-top: 3px solid #a80000;color: #f9d371;}
.server-more:hover {background:#7b2c05;}
.service {height: 150px;background:#29292f;font-size: 14px;overflow: hidden;position: relative;}
.service h5{height:38px;line-height: 38px;background: #34343c;color:#fff;font-size: 20px;padding-left:10px;margin-bottom: 10px;}
.service p {line-height: 25px;margin-left:60px;}
.service p .qq{display:inline-block;*display:inline;*zoom:1;vertical-align: middle;margin-top:3px;}


.zl {height: 290px;background: #101014;overflow: hidden;}
.zl a {color: #717171;}
.zl-list-outter {height: 96px;border-bottom: 1px solid #322f2f;}
.zl-list-outter:nth-child(3) {border-bottom: none;}
.zl-list-outter ul {height: 86px;padding-left: 88px;padding-top: 10px;background: url(../images/zl-tab.png) 0 0 no-repeat;overflow: hidden;}
.zl .current a {color: #ffd27f;}

.zl .current ul {background: url(../images/zl-tab-on.png) no-repeat;}
.zl-list-outter .zl-1,.zl .current .zl-1 {background-position: 0 0;}
.zl-list-outter .zl-2,.zl .current .zl-2 {background-position: 0 -97px;}
.zl-list-outter .zl-3,.zl .current .zl-3 {background-position: 0 -194px;}
.zl-list-outter li {float: left;width: 70px;height: 25px;line-height: 25px;}

.kv {width: 600px;height: 294px;overflow: hidden;position: relative;}
.kv-img {overflow: hidden;width: 600px;height: 378px;position: relative;clear: both;}
.kv-img li {overflow: hidden;width: 600px;height: 378px;}
.kv-img li img {width: 600px;height: 378px;}
.kv-num {position: absolute;bottom: 10px;right: 10px;}
.kv-num li {float: left;margin-right: 8px;overflow: hidden;color: #474750;cursor: default;font-size: 0;line-height: 0;width: 14px;height: 14px;border-radius: 7px;background: #474750;}
.kv-num li:hover, .kv-num li.current {color: #c33129;width: 24px;background: #c33129;}

.news {height: 355px;background: #29292f;margin-top: 14px;}
.news a:hover {color: #ffcf57;}
.news-tab {height: 42px;position: relative;background: #1a1a1e;padding: 8px 10px 0;}
.news-tab li {float: left;display:inline;margin-left:10px;text-align: center;font-size: 18px;}
.news-tab li a {display: block;color: #707070;letter-spacing: 2px;border:solid 2px #b0b0b7;width: 88px;height: 28px;line-height: 28px;}
.news-tab .current a {color: #e7e7f2;border: #7c0200 solid 2px;}
.news .news-tab .news-more {display:none;font-size:12px;position: absolute;right: 10px;top: 15px;width: 100px;height: 20px;line-height: 20px;background: url("../images/more.jpg") right 0 no-repeat;color: #5b5b5d;border:none;}
.news .news-tab .news-more:hover{border:none;color:#ffcf57;}
.news .news-tab .current .news-more{display:block;}
.headline {width: 552px;height: 56px;background: #1a1a1e;margin: 21px auto;text-align: center;}
.headline .headline-title {font-size: 20px;color: #ffcf57;display: block;height: 30px;line-height: 30px;padding-top: 10px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.news-list {width: 552px;margin: 20px auto;}
.news-list li {height: 28px;line-height: 28px;border-bottom: 1px dotted #363636;font-size: 14px;}
.news-list li:nth-child(6) {border-bottom: none;}
.news-list a {height: 28px;color:#cecece;float:left;}
.news-list .a-link{width:440px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.news-date {float: right;color: #717171;}

.p {height: 201px;overflow: hidden;}
.yxyh, .yxjt {float: left;width: 300px;height: 201px;background-image: url("../images/yh.jpg");background-repeat: no-repeat;}
.yxyh {background-position: 0 0;}
.yxjt {background-position: -300px 0;}
.p span ,.ziliao a span{display: block;width: 107px;height: 35px;text-align: center;line-height: 35px;border: 2px solid #b0b0b7;overflow: hidden;color: #c1c1ca;font-size: 20px;position: relative;left: 90px;top: 85px;-webkit-transition: all 300ms ease-out;transition: all 300ms ease-out;background: #000;}
.p a:hover span ,.ziliao a:hover span{border-color: #7c0200;}

.zy {

	width: 900px;
	position: relative;
	overflow: hidden;
	background-color: #000000;
	background-repeat: no-repeat;
}
.zy-tab {position: relative;width: 215px;height: 34px;left: 22px;top: 29px;background: #29292f;z-index: 9;}
.zy-tab ul {position: relative;z-index: 3;height: 28px;}
.zy-tab li {float: left;width: 52px;height: 34px;text-align: center;line-height: 34px;color: #5b5b5b;font-size: 20px;border-right: solid 1px #121214;cursor: pointer;-webkit-transition: color 300ms ease-out;transition: color 300ms ease-out;}
.zy-tab .f-3 {border:none;}
.zy-tab .current {color: #fff;border: solid 3px #7c0200;width: 48px;height: 28px;line-height: 27px;}
.zy-label {position: absolute;width: 75px;height: 34px;background: url("../images/zy-tab.png") 0 -34px no-repeat;left: 0;top: 0;z-index: 2;-webkit-transition: left 300ms ease-out;transition: left 300ms ease-out;}
.zy-figure {position: absolute;z-index: 1;-webkit-transition: all 800ms ease-out;transition: all 800ms ease-out;}
.zy dl {width: 285px;position: relative;left: 22px;top: 47px;font-size: 14px;z-index: 3;line-height: 2;}
.zy dt {color: #fff;font-weight: bold;}
.zy dd {color: #5b5b5b;text-indent: 2em;}
.zy .content {opacity: 0;filter: alpha(opacity=0);left: 0;-webkit-transform: scale(0.6);-moz-transform: scale(0.6);-ms-transform: scale(0.6);transform: scale(0.6);}
.zy .active {opacity: 1;filter: alpha(opacity=100);}
.zy .zy-figure-1 {left: 280px;top: 0px;}
.zy .zy-figure-2 {left: 260px;top: 0;}
.zy .zy-figure-3 {left: 235px;top: 0;}
.zy .zy-figure-4 {left: 200px;top: -80px;}

.show {height: 323px;overflow: hidden;background: url("../images/show.jpg") no-repeat;position: relative;}
.show-figure {position: absolute;opacity: 0;filter:alpha(opacity=0);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 800ms ease-out;transition: all 800ms ease-out;z-index: 1;}
.show .on {opacity: 1;filter:alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.show .prev, .show .next {position: absolute;font-size: 20px;color: #7c0d0e;z-index: 2;top: 150px;display: none;}
.show .prev {left: 17px;}
.show .next {left: 280px;}
.show:hover .prev, .show:hover .next {display: block;}

.act {height: 355px;margin-top: 14px;background: url("../images/act.jpg") no-repeat;overflow: hidden;}
.act a {display: block;height: 89px;text-indent: -9999em;overflow: hidden;}
.act a:hover {background-image: url("../images/act.jpg");background-repeat: no-repeat;}
.a-1:hover {background-position: 0 -356px;}
.a-2:hover {background-position: 0 -445px;}
.a-3:hover {background-position: 0 -534px;}
.a-4:hover {background-position: 0 -623px;}

.video {height: 294px;}
.video a {display: block;height: 100%;background: url("../images/v-bg.jpg") 0 0 no-repeat;text-indent: -9999px;}
.video a:hover {opacity: .8;filter: alpha(opacity=80);}

.ziliao a{display:block;width: 300px;height: 201px;background: url("../images/yh.jpg") -600px 0 no-repeat;}

.media-links {height: 290px;position: relative;overflow: hidden;background: #1a1a1e;}
.media-links h5{height:45px;line-height: 45px;font-family:"微软雅黑！";background: #34343c;color:#fff;font-size: 24px;padding-left:10px;margin-bottom: 10px;}

.links-wrap {margin-top:20px;padding: 12px 0 0 30px;height: 75px;overflow: hidden;}
.links-wrap a {line-height: 2;padding-right: 10px;white-space: nowrap;color:#717171;}

.article-top {height: 90px;line-height: 90px;background: #430908;padding: 0 20px;}
.article-top span {float: left;font-size: 34px;color: #edcc00;padding-left: 30px;background: url("../images/l-icon.jpg") left center no-repeat;}
.bread-nav {text-align: right;}
.cat-nav {height: 42px;background: #360706;}
.cat-nav li {float: left;width: 120px;height: 42px;text-align: center;line-height: 42px;}
.cat-nav a {display: block;height: 42px;font-size: 16px;letter-spacing: 2px;color: #999999;}
.cat-nav a:hover, .cat-nav .current a {background: #510807;color: #cecece;}

.article-main {background: #1a1a1e;padding:0 20px;min-height: 1103px;*zoom: 1;_height: 1103px;}
.article-title {height: 80px;line-height: 80px;font-size: 24px;color: #edcc00;text-align: center;}
.article-detail {text-align: center;border-bottom: 1px dotted #2d2a2a;padding-bottom: 10px;color: #675d51;}
.article-content {padding-top: 20px;font-size: 14px;line-height: 2;color: #cecece;}
.article-content img{max-width:820px;width: expression(document.body.clientWidth > 820? "820px" : "auto");}

.article-relation {height:150px;margin-top:30px;}
.article-relation dt {border-bottom:1px solid #3b3939;padding-bottom:5px;margin-bottom:10px;}
.article-relation dt a{margin-left:330px;}
.article-relation dd {float:left;width:47%;padding-right:2%;height:30px;line-height:30px;}
.article-relation dd a{float:left;width:70%;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}

.article-list {padding-top: 20px;}
.article-list li {font-size: 14px;height: 30px;line-height: 30px;margin-bottom: 5px;}
.article-list li a{height: 30px;line-height: 30px;overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;width:750px;float:left;}
.article .card-btn {/* background-color: #89847e;border-color: #89847e;color: #404446; */}
.card-btn:hover, .card-btn:focus {/* background: #b7b0a8;border-color: #b7b0a8; */}

.page {  padding: 10px 0 20px;  text-align: center;  }
.page a,.page span{display:inline-block;*zoom:1;*display:inline;padding:0 8px;height:23px;line-height:23px;text-align:center;color:#fff;background:#360706;margin-right:3px;}
.page a:hover{text-decoration:none;background:#510807;}
.page .current{background:none;border:none;color:#cecece;font-weight:bold;}
.key-wechat:focus {border-color: #89847e;box-shadow: inset 0 1px 2px #89847e;}

.content,.addtion{display:none;}
.active{display:block;}
/*foot*/
.footer{color:#b0afaf;text-align:center;width:1000px;margin:0 auto;padding-top:20px;padding-bottom:20px;}
.footer01{padding-bottom:15px;border-bottom:2px solid #fff;font-size:14px;margin-bottom:15px;}
.footer01 a{color:#b0afaf;margin:0 10px;}
.footer02 {margin-bottom:8px;}
.footer02 a{margin-right:20px;color:#b0afaf;}
.footer02_wen{line-height:30px;height:30px;}
.footer02_wen .inline-block{display:inline-block;*display:inline;*zoom:1;height:30px;line-height:30px;font-size:14px;margin-left:30px;text-align:left;}
.footer02_wen .inline-block a{vertical-align:middle;margin:0 0 0 15px;background:url("../images/wen.png") no-repeat;width:30px;height:30px;display:inline-block;*display:inline;*zoom:1;}

.fixed{*zoom:1;position:absolute;position:fixed;right:.5em;top:50%;margin-top:-171px}
.fixed:before,.fixed:after{content:" ";display:table}
.fixed:after{clear:both}
.fixed .item{width:72px;height:72px;background:url(../images/btn_fixed_item.png) no-repeat 0 0;text-align:center;color:#c99470;margin-bottom:15px}
.fixed .item-title{padding-top:15px}
.fixed .item .btn-link{display:block;width:100%;height:72px}
.fixed .item-1{cursor:pointer;position:relative}
.fixed .item-1:hover{background-position:100% 0}
.fixed .item-1:hover .item-content{display:block}
.fixed .item-1 .item-content{display:none;position:absolute;right:105%;top:-15px;width:156px;height:156px}
.fixed .item-2{background-position:0 -90px}
.fixed .item-2:hover{background-position:100% -90px}
.fixed .item-3{background-position:0 -180px}
.fixed .item-3:hover{background-position:100% -180px}
.fixed .item-4{background-position:0 100%}
.fixed .item-4:hover{background-position:100% 100%}