@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;}
body {font:12px/1.5 '微软雅黑',Arial,sans-serif;color:#9d9ea3;background:#1c1f26 url(/static/ds/images/index-bg.jpg) center 40px no-repeat;}
input, select {vertical-align:middle}
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:#9d9ea3;text-decoration:none;outline:none;}
input {outline:none;}
a:hover {color:#cdcdd0;}
a, button {cursor:pointer}
.fl {float:left;_display:inline;}
.fr {float:right;_display:inline;}
.pos-rel {position:relative;}
.pos-abs {position:absolute;}
.hidden {display:none;}
.block-a {display:block;height:100%;text-indent:-9999em;}
.clear {clear:both;}
.clearfix {*zoom:1;}
.clearfix:after {display:block;overflow:hidden;clear:both;height:0;visibility:hidden;content:".";}
/*****************************************************/

/* header */
.header {width:1000px;height:520px;margin:auto;position:relative;background:url(/static/ds/images/header.jpg) no-repeat;}

.nav {width:252px;height:212px;position:absolute;left:2px;top:179px;}
.nav li {height:54px;}

.nav-1 a:hover {background:url(/static/ds/images/sprite.png) no-repeat 0 -68px;}
.nav .nav-2 {height:52px;}
.nav-2 a:hover {background:url(/static/ds/images/sprite.png) no-repeat 0 -122px;}
.nav .nav-3 {height:51px;}
.nav-3 a:hover {background:url(/static/ds/images/sprite.png) no-repeat 0 -174px}
.nav-4 a:hover {background:url(/static/ds/images/sprite.png) no-repeat 0 -225px}

.logo {width:253px;height:155px;position:absolute;left:0;top:18px;}
.gamestart {width:280px;height:140px;background:url(/static/ds/images/game-start.png) no-repeat;position:absolute;left:-14px;top:384px;} 

/* kv */
.kv{width:315px;height:141px;position:absolute;left:287px;top:368px;}
#kvContainer {width:315px;height:141px;position:relative;clear:both;overflow:hidden;}
#kvContainer li {overflow:hidden;width:315px;height:141px;}
#kvContainer li img {width:315px;height:141px;}
#kvNumID { position:absolute;bottom:5px;right:5px;}
#kvNumID li {list-style:none;float:left;width:26px;height:7px;background-color:#E2DFD8;color:#E2DFD8;text-align:center;cursor:pointer;margin-right:4px;border:1px solid #E2DFD8;overflow:hidden;font-size:0;line-height:0;}
#kvNumID li:hover, #kvNumID li.active {background-color:#331412;color:#331412;border:1px solid #331412;}

/* main */
.wrap {width:1000px;height:auto;margin:auto;padding-bottom:50px;}
.aside {float:left;width:249px;overflow:hidden;position:relative;padding-left:3px;padding-top:4px;_display:inline;}
.main {float:left;width:725px;padding-left:14px;padding-top:4px;overflow:hidden;position:relative;_display:inline;}
.part1 {height:241px;}
.part2 {height:259px;margin-top:10px;}
.part3 {height:158px;}

/* log */
#loginframe {height:180px;overflow:hidden;background:#2e3339;}
.log {height:180px;overflow:hidden;position:relative;}
.log li {position:absolute;}
.user {left:16px;top:20px;color:#fff;font-size:14px;}
.psw {left:16px;top:58px;color:#fff;font-size:14px;}
.get-psw {left:178px;top:90px;}
.remember {left:53px;top:90px;}
.log-btn input {width:124px;height:39px;background:url(/static/ds/images/sprite.png) no-repeat;border:0 none;cursor:pointer;position:absolute;left:0;top:141px;}
.log-btn input:hover {background:url(/static/ds/images/sprite.png) no-repeat -249px 0;}
.reg-btn a {display:block;width:125px;height:39px;background:url(/static/ds/images/sprite.png) no-repeat -124px 0;position:absolute;left:124px;top:141px;text-indent:-9999px;}
.reg-btn a:hover {background:url(/static/ds/images/sprite.png) no-repeat -373px 0;}
#login_account, #password {width:164px;height:24px;padding:0 5px;line-height:24px;border:none;color:#000;background:#fff;}

.loged {padding:20px 15px 0 15px;overflow:hidden;}
.loged li {height:24px;line-height:24px;}
.loged .colored {color:#C95603;}
.le_uc {float:left;}
.align-r {text-align:right;}
.loged .btns {height:29px;line-height:29px;}

/* server */
.quick-ingame {width:249px;height:29px;text-align:center;line-height:29px;margin:15px 0;}
.quick-enter-click {float:left;display:inline-block;width:75px;height:29px;background:url(/static/ds/images/sprite.png) no-repeat 0 -39px;vertical-align:middle;}
.quick-enter-input {float:left;width:160px;height:24px;padding-left:10px;border:1px solid #68696b;border-right:none;text-align:left;line-height:24px;background:#efefef;}

.server-top {width:120px;height:30px;background:url(/static/ds/images/index-top.png) no-repeat;margin-top:32px;}
.server-list {height:193px;background:#2f3237;}
.server-list li {height:29px;margin:0 10px;padding-left:10px;border-bottom:1px dotted #3a3f45;line-height:29px;text-align:center;}
.server-list a {margin:0 20px 0 0;}
.server-list .server-more {display:block;width:179px;height:26px;margin:10px auto 0;line-height:26px;text-align:center;background:url(/static/ds/images/sprite.png) no-repeat -149px -39px;color:#fff;}
.server-more:hover {color:yellow;}

/* service */
.service-top {width:120px;height:36px;background:url(/static/ds/images/index-top.png) no-repeat 0 -30px;margin-top:20px;}
.service {width:249px;height:168px;background:url(/static/ds/images/service-con.jpg) no-repeat;position:relative;}
.service-a1, .service-a2 {display:block;width:60px;height:60px;position:absolute;top:78px;}
.service-a1 {left:37px;}
.service-a2 {left:153px;}

/* media */
.media-top {width:249px;height:33px;background:url(/static/ds/images/index-media-top.jpg) no-repeat;cursor:pointer;}
.media {height:155px;overflow:hidden;background:#2f3237;position:relative;}
.media-scroll-wrap {height:100px;left:50px;overflow:hidden;position:absolute;top:22px;width:150px;}
.media-scroll {height:100px;overflow:hidden;width:150px;}
.media li {width:150px;height:50px;margin-bottom:10px;}
.media img {display:block;width:150px;height:50px;}

/* news */
.news {float:left;width:473px;height:241px;position:relative;background:#2e3339;}
.news-more {position:absolute;right:10px;top:10px;}
.news-nav {width:473px;height:37px;background:url(/static/ds/images/sprite.png) no-repeat 0 -352px;}
.news-nav li {width:94px;height:37px;float:left;cursor:pointer;text-indent:-9999px;}
.news-nav li a {display:block;height:100%;}
.news-nav .on .on1 {background:url(/static/ds/images/sprite.png) no-repeat 0 -389px;}
.news-nav .on .on2 {background:url(/static/ds/images/sprite.png) no-repeat -97px -389px;}
.news-nav .on .on3 {background:url(/static/ds/images/sprite.png) no-repeat -194px -389px;}
.headline {height:78px;overflow:hidden;border-bottom:1px solid #373a41;position:relative;}
.headline-pic {width:81px;height:55px;background:url(/static/ds/images/index-news-pic.jpg) no-repeat;position:absolute;left:19px;top:11px;}
.headline-title {width:368px;text-align:center;position:absolute;left:102px;top:11px;}
.headline-title a {font-size:16px;color:#d6000c;}
.headline-title a:hover {color:yellow;}
.headline-p {width:336px;text-indent:2em;position:absolute;left:120px;top:35px;line-height:1.4;}
.news-list li {margin:0 5px;height:28px;line-height:28px;border-bottom:1px dotted #373a41;}
.news-list li a {margin-left:5px;}
.news-date {float:right;}

/* extra */
.extra {float:left;position:relative;width:233px;height:202px;margin-left:18px;_display:inline;margin-top:37px;}
.extra a {width:116px;height:68px;position:absolute;}
.extra .extra1 {background:url(/static/ds/images/sprite.png) no-repeat -252px -68px;left:0;top:0;}
.extra .extra1:hover {background:url(/static/ds/images/sprite.png) no-repeat -252px -68px;}
.extra .extra2 {left:117px;top:0;}
.extra .extra2:hover {background:url(/static/ds/images/sprite.png) no-repeat -369px -68px;}
.extra .extra3 {left:0px;top:69px;}
.extra .extra3:hover {background:url(/static/ds/images/sprite.png) no-repeat -252px -137px;}
.extra .extra4 {left:117px;top:69px;}
.extra .extra4:hover {background:url(/static/ds/images/sprite.png) no-repeat -369px -137px;}
.extra .extra5 {left:0;top:137px;}
.extra .extra5:hover {background:url(/static/ds/images/sprite.png) no-repeat -252px -205px;}
.extra .extra6 {left:117px;top:137px;}
.extra .extra6:hover {background:url(/static/ds/images/sprite.png) no-repeat -369px -205px;}

/* job */
.job {float:left;width:473px;height:244px;margin-top:6px;}
.job-top {width:109px;height:30px;background:url(/static/ds/images/index-top.png) no-repeat 0 -66px;}
.job-nav {width:473px;height:36px;background:url(/static/ds/images/sprite.png) no-repeat 0 -280px;}
.job-nav li {width:99px;height:36px;float:left;cursor:pointer;text-indent:-9999px;}
.job-nav li a {display:block;height:100%;}
.job-nav .on .on1 {background:url(/static/ds/images/sprite.png) no-repeat 0 -316px;}
.job-nav .on .on2 {background:url(/static/ds/images/sprite.png) no-repeat -99px -316px;}
.job-nav .on .on3 {background:url(/static/ds/images/sprite.png) no-repeat -198px -316px;}
.job-con {width:473px;height:178px;position:relative;}
.job-con1 {background:url(/static/ds/images/job1.jpg) no-repeat}
.job-con2 {background:url(/static/ds/images/job2.jpg) no-repeat}
.job-con3 {background:url(/static/ds/images/job3.jpg) no-repeat}
.job-p {width:250px;position:absolute;left:220px;top:26px;text-indent:2em;line-height:1.6;}
.job-a {display:block;width:50px;background:#085b69;height:20px;color:#fff;text-align:center;line-height:20px;position:absolute;left:220px;top:133px;}

/* small-pic */
.small-pic {float:left;width:235px;height:234px;margin-left:10px;}
.small-pic-top {width:109px;height:36px;background:url(/static/ds/images/index-top.png) no-repeat 0 -161px;}
.small-pic a {display:block;width:233px;height:103px;border:1px solid #000;margin-bottom:4px;}
.small-pic a:hover {border:1px solid red;}
.small-pic img {display:block;width:233px;height:103px;}

/* jietu */
.jietu {float:left;width:480px;height:150px;position: relative;}
.jietu-top {width:120px;height:33px;background:url(/static/ds/images/index-top.png) no-repeat 0 -96px;}
.jietu-list a {float:left;display:block;width:147px;height:111px;border:1px solid #000;margin-right:10px;}
.jietu-list a:hover {border:1px solid red;}
.jietu-list img {display:block;width:147px;height:111px;}
.more {position:absolute;top:5px;right:20px;}

/* gonglue */
.gonglue {float:left;width:238px;height:150px;position:relative;margin-left:7px;}
.gonglue-top {width:125px;height:35px;background:url(/static/ds/images/index-top.png) no-repeat 0 -197px;}
.gonglue-list {width:238px;height:112px;background:#2e3339;overflow:hidden;*zoom:1;}
.gonglue-list li {width:210px;height:24px;margin:4px auto 0;}
.gonglue-list li a {display:inline-block;width:150px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* links */
.links-top {width:120px;height:32px;background:url(/static/ds/images/index-top.png) no-repeat 0 -129px;}
.links {width:705px;height:51px;background:#2e3339;padding:10px;}
.links a {line-height:2;padding:0 5px;line-height:1.7;white-space:nowrap;}

.footer-words {width:100%;height:50px;line-height:50px;text-align:center;margin-top:70px;font-size:14px;}

/*内页*/

.article-top {height:37px;line-height:37px;}
.article-top span {font-size:18px;color:#9d9ea3;float:left;padding-left:40px;}
.bread-nav {padding-right:20px;line-height:40px;text-align:right;float:right;}

.mod-main-inner {background:#2e3339;}
.article-main {min-height:633px;*zoom:1;_height:633px;padding:13px 20px;}
.article-title {height:36px;line-height:36px;text-align:center;font-size:20px;}
.article-title h1 {font-size:20px;color:#9d9ea3;}
.article-detail {height:25px;line-height:25px;border-bottom:1px solid #9d9ea3;text-align:right;}
#bdshare {line-height:16px;padding:0 !important;}
.article-content {margin-top:10px;line-height:24px;text-align:left;font-size:14px;}
.article-content a {font-size:14px;}

.article-main li,.article-relation dd{height:27px;padding-left:8px;line-height:27px;/* border-bottom:1px dotted #484850; */}
.article-main li span,.article-relation dd span{float:right;}
.article-relation{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 #D29883;color:#5C442A;font-weight:bold;}
.article-relation dd{width:270px;display:inline;float:left;margin:0 5px;overflow:hidden;}

/*列表页*/
#article-list a {font-size:14px;}
#article-list li {height:30px;line-height:30px;padding-left:15px;margin-right:10px;background:url(http://img1.37wanimg.com/sanguo/ico.gif) left center no-repeat;}
#article-list span {float:right;}


#pageNum {height:50px;margin:20px auto 0;padding-top:20px;color:#9d9ea3;text-align:center;}
#pageNum span {display:inline;}
#pageNum a {margin:3px;padding:5px 5px 3px;line-height:26px;background:#4a4a4e;color:#9d9ea3;}
#pageNum a:hover {text-decoration:none;background:#4a4a4e;}
body #footer {margin:auto;}
body .footer_main {width:1100px;}