@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(../images/-1blank);text-indent: -9999px;}
.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;}
.time {float: right;}
/*content*/
.content a:hover {color: #d1b766;}
.content {background:url(../images/bg.jpg) center top 870px no-repeat;}
/*login*/
.rgt-side {position: relative;}
.login-box {position: fixed;right: 2px;top: 150px;width: 169px;height: 500px;overflow: hidden;background: url(../images/login-1.png) left top no-repeat;z-index:9999999;}
.loginframe {padding: 40px 5px 0;color: #dacfd0;position: relative;}
.loginframe .con {position: relative;overflow: hidden;height: 470px;}
.loginframe a {color: #938782;}
.log li {position: absolute;z-index:1000000000;}
.ipt1 {background: none;width: 135px;padding: 2px 2px;height:34px;color:#dacfd0;line-height: 34px;border: solid 1px #625543;box-shadow: 0 0 4px #2b2112 inset;}
.ipt1:hover {border: solid 1px #938782}
.user {left: 5px;top: 0;}
.psw {left: 5px;top: 42px;}
.psw2 {left: 5px;top: 84px; }
.remember {left: 10px;top: 80px;}
.psw-btn {left: 78px;top: 80px;}
.find{padding-left: 15px;background: url(../images/icon2.png) 0 -59px no-repeat;line-height: 13px;}
.psw-btn a {color: #938782;margin: 0 5px;}
.psw-btn a:hover {color: #f56400;}
.log-btn {width: 160px;height: 44px;left: 0px;top: 141px;}
.quick-reg {left: 30px;top: 105px;}
.quick-reg a {height: 20px;line-height: 20px;width: 97px;background: url(../images/reg-icon.png) no-repeat 0 0;display:block;text-align: center;}
.quick-reg a:hover {background-position: 0 -21px;}
.log-btn a {display: block;height: 100%;text-indent: -9999em;overflow: hidden;background: url(../images/s-btn.png) no-repeat -304px -217px;margin-top:270px}
.log-btn a:hover {background-position: -465px -217px;}
.logkefu {float:left;width:140;height:35px;line-height:35px;border:1px solid #756e68;margin-left:15px;padding:0 10px;margin-bottom:8px}
.logkefu:hover {color:#fff}

.log-close {position:absolute;height: 26px;width: 26px;right: 0px;top: 8px;display: block;background: url(../images/s-btn.png) no-repeat -616px -99px;text-indent: -9999px;z-index: 9;}
.log-close:hover {background-position: -644px -99px;}
.loged {padding: 0 30px 0 0;color: #dacfd0;position: relative;}
.login-box .loged {height: 190px;overflow: hidden;padding: 0;}
.loged a {color: #dacfd0;}
.loged .colored {color: #f67e00;}
.loged li {line-height: 22px;margin-left: 10px;}
.ingame {width: 160px;height: 44px;left: 0;top: 141px;position: absolute;}
.ingame a {display: block;height: 100%;text-indent: -9999em;overflow: hidden;background: url(../images/s-btn.png) no-repeat -465px -263px;}
.ingame a:hover {background-position: -465px -308px;}

.rgt-btn {display:none;position: fixed;right: 3px;top: 115px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)+115);height: 290px;width: 53px; z-index:100000000}
.rgt-btn a {display: block;height: 100%;background: url(../images/login.png) -289px 0 no-repeat;}
.rgt-btn a:hover {background-position: -353px 0;}

.main {width: 1100px;margin: 0 auto; padding-top:1px;} 
.section-1 {height: 588px;background: url(../images/sec-1.jpg) center top no-repeat;}
.section-2 {height: 325px;padding-top: 10px;position: relative; margin-top:588px}
.header {height: 128px;background:url(../images/nav.png) -97px -10px no-repeat;position: relative;}
.main-nav {padding: 36px 0 0 80px;}
.main-nav li {display: inline;float: left;width: 75px;text-align: center;font-size: 16px;margin-right: 40px;}
.main-nav .nav-3 {margin-right: 320px;}
.main-nav a {color: #d7bca2;display: block;}
.main-nav a:hover {color: #d1b766;}
.main-nav li span {font-size: 12px;color: #5e4945;display: block;}
.logo {position: absolute;left: 442px;top: 12px;height: 75px;width: 208px;}
.tips {color: #ccb299;position: absolute;left: 20px;font-size: 14px;bottom: 18px;}

.kv22 {float:left;width: 605px;height: 222px;position: relative;overflow: hidden;left:50%;margin-left:-305px}
.kv-cont li , .kv-tab li {display: inline;float: left;}
.kv-cont li {width: 605px;height: 222px;}
.kv-tab {position: absolute;bottom: 10px;right: 10px;}
.kv-tab li{width:13px;height:13px;background:url(../images/kv.png) no-repeat;cursor:pointer;margin-right:8px;overflow:hidden;}
.kv-tab li.cur {background-position: 0 -20px;}

.section-2 .c-btn {display: block;position: absolute;height: 80px;width: 203px; text-align:center; line-height:80px; text-shadow:#000  2px 2px 2px ; color:#FC0; font-size:18px; font-weight:bold }
.c-btn:hover {background:url(../images/c-btn.png) 0 0 no-repeat; color:#FF0}
.c-btn-1 {left: 2px;top: 105px;}
.c-btn-2 {right: 4px;top: 105px;}
.c-btn-3 {left: 2px;top: 216px;}
.c-btn-4 {right: 4px;top: 216px;}
.c-btn-1:hover {background-position: 0 0;}
.c-btn-2:hover {background-position: -205px 0;}
.c-btn-3:hover {background-position: -409px 0;}
.c-btn-4:hover {background-position: -614px 0;}

.kv-bg {height:300px;width: 400px;background: url(../images/kv-bg02.png) center bottom no-repeat;position: absolute;top: -200px;left: 348px;}

.section-3 { }
.section-3 .inner {height: 977px;position: relative;sss}
.m-lft {width: 240px;position: absolute;left: 0;top: 0;}
.start {width: 235px;height: 210px;margin-top: -33px;}
.app {height: 53px;width: 235px;margin-top: 84px;}
.app .load {display: block;height: 100%;text-indent: -9999px;}
.app .load:hover {background: url(../images/app.jpg) center top no-repeat;}

.kefu {padding: 27px 0 0 37px;height: 213px;color: #dacfd0;font-size: 14px;overflow: hidden;}
.kefu .code {height: 105px;width: 155px;margin-bottom: 5px;}
.kefu .code img {float: left;}
.kefu .code p {width: 15px;line-height: 14px;margin-left: 4px;}
.kefu .txt {line-height: 20px;margin: 2px 0;}
.kefu .f {line-height: 30px;position: relative;margin: 2px 0;}
.kefu .f a {display: block;height: 30px;width: 119px;position: absolute;left: 74px;top: 0;background:url(../images/s-btn.png) -209px 0 no-repeat;text-indent: -9999px;}
.kefu .f a:hover {background-position: -330px 0;}

.links {margin: 32px 12px 0 6px;font-size: 14px;height: 120px;overflow: hidden;}
.links a {color: #dacfd0;margin: 1px 0;width: 90px;display: inline-block;text-align: center;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}

.m-mid {width: 370px;position: absolute;left: 305px;top: 104px;}
.server-list {position: relative;height: 175px;overflow: hidden;}
.server-list .quick-ingame {position: absolute;right: 24px;top: 2px;color: #775a1c;}

.server-list .quick-ingame p{float:left;marign-right:30px}

.server-list .s-int {background: #cca941;}
.fastin-btn {display: inline-block;width: 99px;height: 24px;line-height: 24px;overflow: hidden;background: url(../images/s-btn.png) -611px -41px no-repeat;vertical-align: middle;text-indent: -9999px;margin-left:50px}
.fastin-btn:hover {background-position: -612px -74px;}
.server-ul {position: absolute;left: 2px;top: 50px;}
.server-ul li {display: inline;float: left;padding-left: 15px;width: 155px;margin: 6px 0 10px 5px;background: url(../images/icon2.png) 0 2px no-repeat;line-height: 24px;}
.server-list a{color: #998e8f;}
.server-ul span {color: #d60000;margin-left: 5px;}
.more-list {display: block;position: absolute;top: 145px;line-height: 24px;left: 100px;width: 145px;text-align: center;font-size: 14px;}

.ziliao {margin: 62px 0 0;position: relative;}
.ziliao .list {height: 70px;overflow: hidden;width: 286px;position: absolute;left: 32px;}
.list-1 {top: 30px;}
.ziliao li {display: inline;float: left;height: 20px;line-height:20px;margin: 2px 4px 0 -2px;width: 68px;border-left: solid 1px #000;text-align: center;}
.ziliao li a {color: #000;}
.ziliao li a:hover {color: #d60000;}
.list-2 {top: 185px;}
.list-3 {top: 333px;}

.m-rgt {width: 372px;right: 18px;top: 0;position: absolute;}
.news {margin: 10px 12px 0;height: 345px;}
.news a:hover {color: #d60000;}
.news .hd {height: 64px;font-size: 18px;}
.news .hd li {display: inline;float: left;margin-right: 10px;height: 100%;width: 65px;text-align: center;}
.news .hd li a {display: block;height: 52px;padding-top: 12px;background: url(../images/s-btn.png) -233px -216px no-repeat;color: #c9a353;}
.news .hd .cur a {background-position: -164px -216px;color: #ffdb92;}
.news-list {padding: 18px 4px 0;}
.news-hot {border-bottom: solid 1px #ba8826;padding-bottom: 5px;}
.news-hot  a{color: #b80000;}
.news-hot .title {font-size: 18px;padding-left: 24px;background: url(../images/icon2.png) 0 -28px no-repeat;line-height: 22px;margin: 4px 0;}
.news-hot .summary {color: #000;height: 36px;}
.news-list .con {border-top: solid 1px #fddea8;padding: 10px 0 0 5px;height: 126px;overflow: hidden;}
.news-list li {line-height: 22px;border-bottom: dashed 1px #a3761f;margin: 2px 0;}
.news-list .more {display: block;height: 30px;width: 119px;margin: 10px auto 0;background: url(../images/s-btn.png) -452px 0 no-repeat;text-indent: -9999px;}
.news-list .more:hover {background-position: -574px 0;}

.jietu {margin-top: 22px;height: 280px;overflow: hidden;}
.jietu .con {margin: 5px 13px;position: relative;height: 260px;width: 355px;overflow: hidden;}
.jietu .con li {display: inline;float: left;height: 260px;width: 355px;}
.jietu .j-btn {display: block;text-indent: -9999px;height: 68px;width: 68px;background: url(../images/s-btn.png) -158px -296px no-repeat;position: absolute;top: 100px;z-index: 3;}
.jietu img {transition: all .4s ease;}
.jietu img:hover {transform: scale(1.04);}
.jietu .prev {left: 10px;}
.jietu .next {right: 10px;background-position: -241px -296px;}
.jietu .prev:hover {background-position: -306px -296px;}
.jietu .next:hover {background-position: -389px -296px;}

.media {margin: 16px auto 0;width: 268px;overflow: hidden;height: 53px;}
.m-show{overflow: visible;}
.media .hd {height: 53px;width: 268px;background: url(../images/media.png) center top no-repeat;text-align: center;}
.media .hd a {display: inline-block;position: relative;height: 22px;line-height: 22px;margin-top: 15px;color: #998e8f;padding-right: 20px;}
.media i {display: block;height: 0;width: 0;line-height: 0;font-size: 0;border-width: 6px;border-color: #a69587 transparent transparent;border-style: solid;position: absolute;right: 4px;top: 10px;}
.media .bd {display:none;margin: -10px 39px 0;width: 190px;padding: 12px 0;background: #16120f;}
.m-show .bd {display: block;}
.media .con {width: 150px;margin: 0 auto;}
.media .con li {height: 50px;width: 150px;margin: 4px 0 0;}
/*newsPage*/

.newsPage {background:#251713 url(../images/n-bg-1.jpg) 0 0 no-repeat fixed;position: relative;min-width: 1200px;_background:#251713 url(../images/n-bg-1.jpg) 0 0 repeat-y;}
.n-main {min-height: 1900px;_height: 1900px;position: relative;margin-left: 28%;background-color: rgba(37,23,19,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f251713,endColorstr=#7f251713);width: 72%;}

.n-header {width: 100%;height: 104px;background:url(../images/n-header.jpg) left center no-repeat;}
.n-header .con {padding: 26px 0 0 145px;}
.n-header .tle {color: #fff;font-size: 28px;}
.n-header .n-nav {width: 585px;margin: 5px 0 0 20px;}
.n-nav li {display: inline;float: left;width: 75px;text-align: center;font-size: 16px;margin-right: 20px;}
.n-nav a {color: #d7bca2;display: block;}
.n-nav li span {font-size: 12px;color: #563935;display: block;}
.n-logo {position: absolute;left: -270px;top: 20px;height: 111px;width: 238px;background: url(../images/n-logo.png) left center no-repeat;text-indent: -9999px;}

.arcticle {padding: 35px 0 30px 120px;width: 720px;}
.n-lists li {position: relative;padding-left: 100px;margin: 40px 0;height: 145px;overflow: hidden;font-size: 24px;padding-left: 180px;}
.n-lists .n-time {position: absolute;left:0;top:0;height: 142px;width: 155px;background:url(../images/s-btn.png) 1px -219px no-repeat;color: #320401;}
.n-time span {display: block;margin: 30px 34px 0;text-align: center;}
.n-lists .n-con {border-left: solid 1px #50320e;height: 135px;margin-top: 10px;padding-left: 30px;}
.n-lists .title {margin: 15px 0;}
.n-lists .title a{color: #ffcd00;}
.n-lists .summary {color: #fff;font-size: 14px;line-height: 20px;}

.n-detail {font-size: 14px;color: #fff;}
.n-detail .position {line-height: 22px;margin: 10px 0;}
.n-detail a {color: #fff;}
.art-main .hd {border-bottom: solid 1px #50320e;padding: 2px 0 6px;text-align: left;}
.art-main .tle {color: #ffcd00;font-size: 24px;margin: 3px 0;}
.art-main .author {color: #909090;}
.art-main .bd {padding: 26px 10px 0;}

.article-relation {overflow:hidden;margin:50px 0 0 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:290px;display:inline;float:left;margin:0 40px 0 0;overflow:hidden;height:30px;line-height:30px;}
.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: 1px dashed #4d4d4d;}

.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: #ffcd00;}
.pageNum a:hover {background:#6d82a6;}
/*css 3*/
@media screen and (min-width: 1200px) {
  /*.n-header {position: fixed;left: 28%;width: 72%;top: 40px;z-index: 5;}
  .arcticle {padding: 140px 0 30px 120px;}*/
}

/*server list*/
.s-body {background:url(../images/s-bg.jpg) center top no-repeat;color: #4a4846;}
.s-wrap {width:1000px;height:1000px;background:url(../images/s-main.jpg) no-repeat;margin:0 auto;position:relative;}
.s-header {height:228px;position:relative;overflow: hidden;}
.s-content {position:relative;margin: 60px 10px 0 365px;}

.s-logo {position: absolute;width: 305px;height: 120px;left: 31px;top: 34px;text-indent: -9999em;}
.s-nav {padding: 10px 0 0 370px;height:80px;}
.s-nav a {float:left;width:152px;height:80px;margin-left: 9px;}
.s-nav .sn-1 {margin-left: 0;}
.s-nav .sn-3 {margin-left: 9px;}
.s-nav .sn-4 {width: 146px;}
.s-nav a:hover {background:url(../images/s-btn.png) no-repeat;}
.s-nav .sn-1:hover {background-position: 0 -135px;}
.s-nav .sn-2:hover {background-position: -161px -135px;}
.s-nav .sn-3:hover {background-position: -322px -135px;}
.s-nav .sn-4:hover {background-position: -483px -135px;}

.s-body .loginframe {position: absolute;padding: 0;width: 640px;height: 75px;left: 362px;top: 153px;background: none;overflow: hidden;}
.s-body .ipt1 {background: url(../images/s-btn.png) left top no-repeat;width: 182px;padding:2px 5px 2px 20px;height: 35px;color:#fff;}
.s-body .user {left: 0;top: 10px;}
.s-body .psw {left: 214px;top: 10px;}
.s-body .psw-btn a ,.s-body .reg-btn a{color: #fff;}
.s-body .log-btn {position:absolute;float:none;width:204px;height:46px;left:425px;top: 12px;}
.s-body .log-btn a {display: block;height: 100%;background: url(../images/s-btn.png) no-repeat 0 -40px;}
.s-body .log-btn a:hover {background-position: 0 -87px;}
.s-body .remember {left: 6px;top: 50px;color: #fff;}
.s-body .psw-btn {left: 255px;top: 50px;}
.s-body .reg-btn {left: 350px;top: 50px;}
.s-body .reg-btn a:hover {background:none;}
.s-body .loged {padding:6px 10px 0 10px;color: #fff;}
.s-body .loged li {width:280px;float:left;height:22px;line-height:22px;overflow: hidden;}
.s-body .loged a {color: #fff;}
.s-body .loged .colored {color: #ffae42;}
.s-body .loged .loged-usercenter {width: 150px;}

.hgt {height: 42px;margin: 5px 0;}
.hgt .recom {margin-left: 180px;}
.s-server-list li {float:left;width:201px;height:41px;text-align:center;line-height:41px;margin: 0 6px  8px 0;}
.s-server-list a {display: block;height: 100%;color: #fff;background:url(../images/s-btn.png) -407px -41px no-repeat;}
.s-server-list span {color: #ff9600;}
.recom li {margin: 0 12px 0 0;color: #fff;}
.recom a {background-position: -205px -40px;}
.recom li a:hover {background-position: -205px -84px;}
.s-server-list a:hover {background-position: -407px -84px;}
.rec-server li {background-position: -183px 0;}
.rec-server li a {color: #fff;}
.s-name {display: none;}
.quick-ingame {height: 35px;line-height: 35px;color: #dcc0a3;border-bottom: none;background: none;font-size: 14px;text-align: center; margin-top:5px;}
.fastin-input {width: 38px;height: 16px;border: 1px solid #4a3e3f;border-left: none;border-right:none;background: #c5bfb4;color: #000;text-align: center;line-height: 16px;margin: 0 3px;}
.s-body .fastin-btn {display: inline-block;width: 99px;height: 24px;line-height: 24px;overflow: hidden;background: url(../images/s-btn.png) -611px -41px no-repeat;;vertical-align: middle;text-indent: -9999px;}
.s-body .fastin-btn:hover {background-position: -612px -74px;}
.s-body .all {height:490px;overflow-y:auto;}
.loged .colored {color:#ff3529;margin-left: 4px;}
.sp-pager li {color: #5c0e00;width: 70px;height: 24px;line-height: 24px;background: #e5c5af;cursor: pointer;margin: 0 3px;}
.sp-pager {margin: 10px 0 0;overflow: hidden;border-bottom: solid #413e38 1px;}
.sp-pager li.on {background: #3a1d1a;color:#fff;}
.sp-panel-wrap {border-top: solid 1px #000;padding-top: 14px;}
.tel-tips {position: absolute;left: 405px;bottom: 45px;color: #e5dddd}



.section-4 { width:780px; height:730px; float:right; margin:20px 30px 0px 0px; position:relative;}
.ag { position:absolute; width:340px; height:240px;  left:20px; top:90px; z-index:1000;padding-top:50px}