@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(about:blank);text-indent: -9999px;}
.wPage {width: 1000px;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;}
/*content*/
.content{background:#e5eae6 url(../images/bg.jpg) no-repeat center top;}
.main {background:#e5eae6 url(../images/main.jpg) no-repeat center top;padding-bottom: 100px;}
.header {height: 175px;position: relative;width: 1000px;margin: 0 auto;z-index: 2;}
.newsPage .header {height: 370px;}
.header .logo {display: block;height: 60px;width: 170px;position: absolute;left:260px;top: 10px;}
.qq_group {position: absolute;left: 852px;bottom: -190px;font-size: 14px;font-weight: bold;}
.tips {position: absolute;left: 0;bottom: -190px;font-size: 14px;color: #fff;}
.newsPage .qq_group {bottom: 5px;}
.newsPage .tips {bottom: -22px;}
.main-nav {margin-left: 460px;padding-top:25px;}
.main-nav a {float: left;height: 22px;width: 70px;background:url(about:blank);margin-left: 40px;}
.main-nav .nav-1 {margin-left: 0;}
.banner {height: 170px;margin-left: 2px;}
.startgame {height: 121px;width: 238px;background: url(../images/start.jpg) no-repeat left top;margin-top:24px;overflow: hidden;}
.login-box{background:url(../images/l-bg.png);height: 122px;overflow: hidden;width: 238px;}
.login-box .login {height: 85px;}
.login .log {font-size: 0;padding: 8px 8px 2px ;}
.login .int-box, .login .btn-box {font-size: 12px;}
.login .int-box {_width: 145px;margin-right: 6px;}
.login .int-box li.n {margin-bottom:5px;}
.login .int-box .int {background: #dfe4de;padding: 2px 2px 2px 4px;}
.login .int-box .int input {line-height: 15px;height: 15px;background: transparent;border: none;width: 140px;color: #59504e;}
.login .btn-box {margin-top: 1px;}
.btn-box a {display: block;height:50px;width:68px;background: url(../images/btn_cmb.png) no-repeat left 0;transition: all .2s ease;text-indent: -9999px;}
.btn-box a:hover {background-position: -70px top;}
.login .tips {margin: 3px 0 3px;}
.login .tips ,.tips a {color: #dfe4de;font-size: 12px;font-weight: 700;}
.login  .find {margin-left: 10px;text-decoration: underline;}
.login-box .btn {padding: 0 3px;background: none;}
.login-box .btn a {display: block;float: left;height: 34px;width: 116px;background: url(../images/btn_cmb.png) no-repeat left 0;text-indent: -9999px;}
.login-box .btn .card {background-position: -142px 0;}
.login-box .btn .load {background-position: -259px 0;}
.login-box .btn .card:hover {background-position: -142px -36px;}
.login-box .btn .load:hover {background-position: -259px -36px;}
.loged {color: #d0d0d0;padding: 2px 0 2px 5px;}
.loged  a {color: #d0d0d0;}
.loged li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.loged .define {color: #ba1c1c;}
.loged .text {text-align: right;}

.section-1 {height: 272px;overflow: hidden;}
.more {color:#bc9e88;font-weight: normal;line-height: 12px;display: block;position: absolute;right: 20px;bottom: 12px;height: 12px;width: 12px;}
.more i {display: block;position: absolute;right: 0;top: 0;height: 12px;width: 12px;background: url(../images/btn_cmb.png) no-repeat -547px -72px;}
.more:hover i {background-position: -547px -84px;}
.news-kv {background: url(../images/n-bg.png) no-repeat left 0;width: 750px;height: 272px;position: relative;}
.time {color: #7a7a7a;float: right;}
.news {padding: 37px 0 0;width: 350px;}
.news .hd {position: relative;padding-left: 20px;width: 330px;}
.news .news-nav {font-size: 12px;}
.news .news-nav li {width: 61px;height: 28px;float: left;display: inline;text-align: center;line-height: 28px;}
.news-nav li a {display: block;height: 100%;color:#fff;}
.news-nav li a:hover{color: #fffd9b;background: url(../images/btn_cmb.png) no-repeat -478px -71px;}
.news .news-nav li.cur a{color: #fffd9b;background: url(../images/btn_cmb.png) no-repeat -478px -71px;}
.news-hot {height: 52px;overflow: hidden; line-height: 52px;font-size: 14px;padding-left: 60px;font-weight: 700;}
.news-hot a {color:#fff;}
.news-cnt .bd {padding: 5px 10px 2px 15px;height: 130px;overflow: hidden;}
.news-cnt li {line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-cnt li a {color:#7a7a7a;}
.news-cnt li a:hover {color:#fff;}

.kv-container {position:absolute;height: 225px;width: 382px;top:37px;right:12px;}
.kv-container li {cursor:pointer;float: left;display: inline;}
.kv-container .kv-cnt li , .kv-cnt li img{height: 225px;width: 382px;}
.kv-container .kv-nav {position: absolute;bottom: 10px;right: 10px;}
.kv-container .kv-nav li{width:13px;height:13px;background:url(../images/kv.png) no-repeat;cursor:pointer;margin-right:8px;overflow:hidden;}
.kv-container .kv-nav li.cur {background-position: 0 -20px;}

.section-2 {height: 177px;overflow: hidden;margin-bottom: 15px;}
.server-list {background:url(../images/s-bg.png) 0 0 no-repeat;height: 177px;width: 342px;position: relative;}
.server-ul {width: 245px;margin-top: 48px;}
.server-ul li {width: 190px;padding-left: 40px;line-height: 28px;margin-bottom: 4px;}
.server-ul li a{color:#202020;display: block;padding-right: 15px;background:url(../images/hot.jpg) right 3px no-repeat;}
.server-ul li a:hover {color: #ca2a2a;}
.server-ul li span {margin-left: 5px;}
.server-more {position: absolute;height: 136px;width: 96px;right: 0;top: 42px;}
.server-more a{display: block;height: 100%;background:url(../images/s-more.jpg) left top no-repeat;text-indent: -9999px;}
.server-more a:hover {background-position: left -139px;}
.hudong .cont {margin-right: 13px;}
.hudong .hd {background:url(../images/h-bg.png) left top no-repeat;height: 43px;}
.hudong .bd a {display: block;float: left;height: 133px;width: 206px;background: url(https://img.alicdn.com/imgextra/i1/159488576/O1CN012DDr82mJ6nkdDGq_!!159488576.png) no-repeat 0 0;color: #c8c8c8;}
.hudong .bd a span {display: inline-block;height: 18px;line-height: 18px;margin: 88px 0 0 15px;}
.hudong .bd .h-1 {background-position: 0 0;}
.hudong .bd .h-2 {background-position: -214px 0;margin: 0 4px;}
.hudong .bd .h-3 {background-position:-430px 0;}
.hudong .bd a:hover {color: #ff0;}

.section-3 {height: 288px;overflow: hidden;}
.person {width: 645px;}
.person .hd {height: 32px;}
.person .hd .title {background: url(../images/w.png) no-repeat 0 0;height: 32px;width: 170px;}
.person .hd .tab li{display: inline;float: left;height: 31px;width: 93px;text-indent: -9999px;margin-left: 2px;}
.person .hd .tab li a {display: block;height: 100%;background: url(../images/btn_cmb.png) no-repeat 0 -104px;}
.person .hd .tab li .p-1 {background-position: 0 -104px;}
.person .hd .tab li .p-2 {background-position: -96px -104px;}
.person .hd .tab li .p-3 {background-position: -191px -104px;}
.person .hd .tab li .p-4 {background-position: -287px -104px;}
.person .hd .tab li .p-5 {background-position: -383px -104px;}

.person .hd .tab li.cur .p-1{background-position: 0 -71px;}
.person .hd .tab li.cur .p-2 {background-position: -96px -71px;}
.person .hd .tab li.cur .p-3 {background-position: -191px -71px;}
.person .hd .tab li.cur .p-4 {background-position: -287px -71px;}
.person .hd .tab li.cur .p-5 {background-position: -383px -71px;}
.person .per-panel {height: 255px;background: #bdbdbd;}
.person .per-panel .intro {height: 255px;}
.person .per-panel .w-desc {margin-left: 282px;padding: 15px 25px 0 0;}
.person .per-panel .w-desc p{line-height: 20px;font-size: 14px;}
.person .per-panel .w-desc dt {height: 58px;width: 92px;background: url(../images/wq-cmb.jpg) no-repeat 0 0;margin-bottom: 10px;text-indent: -9999px;}
.person .per-panel .i-1 .w-desc dt {background-position: 0 -118px;}
.person .per-panel .i-2 .w-desc dt {background-position: 0 -236px;}
.person .per-panel .i-3 .w-desc dt {background-position: 0 -178px;}
.person .per-panel .i-4 .w-desc dt {background-position: 0 0px;}
.person .per-panel .i-5 .w-desc dt {background-position: 0 -59px;}
.person .per-panel .p-desc {width: 264px;height: 254px;margin-top: 1px;}
/* .person .per-panel .i-1 .p-desc {background: url(../images/wq-1.jpg) no-repeat;}
.person .per-panel .i-2 .p-desc {background: url(../images/wq-2.jpg) no-repeat;}
.person .per-panel .i-3 .p-desc {background: url(../images/wq-3.jpg) no-repeat;}
.person .per-panel .i-4 .p-desc {background: url(../images/wq-4.jpg) no-repeat;}
.person .per-panel .i-5 .p-desc {background: url(../images/wq-5.jpg) no-repeat;} */

.ziliao {width: 340px;height: 80px;margin-right: 5px;}
.ziliao .hd {height: 32px;background: url(../images/y.png) left center no-repeat;}
.ziliao .z-cont {background: #bdbdbd;height: 60px;overflow: hidden;}

.ziliao .z-1{padding: 8px 10px 12px 105px;background:#bdbdbd url(../images/z-1.jpg) no-repeat left 0;margin: 6px 0;}
.ziliao .z-2 {padding: 8px 10px 12px 105px;background:#bdbdbd url(../images/z-2.jpg) no-repeat left 0;margin: 6px 0;}
.ziliao .z-3 {padding: 8px 10px 12px 105px;background:#bdbdbd url(../images/z-3.jpg) no-repeat left 0;margin: 6px 0;}

.ziliao .z-cont li {display: inline;float: left;margin:0 5px 5px 0;}
.ziliao .z-cont li a {color: #0a0a0a;display: block;float: left;width: 50px;overflow: hidden;border-right: solid 1px #0a0a0a;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ziliao .z-cont li a:hover{color: #ca2a2a;}

.section-4 {height: 272px;overflow: hidden;}
.gonglue {margin: 18px 0 0 0;}
.g-inner {position: relative;width: 642px;height: 256px;background:#bdbdbd url(https://img.alicdn.com/imgextra/i1/159488576/O1CN01aXT1TX2DDr8QpoQnf_!!159488576.jpg) no-repeat 0 center;overflow: hidden;}
.gonglue .g-more{display: block;height: 20px;line-height: 20px;color: #0a0a0a;position: absolute;left: 540px;top:3px;padding-left: 24px;}
.gonglue .g-more:hover {color: #ca2a2a;}
.gonglue .g-detail {display: block;height: 30px;width:84px;position: absolute;left: 153px;top:207px;background: url(../images/btn_cmb.png) no-repeat -378px -36px;text-indent: -9999px;}
.gonglue .g-detail:hover {background-position: -470px -36px;}
.gonglue .cont {padding: 40px 0 0 245px;}
.gonglue .cont li {height: 26px;line-height: 26px;font-size: 14px;margin-bottom: 4px;width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gonglue .cont li a {color: #000;}
.gonglue .cont li a:hover {color: #ca2a2a;}
.kfu {height: 272px;width: 340px;background:#bdbdbd url(../images/k-bg.jpg) no-repeat 0 center;position: relative;}
.kfu .text {color: #fff;font-size: 14px;padding: 70px 12px 0;}
.kfu .text p {line-height: 18px;}
.kfu .text .zx ,.l-kf .bd .zx{display: block;height: 34px;width: 117px;background: url(../images/btn_cmb.png) no-repeat -377px 0;text-indent: -9999px;margin-top: 10px;}
.kfu .text .zx:hover ,.l-kf .bd .zx:hover{background-position: -495px 0;}
.kfu .code {height: 88px;width: 88px;position: absolute;bottom: 6px;left: 8px;}
.kfu .tips {line-height: 20px;position: absolute;left: 125px;bottom: 30px;}

.section-5 {height:44px;margin-top: 10px;}
.links ,.media {height: 44px;position: relative;background: #bdbdbd;overflow: hidden;}
.links {width: 642px;overflow: hidden;margin-right: 10px;}
.section-5 .hd {position: absolute;height: 44px;left: 0;top: 0;width: 100px;}
.links .hd {background: url(../images/link.jpg) no-repeat 0 center;}
.media .hd {background: url(../images/media.jpg) no-repeat 0 center;}
.section-5 .bd {padding-left:111px;height: 44px;overflow: hidden;}
.links li {float: left;display: inline;line-height: 44px;height:44px;width: 75px;text-align: center;}
.links li a{color:#2a2a2a;}
.links li a:hover {color: #ca2a2a;}
.media .bd {padding-right: 18px;}
.media .btn {font-size:14px;padding: 0 30px;width:150px;display: block;border:solid 1px #929292;background: #e3e3e3;color: #aeaeae;position: relative;height: 24px;line-height:24px;text-align:left;margin: 10px 0;position: relative;}
.media .btn i {display: block;position: absolute;right: 15px;top: 9px;border-style: solid;border-color: #bdbdbd #e3e3e3 #e3e3e3;border-width: 6px;overflow: hidden;line-height: 0;}
.media-list {position: absolute;left: 0;top:44px;width: 150px;background: #bdbdbd;width: 100%;padding: 5px 0;}
.scroll-media {height: 50px;width: 150px;margin: 0 auto;}
.scroll-media li {width: 150px;height: 50px;}
.media.show {overflow: visible;}
/*server page*/
.s-content {background: url(../images/s-bg.jpg) center top no-repeat;}
.s-header {height: 235px;position: relative;}
.s-main {background: url(../images/s-main.jpg) center top no-repeat;height: 1000px;}
.s-header .s-inner {margin-left: 343px;position: relative;height: 100%;}
.s-header .sl-logo {display: block;height: 86px;width: 252px;position: absolute;left: 77px;top: 13px;}
.s-header .sl-nav {position: absolute;top: 14px;left: 2px;}
.sl-nav li {float: left;display: inline;width: 156px;height: 64px;margin-left: 3px;}
.sl-nav li.s-n-1 {margin-left: 0px;}
.sl-nav li.s-n-4 {width: 140px;}
.sl-nav a {display: block;height: 100%;text-indent: -9999px;background:url(about:blank);}
.sl-nav a:hover {background: url(../images/cmb.png) no-repeat 1px -664px;}
.sl-nav .s-n-1 a:hover {background-position: 1px -664px;}
.sl-nav .s-n-2 a:hover {background-position: -162px -664px;}
.sl-nav .s-n-3 a:hover {background-position: -325px -664px;}
.sl-nav .s-n-4 a:hover {background-position: -488px -664px;}

.s-header .sl-login {position: absolute;top: 145px;left: 10px;padding: 10px 0 5px 40px;}
.sl-login .sl-log {font-size: 0;}
.sl-login .int-box, .sl-login .sl-btn-box {font-size: 14px;}
.sl-login .int-box li {float: left;display: inline;padding-right:10px;}
.sl-login .int-box .int {background: #a9a9a9;border:solid 1px #443e3e;padding: 2px 2px 2px 8px;color: #000;}
.sl-login .int-box .int input {line-height: 20px;height: 20px;background: transparent;border: none;width: 120px;}
.sl-login .int-box li .b {margin: 5px 0 0 5px;}
.sl-login .int-box li .b, .sl-login .int-box li .b a {color: #c4ccd0;font-size: 12px;}
.sl-login .int-box li .find {margin-right: 10px;}
.sl-login .int-box li .b .regist {margin-left: 10px;color: #c4ccd0;}
.sl-login .int-box ul{width:375px;}
.sl-btn-box a {display: block;float:left;height:39px;width:136px;background: url(../images/s-cmb.png) no-repeat left 0;text-indent: -9999px;}
.sl-loged {height: 45px; }
.sl-loged li{color: #dcc0a3;margin: 0 12px;float: left;display: inline;}
.sl-loged a {color: #dcc0a3;}
.sl-loged .colored {color: #ff9600;}
/*server-list*/
.server-cont {margin-top:55px;width: 590px;margin-left: 350px;padding: 0 15px;}
.recomm {padding-left:120px;position:relative;}
.recomm .c-tips {position: absolute;left: 10px;top: 0px;line-height: 37px;font-size: 18px;color: #c4ccd0;}
.recomm ul li {float: left;display: inline;line-height: 37px;margin-right: 15px;text-align: center;}
.recomm li a {color:#eed505;display: block;height: 37px;width: 180px;background: url(../images/s-cmb.png) no-repeat 0 -64px;}
.recomm li a:hover {background-position:0 -102px;color:#ffe400;}
.recomm li span ,.sq-panel li span{margin: 0 4px 0 0;color: #fff;}
.sl-quick-ingame {height:50px;line-height:50px;text-align:center;color:#c4ccd0;}
.sl-quick-enter-input {color: #f00;width:45px;text-align:center;border:1px solid #93a3bb;background:#69778d;color:#fff;margin: 0 4px;}
.sl-quick-enter-click {transition: all .3s ease-in-out;height:22px;line-height: 22px;width:75px;display:inline-block;background: url(../images/s-cmb.png) no-repeat left -40px;margin-left: 10px;text-indent: -9999px;}

.sl-list {padding: 0 12px;}
.sp-pager {border-bottom: 1px solid #a9a9a9;}
.sp-pager li {width:80px;height:25px;text-align:center;line-height:25px;float:left;background:#a9a9a9;color:#585c61;cursor:pointer;margin:0 0 0 8px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.sp-pager .on {background:#871713;color:#fff;}
.sp-panel-wrap {height: 580px;overflow-y: auto;}
.sq-panel li {margin: 8px 0 0 5px;text-align: center;float: left;display: inline;line-height: 37px;}
.sq-panel li a{color:#eed505;display: block;height: 37px;width: 180px;background: url(../images/s-cmb.png) no-repeat 0 -64px;}
.sq-panel li  a:hover {background-position:0 -102px;}
/*newsPage*/
.newsPage .wPage {width: 1050px;}
.mod-left {width: 240px;margin-left: 25px;}
.newsPage .login {margin-bottom: 1px;}
.newsPage {background:#e5eae6 url(../images/n-bg.jpg) no-repeat center top;}
.newsPage .main {background:#e5eae6 url(../images/n-main.jpg) no-repeat center top;}
.newsPage .server-list {background:url(../images/l-sbg.png) 0 0 no-repeat;height: 170px;width: 240px;position: relative;}
.newsPage .server-more {position: absolute;height: 136px;width: 50px;right: 0;top: 34px;}
.newsPage .server-more a{display: block;height: 100%;background:url(../images/l-s-more.jpg) left top no-repeat;text-indent: -9999px;}
.newsPage .server-more a:hover {display: block;height: 100%;background:url(../images/l-s-more.jpg) left -137px no-repeat;}
.newsPage .server-ul {width: 240px;margin-top: 0px;padding-top: 40px;}
.newsPage .server-ul li a{padding-right: 0;background:none;}
.l-kf {height: 170px;width: 240px;background:#e5eae6 url(../images/l-kf.jpg) no-repeat center top;}
.l-kf .hd {height: 45px;}
.l-kf .bd {padding: 12px 0 0 8px;color: #fff;font-size: 14px;}
.l-kf .bd p {line-height: 18px;}
.l-kf .bd .zx {margin-top: 2px;}
/*right*/
.mod-right {width: 772px;margin-left:6px;margin-top: 15px;}
.newsPage .newswrap {background: url(../images/bottom.jpg) no-repeat center bottom;padding-bottom: 100px;}
.newsPage .n-main {background: url(../images/n-rp.jpg) repeat-y center top;}
.newsPage .n-main .cont {background: url(../images/news.jpg) no-repeat center top;padding: 18px;}
.news-detail {min-height: 580px;_height:580px;overflow: visible;}
.news-detail .hd {height: 58px;position: relative;color: #c1c1c1;padding-left: 5px;}
.news-detail .hd .title {line-height: 58px;font-size: 20px;}
.news-detail .hd .title h2 {font-weight: bolder;}
.news-detail .position {margin: 35px 15px 0 0;} 
.news-detail .position a {color: #c1c1c1;}
.news-bd {padding: 10px 20px;}
.type-title {color: #0f0f0f;font-size: 22px;text-align: center;border-bottom: dashed 1px #989898;padding-bottom: 4px;margin-bottom: 5px;}
.type-title .author {color: #8d8d8d;font-size: 14px;}
.type-main{color: #0a0a0a;font-size: 14px;}
.news-bd li {color: #2f291d;padding-left: 4px;border-bottom: dotted 1px #9c8058;line-height: 30px;}
.news-bd a {color: #202020;}
.news-bd a:hover {color: #ca2a2a;}
.news-bd .card-btn {color: #fff;}
.news-bd .card-btn:hover {color: #fff;}
#pageNum {height: 50px;margin: 20px auto 0;padding-top: 20px;color: #4e2606;text-align: center;font-size: 12px;}
#pageNum span{display:inline;}
#pageNum a{margin:3px;padding:5px 5px 3px;line-height:26px;background:#c5a880;color:#1f1102;font-size:12px;}
#pageNum a:hover {color: #fff;}
.article-relation dd {height:27px;padding-left:10px;line-height:27px;border-bottom:1px dotted #9b8356;width:275px;display:inline;float:left;margin:0 5px;overflow:hidden;}
.article-relation dd span {float:right;color:#646A63;}
.article-relation{color: #0f0f0f;padding:0 22px 10px;overflow:hidden;line-height:24px;}
.article-relation dt {height:30px;margin-bottom:10px;padding:0 0 0 18px;line-height:30px;border-bottom:1px solid #9D9D9D;font-weight:bold;}
.article-relation a {color: #202020;}
.article-relation a:hover {color: #ca2a2a;}