@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
}
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: #aaabac
}
a:hover {
	text-decoration: none;
	color: #bd9d60
}
.hidden {
	display: none
}
em, i, strong {
	font-weight: 400;
	font-style: normal
}
body {
	overflow-x: hidden;
	z-index: 999;
}
.body {
	font: 14px/1.5 'Microsoft Yahei', SimSun;
	position: relative;
	overflow-x: hidden;
	color: #aaabac;
	background: #000;
}
.header {
	position: relative;
	width: 1200px;
	height: 517px;
*height:800px;
*z-index:999
}
.wrap {
	position: relative;
	z-index: 2;
	width: 1200px;
	margin: auto;
	padding-bottom: 100px;
*margin-top:0;
	background: url(../images/mainS.jpg) top center no-repeat;
	margin-top: -270px;
	z-index: 999;
}
.main {
	float: right;
	width: 913px
}
.top-nav {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	margin-left: -366px;
	width: 1920px;
height:500pxfont-size:15px;
	height: 517px;
}
.nav li {
	float: left;
	width: 93px;
	text-align: center;
	border-right: 1px solid #3d0300
}
#navLast {
	border: 0
}
.nav a {
	color: #421d0a;
	display: block
}
.nav a:hover {
	color: #a01800
}
.sub-nav {
	position: relative;
	z-index: 2;
	text-align: center;
	width: 470px;
	display: none
}
.sub-nav ul {
	float: left;
	width: 94px
}
.sub-nav li {
	line-height: 26px;
	height: 26px
}
.sub-nav a {
	color: #353535
}
.hot, .new {
	background: url(../images/icon.png) no-repeat 77px -75px
}
.new {
	background-position: 74px -98px
}
.mid-code-box {
	position: relative;
	z-index: 2
}
.mid-code {
	height: 215px;
	width: 215px;
	position: absolute;
	right: 0;
	top: -500px;
	transition: top .4s ease;
	z-index: 9
}
.mid-show .mid-code {
	display: block;
	top: 22px
}
.logo, .s-logo {
	text-indent: -9999px;
	position: absolute;
	z-index: 2;
	left: 85px;
	top: 5px;
	width: 145px;
	height: 90px;
	background: url(../images/logo.png) no-repeat
}
.tips18 {
	font-size: 16px;
	position: absolute;
	z-index: 2;
	top: 486px;
	left: 50%;
	margin-left: -576px;
	letter-spacing: 1px;
	color: #ddd
}
.qqgroup a {
	width: 90px;
	height: 22px;
	background: url(../images/qq.jpg) no-repeat;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: 508px;
	display: block;
	z-index: 1
}
.side {
	float: left;
	width: 287px
}
.start {
	width: 287px;
	height: 95px;
	background: url(../images/start.jpg) no-repeat;
	padding-top: 32px;
	display: block
}
.start span, .start span:after {
	display: block;
	width: 170px;
	height: 63px;
	margin: 0 auto;
	background: url(../images/starttext.png) no-repeat;
	content: "";
	cursor: pointer
}
.start:hover span {
	animation: linear icoBig 1.6s infinite;
	-webkit-animation: linear icoBig 1.6s infinite
}
.start:hover span:after {
	opacity: .6;
	animation: linear icoBig2 1.6s infinite;
	-webkit-animation: linear icoBig2 1.6s infinite
}
@-webkit-keyframes icoBig {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
20% {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
30% {
-webkit-transform:scale(.93);
transform:scale(.93)
}
45% {
-webkit-transform:scale(1.04);
transform:scale(1.04)
}
60% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes icoBig {
0% {
transform:scale(1)
}
20% {
transform:scale(1.05)
}
30% {
transform:scale(.93)
}
45% {
transform:scale(1.04)
}
60% {
transform:scale(1)
}
}
@-webkit-keyframes icoBig2 {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
20% {
-webkit-transform:scale(1.3);
transform:scale(1.3);
opacity:0
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes icoBig2 {
0% {
transform:scale(1)
}
20% {
transform:scale(1.3);
opacity:0
}
100% {
transform:scale(1);
opacity:0
}
}
.starts {
	width: 287px;
	height: 95px;
	background: url(../images/start.jpg) no-repeat;
	padding-top: 32px;
	display: block
}
.starts span, .starts span:after {
	display: block;
	width: 170px;
	height: 63px;
	margin: 0 auto;
	background: url(../images/starttexts.png) no-repeat;
	content: "";
	cursor: pointer
}
.starts:hover span {
	animation: linear icoBig 1.6s infinite;
	-webkit-animation: linear icoBig 1.6s infinite
}
.starts:hover span:after {
	opacity: .6;
	animation: linear icoBig2 1.6s infinite;
	-webkit-animation: linear icoBig2 1.6s infinite
}
@-webkit-keyframes icoBig {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
20% {
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
30% {
-webkit-transform:scale(.93);
transform:scale(.93)
}
45% {
-webkit-transform:scale(1.04);
transform:scale(1.04)
}
60% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes icoBig {
0% {
transform:scale(1)
}
20% {
transform:scale(1.05)
}
30% {
transform:scale(.93)
}
45% {
transform:scale(1.04)
}
60% {
transform:scale(1)
}
}
@-webkit-keyframes icoBig2 {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
20% {
-webkit-transform:scale(1.3);
transform:scale(1.3);
opacity:0
}
100% {
-webkit-transform:scale(1);
transform:scale(1);
opacity:0
}
}
@keyframes icoBig2 {
0% {
transform:scale(1)
}
20% {
transform:scale(1.3);
opacity:0
}
100% {
transform:scale(1);
opacity:0
}
}
.block-a {
	display: block;
	overflow: hidden;
	height: 100%;
	text-indent: -9999em
}
.login {
	font-size: 12px;
	height: 77px;
	color: #cacaca;
	background-color: #2f2f2f;
	position: relative
}
.login .t {
	width: 260px;
	margin: auto;
	border-bottom: 1px solid #484850
}
.login-t a {
	font-size: 16px;
	line-height: 43px;
	float: left;
	width: 130px;
	height: 43px;
	color: #e5eeff;
	background: url(../images/rp-btn.jpg) no-repeat;
	opacity: .8
}
.login-t a:hover {
	opacity: 1
}
.login-t {
	position: absolute;
	top: 15px;
	left: 15px
}
#btn-reg {
	width: 128px
}
.mark {
	display: block;
	float: left;
	width: 22px;
	height: 22px;
	margin: 10px 8px 0 23px;
	transition: all .5s ease-out;
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	_display: inline
}
.m1 {
	background: url(../images/doller.png) no-repeat
}
.m2 {
	background: url(../images/head.png) no-repeat
}
#charge:hover .mark, #btn-reg:hover .mark {
	-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg)
}
.log {
	position: relative
}
.log li {
	position: absolute
}
.text {
	font-family: 'Microsoft Yahei';
	line-height: 24px;
	width: 152px;
	height: 24px;
	padding: 0 6px;
	color: #76808b;
	background-color: #201f1f
}
.user {
	top: 15px;
	left: 15px
}
.psw {
	top: 47px;
	left: 15px
}
.user label, .psw label {
	display: none
}
.remember {
	top: 76px;
	left: 15px
}
.get-psw {
	top: 76px;
	left: 189px
}
.log-btn {
	top: 15px;
	left: 189px;
	width: 84px;
	height: 56px
}
.log-btn a {
	background: url(../images/log-btn.jpg) no-repeat;
	opacity: .8
}
.log-btn a:hover {
	opacity: 1
}
.loged {
	width: 262px;
	margin: 0 auto;
	padding: 4px 0 0
}
.loged li {
	line-height: 24px
}
.loged-usercenter {
	text-align: right
}
.loged-usercenter a {
	margin-left: 5px
}
.recom-server {
	height: 298px;
	background-color: #383838;
	position: relative;
	padding: 20px 13px 0 14px
}
.recom-server .t {
	background-position: 5px -339px;
	margin: auto
}
.quick-ingame {
	line-height: 45px;
	width: 212px;
	height: 45px;
	text-align: center;
	border-bottom: 1px solid #595959;
	margin: auto
}
.fastin-input {
	width: 37px;
	height: 19px;
	text-align: center;
	line-height: 19px;
	color: #000;
	background: #afafaf
}
.fastin-btn {
	width: 58px;
	height: 20px;
	display: inline-block;
	background: url(../images/jpg_sprite.jpg) no-repeat -5px -417px;
	vertical-align: middle;
	text-indent: -9999em
}
.fastin-btn i {
	color: #ff8f16
}
.fastin-btn:hover {
	background: url(../images/jpg_sprite.jpg) no-repeat -513px -417px
}
.sidebar-server {
	height: 170px;
	width: 208px;
	margin: 0 auto;
	overflow: hidden
}
.sidebar-server li {
	height: 33px;
	line-height: 33px;
	overflow: hidden;
	border-bottom: 1px dashed #525356
}
.sidebar-server li i {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../images/icon.png) no-repeat;
	margin-right: 5px
}
.sidebar-server li a {
	display: block
}
.sidebar-server li:first-child a {
	color: #e94d00
}
.sidebar-server li span {
	float: right
}
.sidebar-server li a:hover {
	color: #e94d00
}
.server-more {
	line-height: 24px;
	width: 74px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 17px;
	font-size: 14px
}
.all-server {
	width: 215px;
	height: 35px;
	background: url(../images/all-btn.jpg) no-repeat;
	display: block;
	margin: auto;
	opacity: .8
}
.all-server:hover {
	opacity: 1
}
.t {
	width: 260px;
	height: 22px;
	padding: 0 0 10px;
	background: url(../images/png_sprite.png) no-repeat
}
.s-hot {
	display: block;
	position: absolute;
	right: 16px;
	width: 13px;
	height: 13px
}
.s-new {
	display: none
}
.s-hot {
	background: url(../images/hot.png) no-repeat;
	top: 108px
}
.s-new {
	background: url(../images/new.png) no-repeat;
	top: 142px
}
.jietu {
	width: 260px;
	height: 298px;
	padding: 0 13px 0 14px;
	padding-top: 20px;
	background: #292929;
	overflow: hidden;
	position: relative
}
.jietu .t {
	background-position: 2px -189px
}
.jietu .jietu_pic {
	width: 100%;
	height: 234px;
	padding-top: 16px;
	overflow: hidden
}
.more {
	line-height: 16px;
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	margin: 4px 0 0;
	background: url(../images/icon.png) no-repeat;
	transition: .5s
}
.more:hover {
	background-position: 0 -19px
}
.s_click {
	width: 20px;
	height: 50px;
	display: block;
	position: absolute;
	cursor: pointer;
	z-index: 2
}
#left_click {
	top: 45%;
	left: 8px;
	background: url(../images/left.png) no-repeat
}
#right_click {
	top: 45%;
	right: 6px;
	background: url(../images/right.png) no-repeat
}
#left_click:hover {
	background: url(../images/left_hov.png) no-repeat
}
#right_click:hover {
	background: url(../images/right_hov.png) no-repeat
}
.service {
	line-height: 24px;
	width: 273px;
	height: 298px;
	padding: 0 0 0 14px;
	padding-top: 20px;
	background: #2f2f2f
}
.service .t {
	width: 260px;
	background-position: 2px -96px
}
.service .con {
	padding: 7px 0 0 25px
}
.service a {
	display: inline-block;
	width: 69px;
	height: 19px;
	background: #d1b06c;
	color: #383838;
	opacity: .8;
	text-align: center;
	line-height: 19px
}
.service a:hover {
	opacity: 1
}
.qr {
	float: left;
	width: 87px;
	height: 87px;
	margin-top: 25px;
	padding: 3px;
	background: #fff
}
.qr i {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/code.jpg) no-repeat
}
.qr-des {
	font-weight: 700;
	float: left;
	width: 140px;
	padding-top: 35px;
	text-align: center
}
.qr-des em {
	color: #bd9d60;
	margin-left: 14px
}
.media {
	height: 118px;
	padding: 20px 0 0 14px;
	background: #292929
}
.media .t {
	width: 260px;
	background-position: 2px -142px
}
.media .con {
	overflow: hidden;
	height: 85px
}
.media-scroll {
	overflow: hidden;
	width: 150px;
	height: 50px;
	margin: 15px 0 0 45px
}
.media-scroll li {
	width: 150px;
	height: 50px
}
.media-scroll img {
	width: 150px;
	height: 50px
}
.kv {
	position: relative;
	float: left;
	width: 620px;
	height: 331px;
	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;
	border-radius: 30px;
	background: #616468
}
.kv-num li:hover, .kv-num li.current {
	background: #d6ad67;
	width: 30px
}
.kv-img img {
	width: 620px;
	height: 331px
}
.fast {
	float: left;
	width: 293px;
	height: 331px;
	background: #272727;
	overflow: hidden
}
.f {
	position: relative;
	display: block;
	width: 100%;
	height: 110px;
	background: url(../images/right-link.jpg) no-repeat;
	opacity: .8
}
.f:hover {
	opacity: 1
}
.f2 {
	background-position: 0 -110px
}
.f3 {
	height: 111px;
	background-position: 0 -220px
}
.f i {
	position: absolute;
	top: 16px;
	left: 28px;
	display: block;
	width: 68px;
	height: 68px;
	text-indent: -9999em;
	transition: .8s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}
.f:hover i {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
.f1 i {
	background: url(../images/saul.png) no-repeat 3px 4px
}
.f2 i {
	background: url(../images/gif.png) no-repeat 3px 4px
}
.f3 i {
	background: url(../images/sheild.png) no-repeat 3px 4px
}
#news {
	float: left;
	width: 577px;
	height: 309px;
	padding: 9px 21px 0 22px;
	background: #202020;
	overflow: hidden
}
#news .more {
	margin: 12px;
	text-indent: -9999em
}
.news-tab {
	height: 42px;
	border-bottom: 2px solid #56565e
}
.news-tab li {
	font-size: 18px;
	display: inline;
	float: left;
	position: relative
}
.news-tab li a {
	line-height: 42px;
	display: block;
	width: 102px;
	height: 42px;
	text-align: center;
	color: #888d94;
	transition: .5s
}
.news-tab li a:hover, .news-tab li.current a {
	color: #e1e1e1
}
.line {
	display: block;
	position: absolute;
	bottom: -2px;
	z-index: 3;
	width: 0;
	height: 2px;
	background-color: #bd9d60;
	transition: .5s;
	_display: none
}
.news-tab li:hover .line, .news-tab li.current .line {
	width: 100%
}
.headline {
	overflow: hidden;
	height: 43px;
	margin: 8px 0 0;
	padding: 0 14px;
	background: #3d3d3d;
	text-align: center
}
.headline i {
	display: inline-block;
	width: 17px;
	height: 16px;
	padding: 6px 0 0 6px;
	background: url(../images/icon.png) no-repeat -2px -347px
}
.headline-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 48px;
	display: block;
	overflow: hidden;
	height: 48px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #bd9d60
}
.headline-sum {
	font-size: 12px;
	line-height: 14px;
	display: block;
	overflow: hidden;
	height: 14px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #99a0b1
}
.news-list li {
	line-height: 35px;
	overflow: hidden;
	width: 568px;
	height: 35px;
	margin: 0 auto;
	border-bottom: 1px dashed #626d7e;
	white-space: nowrap;
	text-overflow: ellipsis
}
.news-list li:last-child {
	border: 0
}
.news-list a {
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	color: #b2b3b6
}
.news-list a:hover {
	color: #bd9d60
}
.a-link:hover {
	padding-left: 5px
}
.time {
	float: right;
	color: #cacaca
}
.fast2 {
	float: left;
	width: 293px;
	height: 318px;
	overflow: hidden
}
.fs {
	position: relative;
	display: block;
	width: 100%;
	height: 159px;
	overflow: hidden
}
.fs em {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: .7;
	background: url(../images/huodong.jpg) no-repeat;
	transition: .3s
}
.fs2 em {
	background-position: 0 -159px
}
.fs:hover em {
	opacity: 1
}
.fs i {
	position: absolute;
	bottom: 13px;
	left: 13px;
	display: block;
	height: 30px;
	background: url(../images/png_sprite.png) no-repeat;
	transition: .3s;
	width: 272px
}
.fs1 i {
	background-position: -5px -11px
}
.fs2 i {
	background-position: -3px -51px
}
.fs:hover i {
	left: 17px
}
.box2 {
	width: 1200px;
	height: 500px;
	overflow: hidden;
	background: url(../images/role_bgx.jpg) no-repeat center top;
	margin-top: 0px;
	margin-bottom: 0px;
}
.box2 .box2_c {
	width: 935px;
	height: 500px;
	overflow: hidden;
	margin: 0px auto;
}
.box2 .box2_c .left_zb {
	width: 372px;
	height: 446px;
	overflow: hidden;
	float: left;
	padding-left: 53px;
	padding-top: 5px;
}
.box2 .box2_c .left_zb img {
	width: 372px;
	height: 446px;
	border: 0px;
}
.box2 .box2_c .right_zb {
	width: 390px;
	height: 446px;
	overflow: hidden;
	float: left;
	padding-left: 53px;
	padding-top: 5px;
}
.box2 .box2_c .right_zb .zb_t {
	width: 390px;
	height: 65px;
	color: #900101;
	font-size: 45px;
	font-weight: bold;
	line-height: 45px;
}
.box2 .box2_c .right_zb .zb_t1 {
	width: 382px;
	padding-left: 8px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	color: #7a4903;
	font-size: 18px;
	font-weight: bold;
}
.box2 .box2_c .right_zb .zb_t1 span {
	font-size: 14px;
	color: #480400;
	padding-left: 14px;
}
.box2 .box2_c .right_zb .zb_c {
	width: 382px;
	padding-left: 8px;
	overflow: hidden;
	padding-top: 5px;
}
.box2 .box2_c .right_zb .zb_c .zblist {
	width: 320px;
	overflow: hidden;
	padding-bottom: 23px;
}
.box2 .box2_c .right_zb .zb_c .zblist li {
	width: 160px;
	height: 24px;
	overflow: hidden;
	float: left;
	line-height: 24px;
	vertical-align: middle;
	color: #480400;
	font-size: 14px;
}
.box2 .box2_c .right_zb .zb_c .zblist li i {
	width: 16px;
	height: 16px;
	font-size: 12px;
	text-align: center;
	line-height: 14px;
	display: inline-block;
	font-style: normal;
	background: #6E2D18;
	margin: 4px 0px;
	margin-right: 5px;
	border-radius: 50%;
	color: #DEB76C;
}
.box2 .box2_c .right_zb .zb_c p {
	color: #480400;
	line-height: 18px;
	font-size: 14px;
}
.box2 .box2_c .right_zb .zb_c p.red {
	color: #900101;
	padding-top: 15px;
}
.box2 .bossbox {
	width: 823px;
	height: 515px;
	overflow: hidden;
	padding-left: 53px;
	padding-top: 5px;
}
.box2 .bossbox .pic {
	width: 940px;
	height: 490px;
	overflow: hidden;
}
.box2 .bossbox .pic img {
	width: 823px;
	height: 490px;
	border: 0px;
}
.box2 .bossbox .txt {
	width: 823px;
	height: 169px;
	overflow: hidden;
	text-align: center;
	line-height: 169px;
	font-size: 45px;
	color: #900101;
	font-weight: bold;
}
.role {
	position: relative;
	overflow: hidden;
	width: 1186px;
	height: 318px;
	padding: 0 0 0 14px;
	padding-top: 20px;
	background: #313131 url(../images/role_bg.jpg) no-repeat
}
.role .t {
	width: 480px;
	border-color: #575d64;
	background: url(../images/png_sprite.png) no-repeat -5px -235px
}
.role {
	position: relative;
	height: 298px
}
.r-hd {
	position: absolute;
	z-index: 2;
	top: 70px;
	left: 15px
}
.r-hd li {
	font-size: 12px;
	line-height: 31px;
	display: inline;
	float: left;
	width: 750px;
	cursor: pointer;
	color: #d5d5d5;
	margin-right: 2px;
	font-weight: 700;
	text-align: center
}
.r-hd li:hover, .r-hd li.cur {
	color: #ffffff
}
.role-con {
	color: #cacaca
}
.role-detail {
	position: relative;
	display: none
}
.role-detail .r-desc {
	position: absolute;
	z-index: 2;
	top: 0;
	left: -300px;
	width: 426px
}
.curElem .r-desc {
	left: 10px
}
.weapon {
	line-height: 15px;
	position: absolute;
	top: 68px;
	left: 3px;
	height: 15px
}
.level {
	position: absolute;
	top: 0;
	left: 80px;
	width: 100px
}
.star {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 9px;
	vertical-align: top;
	background: url(../images/icon.png) no-repeat -2px -149px
}
.star2 {
	background-position: -1px -130px
}
.star3 {
	background-position: -2px -170px
}
.lv-1 i.l-star {
	width: 72px
}
.lv-2 i.l-star {
	width: 63px
}
.lv-3 i.l-star {
	width: 54px
}
.role-con b {
	font-weight: 700;
	color: #b2b3b6
}
.description {
	line-height: 24px;
	position: absolute;
	top: 96px;
	left: 3px;
	height: 88px
}
.readmore {
	font-size: 19px;
	line-height: 18px;
	position: absolute;
	top: 200px;
	left: 4px;
	display: block;
	width: 103px;
	height: 18px;
	padding: 15px 0 15px 14px;
	color: #a7a7a7;
	border: 1px solid #a7a7a7;
	background: url(../images/icon.png) no-repeat 92px -364px;
	transition: .5s
}
.readmore:hover {
	border: 1px solid #bd9d60;
	color: #43484f;
*background:#bd9d60 url(../images/icon.png) no-repeat 92px -398px
}
.readmore em {
	z-index: 2;
	position: relative
}
.readmore i:after {
	content: '';
	position: absolute;
	z-index: 1;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	width: 0;
	height: 100%;
	left: 0;
	top: 0;
	background: #bd9d60 url(../images/icon.png) no-repeat 92px -398px;
	opacity: 0
}
.readmore:hover i:after {
	opacity: 1;
	width: 100%
}
.role-detail .r-per {
	position: absolute;
	top: -53px;
	right: -300px;
	width: 410px;
	height: 318px
}
.curElem .r-per {
	right: 0
}
.ziliao {
	width: 100%;
	height: aoto;
	background: #2d2d2d;
	overflow: hidden
}
.zl {
	position: relative;
	float: left;
	overflow: hidden;
	width: 1185px;
	height: 800px;
	cursor: pointer;
	-webkit-transition: width 300ms ease;
	transition: width 300ms ease;
	background: url(../images/zl.jpg) no-repeat;
	opacity: .7
}
.zl:hover {
	opacity: 1
}
.zl-con {
	overflow: hidden;
	width: 1185px;
	height: 305px;
	margin-left: 143px;
	padding-top: 13px;
	background: #2d2d2d
}
.zl-con a {
	line-height: 36px;
	float: left;
	width: 113px;
	height: 36px;
	text-align: center
}
.ziliao .show {
	overflow: hidden;
	width: 484px;
	border: 0;
	opacity: 1
}
#zl-1 {
	background-position: 0 0
}
#zl-2 {
	background-position: -143px 0
}
#zl-3 {
	background-position: -286px 0
}
#zl-4 {
	background-position: -429px 0
}
.zl-more {
	position: absolute;
	left: 0;
	top: 0;
	width: 144px;
	display: block;
	height: 100%;
	text-indent: -9999em
}
.links {
	float: left;
	width: 866px;
	height: 118px;
	padding: 20px 26px 0 21px;
	background: #313131
}
.links .t {
	width: 866px;
	background: url(../images/link.png) no-repeat
}
.links .con {
	overflow: hidden;
	height: 60px;
	padding-top: 10px
}
.links a {
	font-size: 16px;
	line-height: 24px;
	display: inline-block;
	padding: 3px 5px;
	white-space: nowrap;
	color: #c1c2c2
}
.links a:hover {
	color: #d8a55b
}
.content strong {
	font-weight: 700
}
.article-top {
	overflow: hidden;
	width: 100%;
	height: 102px;
	border-bottom: 1px solid #353f5a;
	background: #3d3d3d
}
.article-top span {
	font-size: 36px;
	line-height: 72px;
	width: 130px;
	padding: 0 0 0 25px;
	color: #fff
}
.bread-nav {
	line-height: 34px;
	margin-top: -4px;
	padding: 0 0 0 26px;
	color: #aaabae
}
.bread-nav a {
	color: #aaabae
}
.bread-nav a:hover {
	color: #ff9f32
}
.article-main {
	width: 869px;
	min-height: 863px;
	padding: 0 22px;
	color: #cacaca;
	border-top: 1px solid #3f4449;
	background: #202020;
	_height: 867px
}
.article-list {
	margin: 0 auto;
	padding-top: 16px
}
.article-list li {
	line-height: 30px;
	overflow: hidden;
	height: 30px;
	border-bottom: 1px dashed #6f6f6f
}
.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: #fff;
	background: #2d416f
}
.article-title {
	font-size: 40px;
	line-height: 110px;
	overflow: hidden;
	height: 110px;
	text-align: center;
	color: #d1b06c
}
.article-title h1 {
	font-weight: 400
}
.article-detail {
	line-height: 30px;
	height: 28px;
	padding-bottom: 3px;
	text-align: right;
	border-bottom: 1px solid #4d545d
}
.article-detail span {
	color: #848a91
}
.article-content {
	line-height: 2;
	padding: 20px 0
}
.article-relation {
	font-size: 14px;
	height: 150px;
	margin: 0 auto
}
.article-relation dt {
	line-height: 36px;
	height: 36px;
	text-indent: 8px;
	border-bottom: 1px solid #4d545d
}
.article-relation dd {
	line-height: 30px;
	float: left;
	overflow: hidden;
	width: 48%;
	height: 30px;
	margin: 0 0 0 1%;
*display:inline
}
.s-body {
	background: url(../images/s-bg.jpg) center 0 no-repeat;
	color: #fff
}
.s-body a {
	color: #fff
}
.s-wrap {
	background: url(../images/s-main.jpg) no-repeat;
	width: 1000px;
	height: 1000px;
	margin: 0 auto
}
.s-header {
	position: relative;
	height: 245px
}
.s-content {
	position: relative;
	margin: 30px 0 0 337px;
	width: 657px
}
.s-logo {
	position: absolute;
	top: 2px;
	left: 180px;
	overflow: hidden;
	text-indent: -9999px
}
.s-nav {
	height: 48px;
	padding: 24px 0 0 359px
}
.s-nav a {
	float: left;
	width: 145px;
	height: 48px;
	text-indent: -9999em;
	margin-right: 7px
}
.s-nav a:hover {
}
#s-nav2:hover {
	background-position: -145px 0
}
#s-nav3:hover {
	background-position: -290px 0
}
#s-nav4:hover {
	background-position: -435px 0
}
.s-loginframe {
	position: absolute;
	top: 164px;
	left: 366px;
	width: 589px;
	height: 81px
}
.s-text {
	width: 150px;
	height: 25px;
	padding: 0 30px 0 10px;
	background-color: #000;
	font-family: "Microsoft Yahei";
	color: #746b6b;
	border-radius: 3px
}
.s-user {
	top: 22px;
	left: 20px
}
.s-psw {
	top: 22px;
	left: 224px
}
.s-psw input {
	background: #000 url(../images/keyboard.png) no-repeat 167px 6px
}
.s-log-btn {
	top: 20px;
	left: 433px
}
.s-log-btn a {
	display: block;
	width: 134px;
	height: 36px;
	background: url(../images/s-login.jpg) no-repeat;
	text-indent: -9999px
}
.s-log-btn a:hover {
	background: url(../images/s-login-h.jpg) no-repeat
}
.s-remember {
	top: 56px;
	left: 20px
}
.s-psw-btn {
	top: 56px;
	left: 224px
}
.s-reg-btn {
	top: 56px;
	left: 315px
}
.s-loged {
	width: 616px;
	color: #ccc;
	font-size: 12px;
	margin-left: 20px
}
.s-loged li {
	line-height: 24px;
	float: left;
	width: 295px
}
.s-loged a {
	color: #ccc
}
.s-loged a:hover {
	color: #e94d00
}
.s-loged .s-loged-highlight {
	color: #ff0
}
.s-loged .s-loged-highlight:hover {
	color: #e94d00
}
.s-name {
	font-size: 18px;
	color: #FFF;
	line-height: 42px
}
.s-name-rec {
	font-weight: 700;
	color: #ccc;
	text-indent: 1em
}
.s-server-list {
	width: 560px;
	height: 110px;
	position: relative;
	margin: auto
}
.s-server-list li {
	line-height: 34px;
	float: left;
	width: 175px;
	height: 34px;
	margin: 8px 6px 15px 0;
	text-align: center;
	background: url(../images/s-list.jpg) no-repeat;
	font-weight: 700
}
.s-server-list a {
	display: block;
	height: 100%;
	color: #8b3015
}
.s-server-list a:hover {
	font-size: 13px;
	color: #E8F742
}
.s-server-list span {
	color: #000
}
#rec-server {
	float: left;
	margin: 64px 0 0 115px;
	width: 370px;
	height: 34px;
	overflow: hidden
}
#rec-server li {
	margin: 0 8px 0 0;
	background: url(../images/s-btn.jpg) no-repeat
}
.s-quick-ingame {
	width: 136px;
	height: 28px;
	line-height: 25px;
	font-size: 12px;
	position: absolute;
	bottom: 77px;
	right: 0
}
.s-fastin-input {
	width: 44px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	color: #000;
	background: #f4ebdc;
	margin-left: 5px
}
.s-server-list .s-fastin-btn {
	width: 56px;
	height: 21px;
	display: inline-block;
	background: url(../images/fast-in.png) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 3px;
	left: 72px;
	border-radius: 3px
}
.s-server-list .s-fastin-btn:hover {
	background: url(../images/fast-in-hov.png) no-repeat
}
.all {
	overflow-y: auto;
	height: 520px
}
.sp-pager {
	overflow: hidden;
	margin: 13px 0 17px 3px
}
.sp-pager li {
	line-height: 23px;
	width: 68px;
	height: 23px;
	margin: 0 8px 4px 0;
	cursor: pointer;
	background: #565656;
	color: #9b9393;
	font-weight: 700
}
.sp-pager li.on {
	background: #d1b06c;
	color: #363332
}
.sp-panel-wrap {
	margin: 0
}
.sp-panel-wrap li {
	background: url(../images/s-list.jpg) no-repeat;
	width: 175px;
	height: 34px;
	margin: 0 6px 8px 0
}
.sp-panel-wrap li a {
	height: 100%
}
.sp-panel-wrap span {
	color: #000
}
.video-alert {
	width: 654px;
	height: 368px;
	background: #505050;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -180px 0 0 -320px;
	z-index: 999;
	_position: absolute;
_top:expression(eval(document.documentElement.scrollTop+300));
	border: 3px solid #505050;
	display: none
}
.video-code {
	width: 654px;
	height: 368px
}
.video-close {
	position: absolute;
	width: 44px;
	height: 44px;
	top: -3px;
	right: -44px;
	display: block;
	background: url(../images/close.jpg) no-repeat
}
.layout {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: .4;
	filter: alpha(opacity=40);
	z-index: 99
}
.video-list-main li {
	display: inline;
	float: left;
	width: 285px;
	text-align: center;
	margin: 14px 13px 0 0
}
.video-list-main li .tle {
	line-height: 30px
}
.video-list-main li a {
	display: block;
	height: 285px;
	width: 285px;
	overflow: hidden;
	position: relative
}
.video-list-main li a i {
	height: 100%;
	width: 100%;
	display: block;
	background: url(../images/video-btn.png) no-repeat center;
	position: absolute;
	left: 0;
	top: 0
}
.video-list-main li img {
	transition: all .4s ease;
	height: 285px;
	width: 285px
}
.video-list-main li a:hover img {
	transform: scale(1.1)
}
.sq-dialog-content {
	text-align: center;
	margin: 0
}
.layout-mod-downlist, .ly-m-dl-c {
	width: 552px;
	height: 236px;
	z-index: 100
}
.layout-mod-downlist {
	background: url(../images/box.jpg) no-repeat;
	display: none
}
.ly-m-dl-c {
	position: relative
}
.ly-m-dl-close, .ly-m-dl-it {
	display: block;
	position: absolute;
	text-indent: -9999px
}
.ly-m-dl-close {
	width: 20px;
	height: 20px;
	right: 9px;
	top: 10px
}
.ly-m-dl-it {
	width: 226px;
	height: 120px;
	left: 35px;
	top: 74px
}
.ly-m-dl-it-2 {
	left: 290px
}