@charset "UTF-8";

html,body,div,span,iframe,h1,h2,h3,h4,h5,p,pre,em,img,strong,b,i,dl,dt,dd,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0
}

a,input,button {
	margin: 0;
	padding: 0;
	outline: 0
}

h1,h2,h3,h4,h5 {
	font-size: 100%
}

ul,li {
	list-style: none
}

a,button {
	cursor: pointer
}
input{
	border:0
}
table {
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 auto
}

.cls {
	*zoom: 1
}

.cls:after {
	display: block;
	visibility: hidden;
	clear: both;
	overflow: hidden;
	height: 0;
	content: '.'
}

.cls {
	clear: both
}

a {
	text-decoration: none;
	color: #ffe893
}

a:hover {
	text-decoration: none;
	color: #ccc
}

.hidden {
	display: none
}

em,i,strong {
	font-weight: 400;
	font-style: normal
}

body {
	min-width: 1000px;
	overflow: auto
}

.g-top-wrap {
	width: 100%
}

.seo-img {
	position: absolute;
	top: 0;
	left: -100%;
	z-index: -10
}

body {
	position: relative;
	overflow-x: hidden;
	color: #b2b3b6;
	background: #222
}

.body {
	overflow: hidden;
	width: 100%;
	height: auto
}
.body{background: #cdcdcd;}
.idx-body {
	background: url(../images/bg.jpg) #1f1b1a center 80px no-repeat
}

.c-body {
	background: url(../images/bg.jpg) center top no-repeat #1f1b1a
}

.c-body .wrap {
	padding-bottom: 100px
}

.c-body .main {
	margin-top: 33px
}

.sq-dialog-masking {
	position: fixed!important;
	_position: absolute!important
}

.r-cover {
	position: fixed!important;
	_position: absolute!important
}

.header {
	position: relative;
	width: 1200px;
	height: 835px;
	*height: 835px
}

.wrap {
	position: relative;
	z-index: 2;
	width: 1200px;
	margin: auto
}

.main {
	width: 1200px;
	position: relative;
	z-index: 2;
	margin-top: 6px
}

.nav-top {
	position: absolute;
	width: 2000px;
	height: 72px;
	z-index: 2;
	top: 0;
	left: 50%;
	margin-left: -1000px;
	font-size: 20px;
	background: url(../images/nav-top.png)
}

.nav-top ul {
	width: 1200px;
	margin: auto
}

.nav-top li {
	width: 164px;
	float: left;
	font-size: 20px;
	text-align: center;
	cursor: pointer;
	height: 100%;
	_display: inline
}

.nav-top #nav-1st {
	margin-left: 200px
}

.nav-top a {
	padding-top: 20px;
	display: block;
	height: 70px;
	color: #fff
}

.nav-top a:hover {
	color: #ccc
}

.nav-top a:hover i {
	color: #ccc
}

.nav-top i {
	display: block;
	color: #979797;
	font-size: 12px
}

.logo {
	z-index: 3;
	position: absolute;
	top: 0;
	left: -10px;
	width: 150px;
	height: 128px;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat
}

.tips18 {
	font-size: 14px;
	position: absolute;
	z-index: 2;
	top: 657px;
	right: 0;
	letter-spacing: 1px;
	color: #fff
}

.qqgroup {
	position: absolute;
	left: 293px;
	bottom: 5px;
	z-index: 5
}

.qqgroup a {
	width: 90px;
	height: 22px;
	display: block;
	z-index: 2
}

.type-option-dom {
	width: 98px;
	border: 1px solid #A2A2A2;
	background: #FFF
}

.sup-tab-btn {
	line-height: 16px;
	height: 16px;
	color: #000;
	cursor: pointer;
	padding: 2px 0;
	text-align: center
}

.sup-tab-btn:hover {
	background: #c1c1c1
}

.kv-top {
	width: 2000px;
	height: 835px;
	position: absolute;
	left: 50%;
	margin-left: -1000px;
	z-index: 1;
	overflow: hidden;
	top: 0
}

.kv-top-img {
	overflow: hidden;
	width: 2000px;
	height: 863px;
	position: relative;
	clear: both
}

.kv-top-img li {
	overflow: hidden;
	width: 2000px;
	height: 863px;
	display: none
}

.kv-top-img li img {
	width: 2000px;
	height: 699px
}

.kv-top-img a {
	height: 699px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.kv-top-num {
	position: absolute;
	right: 50%;
	margin-right: -500px;
	bottom: 182px
}

.kv-top-num li {
	float: left;
	margin-left: 6px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	width: 15px;
	height: 15px;
	background: #3c3c3c;
	cursor: pointer
}

.kv-top-num li:hover,.kv-top-num li.focus {
	background: #bf3611;
	width: 30px
}

.side {
	float: left;
	width: 287px;
	position: relative;
	z-index: 2;
	margin-right: 7px
}

.start {
	background: url(../images/start-game.png) no-repeat;
	display: block;
	z-index: 3;
	position: absolute;
	width: 350px;
	height:180px;
	margin-left: -200px;
	left: 52%;
	top: -6px
}

.start:hover {
	background-image: url(../images/start-game-h.png)
}

.t {
	color: #ccc;
	margin: 0 10px;
	font-weight: 400
}

.t p {
	font-size: 18px;
	height: 42px;
	line-height: 43px
}

.t span {
	color: #c1c1c1;
	font-size: 12px;
	margin-left: 5px
}

.block-a {
	display: block;
	overflow: hidden;
	height: 100%;
	text-indent: -9999em
}

.login-server {
	width: 1200px;
	height: 162px;
	position: absolute;
	z-index: 9;
	top: 670px
}

.log-title {
	padding-top: 10px;
	padding-left: 15px;
	display: none
}

.log-cn {
	font-size: 20px
}

.log-zn {
	font-size: 10px
}

.login {
	position: relative;
	float: right;
	background: url(../images/log-ser-bg.png) no-repeat right;
	width: 540px;
	height: 166px;
	font-size: 12px;
	color: #ccc
}

.login .t p {
	height: 38px;
	line-height: 38px;
	padding: 0
}

.login-t a {
	float: left;
	width: 131px;
	height: 52px;
	line-height: 23px;
	color: #ccc;
	font-size: 16px
}

.login-t a:hover {
	color: #fff
}

.login-t a:hover .mark {
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	transform: rotateY(360deg)
}

.login-t {
	position: absolute;
	top: 124px;
	left: 12px
}

.login-t span {
	margin-top: 9px;
	display: block;
	font-size: 16px
}

.mark {
	display: block;
	float: left;
	width: 22px;
	height: 24px;
	margin: 10px 8px 0 23px;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	transition: all .5s ease-out;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	_display: inline
}

.log {
	position: relative;
	width: 210px;
	height: 120px;
	left: 135px;
	top: 26px
}

.log li {
	position: absolute
}

.text {
	font-family: 'Microsoft Yahei';
	line-height: 22px;
	width: 144px;
	height: 22px;
	padding: 0 6px;
	color: #2b2b2b;
	background-color: #fff
}

.user {
	top: 16px;
	left: 15px;
	width: 144px
}

.psw {
	top: 48px;
	left: 15px
}

.user label,.psw label {
	display: none
}

.remember {
	top: 81px;
	left: 15px
}

#remember {
	background: #fff
}

.get-psw {
	top: 81px;
	left: 123px;
	width: 60px;
	color: #fff
}

.get-psw a {
	color: #fff
}

.log-btn {
	top: 18px;
	left: 189px;
	width: 86px;
	height: 58px
}

.log-btn a {
	background: url(../images/login-btn.png) no-repeat
}

.log-btn a:hover {
	background: url(../images/login-btn.png) no-repeat
}

.login .loged {
	width: 256px;
	margin: 38px auto 0;
	padding: 0;
	*padding-top: 20px
}

.login-t {
	width: 120px;
	height: 120px;
	position: absolute;
	left: 233px;
	top: 5px
}

#log_b {
	background: url(../images/login-btn.png) no-repeat center;
	width: 114px;
	height: 63px
}

#log_b:hover {
	background-image: url(../images/login-btn-h.png)
}

#charge {
	background: url(../images/pay-btn.png) no-repeat center;
	width: 114px;
	height: 26px;
	margin-top: 2px
}

#charge:hover {
	background-image: url(../images/pay-btn-h.png)
}

#btn-reg {
	background: url(../images/reg-btn.png) no-repeat center;
	width: 114px;
	height: 26px;
	margin-top: 2px
}

#btn-reg:hover {
	background-image: url(../images/reg-btn-h.png)
}

.loged li {
	line-height: 16px
}

.loged-usercenter {
	text-align: right
}

.loged-usercenter a {
	margin-left: 5px
}

.rec-btn {
	width: 130px;
	height: 50px;
	margin: auto
}

.reg-btn {
	width: 130px;
	height: 50px;
	margin: auto
}

.rec-btn:hover {
	background: url(../images/rec-h.png) no-repeat;
	width: 130px;
	height: 50px;
	margin: auto
}

.reg-btn:hover {
	background: url(../images/reg-h.png) no-repeat;
	width: 130px;
	height: 50px;
	margin: auto
}

.choice-list li .server-num {
	color: #a51817;
	margin: 0
}

.recom-server {
	background: url(../images/servers-list-bg.png) no-repeat left;
	width: 498px;
	height: 166px;
	position: relative;
	color: #ccc;
	font-size: 14px
}

.quick-ingame {
	width: 370px;
	height: 35px;
	line-height: 35px;
	margin-left: 32px;
	padding-top: 20px
}

.choice-tab {
	z-index: 9;
	position: relative;
	margin-left: 12px;
	height: 30px;
	font-size: 12px
}

.select1,.select2 {
	display: inline-block;
	position: relative;
	*display: inline;
	*margin-right: 4px;
	*z-index: 2
}

.select2 {
	display: none
}

#select-dom-xz {
	width: 60px
}

.select-dom {
	width: 70px;
	height: 20px;
	display: inline-block;
	background: #FFF;
	color: #333;
	border: 1px solid #3C436B;
	vertical-align: middle;
	position: relative
}

.select-con {
	width: 70px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(../images/spacer.gif);
	line-height: 19px;
	cursor: pointer;
	text-align: center
}

.select-btn {
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 5px solid #25324a;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
	border-bottom: 0;
	cursor: pointer;
	_font-size: 0;
	overflow: hidden;
	right: 6px;
	top: 8px
}

.option-bg-type {
	left: 1px;
	top: 23px
}

.option-bg {
	position: absolute;
	display: none;
	left: 1px;
	top: 35px;
	*top: 33px
}

.option-dom {
	background: #FFF;
	font-size: 12px;
	overflow: hidden;
	width: 180px;
	border: 1px solid #A2A2A2;
	padding: 1px
}

#select-dom-xz .select-con {
	width: 44px;
	border: 0;
	overflow: hidden
}

.select-type {
	z-index: 2;
	margin-left: 12px;
	font-size: 12px
}

.s-fastin {
	background: #e1e1e1;
	color: #000;
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 40px;
	border: 1px solid #565151
}

#btnFast {
	display: inline-block;
	_zoom: 1;
	_display: inline;
	width: 48px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	color: #ccc;
	text-align: center;
	background-color: #836137;
	vertical-align: middle
}

.choice-list {
	margin: 7px auto;
	width: 368px;
	height: 54px;
	overflow: hidden
}

.choice-list li {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	width: 180px;
	position: relative;
	float: left
}

.choice-list li i {
	display: none;
	width: 13px;
	height: 13px
}

.choice-list li a {
	display: block;
	font-family: "Adobe Heiti Std";
	width: 85%;
	margin: 0 auto;
	color: #ccc;
	padding-left: 20px;
	background: url(../images/icon-ser.png) no-repeat left center
}

.choice-list li a:hover {
	color: #ffdc94
}

.choice-list li span {
	float: right;
	line-height: 30px;
	line-height: 30px\9;
	*line-height: 30px;
	height: 30px;
	top: 0
}

.choice-list li .icon {
	position: absolute;
	display: none;
	width: 13px;
	height: 13px;
	top: 4px;
	right: 0
}

.server-more {
	line-height: 24px;
	width: 74px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 17px;
	font-size: 14px
}

.all-server {
	line-height: 35px;
	text-align: center;
	color: #ccc;
	font-size: 16px;
	display: block;
	margin: 64px auto 0 70px;
	padding-left: 13px;
	width: 326px;
	height: 30px;
	background-repeat: no-repeat;
}

.all-server:hover {
	color: #ccc;
	background-repeat: no-repeat;
}

.option-dom li.focus {
	background: #EA9200;
	color: #fff
}

.option-dom li {
	height: 16px;
	color: #000;
	cursor: pointer;
	float: left;
	line-height: 16px;
	width: 56px;
	_width: 55px;
	padding: 2px;
	text-align: center;
	overflow: hidden
}

.jietu {
	position: relative;
	width: 287px;
	margin-top: 10px;
	height: 317px;
	background: url(../images/jietu-bg.jpg) no-repeat;
	overflow: hidden
}

.jietu .t {
}

.jietu .t span {
	color: #7e7e7e
}

.jietu .jietu_pic {
	width: 260px;
	height: 117px;
	margin: 16px auto 0;
	overflow: hidden
}

.jietu .more {
	right: 13px
}

.more {
	position: absolute;
	right: 10px;
	top: 25px;
	line-height: 16px;
	display: block;
	width: 16px;
	height: 16px;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s
}

.s_click {
	width: 20px;
	height: 50px;
	display: block;
	position: absolute;
	cursor: pointer;
	z-index: 2
}

.picture a {
	position: relative;
	width: 260px;
	height: 117px;
	display: block
}

.picture span {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 30px;
	display: inline-block;
	font-size: 14px;
	color: #979797;
	background: url(../images/jietu-span.png);
	line-height: 30px;
	text-indent: 10px
}

.pic-t {
	position: absolute;
	bottom: 0;
	background: rgba(78,73,62,.3);
	height: 31px;
	width: 260px;
	z-index: 2
}

.service {
	float: left;
	position: relative;
	margin-top: 40px
}

.service .t {
	position: absolute;
	top: -28px;
	left: 13px
}

.service .t p {
	color: #ccc;
	font-size: 24px
}

.service .con {
	color: #ccc;
	line-height: 26px;
	background: url(../images/service-bg.png) no-repeat center;
	padding: 20px 0 0 24px;
	width: 279px;
	height: 107px
}

.service .con p {
	margin-bottom: 6px
}

.service .con span {
	color:#ccc
}

.service a {
	display: inline-block;
	width: 69px;
	height: 19px;
	background-color: #bd854a;
	text-align: center;
	line-height: 19px;
	color: #fff;
	border: 1px solid #ccc;
	
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.qr {
	margin-top: 40px;
	margin-right: 100px
}

.qr .qr-code {
	display: block;
	float: left
}

.qr-des {
	float: left;
	text-align: left;
	margin-right: 15px;
	color: #b2b3b6;
	font-weight: 700
}

.qr-des em {
	color: #ccc;
	font-weight: 700
}

.media {
	margin-top: 10px;
	height: 137px;
	border: 1px solid #919191;
	background: url(../images/jietu-bg.jpg) -1px -1px
}

.media .t {
	color: #fff
}

.media .t span {
	color: #7e7e7e
}

.media .con {
	overflow: hidden;
	height: 85px
}

.media-scroll {
	overflow: hidden;
	width: 150px;
	height: 50px;
	margin: 15px 0 0 66px
}

.media-scroll li {
	width: 150px;
	height: 50px
}

.media-scroll img {
	width: 150px;
	height: 50px
}

.kv-news {
	position: relative;
	top: 100px
}

.kv {
	position: relative;
	float: left;
	width: 600px;
	height: 387px;
	overflow: hidden;
	z-index: 1
}

.kv-num {
	position: absolute;
	right: 6px;
	bottom: 10px
}

.kv-num li {
	width: 14px;
	height: 14px;
	float: left;
	overflow: hidden;
	margin-right: 8px;
	cursor: pointer;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: #616468
}

.kv-num li:hover,.kv-num li.current {
	background: #ccc;
	width: 30px
}

.kv-img img {
	width: 600px;
	height: 387px
}

.fast {
	width: 1200px;
	height: 359px;
	overflow: hidden;
	margin: 80px auto 120px;
	padding-top: 80px
}

.f {
	position: relative;
	display: block;
	background-image: url(../images/f-1.png);
	height: 350px;
	width: 280px;
	float: left;
	margin-left: 10px
}

.f1,.f4 {
	margin-left: 10px
}

.f:hover {
	background-image: url(../images/f-1-h.png)
}

.f2 {
	background-image: url(../images/f-2.png)
}

.f2:hover {
	background-image: url(../images/f-2-h.png)
}

.f3 {
	background-image: url(../images/f-3.png)
}

.f3:hover {
	background-image: url(../images/f-3-h.png)
}

.f4 {
	background-image: url(../images/f-4.png)
}

.f4:hover {
	background-image: url(../images/f-4-h.png)
}

#news {
	position: relative;
	float: left;
	width: 600px;
	height: 389px;
	background: url(../images/news-bg.png) no-repeat;
	overflow: hidden
}

#news .more {
	text-indent: -9999em;
	right: 21px;
	top: 36px;
	width: 42px;
	height: 12px;
	background: url(../images/more.png) no-repeat center
}

#news .more:hover {
	background-image: url(../images/more-h.png)
}

.news-tab {
	height: 42px;
	line-height: 42px;
	padding-top: 20px;
	margin-left: 15px;
	margin-top: 10px
}

.news-tab li {
	font-size: 18px;
	display: inline;
	float: left;
	position: relative;
	margin: 0 12px
}

.news-tab li a {
	line-height: 20px;
	display: block;
	width: 105px;
	height: 20px;
	text-align: center;
	color: #b38016;
}

.news-tab li a:hover,.news-tab li.current a {
	background: url(../images/news-on.png) no-repeat center;
	color: #ccc
}

.headline {
	height: 52px;
	width: 536px;
	margin: 14px auto 10px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	_background: url(../images/new-title.png) no-repeat center
}

.headline-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	display: block;
	overflow: hidden;
	height: 48px;
	line-height: 48px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #cf501f
}

.headline-sum {
	display: none;
	font-size: 12px;
	line-height: 14px;
	overflow: hidden;
	height: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: -14.5px
}

.headline-sum:hover {
	color: #ccc
}

.news-list {
	width: 544px;
	margin: 0 auto;
	font-size: 14px
}

.news-list li {
	line-height: 35px;
	overflow: hidden;
	height: 35px;
	border-bottom: 1px dashed #6d6d6d;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #ccc;
	cursor: pointer
}

.news-list li .time {
	color: #939393
}

.news-list li:last-child {
	border: 0
}

.news-list li a {
	color: #b38016
}

.news-list li:hover>a {
	color: #ccc
}

.news-list li:hover>span {
	color: #ccc
}

.a-link:hover {
}

.time {
	float: right;
	color: #3c3c3c
}

.role-wrap {
	width: 1200px;
	margin: 34px auto;
	height: 617px
}

.role-wrap .role {
	width: 2000px;
	height: 617px;
	background: url(../images/role-bg.png) no-repeat center;
	position: absolute;
	left: 50%;
	margin-left: -1000px
}

.role-wrap .role .role-con {
	width: 1200px;
	height: 100%;
	position: relative;
	margin: 0 auto
}
.role-detail img{
	position: absolute;
    top: -90px;	
}
.role-wrap .role .role-con .role-nav {
	position: absolute;
	width: 155px;
	right: -17px;
	top: 132px;
	z-index: 999
}

.role-wrap .role .role-con .role-nav li {
	background: url(../images/role-nav-1.png) no-repeat center;
	width: 99px;
	height: 102px;
	margin-bottom: 25px
}

.role-wrap .role .role-con .role-nav .role-nav-0 {
	background-image: url(../images/role-nav-1.png)
}

.role-wrap .role .role-con .role-nav .role-nav-0:hover {
	background-image: url(../images/role-nav-1-h.png)
}

.role-wrap .role .role-con .role-nav .role-nav-0.cur {
	background-image: url(../images/role-nav-1-h.png)
}

.role-wrap .role .role-con .role-nav .role-nav-1 {
	background-image: url(../images/role-nav-2.png)
}

.role-wrap .role .role-con .role-nav .role-nav-1:hover {
	background-image: url(../images/role-nav-2-h.png)
}

.role-wrap .role .role-con .role-nav .role-nav-1.cur {
	background-image: url(../images/role-nav-2-h.png)
}

.role-wrap .role .role-con .role-nav .role-nav-2 {
	background-image: url(../images/role-nav-3.png)
}

.role-wrap .role .role-con .role-nav .role-nav-2:hover {
	background-image: url(../images/role-nav-3-h.png)
}

.role-wrap .role .role-con .role-nav .role-nav-2.cur {
	background-image: url(../images/role-nav-3-h.png)
}

.footer {
	width: 100%;
	position: relative;
	height: 285px
}

.footer .qr {
	float: left;
	width: 260px;
	height: 153px
}

.footer .qr .qr-des {
	float: left;
	position: relative
}

.footer .qr .qr-des p {
	width: 18px;
	padding-top: 12px;
	font-size: 14px;
	line-height: 15px;
	margin-right: 4px;
	color: #ccc;
	float: left
}

.footer .qr .qr-des i {
	background: url(../images/wechat-icon.png) no-repeat center;
	width: 38px;
	height: 144px;
	float: left
}

.footer .qr img {
	width: 146px;
	height: 146px
}

.links {
	float: left;
	position: relative;
	padding-top: 30px;
	margin-top: 10px;
	margin-right: 100px
}

.links .t {
	position: absolute;
	top: 4px;
	left: 13px
}

.links .t p {
	font-size: 24px;
	color: #ccc
}

.links .con {
	overflow: hidden;
	padding: 15px 10px 0;
	background: url(../images/link-bg.png) no-repeat;
	width: 400px;
	height: 127px
}

.links a {
	line-height: 24px;
	display: inline-block;
	padding: 3px 5px;
	white-space: nowrap;
	color: #ccc
}

.links a:hover {
	color: #ffe893
}

.content strong {
	font-weight: 700
}

.article-top {
	overflow: hidden;
	width: 1200px;
	height: 107px;
	background: url(../images/article-top.jpg) no-repeat center
}

.article-top p {
	font-size: 24px;
	margin: 25px 25px 0;
	padding-bottom: 10px;
	color: #ffe893
}

.bread-nav {
	line-height: 34px;
	margin: -4px 26px 0;
	padding-top: 5px;
	color: #ccc
}

.bread-nav a {
	color: #ccc
}

.bread-nav a:hover {
	color: #ffe893
}

.article-main {
	min-height: 900px;
	padding: 0 58px 20px;
	color: #ccc;
	background: #e9e9e9;
	border: 1px solid #e9e9e9;
	_height: 900px
}

.article-main p {
	font-size: 14px
}

.article-list {
	margin: 0 auto;
	padding-top: 16px
}

.article-list li {
	line-height: 36px;
	overflow: hidden;
	height: 36px;
	border-bottom: 1px dashed #6f6f6f;
	font-size: 14px
}

.article-list a {
	color: #666
}

.article-list a:hover {
	color: #666
}

.news-date {
	float: right
}

.pageNum {
	height: 50px;
	margin: 20px auto 0;
	padding-top: 20px;
	text-align: center
}

.pageNum span {
	display: inline
}

.pageNum a {
	font-size: 12px;
	line-height: 26px;
	margin: 3px;
	padding: 2px 7px;
	color: #666;
	background: #fff
}

.article-title {
	font-size: 28px;
	line-height: 75px;
	overflow: hidden;
	height: 75px;
	text-align: center;
	color: #666
}

.article-title h1 {
	font-weight: 400
}

.article-detail {
	line-height: 30px;
	height: 28px;
	padding-bottom: 3px;
	text-align: center;
	color: #666
}

.article-detail span {
	color: #666
}

.article-content {
	color: #b9b9b9;
	line-height: 2;
	padding: 20px 0
}

.article-content p {
	color: #666
}

.article-content-pager {
	margin-bottom: 60px
}

.article-relation {
	overflow: hidden;
	color: #666;
	line-height: 30px
}

.article-main .time {
	color: #643c12
}

.article-relation dt {
	border-bottom: 1px solid #5c5c5c;
	margin: 0 0 12px;
	color: #ccc
}

.article-relation dd {
	display: inline;
	float: left;
	overflow: hidden;
	width: 47%;
	height: 30px;
	margin: 0 0 0 2%
}

.article-relation dd span {
	float: right
}

.s-body {
	background: url(../images/s-bg.jpg) center 0 no-repeat;
	color: #666
}

.s-body a {
	color: #666
}

.s-wrap {
	width: 1200px;
	height: 1000px;
	margin: 0 auto
}

.s-header {
	position: relative;
	height: 247px
}

.s-logo {
	position: absolute;
	left: 148px;
	top: 15px;
	display: block;
	text-indent: -9999px
}

.s-content {
	position: relative;
	width: 580px;
	margin: 92px 0 0 5px;
	left:530px
}

.s-nav {
	height: 50px;
	display: inline-block;
	position: absolute;
	top: 56px;
	left: 485px
}

.s-nav a {
	float: left;
	width: 156px;
	background-image: url(../images/s-nav.png)	;
	height: 50px;
	margin-right: 10px;
	text-indent: -9999em
}

.s-nav a:hover {
	background-image: url(../images/s-nav-hover.png)
}
.s-nav1{
	background-position: 0 0
}

.s-nav2{
	background-position: -173px 0
}

.s-nav3 {
	background-position: -343px 0
}

.s-nav4{
	background-position: -515px 0
}

.s-nav1:hover {
	background-position: 0 0
}

.s-nav2:hover {
	background-position: -173px 0
}

.s-nav3:hover {
	background-position: -343px 0
}

.s-nav4:hover {
	background-position: -515px 0
}

.s-loginframe {
	position: absolute;
	top: 154px;
	left: 530px;
	width: 585px;
	height: 86px
}

.s-loginframe #btn-reg {
	background: 0 0
}

.s-loginframe .log {
	left: 0
}

.s-text {
	background-color: #e1e1e1;
	width: 168px;
	height: 21px;
	line-height: 21px;
	padding-left: 5px;
	font-family: SimSun;
	color: #000;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.s-user {
	top: 14px;
	left: 26px
}

.s-psw {
	top: 14px;
	left: 230px
}

.s-log-btn {
	top: 9px;
	left: 434px
}

.s-log-btn a {
	display: block;
	width: 134px;
	height: 36px;
	background: url(../images/log-btn.jpg) no-repeat;
	text-indent: -9999px
}

.s-log-btn a:hover {
	background: url(../images/log-btn-h.jpg) no-repeat
}

.s-remember {
	top: 45px;
	left: 26px
}

.s-psw-btn {
	top: 42px;
	left: 214px
}

.s-reg-btn {
	top: 42px;
	left: 354px
}

.s-body .loged {
	width: 586px;
	color: #666;
	font-size: 12px;
	margin-left: 20px;
	margin-top: 24px
}

.s-body .loged li {
	line-height: 24px;
	float: left;
	width: 256px
}

.s-body .loged a {
	color: #fff
}

.s-body .loged a:hover {
	color: #ffe893
}

.s-body .loged .loged-highlight {
	color: #ffe893
}

.s-body .loged .loged-highlight:hover {
	color: #ffe893
}

.s-name {
	color: #643c12;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px
}

.s-server-list .s-name {
	position: absolute;
	font-weight: 700;
	top: 5px
}

.rec-server {
	height: 48px;
	margin-bottom: 5px
}

.s-server-list {
	position: relative
}

.s-server-list li {
	float: left;
	margin: 0 9px 12px 0;
	text-align: center;
	background: url(../images/btn.png) no-repeat
}

.s-server-list li:hover {
	background: url(../images/btn-h.png) no-repeat
}

.s-server-list li a {
	display: block;
	width: 177px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	overflow: hidden
}

.s-server-list span {
	color: #fff
}

.s-body .type-choose {
	height: 21px;
	color: #666;
	position: relative;
	font-size: 14px;
	margin-bottom: 14px;
	z-index: 2
}

.s-body .select-dom {
	width: 120px;
	height: 21px;
	color: #000;
	border: 0;
	*margin-right: 4px
}

.s-body .select-con {
	color: #000;
	height: 21px;
	line-height: 21px;
	width: 116px;
	font-family: "Microsoft Yahei"
}

.s-body .select-btn {
	top: 8px;
	right: 8px
}

.s-body .s-fastin {
	height: 21px;
	line-height: 21px;
	border: 0
}

.s-body #select-dom-xz {
	width: 116px
}

.s-body #select-dom-xz .select-con {
	width: 110px
}

.s-body .option-bg {
	display: none;
	z-index: 2;
	left: 0;
	top: 24px
}

.s-body .option-dom {
	border: 0
}

.s-body .type-option-dom {
	width: 118px;
	padding: 1px;
	font-size: 12px;
	border: 0
}

.s-body .type-option-dom li {
	width: 114px;
	padding: 2px;
	line-height: 22px;
	height: 22px
}

.s-body .type-option-dom li:hover {
	background: #c1c1c1;
	color: #fff
}

#all-xz-server {
	overflow-y: auto;
	overflow-x: hidden;
	height: 418px;
	width: 574px
}

.s-body #btnFast {
	width: 62px;
	height: 21px;
	line-height: 21px;
	color: #000;
	background: #ffeeaf;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s
}

.s-body #btnFast:hover {
	background: #f4d76b;
	color: #000
}

.sp-pager {
	overflow: hidden;
	margin: 0 0 22px
}

#nameList {
	*padding-bottom: 8px
}

.sp-pager li,#nameList a {
	cursor: pointer;
	line-height: 28px;
	width: 84px;
	height: 28px;
	margin: 0 10px 8px 0;
	cursor: pointer;
	background: #fff;
	color: #000;
	text-align: center;
	float: left;
	display: block
}

.sp-pager li.hover,#nameList a.hover {
	background: #ccc;
	color: #000
}

.sp-pager li a {
	color: #000
}

.sq-dialog-content {
	text-align: center
}

.loged .loged-top {
	display: none
}

.loged img {
	margin-right: 3px;
	vertical-align: middle
}

.three {
	top: 101px;
	left: 15px
}

.three-icon {
	background: url(../images/three.png) no-repeat;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	transition: .5s;
	width: 28px;
	height: 28px;
	display: inline-block;
	text-indent: -9999em;
	vertical-align: middle;
	margin: 0 0;
}

.three-wx {
	background-position: -39px 0
}

.three-wb {
	background-position: -78px 0
}

.s-body .log .three {
	left: 232px;
	top: 42px;
	width: 195px
}

.s-body .three-icon {
	margin: 0 2px
}

.sq-dialog-masking {
	position: fixed!important;
	_position: absolute!important
}

.r-cover {
	position: fixed!important;
	_position: absolute!important
}

.all-server {
	background-position: 0px 0px
}
.all-server{
	line-height: 35px;
    text-align: center;
    color: #666;
    font-size: 16px;
	background: url(../images/xz_main_1_z.png) no-repeat;
	display: block;
    margin: 68px auto 0 70px;
    padding-left: 13px;
    width: 326px;
    height: 30px;	
}
.all-server:hover {
	background-position: 0px -40px
}
/* 更改 */

.footer{margin-bottom:20px;}
.fl {float:left;display:inline;}
.fr {float:right;display:inline;}
.service a {background:none;border:none;}
.service .con {background:none;}
.home_tit {background:#494537;height:40px;line-height:40px;color:#fff;font-size:18px;padding-left:18px;}
.zlbox {width:480px;height:286px;background:#fff;overflow:hidden;position:relative;}
.zlbox .news_more {top:4px;right:4px;}
.zlbox .zldl {width:130px;height:216px;padding:15px;float:left;}
.zlbox .zldl .zltit {color:#fff;text-align:center;width:84px;height:32px;line-height:32px;background:#494537;border-radius:30px;margin:0 auto 10px auto;font-size:16px;font-family:microsoft yahei;}
.zlbox .zldl .zltit a {color:#fff;}
.zlbox .zldl li {text-align:center;width:104px;height:30px;line-height:30px;font-size:14px;margin:auto;}
.zlcon a {color:#333;display:inline-block;}
.zlcon a:hover {color:#ff6000;}
.zlcon .line {width:2px;height:216px;background:#dcdcdc;overflow:hidden;position:absolute;top:55px;}
.zlcon .line1 {left:161px;}
.zlcon .line2 {left:322px;}
.service {width:326px;float:left;margin:0 10px;height:286px;background:#fff;position:relative;}
.service .con {padding:15px;height:216px;overflow:hidden;}
.service .con p {font-size:14px;line-height:32px;color:#333;}
.service .kf-img {display:inline-block;width:80px;height:26px;line-height:26px;background:#494537;color:#fff;vertical-align:middle;border-radius:50px;text-align:center;}
.service .kf-img:hover {background:#dfbb65;}
.service .gzh {position:absolute;top:56px;left:232px;width:85px;height:110px;overflow:hidden;text-align:center;}
.raiders {width:374px;height:286px;background:#fff;position:relative;}
.raiders_con {height:278px;background:#fff;background:rgba(255,255,255,0.8);}
.raiders ul {padding:15px 10px;}
.raiders ul li {line-height:30px;color:#565656;font-size:14px;overflow:hidden;vertical-align:top;padding:0 3px;}
.raiders ul li a {display:block;width:280px;color:#333;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;float:left;}
.raiders ul li a:hover {color:#ff6000;}
.raiders ul li span {float:right;}
.zlbox .zldl li {width:70px;overflow:hidden;}
.service {margin:0 0 0 10px;}
.raiders {margin-right:10px;}
.news-list li{height:33px}.news_more {position:absolute;top:4px;right:4px;width:34px;height:34px;background-position:0 0;}
.gamelog .btn a:hover,.news_more,.home_title em {background:url(//dl.n6wan.com/Tpl/jmxy/images/icon.png) no-repeat;}