.header {
	position: relative;
	width: 1200px;
	height: 60px;
*z-index:3
}
.wrap {
	position: relative;
	z-index: 2;
	width: 1200px;
	margin: auto;
	padding-bottom: 100px;
*margin-top:0
}
.main {
	float: right;
	width: 913px;
	position: relative;
	z-index: 10
}
.main .content {
	margin-left: 10px
}
.tips18 {
	font-size: 16px;
	position: absolute;
	z-index: 2;
	top: 30px;
	right: 30px;
	letter-spacing: 1px;
	color: #a8a19d
}
.qqgroup a {
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: 508px;
	display: block;
	z-index: 1
}
.side {
	float: left;
	width: 287px;
*z-index:10;
	position: relative
}
.side-up {
	width: 323px;
	height: 382px;
	background: url(../images/side-up.png) no-repeat;
	margin-left: -18px;
	margin-top: -50px;
	position: relative;
	margin-bottom: 10px
}
.start {
	position: relative;
	display: block;
	width: 332px;
	height: 184px;
	background: url(../images/start.png) no-repeat;
	z-index: 1
}
.start span {
	display: block;
	width: 240px;
	height: 80px;
	margin: 0 auto;
	background: url(../images/starttext.png) no-repeat;
	content: "";
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -125px;
	margin-top: -15px
}
.start span:after {
	display: block;
	width: 240px;
	height: 80px;
	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
}
.pay {
	position: relative;
	display: block;
	width: 280px;
	height: 195px;
	background: url(../images/pay.png) no-repeat;
	z-index: 1;
	margin-left: 22px
}
.pay span {
	display: block;
	width: 220px;
	height: 130px;
	margin: 0 auto;
	background: url(../images/paytext.png) no-repeat;
	content: "";
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -115px;
	margin-top: -65px
}
.pay span:after {
	display: block;
	width: 220px;
	height: 130px;
	margin: 0 auto;
	background: url(../images/paytext.png) no-repeat;
	content: "";
	cursor: pointer
}
.pay:hover span {
	animation: linear icoBig 1.6s infinite;
	-webkit-animation: linear icoBig 1.6s infinite
}
.pay: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: 204px;
	position: relative;
	padding-left: 18px
}
.login .t {
	width: 260px;
	background-position: 2px -277px;
	margin: auto;
	border-bottom: 1px solid #484850
}
.login-t a, .login-y a, .login-u a {
	font-size: 16px;
	line-height: 43px;
	float: left;
	width: 261px;
	height: 43px;
	color: #ffe49b;
	background: url(../images/rp-btn.png) no-repeat;
	opacity: .8
}
.login-t a:hover, .login-y a:hover, .login-u a:hover {
	opacity: 1
}
.login-t {
	position: absolute;
	top: 10px;
	left: 14px
}
.login-y {
	position: absolute;
	top: 64px;
	left: 14px
}
.login-u {
	position: absolute;
	top: 120px;
	left: 14px
}
#btn-reg {
	width: 128px
}
#charge {
	width: 131px
}
.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
}
.m1t {
	background: url(../images/3/doller.png) no-repeat
}
.mt2 {
	background: url(../images/3/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: #727168;
	background-color: #232222
}
input::-webkit-input-placeholder {
color:#727168
}
-ms-input-placeholder {
	color: #727168
}
-moz-input-placeholder {
	color: #727168
}
.user {
	top: 10px;
	left: 15px
}
.psw {
	top: 42px;
	left: 15px
}
.user label, .psw label {
	display: none
}
.remember {
	top: 71px;
	left: 15px;
	color: #cbc3bd
}
.get-psw {
	top: 71px;
	left: 189px
}
.get-psw a {
	color: #727168
}
.get-psw a:hover {
	color: #c21111
}
.log-btn {
	top: 10px;
	left: 189px;
	width: 86px;
	height: 58px
}
.loged {
	width: 180px;
	margin: 0 auto;
	padding: 30px 0 0
}
.loged li {
	line-height: 22px
}
.loged-usercenter {
	text-align: right
}
.loged-usercenter a {
	margin-left: 5px
}
.loged .loged-highlight {
	color: #c21f11
}
.loged a:hover {
	color: #c21f11
}
.loged .loged-top {
	display: none
}
.recom-server {
	height: 303px;
	background-color: #222020;
	position: relative;
	padding: 15px 13px 0 14px;
	margin-bottom: 10px
}
.all-server {
	display: block;
	margin: auto
}
.recom-server-con {
}
.s-fastin {
	height: 21px;
	line-height: 21px;
	text-align: center;
	width: 46px;
	background: #fff;
	color: #000
}
.select1, .select2 {
	display: inline-block;
	position: relative;
*display:inline;
*margin-right:4px;
*z-index:2
}
.choice-tab {
	height: 31px;
	position: relative;
	z-index: 9;
	font-size: 14px;
	padding: 5px 0 0 38px
}
.option-dom {
	background: #FFF;
	font-size: 12px;
	overflow: hidden;
	width: 180px;
	border: 1px solid #A2A2A2;
	padding: 1px
}
.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
}
.option-dom li.focus {
	background: #EA9200;
	color: #fff
}
.select-dom {
	width: 100px;
	height: 20px;
	display: inline-block;
	background: #fff;
	color: #000;
	vertical-align: middle;
	position: relative
}
.select-con {
	width: 88px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
	cursor: pointer;
	text-align: center
}
.select-btn {
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 5px solid #25324a;
	border-left: 5px solid #eee2ba;
	border-right: 5px solid #eee2ba;
	border-bottom: 0;
	cursor: pointer;
	_font-size: 0;
	overflow: hidden;
	right: 6px;
	top: 8px
}
#select-dom-xz {
	width: 60px
}
#select-dom-xz .select-con {
	width: 44px;
	border: 0;
	overflow: hidden
}
.type-option-dom {
	width: 100px;
	background: #fff;
	color: #000
}
.option-bg {
	position: absolute;
	display: none;
	left: 0;
	top: 23px
}
.option-bg-type {
	top: 23px
}
.sup-tab-btn {
	line-height: 16px;
	height: 16px;
	cursor: pointer;
	padding: 2px 0;
	text-align: center
}
.select-type {
	z-index: 2;
	padding-left: 24px
}
.body #btnFast {
	display: inline-block;
	text-indent: -9999px
}
.body #btnFast:hover {
}
.s-body #btnFast {
	width: 56px;
	height: 21px;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	background: url(../images/s-images/s-go.png) no-repeat;
	text-indent: -9999px
}
.s-body #btnFast:hover {
	background: url(../images/s-images/s-go-h.png) no-repeat
}
.choice-list {
	height: 158px;
	overflow: hidden
}
.choice-list li {
	height: 37px;
	line-height: 37px;
	overflow: hidden;
	padding: 0 30px;
	border-bottom: 1px dashed #d0cac6
}
.choice-list li a {
	position: relative;
	float: left;
	display: block;
	width: 182px
}
.choice-list li span {
	position: absolute;
	right: -10px;
	bottom: 0
}
.choice-list li i {
	display: inline-block;
	margin-right: 18px;
	vertical-align: middle
}
.choice-list li i, .icon-s-star {
	background-image: url(../images/icons.png);
	background-position: -144px -210px;
	width: 9px;
	height: 9px
}
.choice-list li .icon {
	position: absolute;
	display: none;
	width: 13px;
	height: 13px;
	right: -49px;
	top: 5px
}
.choice-list li:nth-child(1) .icon, .choice-list li:nth-child(2) .icon {
	display: inline-block
}
.choice-list li:nth-child(1) .icon, .icon-hot {
	background-image: url(../images/icons.png);
	background-position: -201px -177px;
	width: 13px;
	height: 13px
}
.choice-list li:nth-child(2) .icon, .icon-new {
	background-image: url(../images/icons.png);
	background-position: -186px -177px;
	width: 13px;
	height: 13px
}
.choice-list li a:hover {
	color: #a02d36
}
.t {
	font-weight: 700;
	font-size: 22px;
	color: #c70200;
	width: 260px;
	height: 22px;
	padding: 0 0 15px;
	border-bottom: 1px solid #383838
}
.t span {
	font-size: 10px;
	font-weight: 400;
	margin-left: 8px;
	color: #727168
}
.s-hot {
	display: block;
	position: absolute;
	right: 16px;
	width: 13px;
	height: 13px
}
.s-hot {
	top: 108px
}
.s-new {
	top: 142px;
	display: block;
	position: absolute;
	right: 16px
}
.jietu {
	width: 260px;
	height: 308px;
	padding: 0 13px 0 14px;
	padding-top: 20px;
	background: #222020;
	overflow: hidden;
	position: relative;
	margin-bottom: 13px
}
.jietu .t {
	background-position: 2px -189px
}
.jietu .jietu_pic {
	width: 100%;
	height: 234px;
	padding-top: 16px;
	overflow: hidden
}
.jietu_intro {
	position: absolute;
	z-index: 2;
	background: url(../images/jietuz_bg.png) no-repeat;
	width: 260px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	opacity: .7;
	filter: alpha(opacity=70);
	color: #fff;
	top: 290px
}
.more {
	display: block;
	float: right;
	margin: 4px 0 0;
*margin:-26px 0 0
}
.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
}
#right_click {
	top: 45%;
	right: 6px
}
.service {
	line-height: 24px;
	width: 273px;
	height: 288px;
	padding: 0 0 0 14px;
	padding-top: 20px;
	background: #222020;
	margin-bottom: 10px
}
.service .t {
	width: 260px;
	background-position: 2px -96px
}
.service .con {
	padding: 7px 0 0 25px
}
.service a {
	display: inline-block;
	width: 69px;
	height: 19px;
	color: #fff;
	text-align: center;
	line-height: 19px;
	text-indent: -9999px
}
.qr {
	float: left;
	width: 87px;
	height: 87px;
	margin-top: 20px;
	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;
	text-align: center;
	margin-top: 20px
}
.qr-des em {
	color: #cc0c17;
	margin-left: 14px;
	font-weight: 700
}
.qr-des .des-detail {
	background-color: #191616;
	height: 85px;
	padding-top: 10px
}
.media {
	height: 118px;
	padding: 20px 0 0 14px;
	background: #222020
}
.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: 604px;
	height: 332px;
	overflow: hidden;
	z-index: 1;
	padding-left: 6px;
	margin: 0 10px 10px 2px
}
/*
.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: 291px;
	height: 329px;
	overflow: hidden
}
.f {
	position: relative;
	display: block;
	width: 100%;
	height: 110px
}
.f1 {
	background: url(../images/f1.png) no-repeat
}
.f2 {
	background: url(../images/f2.png) no-repeat
}
.f3 {
	background: url(../images/f3.png) no-repeat
}
.f1:hover {
	background: url(../images/f1.png) no-repeat
}
.f2:hover {
	background: url(../images/f2.png) no-repeat
}
.f3:hover {
	background: url(../images/f3.png) no-repeat
}
.f i {
	position: absolute;
	top: 16px;
	left: 28px;
	display: block;
	text-indent: -9999em;
	transition: .8s;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}
.f:hover i {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg)
}
#news {
	float: left;
	width: 577px;
	height: 309px;
	padding: 9px 12px 0 15px;
	background: #222020;
	overflow: hidden;
	margin: 0 10px 10px
}
/*
#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:#cbc3bd;transition:.5s}
.news-tab li a:hover,.news-tab li.current a{color:#c70200}
.line{display:block;position:absolute;bottom:-2px;z-index:3;width:0;height:2px;background-color:#c21f11;transition:.5s;*position:static;*margin-top:3px;_display:none}
.news-tab li:hover .line,.news-tab li.current .line{width:100%}
.headline{overflow:hidden;height:73px;margin:8px 0 0;padding:0 14px;background:#191616;text-align:center}
.headline i{display:inline-block;padding:6px 0 0 6px}
.headline-title{font-size:20px;font-weight:700;line-height:48px;display:block;overflow:hidden;height:48px;white-space:nowrap;text-overflow:ellipsis;color:#c70200}
.headline-sum{font-size:12px;line-height:14px;display:block;overflow:hidden;height:14px;white-space:nowrap;text-overflow:ellipsis;color:#dad4ce}
.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:#dad4ce}
.news-list a:hover{color:#d00d19}
.a-link:hover{padding-left:5px}
*/
.time {
	float: right;
	color: #888
}
.fast2 {
	float: left;
	width: 288px;
	height: 318px;
	overflow: hidden
}
.fs {
	position: relative;
	display: block;
	width: 100%;
	height: 159px;
	overflow: hidden
}
.fs1 {
	background: url(../images/fs1.png)
}
.fs1:hover {
	background: url(../images/fs1.png)
}
.fs2 {
	background: url(../images/fs2.png)
}
.fs2:hover {
	background: url(../images/fs2.png)
}
.fs em {
	font-size: 30px;
	color: #3c2010;
	position: absolute;
	top: 44px;
	left: 18px;
	transition: .3s;
	font-weight: 700
}
.fs1:hover em, .fs2:hover em {
	color: #eee2ba
}
.fs1:hover i, .fs2:hover i {
	color: #edb441
}
.fs i {
	color: #727168;
	font-size: 11px;
	position: absolute;
	top: 122px;
	left: 133px;
	transition: .3s
}
.fs2 em {
	top: 35px
}
.fs2 i {
	top: 121px
}
.fs:hover i {
	left: 158px;
	color: #727168
}
.fs .go {
	display: block;
	width: 55px;
	height: 23px;
	background: url(../images/go.png) no-repeat;
	position: absolute;
	top: 107px;
	left: 18px
}
/*
.role{position:relative;overflow:hidden;width:888px;height:310px;padding:0 0 0 14px;padding-top:20px;background:#222020 url(../images/role_bg.jpg) no-repeat;margin:0 0 10px 10px}
.role .role-nav{width:480px;height:38px;border-bottom:1px solid #56565e}
.role .role-nav .line{bottom:-5px}
.role-nav li:hover .line,.role-nav li.cur .line{width:90px}
.r-hd{position:absolute;z-index:2;top:23px;left:15px}
.r-hd li{font-size:18px;line-height:31px;display:inline;float:left;width:90px;cursor:pointer;color:#cbc3bd;margin-right:2px;text-align:center}
.r-hd li:hover,.r-hd li.cur{color:#c70200}
.role-con{color:#dad4ce}
.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:32px;left:3px;height:15px}
.level{position:absolute;top:0;left:80px;width:100px}
.star{display:inline-block;margin-right:9px;vertical-align:top}
.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:#cbc3bd}
.description{line-height:24px;position:absolute;top:66px;left:3px;height:88px;width:288px}
.readmore{position:absolute;top:220px;left:4px;display:block}
.role-detail .j-swf{width:200px;height:123px;position:absolute;top:60px;left:340px}
.role-detail .j-swf img{width:100%;height:100%}
.role-detail .r-per{position:absolute;top:-21px;right:-300px;height:318px}
.curElem .r-per{right:17px}
.ziliao{width:904px;height:310px;background:#222020;overflow:hidden;margin:0 0 10px 10px}
.zl{position:relative;float:left;overflow:hidden;width:143px;height:318px;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:340px;height:305px;margin-left:143px;padding-top:13px;background:#222020}
.zl-con li{*display:inline}
.zl-con a{line-height:36px;float:left;width:113px;height:36px;text-align:center}
.zl-con .rmore2{display:block;width:97px;height:24px;float:right;margin:20px}
.zl-con a:hover{color:#c21f11;text-decoration:underline}
.zl-con a span{color:#474240;float:right;*display:none}
.ziliao .show{overflow:hidden;width:475px;border:0;opacity:1}
#zl-1{background-position:0 0}
#zl-2{background-position:-142px 0}
#zl-3{background-position:-284px 0}
#zl-4{background-position:-426px 0}
#zl-1:hover,#zl-2:hover,#zl-3:hover,#zl-4:hover,.zlCur#zl-1,.zlCur#zl-2,.zlCur#zl-3,.zlCur#zl-4{background-image:url(../images/zl-h.jpg)}
.zl-more{position:absolute;left:0;top:0;width:143px;display:block;height:100%;text-indent:-9999em}
*/

.links {
	float: left;
	width: 857px;
	height: 118px;
	padding: 20px 26px 0 21px;
	background: #222020;
	margin-left: 10px
}
.links .t {
	width: 866px
}
.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
}
.links a:hover {
	color: #c70200
}
.content strong {
	font-weight: 700
}
.article-top {
	overflow: hidden;
	width: 100%;
	height: 102px;
	border-bottom: 1px solid #07070d;
	background: #07070d
}
.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: #d9d2c2
}
.bread-nav a {
	color: #d9d2c2
}
.bread-nav a:hover {
	color: #d00d19
}
.article-main {
	width: 869px;
	min-height: 863px;
	padding: 0 22px;
	color: #cbc3bd;
	border-top: 1px solid #3f4449;
	background: #222020;
	_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: #986705
}
.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-images/s-bg.jpg) center 0 no-repeat;
	color: #cbc3bd
}
.s-wrap {
	background: url(../images/s-images/s-main.jpg) no-repeat;
	width: 1000px;
	height: 1000px;
	margin: 0 auto
}
.s-header {
	position: relative;
	height: 245px
}
.s-content {
	position: relative;
	margin: 73px 0 0 347px;
	width: 657px
}
.s-logo {
	position: absolute;
	top: 2px;
	left: 90px;
	overflow: hidden;
	text-indent: -9999px
}
.s-nav {
	height: 48px;
	padding: 44px 0 0 367px
}
.s-nav a {
	float: left;
	width: 145px;
	height: 48px;
	text-indent: -9999em;
	margin-right: 2px
}
.s-nav a:hover {
	background-image: url(../images/s-images/nav-h.png)
}
#s-nav2:hover {
	background-position: -147px 0
}
#s-nav3:hover {
	background-position: -294px 0
}
#s-nav4:hover {
	background-position: -441px 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: #232222;
	font-family: "Microsoft Yahei";
	color: #727168;
	border-radius: 3px
}
.s-user {
	top: 15px;
	left: 20px
}
.s-psw {
	top: 15px;
	left: 224px
}
.s-log-btn {
	top: 13px;
	left: 433px
}
.s-log-btn a {
	display: block;
	width: 134px;
	height: 36px;
	background: url(../images/s-images/s-login.png) no-repeat;
	text-indent: -9999px
}
.s-log-btn a:hover {
	background: url(../images/s-images/s-login-h.png) no-repeat
}
.s-remember {
	top: 50px;
	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: #cbc3bd;
	line-height: 42px;
	padding-left: 30px
}
.s-name-rec {
	font-weight: 700;
	color: #ccc;
	text-indent: 1em
}
.s-server-list {
	width: 560px;
	height: 60px;
	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-images/s-list.png) no-repeat;
	font-weight: 700
}
.s-server-list a {
	display: block;
	height: 100%;
	color: #ffc444
}
.s-server-list a:hover {
	font-size: 13px;
	color: #E8F742
}
.s-server-list span {
	color: #cbc3bd
}
.s-body .type-choose {
	padding-left: 30px;
	padding-bottom: 20px
}
#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: #fff;
	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/3/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/3/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/3/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
}
.loged img {
	margin-right: 3px;
	vertical-align: middle
}
.three {
	top: 96px;
	left: 15px
}
.s-body .three {
	top: 46px;
	left: 225px
}
.sq-third-link {
	display: inline-block;
*display:inline
}
.three-icon {
	background: url(../img1.37wanimg.com/common/css/images/three.png) no-repeat;
	transition: .5s;
	width: 28px;
	height: 28px;
	display: inline-block;
	text-indent: -9999em;
	vertical-align: middle;
	margin: 0 11px
}
.three-wx {
	background-position: -39px 0
}
.three-wb {
	background-position: -78px 0
}
.s-body .three-icon {
	margin: 0 4px
}
.s-body .sq-third-link {
	margin-left: 3px
}
.icon-all-server:hover {
	background-image: url(../images/icons.png);
	background-position: 0 -39px;
	width: 217px;
	height: 37px;
	color: #FF9
}
.icon-all-server {
	background-image: url(../images/icons.png);
	background-position: 0 0;
	width: 217px;
	height: 37px;
	margin-top: 10px;
	text-align: center;
	color: #FFF;
	line-height: 37px;
	font-size: 18px
}
.icon-f1-u {
	background-image: url(../images/icons.png);
	background-position: -124px -138px;
	width: 60px;
	height: 60px
}
.icon-f2-u {
	background-image: url(../images/icons.png);
	background-position: -62px -138px;
	width: 60px;
	height: 60px
}
.icon-f3-u {
	background-image: url(../images/icons.png);
	background-position: 0 -138px;
	width: 60px;
	height: 60px
}
.icon-fsz1 {
	background-image: url(../images/icons.png);
	background-position: -144px -200px;
	width: 121px;
	height: 8px
}
.icon-fsz2 {
	background-image: url(../images/icons.png);
	background-position: -219px -184px;
	width: 78px;
	height: 8px
}
.icon-go:hover {
	background-image: url(../images/icons.png);
	background-position: -219px -128px;
	width: 71px;
	height: 26px
}
.icon-go {
	background-image: url(../images/icons.png);
	background-position: -219px -156px;
	width: 71px;
	height: 26px
}
.icon-hot {
	background-image: url(../images/icons.png);
	background-position: -201px -177px;
	width: 13px;
	height: 13px
}
.icon-k-star {
	background-image: url(../images/icons.png);
	background-position: -176px -117px;
	width: 15px;
	height: 15px
}
.icon-kf:hover {
	background-image: url(../images/icons.png);
	background-position: 0 -200px;
	width: 70px;
	height: 20px
}
.icon-kf {
	background-image: url(../images/icons.png);
	background-position: -72px -200px;
	width: 70px;
	height: 20px
}
.icon-log-btn:hover {
	background-image: url(../images/icons.png);
	background-position: -88px -78px;
	width: 86px;
	height: 58px
}
.icon-log-btn {
	background-image: url(../images/icons.png);
	background-position: 0 -78px;
	width: 86px;
	height: 58px
}
.icon-money {
	background-image: url(../images/icons.png);
	background-position: -292px -156px;
	width: 21px;
	height: 21px
}
.icon-more:hover {
	background-image: url(../images/icons.png);
	background-position: -201px -95px;
	width: 15px;
	height: 15px
}
.icon-more {
	background-image: url(../images/icons.png);
	background-position: -201px -78px;
	width: 15px;
	height: 15px
}
.icon-new {
	background-image: url(../images/icons.png);
	background-position: -186px -177px;
	width: 13px;
	height: 13px
}
.icon-next:hover {
	background-image: url(../images/icons.png);
	background-position: -176px -78px;
	width: 23px;
	height: 37px
}
.icon-next {
	background-image: url(../images/icons.png);
	background-position: -186px -138px;
	width: 23px;
	height: 37px
}
.icon-prev:hover {
	background-image: url(../images/icons.png);
	background-position: 0 -222px;
	width: 23px;
	height: 37px
}
.icon-prev {
	background-image: url(../images/icons.png);
	background-position: -25px -222px;
	width: 23px;
	height: 37px
}
.icon-qq {
	background-image: url(../images/icons.png);
	background-position: -219px -104px;
	width: 90px;
	height: 22px
}
.icon-ren {
	background-image: url(../images/icons.png);
	background-position: -292px -128px;
	width: 22px;
	height: 22px
}
.icon-rmore1:hover {
	background-image: url(../images/icons.png);
	background-position: -219px 0;
	width: 97px;
	height: 24px
}
.icon-rmore1 {
	background-image: url(../images/icons.png);
	background-position: -219px -26px;
	width: 97px;
	height: 24px
}
.icon-rmore2:hover {
	background-image: url(../images/icons.png);
	background-position: -219px -78px;
	width: 97px;
	height: 24px
}
.icon-rmore2 {
	background-image: url(../images/icons.png);
	background-position: -219px -52px;
	width: 97px;
	height: 24px
}
.icon-s-star {
	background-image: url(../images/icons.png);
	background-position: -144px -210px;
	width: 9px;
	height: 9px
}
.icon-star {
	background-image: url(../images/icons.png);
	background-position: -193px -117px;
	width: 15px;
	height: 15px
}