@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:normal;}
a {color:#080000;text-decoration:none;outline:none;}
input {outline:none;}
a:hover {text-decoration:none;}
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(img/-1blank);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:#141315;}
input::-ms-input-placeholder {color:#141315;}
input::-moz-input-placeholder {color:#141315;}

.s-body input::-webkit-input-placeholder {color:#333;}
.s-body input::-ms-input-placeholder {color:#333;}
.s-body input::-moz-input-placeholder {color:#333;}
.time {float: right;color: #999999;}
/*content*/
.mod {height: 300px;width: 300px;overflow: hidden;}
.newsWrap {position: relative;z-index: 5;}
.content{
	background: #262528 url("img/bg_wrapout.jpg") no-repeat center top;
	zoom: 1;
	min-width: 1200px;
	overflow: hidden;
	position: relative;
	background-color: #FFFFFF;
	background-image: url(img/bg.jpg);
}
.btm-bg {background: url("img/btm.jpg") no-repeat center bottom;padding-bottom: 80px;}
.main {background: #262528 url("img/main.jpg") no-repeat center top;color: #ceb28d;}
.newsPage .main {background: url("img/main.jpg") no-repeat center top;}
.main a {color:#DEA65A;}
.main a:hover {color: #FFFF66;}
.header {height: 600px;position: relative;} /*头部高度 */
.top-flash {
	height: 600px;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.header .logo {display: block;height: 144px;width: 177px;position: absolute;top: 15px;left: 0;background: url("img/logo.png") no-repeat center top;text-indent: -9999px;z-index: 5;}
.main-nav {position: absolute;top: 1px;right: 0;width: 455px;z-index: 4; margin-right:400px;}
.main-nav li {float: left;width: 80px;margin-right: 10px;border-right: solid 1px #d1ae85;font-size: 14px;text-align: center;}
.main-nav .last {border-right: none;}
.main-nav li a {color: #635851;}
.main-nav li a:hover {
	color: #FFFFFF;
}
.main-nav li dl {padding: 0 10px 0 2px;}
.main-nav dt {font-size: 16px;}
.main-nav dt a {
	color: #FFFFFF;
}
.mid-code-box {position: relative;z-index: 2;}
.mid-code {height: 215px;width: 215px;position: absolute;right: 0;top: -500px;transition: top .4s ease;z-index: 9;}
.mid-code img{height: 215px;width: 215px;}
.mid-show .mid-code{display: block;top: 22px;}
.banner {height: 480px;}
.banner ul {
	position: absolute;
	left: 0;
	top: 0;
	height: 500px;
}
.banner li {margin-left: -400px;display: none;}
.banner li.cur {display: block;}
.tips {position:absolute;bottom: 2px;left: 0;font-size: 14px;}
.qq-group {display: block;position: absolute;bottom: 2px;right: 0;}
.header .mark {position: absolute;height: 36px;width: 282px;background: url("img/mark.png") no-repeat left top;left: 610px;bottom: -45px;}
.newsPage .header .mark {bottom: 0px;}

.section-1 {position: relative;z-index: 6;}

/*server-list*/
.server-list {height: 59px;width: 615px;margin-top: 7px;overflow:hidden;background: url("img/sr-bg.png") no-repeat left top;position: relative;zoom: 1;}
.server-list .sr-h-con {position: absolute;left: 0;top: 0;color: #f2b25a;font-size: 16px;width: 52px;height: 40px;padding: 9px 0 9px;text-align: center;}
.sr-h-con p {height: 20px;line-height: 20px;}
.sr-b-con {margin-left:  62px;position: relative;color: #848282;height: 59px;}
.sr-b-con a {color: #848282;}
.sr-b-con .ser-list {width: 390px;}
.ser-list li {display:inline;float:left;padding-left: 16px;background: url("img/icon.jpg") no-repeat left 0;line-height: 18px;width: 172px;margin: 5px 4px 0 0;}
.ser-list .sl-1 {left: 0;top: 8px;}
.ser-list .sl-2 {left: 205px;top: 8px;}
.ser-list .sl-3 {left: 0;top: 30px;}
.ser-list span {margin-left: 6px;}
.indexPage .quick-ingame {position: absolute;left: 390px;top: 30px;line-height: 18px;}
.quick-ingame .s-int {height: 18px;width: 45px;line-height: 18px;background: #e6b97e;text-align: center;vertical-align: middle;margin: 0 5px;}
.quick-ingame .fastin-btn {display: inline-block;margin-left: 2px;vertical-align: middle;height: 18px;width: 34px;text-align: center;line-height: 18px;color: #d8a55b;background: url("img/cmb.png") no-repeat -367px -103px;}
.quick-ingame .fastin-btn:hover {background-position: -402px -103px;}
.more {display: block;height: 15px;line-height: 15px;padding-left: 15px;background: url("img/icon.jpg") no-repeat left 0;position: absolute;}
.server-list .srmore {background-position: left -26px;color: #d8a55b;left: 390px;top: 10px;}

.advert {height: 64px;overflow: hidden;margin-bottom: 2px;width: 300px; }
.advert a {float: left;width: 72px;height: 64px;margin-left: 4px;color: #d8a55b;font-size: 14px;text-align: center;background: url("img/cmb.png") no-repeat -366px -38px;overflow: hidden;}
.advert a i {display: block;height: 34px;width: 34px;margin: 4px auto 2px;background: url("img/cmb.png") no-repeat left -126px;transition: all .2s ease;}
.advert a span {display: inline-block;}
.advert .ad-1 {margin-left: 0;}
.advert .ad-1 i {background-position: -1px -126px;}
.advert .ad-2 i {background-position: -36px -126px;}
.advert .ad-3 i {background-position: -71px -126px;}
.advert .ad-4 i {background-position: -106px -126px;}
.advert .ad-1:hover i {background-position: -1px -161px;}
.advert .ad-2:hover i {background-position: -36px -161px;}
.advert .ad-3:hover i {background-position: -71px -161px;}
.advert .ad-4:hover i {background-position: -106px -161px;}

.section-2 {height: 300px;overflow: hidden;position: relative;background: #171311;}
.game-box {position: absolute;left: 0;top: 0;background: #1e1612;}
.startgame {height: 110px;background: #b76f35;}


.relt-btn {background: url("img/cmb.png") no-repeat left 0;height: 62px;}
.relt-btn a {float: left;height: 100%;width: 99px;text-indent: -9999px;}
.relt-btn .r-btn-2 {margin: 0 1px;}

.relt-btn a:hover {background: url("img/cmb.png") no-repeat left 0;}
.relt-btn .r-btn-1:hover {background-position: 0 -63px;}
.relt-btn .r-btn-2:hover {background-position: -100px -63px;}
.relt-btn .r-btn-3:hover {background-position: -200px -63px;}

.relt-btn1 {background: url("img/dlq.png") no-repeat left 0;height: 110px;}
.relt-btn1 a {float: left;height: 100%;width: 300px;text-indent: -9999px;}

.relt-btn1 a:hover {background: url("img/dlq.png") no-repeat left 0;}
.relt-btn1 .r-btn-11:hover {background-position: 0 -110px;}




.loginframe {height: 125px;overflow: hidden;}
.loginframe .log {position: relative;}
.loginframe .log li {position: absolute;}
.loginframe .ipt1 {height: 25px;line-height: 25px;width: 170px;padding-left: 8px;background: #f9f0dd;border: solid 1px #510d06;border-radius: 3px;}
.log .user {left: 10px;top: 0px;}
.log .psw {left: 20px;top: 60px;}
.log-btn {left: 215px;top: 25px;}
.remember {left: 20px;top: 95px;}
.psw-btn{left: 215px;top: 95px;}
.log-btn a {display: block;background: url("img/cmb.png") no-repeat -301px 0;height: 60px;width: 64px;text-indent: -9999px;transition: all .2s ease;}
.log-btn a:hover {background-position: -301px -61px;}
.remember ,.psw-btn a {color: #848282;}
.loged {padding: 14px 15px 0 22px;}
.loged li {color: #ccc;line-height: 20px;}
.loged li a {color: #ccc;}
/*kv*/
.kv-container {margin:0 300px;width: 600px;height: 300px;overflow: hidden;}
.kv-container .con {position: relative;height: 300px;}
.kv-container .kv-cnt li {cursor:pointer;float: left;display: inline;}
.kv-container .kv-cnt li , .kv-cnt li img{height: 300px;width: 600px;}
.kv-container .kv-nav {bottom: 10px;left: 0px;position: absolute;width: 100%;text-align: center;font-size: 0;}
.kv-container .kv-nav li{display:inline-block;*display:inline;zoom:1;width: 21px;height: 21px;background:url("img/kv.png")/*tpa=/www.986d.com/mir/css/img/kv.png*/ no-repeat -29px;cursor:pointer;margin-right:8px;overflow:hidden;}
.kv-container .kv-nav li.cur {background-position: 0 0;}
/*news*/
.news {position: absolute;right: 0;top: 0;overflow: hidden;}
.news .hd , .news .news-cnt {margin: 0 5px;}
.news-nav {height: 30px;text-align: center;font-size: 14px;margin-top: 12px;}
.news-nav li {height: 30px;width: 64px;display: inline;float: left;margin-left: 4px;}
.news-nav li a {display:block;color: #848282;border-left: solid 1px #848282;height: 14px;margin-top: 8px;line-height: 14px;}
.news-nav .first a {border-left: none;}
.news-nav li.cur {background: url("img/newscur.png") no-repeat center -8px;}
.news-nav li.cur a {color: #d8a55b;}
.news-hot {height: 28px;line-height: 28px;background: #000;font-size: 14px;text-align: center;margin: 10px 0;}
.news-hot a {color: #d8a55b;}
.news-hot .title {width: 260px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}

.news-cnt .bd {
	margin: 0 4px;
	height: 280px;
	overflow: hidden;
}
.news-cnt li {margin-bottom: 4px;line-height: 20px;width: 283px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-cnt li .n-link {*display: inline-block;*width: 185px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*vertical-align: middle;}
.news-more {position: absolute;right: 20px;bottom: 20px;background-position: left -50px; background-position: top -80px;}

.section-3 {margin: 10px 0;}
.section-3 .t ,.section-4 .t, .section-5 .t{color: #5e6062;font-size: 18px;line-height: 20px;}
.section-3 .s-con {height: 300px;margin-top: 6px;overflow: hidden;}
.gonglue .list {float: left;display: inline;width: 300px;position: relative;cursor: pointer;overflow: hidden;}
.gonglue .list .g-img {display: block;height: 100%;overflow: hidden;}
.gonglue i.lb {position: absolute;top: 0;left: 0;display: block;height: 0px;width: 300px;background: #000;opacity: 0.8;filter: Alpha(Opacity=80);transition: height .4s ease;}
.gonglue .gl {position: absolute;left: 0;top: 0;height: 0;width: 300px;overflow: hidden;transition: height .4s ease;}
.gonglue .gl ul {margin-top: 20px;}
.gonglue .gl li {line-height: 20px;padding-bottom: 2px;border-bottom: solid 1px #262528;margin: 5px 8px;width: 285px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gonglue .gl li .n-link {*display: inline-block;*width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;*vertical-align: middle;}
.gonglue .gl .more {background: url("img/cmb.png") no-repeat -245px -127px;float: right;margin: 10px 20px 0 0;position: static;}
.gonglue .list .bg {transition: all .4s ease;}
.gonglue .gl-hover {/* box-shadow: 2px 2px 20px blue;z-index: 2; */}
.gonglue .gl-hover .bg {transform: scale(1.1);}
.gonglue .gl-hover i.lb ,.gonglue .gl-hover .gl {height: 300px;}

.list .desc {position: absolute;left: 20px;top: 210px;transition: all .4s ease;}
.list .desc .t {color: #d8a55b;font-size: 24px;}
.list .desc .m {display: block;height: 18px;width: 52px;background: url("img/cmb.png") no-repeat -152px -128px;text-indent: -9999px;margin: 8px 2px 0;}
.list:hover .desc {top: 200px;}

.section-4 .s-con {height: 300px;overflow: hidden;position: relative;margin-top: 6px;}
.roleWrap {padding-left: 20px;width: 580px;height: 300px;background: #0e0b0a;overflow: hidden;position:relative;}
.roleWrap .r-hd {margin-top: 10px;}
.roleWrap .r-hd li {float: left;display: inline;font-size: 16px;margin: 0 10px;width: 32px;line-height: 24px;}
.roleWrap .r-hd a{color: #a5a5a5;}
.roleWrap .r-hd li.cur a {color: #d8a55b;}
.r-hd .line {height: 1px;overflow: hidden;line-height: 0;background: #a5a5a5;width: 156px;margin-top: 5px;position: relative;}
.r-hd .line i {display: block;background: #d8a55b;width: 52px;height: 100%;position: absolute;top: 0;left: 0;transition: all .2s ease;}
.role-con {color: #a5a5a5;font-size: 14px;}
.role-detail {position: relative;display: none;}
.role-detail .r-desc {position: absolute;top: 25px;left: -300px;width: 290px;}
.curElem .r-desc {left: 10px;}
.weapon {width: 50px;position: absolute;left: 0;top: 0;}
.level {width: 100px;position: absolute;left: 80px;top: 0;}
.level i.n-star {height: 15px;width: 90px;display: block;background: url("img/star.png") no-repeat 0 -17px;}
.level i.l-star {height: 15px;display: block;width: 0;background: url("img/star.png") no-repeat 0 0;}
.lv-1 i.l-star {width: 72px;}
.lv-2 i.l-star {width: 63px;}
.lv-3 i.l-star {width: 54px;}

.role-con b {display: block;color: #d5d5d5;}
.descration {position: absolute;left: 0;top: 60px;width: 285px;height: 88px;}
.readmore {display: block;height: 25px;width: 98px;background: url("img/cmb.png") no-repeat -152px -148px;position: absolute;top: 175px;left: 0;}
.readmore:hover {background-position: -152px -174px;}
.role-detail .r-per {height: 300px;width: 300px;position: absolute;right: -300px;top: -40px;}
.curElem .r-per {right: 0;}

.ziliao {position: absolute;top: 0;left:600px;background: #1c1819;}
.ziliao .t, .honor-list .t {margin: 14px 0 4px 18px;line-height: 20px;color: #fff;font-size: 16px;}
.zl-btn {float: left;height: 86px;width: 99px;border-top: solid 1px #323134;border-right: solid 1px #323134;position: relative;overflow: hidden;}
.ziliao .con a.nbr {border-right: none;} 
.zl-btn i {display: block;height: 44px;width: 44px;background: url("img/z-icon.jpg") no-repeat 0 0;position: absolute;left: 27px;top: 10px;transition: all .4s ease;}
.zl-btn span {display: block;line-height: 22px;top: 60px;left: 0;text-align: center;width: 100%;position: absolute;transition: all .2s ease;}

.zl-btn-1 i {background-position: 0 0;}
.zl-btn-2 i {background-position: -101px 0;}
.zl-btn-3 i {background-position: right 0;}
.zl-btn-4 i {background-position: 0 -88px;}
.zl-btn-5 i {background-position: -101px -88px;}
.zl-btn-6 i {background-position: right -88px;}
.zl-btn-7 i {background-position: 0 -175px;}
.zl-btn-8 i {background-position: -101px -175px;}
.zl-btn-9 i {background-position: right -175px;}

.zl-btn:hover i {top: -96px;}
.zl-btn:hover span {top: 32px;}

.honor-list {position: absolute;right: 0;top: 0;background: #0e0b0a;}
.honor-list .con {margin: 2px 18px 0;color: #a5a5a5;padding-top: 10px;}
.select select {width: 100px;margin: 0 3px;}
.honor-list .res {padding: 4px 10px 4px 14px;}
.honor-list .res span {display: inline-block;margin-left: 8px;border-bottom: solid 1px #323134;text-align: center;padding:2px 0;}
.res .r {width: 50px;}
.res .n {width: 132px;text-align: left;}
.res .w {width: 78px;}
.res .l-t span {color: #d8a55b;}
.honor-list .res li {margin-bottom: 2px;}

.section-5 {margin: 10px 0 0;}
.section-5 .s-con {height: 108px;margin-top: 6px;overflow: hidden;position: relative;}
.kefu {width: 280px;height: 92px;padding: 16px 0 0 20px;background: url("img/kf.jpg") no-repeat 0 0;color: #a5a5a5;font-size: 14px;position: absolute;left: 0;top: 0;overflow: hidden;}
.kefu p {margin: 2px 0;}
.kefu .zx {margin: 5px 0;line-height: 18px;}
.kefu .zx a, .n-quick-ingame .fastin-btn{display: inline-block;margin-left: 5px;width: 66px;height: 18px;line-height: 18px;background: url("img/cmb.png") no-repeat -366px 0;text-align: center;color: #d8a55b;}
.kefu .zx a:hover ,.n-quick-ingame .fastin-btn:hover {background-position: -366px -19px;}

.code {width: 300px;height: 108px;background: #130e0c;margin-left: 300px;overflow: hidden;}
.code .txt{margin: 20px 0 0 20px;color: #a5a5a5;font-size: 14px;}
.code .txt .b {color: #fff;font-size: 16px;margin-bottom: 3px;}
.code .img {margin-left: 175px;padding-top: 12px;}

.links {width: 300px;height: 108px;background: #1f1a18;position: absolute;left: 600px;top: 0;font-size: 14px;overflow: hidden;}
.links .hd, .media .hd {font-size: 16px;color: #fff;margin: 20px 20px 4px;line-height: 20px;}
.links .con {margin:0 20px;}
.links .con a {white-space: nowrap;display: inline-block;margin: 1px 2px;}

.media {width: 300px;height: 108px;background: #100b0a;position: absolute;right: 0;top: 0;overflow: hidden;}
.media .con {margin: 10px 30px 10px 40px;}
.media .scroll-media {height: 50px;width: 150px;border: solid 8px #1f1a18;overflow: hidden;}
.scroll-media li {height: 50px;width: 150px;}
/*newsPage*/
.newsPage .header {height: 522px;}
.m-left {width: 300px;background: #343130;}
.newsPage .n-box {background: #1e1612;}

.n-server {height: 325px;overflow: hidden;background: #23201e;color: #cecece;position: relative;}
.n-server .hd {height: 42px;line-height: 42px;font-size: 20px;text-align: center;background: #343130;}
.n-server .hd p {display:inline-block;padding-left: 30px;background: url("img/s-hd.jpg") no-repeat 0 10px;}
.n-quick-ingame {background: #1d1a18;height: 45px;line-height: 45px;text-align: center;font-size: 14px;}
.n-s-int {height: 18px;line-height: 18px;width: 35px;background: #ccc;border: solid 1px #999;margin: 0 4px;text-align: center;}
.n-s-list li {background: #23201e;height: 28px;padding: 7px 10px 0 42px;}
.n-s-list li:nth-child(even){background: #1d1a18;}
.n-s-list li a {display: block;height: 22px;padding-left: 16px;background: url("img/n-s-ico.png") no-repeat left 6px;line-height: 22px;}
.n-s-btn {height: 54px;background: #1d1a18;position: absolute;left: 0;bottom: 0;width: 300px;font-size: 14px;text-align: center;}
.n-more-list {background: #373433;background:-webkit-gradient(linear ,left top,left bottom,color-stop(0,#43403f),color-stop(100%,#2e2b2a));background:-moz-gradient(linear ,left top,left bottom,color-stop(0,#43403f),color-stop(100%,#2e2b2a));width: 225px;display: block;height: 30px;margin: 11px auto 0;color: #a5a5a5;line-height: 30px;border-radius: 4px;}
.newsPage .code {background: #343130;margin-left: 0;}

.m-rgt {width: 900px;background: #414040;}
.news-tle {height: 110px;background: url("img/news-tle.png") no-repeat 0 0;position: relative;}
.news-tle .position {height: 72px;position: relative;}
.news-tle .position span {margin: 28px 0 0 28px;color: #d8a55b;font-size: 28px;line-height: 30px;}
.position .p-det {color: #704b1c;line-height: 22px;position: absolute;bottom: 0;right: 10px;}
.position .p-det a {color: #704b1c;}
.n-main-nav {position: absolute;left: 0;top: 73px;height: 37px;background: url("img/n-main-nav.png") repeat-x;width: 900px;}
.n-main-nav li {display: inline;float: left;height: 36px;width: 120px;text-align: center;line-height: 36px;border-bottom: solid 1px #3b1a15;border-right: solid 1px #3b1a15;}
.n-main-nav a {display: block;height: 100%;background: url("img/n-main-nav.png") no-repeat 0 0;}
.n-main-nav a:hover, .n-main-nav li.cur a {background: #784927;color: #fff;}

.article-con {padding: 20px 25px;min-height: 583px;_height: 583px;}
.art-title {border-bottom: solid 1px #545353;padding: 10px 2px 6px;text-align: center;color: #717171;}
.art-title .hd {font-size: 24px;color: #fff;margin: 4px 0 8px;}
.art-main {color: #cecece;font-size: 14px;padding: 18px 14px 0;}
.news-list-main li {line-height: 24px;height: 24px;margin-bottom: 4px;border-bottom: dashed 1px #545252;font-size: 14px;}
.news-list-main .time,.news-list-main a {color: #cecece}

.article-relation {overflow:hidden;margin:50px 10px;font-size:12px;color: #717171}
.article-relation dt {height:30px;line-height:30px;border-top:1px solid #8a8a8a;font-weight:bold;margin:5px 0;color: #cecece;}
.article-relation dd {width:290px;display:inline;float:left;margin:0 60px 0 20px;overflow:hidden;height:30px;line-height:30px;}
.article-relation dd span {float:right;}
.article-relation a{color: #717171;}
.article-relation .time {color: #717171;}

.pageNum {height:50px;margin:20px auto 0;padding-top:20px;text-align:center;}
.pageNum a {margin:3px;padding:5px 9px 3px;line-height:26px;border:1px solid #6d82a6;border-radius:15px;}
.pageNum a:hover {background:#6d82a6;}
/*ziliao page*/
.zl-list-bd .zl-list a:hover {color: #fff;}
.zl-list-bd .zl-list {border-bottom: solid 1px #545353;height: 50px;overflow: hidden;margin-bottom: 12px;}
.zl-list-bd .zl-9 {border-bottom: none;}
.zl-list-bd .zl-list .hd {width: 140px;height: 38px;}
.zl-list .hd .t {display:block;height: 38px;width: 85px;padding-left: 45px;background: #565555;line-height: 38px;position: relative;color: #d8a55b;font-size: 16px;}
.zl-list .hd .icon {display: block;height: 23px;width: 23px;background: url("img/icon-zl.png") no-repeat 0 0;position: absolute;left: 15px;top: 8px;}
.zl-list .hd .tr {display: block;height: 0;width: 0;line-height: 0;overflow: hidden;border-style: solid;border-width: 6px;border-color: #414040 #414040 #414040 #565555;position: absolute;top: 13px;right: -12px;}
.zl-list .hd .t:hover {background: #784927;}
.zl-list .hd .t:hover .tr {border-color: #414040 #414040 #414040 #784927;}

.zl-1 .hd .icon {background-position: 0 0;}
.zl-2 .hd .icon {background-position: 0 -25px;}
.zl-3 .hd .icon {background-position: 0 -48px;}
.zl-4 .hd .icon {background-position: 0 -72px;}
.zl-5 .hd .icon {background-position: 0 -96px;}
.zl-6 .hd .icon {background-position: 0 -120px;}
.zl-7 .hd .icon {background-position: 0 -144px;}
.zl-8 .hd .icon {background-position: 0 -168px;}
.zl-9 .hd .icon {background-position: 0 -192px;}

.zl-1 .hd .t:hover .icon {background-position: -23px 0;}
.zl-2 .hd .t:hover .icon {background-position: -23px -25px;}
.zl-3 .hd .t:hover .icon {background-position: -24px -48px;}
.zl-4 .hd .t:hover .icon {background-position: -24px -72px;}
.zl-5 .hd .t:hover .icon {background-position: -23px -96px;}
.zl-6 .hd .t:hover .icon {background-position: -24px -120px;}
.zl-7 .hd .t:hover .icon {background-position: -24px -144px;}
.zl-8 .hd .t:hover .icon {background-position: -23px -168px;}
.zl-9 .hd .t:hover .icon {background-position: -23px -192px;}

.zl-list-bd .zl-list .bd {margin-left: 145px;height: 38px;line-height: 38px;}
.zl-list-bd .bd a {display: inline-block;line-height: 22px;margin-left: 10px;color: #a5a5a5;}
/*video page*/
.video-list-main li {display: inline;float: left;width: 285px;text-align: center;margin: 14px 0 0 13px;}
.video-list-main li .tle {line-height: 20px;}
.video-list-main li a {display:block;height: 285px;width:285px;overflow: hidden;position: relative;}
.video-list-main li a i {height: 100%;width: 100%;display: block;background: url("img/video-btn.png") no-repeat center;position: absolute;left: 0;top: 0;}
.video-list-main li img {transition: all .4s ease;height: 285px;width:285px;}
.video-list-main li a:hover img {transform: scale(1.1);}
/*server list*/
.s-body {background:url("img/s-bg.jpg") top center no-repeat;color: #4a4846;}
.s-body a {color:#fff;}
.s-wrap {width:1000px;height:1100px;background:url("img/s-main.jpg") no-repeat;margin:0 auto;position:relative;}
.s-header {height:244px;position:relative;}
.s-content {position:relative;margin: 44px 23px 0 358px;}

.s-logo {position: absolute;width: 152px;height: 115px;left: 0;top: 15px;text-indent: -9999px;overflow: hidden;}
.s-nav {padding:12px 0 0 366px;height: 49px;}
.s-nav a {float:left;width:144px;height:49px;margin-right: 6px;}
.s-nav a:hover {background: url("img/s-nav.png") no-repeat 0 0;}
.s-nav .sn-1:hover {background-position: 0 -1px;}
.s-nav .sn-2:hover {background-position: -150px -1px;}
.s-nav .sn-3:hover {background-position: -300px -1px;}
.s-nav .sn-4:hover {background-position: -450px -1px;}

.s-body .loginframe {color: #c4ccd0;position:absolute;padding-top:0;width:625px;height:90px;left: 357px;top: 128px;color: #999999;background: none;}
.s-body .ipt1 {background:#fff;width: 180px;padding:2px 5px;height: 24px;border: solid 1px #fff;color:#333;}
.s-body .user {left: 20px;top: 16px;}
.s-body .psw {left: 228px;top: 16px;}
.s-body .psw-btn a ,.s-body .reg-btn a{color: #999;}
.s-body .log-btn {position:absolute;float:none;width:194px;height:59px;left:435px;top:14px;}
.s-body .log-btn a {display: block;height: 100%;width: 100%;background: url("img/s-cmb.png") no-repeat 0 0;}
.s-body .log-btn a:hover {background-position: 0 -60px;}
.s-body .remember {left: 20px;top: 50px;}
.s-body .psw-btn {left: 228px;top: 50px;}
.s-body .reg-btn {left: 308px;top: 50px;}
.s-body .reg-btn a:hover {background:none;}
.s-body .loged {padding:6px 10px 0 50px;}
.s-body .loged li {width:210px;float:left;height:25px;line-height:25px;margin-right: 12px;}

.s-server-list {padding:15px 2px 0 12px;}
.s-server-list li {float:left;width:189px;height: 41px;text-align:center;line-height:38px;background:url("img/s-cmb.png") 0 -121px no-repeat;margin:0 5px 10px 0;}
.s-server-list a {display: block;height: 100%;}
.sp-panel-wrap li {background-position:0 -164px;}
.s-server-list a:hover {opacity: .8;filter: alpha(opacity=80);}
.rec-server .s-name {line-height: 40px;color: #ccc;font-size: 18px;}
.s-body .quick-ingame {height: 35px;line-height: 35px;color: #fff;border-bottom: none;background: none;font-size: 14px;text-align: center;}
.fastin-input {width: 40px;height: 18px;border: 1px solid #bababa;background: #fff;color: #000;text-align: center;line-height: 20px;}
.s-body .fastin-btn {display: inline-block;width: 62px;height: 20px;overflow: hidden;background: #d98702;vertical-align: middle;border:solid 1px #e7b204;color: #fff;}
.s-body .fastin-btn:hover {background: #fb6900;}
.s-body .all {height:590px;overflow-y:auto;}
.loged .colored, .s-server-list span {color:#fff100;}
.s-server-list span {margin-left: 10px;}
.sp-pager li {color: #d8a55b;width: 80px;height: 24px;line-height: 24px;background: #413329;cursor: pointer;margin: 0 3px;margin: 1px 4px 1px 0;}
.sp-pager {margin: 10px 0;overflow: hidden;}
.sp-pager li.on {background: #d8a55b;color: #000;}
/*video*/
.video-alert {width:654px;height:368px;background:#505050;position:fixed;top:50%;left:50%;margin:-180px 0 0 -320px;z-index:999;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+300));border:3px solid #505050;display:none;}
.video-code {width:654px;height:368px;}
.video-close {position:absolute;width:44px;height:44px;top:-3px;right:-44px;display:block;background:url("img/close.jpg") no-repeat;}
.layout {display:none;position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: #000;opacity: .4;filter: alpha(opacity=40);z-index: 99;}

#footer{width:100%;height:100px;position:relative;left:50%;margin:-270px auto 0 -400px;padding-top:160px;}
#footer .bomlogo{float:left;width:231px;text-align:center;margin-right:64px;display:inline;margin-top:-20px}
.footer p{height:23px;line-height:23px;overflow:hidden}
.footer p a{font-size:14px;font-family:'times new roman',times,serif;font-weight:bold;color:#fff;text-decoration:underline}