@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"/*tpa=http://8888.qq323.com/style/css/img/-1blank*/);text-indent: -9999px;}
.wPage {width: 1010px;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:#fff;}
input::-ms-input-placeholder {color:#fff;}
input::-moz-input-placeholder {color:#fff;}

.s-body input::-webkit-input-placeholder {color:#333;}
.s-body input::-ms-input-placeholder {color:#333;}
.s-body input::-moz-input-placeholder {color:#333;}
/*content*/
.content{background:#0d0504 url("img/bg.jpg"/*tpa=http://8888.qq323.com/style/css/img/bg.jpg*/) no-repeat center top;padding-bottom: 30px;}
.main {
	color: #ceb28d;
	background-color: #0d0504;
	background-image: url("img/main.jpg"/*tpa=http://8888.qq323.com/style/css/img/main.jpg*/);
	background-repeat: no-repeat;
	background-position: center top;
}
.main a {color:#ceb28d;}
.header {height: 500px;position: relative;}
.tips {display: none;}
.musicFlash {height: 34px;width: 190px;position: absolute;right: 725px;top: 56px;}

.header .logo {display: block;height:100px;width: 142px;position: absolute;left: -28px;top: 0px;background:url("img/logo.png"/*tpa=http://8888.qq323.com/style/css/img/logo.png*/) no-repeat;}
.indexPage .header .logo {}
.main-nav {height: 42px;margin:0 0 0 150px;}
.main-nav .nav {position:relative;float: left;width: 78px;text-align: center;font-size: 16px;font-weight:700;height: 46px;margin-left: 25px;line-height: 42px;}
.main-nav .a-nav {display: block;height: 100%;color:#570d06;text-shadow: 0 0 5px #fff374 , 2px 2px 5px #fff374 ,-2px -2px 5px #fff374;}
.main-nav a:hover {color:#a62415;}
.sec-nav {display:none;width: 96px;position: absolute;top: 42px;left: -8px;background: #580000;border-radius:5px;font-size: 14px;padding: 10px 0;}
.sec-nav li {line-height: 22px;}
.sec-nav a {color: #ffd405;}
.banner {width: 100%;height: 260px;margin-top: 197px;}

.mod-left {width: 276px;}
.i-left {width: 205px;margin-left: 40px;}
.startgame {height: 127px;}
/*login*/
.rel-btn {height: 53px;padding: 2px 4px 0 5px;}
.rel-btn a {float: left;height: 100%;width: 98px;text-indent: -9999px;background:url("img/cmb.png"/*tpa=http://8888.qq323.com/style/css/img/cmb.png*/) no-repeat 0 -360px;}
.rel-btn .pay {background-position: 0 -360px;}
.rel-btn .dwn {background-position: -98px -360px;}
.rel-btn a:hover {background:url("img/cmb.png"/*tpa=http://8888.qq323.com/style/css/img/cmb.png*/) no-repeat 0 -416px;}
.rel-btn .pay:hover {background-position: 0 -414px;}
.rel-btn .dwn:hover {background-position: -98px -414px;}

.loginframe {height: 149px;position: relative;overflow: hidden;color: #c4a77b;}
.loginframe a {color: #c4a77b;}
.log li {
	position: absolute;
	width: 206px;
	height: 149px;
}
.ipt1 {width: 170px;height: 22px;line-height: 22px;background: #c1ab79;padding: 2px 5px;outline: none;border:none;color: #fff;}
.user {left: 12px;top: 10px;}
.psw {left: 12px;top: 44px;}
.remember {left: 1px;top: 1px;}
.psw-btn {left: 1px;top: 27px;}
.reg-btn {right: 163px;top: 52px;}
.log-btn {width: 159px;height: 38px;left: 20px;top: 100px;}
.log-btn a {display: block;height: 100%;text-indent: -9999px;overflow: hidden;background: url("img/cmb.png"/*tpa=http://8888.qq323.com/style/css/img/cmb.png*/) no-repeat 0 -469px;}
.log-btn a:hover {background-position: -160px -469px;}
.loged {padding: 3px 20px 0;}
.loged li {line-height: 22px;margin-left: 10px;}

.server-list {height: 264px;padding: 0px 8px 0px;overflow: hidden;margin: 6px 0 31px;}
.server-list .hd , .media .hd , .links .hd/*,.kfu .hd, ,*/{font-size: 16px;height: 38px;text-align:center;line-height: 38px;font-weight: 700;}
.server-list .s-int {margin: 0 5px;width: 42px;height: 14px;text-align: center;line-height: 14px;background: #181510;color: #e7e7e7;padding: 2px 4px;}
.quick-ingame {color:#fe8713;text-align: center;line-height: 30px;margin: 2px 0;}
.quick-ingame a {margin-left:3px;display: inline-block;color: #fe8713;height:22px;width:68px;line-height: 20px;background:#69100d;}
.quick-ingame a:hover {background:#8a1712;}
.server-ul {margin: 8px 10px 0;height: 220px;overflow: hidden;}
.server-ul ul {margin-top:-1px;}
.server-ul li {line-height: 24px;border-bottom: solid 1px #2c201b;border-top: solid 1px #48372e;}
.server-ul li a{display:block;padding-left:15px;background: url("img/dot.jpg"/*tpa=http://8888.qq323.com/style/css/img/dot.jpg*/) no-repeat left -8px;margin-left: 5px;}
.server-ul li span{margin-left:14px;}
.server-ul li a:hover {color: #fff;}
.server-ul li:nth-child(1){/*border-top:none;*/}
.server-ul li:nth-child(1) a{background-position: 0 8px;}
.server-ul li:nth-child(5) {/*border-bottom:none;*/}
.server-more a{display: block;background: url("img/cmb.png"/*tpa=http://8888.qq323.com/style/css/img/cmb.png*/) no-repeat 0 -508px;height: 38px;width: 159px;text-indent: -9999px;margin: 8px auto 0;}
.server-more a:hover {background-position: -160px -508px;}

.card {height: 284px;}
.card li {margin: 4px 0 0 3px;*margin: 0 0 0 3px;}
.card li img {width: 198px;}
.card li a {display: block;height: 83px;width: 198px;border: solid 1px #0d0504;}
.card .card-2 {margin:12px 3px;}
.card a:hover {box-shadow: 0 0 5px #fff;border-color: #703e17;}

.kfu {width:234px;padding: 5px 8px 8px;background: #222;height: 181px;overflow: hidden;}
.kfu .hd {background-position: left -46px;}
.kfu .bd {padding: 18px 5px 15px 15px;}
.kfu .text {margin-left: 115px;font-size: 14px;}
.kfu .text p {line-height: 25px;white-space: nowrap;}
.kfu .text .zx {text-indent:-9999px;display: block;height:20px;width:67px;line-height: 22px;background: url("img/cmb.png"/*tpa=http://8888.qq323.com/style/css/img/cmb.png*/) no-repeat 0 -124px;margin-top: 4px;}
.kfu .text .zx:hover {background-position: -68px -124px;}

.media {height: 110px;margin: 29px 0 11px;}
.media .bd {margin:17px 12px 0;position: relative;z-index: 2;}
.media .btn {font-size:14px;font-weight:700;display: block;border:solid 2px #4e4036;background: #312520;color: #c4a77b;position: relative;height: 28px;line-height:28px;text-align:left;text-indent: 20px;}
.media .btn i {display: block;position: absolute;right: 15px;top: 11px;border-style: solid;border-color: #c4a77b #312520 #312520;border-width: 6px;overflow: hidden;line-height: 0;}
.media-list {position: absolute;left: 0;top:30px;width: 100%;background: #312520;display: none;}
.scroll-media {height: 60px;margin: 0 auto;border:solid 2px #4e4036;border-top: none;}
.scroll-media ul {width: 150px;margin: 0 auto;}
.scroll-media li {width: 150px;height: 50px;margin-left: 15px;margin-bottom: 4px;}
.show .media-list{display: block;}

.links {height:131px;position: relative;overflow: hidden;}
.links .bd {padding: 0px 3px;}
.scroll-links li {float: left;display: inline;width: 250px;height: 170px;margin: 0 5px;}
.scroll-links img {width: 250px;height: 170px;}
.video-box {height: 100px;width: 100px;margin: 10px auto 0;}
.video-box a {display: block;height: 100%;background:url("img/video.png"/*tpa=http://8888.qq323.com/style/css/img/video.png*/)center center no-repeat;}
.video-box a:hover {background:url("img/video-h.png"/*tpa=http://8888.qq323.com/style/css/img/video-h.png*/)center center no-repeat;}
.links a {margin:0 2px;display: inline-block;width: 92px;text-align: center;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.links a:hover{color:#a62415;}
/*mod-right*/
.mod-right {width: 726px;}

.kv-container {height: 186px;position: relative;}
.kv-container .kv-cnt {position: absolute;left: 12px;top:12px;}
.kv-container .kv-cnt li {cursor:pointer;float: left;display: inline;}
.kv-container .kv-cnt li , .kv-cnt li img{height: 162px;width: 530px;}
.kv-container .kv-nav {position: absolute;top: 12px;right: 3px;}
.kv-container .kv-nav li{width:170px;height:25px;overflow:hidden;line-height: 25px;margin:2px 0;}
.kv-nav li a{color: #d3a244}
.kv-container .kv-nav li.cur a{color: #f8d723;}

.more {display: block;position: absolute;right: 0;bottom: 1px;height: 17px;width: 42px;background:url("img/cmb.png"/*tpa=http://8888.qq323.com/style/css/img/cmb.png*/) -197px -361px no-repeat;text-indent: -9999px;}
.more:hover {background-position: -240px -361px;}
.time {color: #4c1109;float: right;}
.news-btn {margin: 22px 0 28px;position: relative;height: 394px;}
.news-btn .list-btn {width: 159px;position: absolute;top: 16px;right: 12px;}
.list-btn li {height: 72px;}
.list-btn li a {height: 100%;background:url("img/cmb.png"/*tpa=http://8888.qq323.com/style/css/img/cmb.png*/) 0 0 no-repeat;text-indent: -9999px;display: block;}
.list-btn .b-1 a{background-position: 0 0;}
.list-btn .b-2 a{background-position: 0 -72px;}
.list-btn .b-3 a{background-position: 0 -144px;}
.list-btn .b-4 a{background-position: 0 -216px;}
.list-btn .b-5 a{background-position: 0 -288px;}
.list-btn .b-1 a:hover{background-position: -160px 0;}
.list-btn .b-2 a:hover{background-position: -160px -72px;}
.list-btn .b-3 a:hover{background-position: -160px -144px;}
.list-btn .b-4 a:hover{background-position: -160px -216px;}
.list-btn .b-5 a:hover{background-position: -160px -288px;}

.news-btn .news {width: 528px;position: relative;left:10px;top:10px;}
.news-hot {height: 46px;overflow: hidden;font-size: 20px;font-weight: 700;padding:34px 0 0 145px;}
.news-hot a {color: #a62415;}
.news .hd {margin: 20px 10px 20px 20px;position: relative;font-size: 16px;border-bottom: solid 5px #530a0a;}
.news .news-nav li {width: 88px;height: 37px;float: left;display: inline;text-align: center;line-height: 37px;}
.news-nav li a {display: block;height: 100%;color: #4c1109;background:url("img/news.png"/*tpa=http://8888.qq323.com/style/css/img/news.png*/) 0 0 no-repeat;}
.news .news-nav li.cur a{background-position: 0 -39px;color: #ffe48c;}
.news-cnt {height: 182px;margin: 15px 20px 0 25px;overflow: hidden;}
.news-cnt .bd {padding: 5px 2px 0;}
.news-cnt li {line-height: 20px;margin-bottom: 2px;}
.news-cnt li a {color:#4c1109;}
.news-cnt li a:hover {color:#a62415;}

.zl-card {height: 284px;position: relative;padding-left: 5px;}
.ziliao {width: 483px;padding-top: 6px;}
.ziliao a{color: #703e17;}
.ziliao .zl-panel a:hover{color:#a62415;}
.ziliao .hd ,.introduct .hd{height: 40px;}
.ziliao li {float: left;display: inline;}
.ziliao .hd li , .introduct .hd li {float: left;display:inline;height: 40px;line-height: 40px;width: 125px;text-align: center;font-weight: 700;font-size: 14px;border-right: solid 0px #000;}
.ziliao .hd li a ,.introduct .hd li a{display: block;height: 100%;background: #c4a77b;}
.ziliao .hd .cur a ,.introduct .hd .cur a{background: #eed9a7;}
.ziliao .zl-panel {margin: 12px 12px 0;height: 200px;overflow: hidden;}
.zl-panel li {width: 80px;border-left: solid 1px #434343;line-height: 22px;margin: 0 2px 0 -2px;text-align: center;}
.z-card {width: 217px;position: absolute;top: 5px;right: -1px;}
.z-card li {}
.z-card li a {display: block;height: 74px;border: solid 1px #703e17;}
.z-card .card-2{margin: 23px 0;}
.z-card a:hover {box-shadow: 0 0 5px #fff;border-color: #703e17;}

.intro-kf {margin-top:29px;padding-left: 5px;height: 254px;position: relative;}
.introduct {width: 544px;padding-top: 6px;color: #703e17;}
.introduct a{color: #703e17;}
.introduct .it-panel a:hover{color:#a62415;}
.introduct .hd li {width: 100px;}
.it-panel {padding: 14px 10px;font-size: 14px;height: 170px;overflow: hidden;}
.it-panel li {border-bottom: dashed 1px #a87a56;margin-bottom: 4px;line-height: 26px;}
.kefu {width: 170px;position: absolute;top: 10px;right: 0px;}
.kefu .code {margin: 12px 0 0 15px;width: 144px;height: 144px;}
.kefu p {line-height: 22px;margin: 8px 0 5px 15px;}
.kefu .f {margin-left: 15px;height: 26px;position: relative;padding-right: 50px;line-height: 26px;}
.kefu .f a{display: block;position: absolute;left: 60px;top: 3px;width: 71px;height: 20px;background: url("img/cmb.png"/*tpa=http://8888.qq323.com/style/css/img/cmb.png*/) -197px -379px no-repeat;}
.kefu .f a:hover {background-position:-197px -402px;}
/*newsPage*/
.newsPage .main {background: #0d0504 url("img/n-main.jpg"/*tpa=http://8888.qq323.com/style/css/img/n-main.jpg*/) no-repeat center top;}
.newsPage .mod-right {width: 733px;}
.newsPage .server-list {margin: 6px 0 14px;}
.newsPage .kefu {position: static;top:0;right:0;margin:0 auto ;padding-top: 15px;height: 235px;}
.newsPage .oWrap {background: url("img/cnt-y.jpg"/*tpa=http://8888.qq323.com/style/css/img/cnt-y.jpg*/) repeat-y left top;}
.btm-bg {background: url("img/n-cnt.jpg"/*tpa=http://8888.qq323.com/style/css/img/n-cnt.jpg*/) no-repeat left top;}
.newsPage .article {background: url("img/bottom.jpg"/*tpa=http://8888.qq323.com/style/css/img/bottom.jpg*/) no-repeat left bottom;min-height: 780px;_height: 780px;padding: 40px 54px 50px;}
.article-top {height: 90px;position: relative;margin: 5px 0 0 135px;color: #641b0d;}
.article-top span {font-size: 28px;font-weight: 700;margin-top:25px;display: block;float: left;}
.article-top a {color: #641b0d;}
.bread-nav {position: absolute;top: 0;right: 0;}
.article-main {margin-top: 20px;}
.article-main-hd {border-bottom: solid 1px #caa54c;}
.article-title {background: #caa54c;color: #151515;font-size: 18px;font-weight: 700;border:solid 1px #d1b77c;border-radius: 3px;text-align: center;}
.article-title h1 {border:solid 1px #f2e8b0;border-radius: 3px;line-height: 40px;}
.article-detail {margin: 10px 0;color: #5f553e;}
.article-main-bd {color: #131313;margin-top:10px;}
.article-main-bd a {color: #131313;}
.article-main-bd a:hover {color: #a62415;}

.article-relation {overflow:hidden;margin: 80px 0 10px 0;font-size:12px;}
.article-relation dt {height:30px;line-height:30px;border-bottom:1px solid #8a8a8a;font-weight:bold;margin-bottom:5px;}
.article-relation dd {width:280px;display:inline;float:left;margin:0 25px 0 0;overflow:hidden;height:30px;line-height:30px;}
.article-relation a {color: #131313;}
.article-relation a:hover {color:#a62415;}
.article-relation dd span {float:right;}
.article-list {padding:20px;}
.article-list li {height:25px;line-height:25px;font-size:14px;margin-bottom:5px;border-bottom: dashed 1px #a87a56;}
.article-list  a{color: #131313;}
.article-list  a:hover{color:#a62415;}

.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;color: #131313;}
.pageNum a:hover {background:#6d82a6;}
/*server list*/
.s-body {background:url("img/s-bg.jpg"/*tpa=http://8888.qq323.com/style/css/img/s-bg.jpg*/) top center no-repeat;color: #4a4846;}
.s-body a {color:#fff;}
.s-wrap {width:1024px;height:1100px;background:url("img/s-main.jpg"/*tpa=http://8888.qq323.com/style/css/img/s-main.jpg*/) no-repeat;margin:0 auto;position:relative;}
.s-header {height:244px;position:relative;}
.s-content {position:relative;margin: 58px 23px 0 374px;}

.s-logo {position: absolute;width: 142px;height: 100px;left: 183px;top: 0;text-indent: -9999px;overflow: hidden;background:url("img/logo.png"/*tpa=http://8888.qq323.com/style/css/img/logo.png*/) no-repeat;}
.s-nav {padding:32px 0 0 395px;height: 54px;}
.s-nav a {float:left;width:144px;height:54px;margin-right: 6px;background: url("img/-1blink"/*tpa=http://8888.qq323.com/style/css/img/-1blink*/);}

.s-body .loginframe {color: #c4ccd0;position:absolute;padding-top:0;width:625px;height:90px;left: 374px;top: 152px;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:183px;height:51px;left:435px;top:14px;}
.s-body .log-btn a {display: block;height: 100%;background: url("img/s-btn.png"/*tpa=http://8888.qq323.com/style/css/img/s-btn.png*/) no-repeat 0 -52px;}
.s-body .log-btn a:hover {opacity: .8;filter: alpha(opacity80);}
.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 10px;}
.s-body .loged li {width:210px;float:left;height:25px;line-height:25px;}

.s-server-list {padding:15px 10px 0 20px;}
.s-server-list li {float:left;width:186px;height:38px;text-align:center;line-height:38px;background:url("img/s-btn.png"/*tpa=http://8888.qq323.com/style/css/img/s-btn.png*/) -184px 0 no-repeat;margin:0 6px 10px 0;}
.s-server-list a {display: block;height: 100%;}
.sp-panel-wrap li {background-position:-184px -39px;}
.s-server-list a:hover {opacity: .8;filter: alpha(opacity=80);}
.rec-server .s-name {line-height: 40px;color: #ffca12;font-size: 18px;}
.s-body .quick-ingame {height: 35px;line-height: 35px;color: #fff;border-bottom: none;background: none;font-size: 14px;}
.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: #d37902;vertical-align: middle;border:solid 1px #d16a00;}
.s-body .fastin-btn:hover {opacity: .8;filter: alpha(opacity=80);background: #871713;}
.s-body .all {height:552px;overflow-y:auto;}
.loged .colored, .s-server-list span {color:#fff100;}
.s-server-list span {margin-left: 10px;}
.sp-pager li {color: #841b1b;width: 80px;height: 24px;line-height: 24px;background: #4d0303;cursor: pointer;margin: 0 3px;margin: 1px 4px 1px 0;}
.sp-pager {margin: 10px 0;overflow: hidden;}
.sp-pager li.on {background: #930909;color: #fff;}