@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
}

.cf {
	clear: both;
	*zoom: 1
}

.cf:after {
	display: block;
	visibility: hidden;
	clear: both;
	overflow: hidden;
	height: 0;
	content: '.'
}

em,
i,
strong {
	font-weight: 400;
	font-style: normal
}

.hide {
	display: none
}

.h1 {
	display: none
}

.container {
	font: 12px 'Microsoft Yahei', SimSun;
	position: relative;
	color: #fff;
	overflow: hidden;
	background: #6dd7f4;
	width: 100%;
	height: 2450px;
}

.container.c-body{
	height: 1590px;
}
.g-userinfo .loginBefore{
	line-height: 40px;
}

.container a {
	text-decoration: none;
	color: #fff
}

.container a:hover {
	text-decoration: none;
	color: #fcc312
}

.index-body {
	height: 2510px!important;
	overflow: hidden;
	width: 100%;
}
.g-footer{
	margin-top: 0;
}
.g-header .g-userinfo a{
	color: #555!important;
	margin:0 0 0 10px !important;
}
.g-userinfo{
	padding-right: 0;
	margin-right: 0;
}
.g-userinfo .loginAfter{
	height: 40px;
	line-height: 40px;
}
.g-userinfo .loginAfter .username{
	color: #555;
}
.g-userinfo .loginAfter .i-vip{
	margin: 12px 10px 0 0!important;
}
.g-allgame-btn{
	color: #333;
}

.wrap {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

.main-wrap,
.main-top-bg {
	position: absolute;
	width: 2000px;
	left: 50%;
	margin-left: -1000px
}

.main-top-bg {
	top: 865px;
	height: 90px;
	background: url(images/bg-top_a256c2d.png) top center no-repeat
}

.main-wrap {
	top: 955px;
	background: url(images/bg-bottom_f2063b9.jpg) no-repeat;
	height: 1955px
}

.main {
	position: relative;
	width: 1200px;
	margin: 0 auto
}

.content {
	position: relative
}

.block-a {
	display: inline-block;
	*display: inline-block;
	*zoom: 1
}

.header {
	position: relative;
	width: 100%;
	height: 920px
}

.logo {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -120px;
	background: url(images/logo.png) no-repeat;
	width: 217px;
	height: 119px;
	z-index: 1;
	text-indent: -9999em
}

.tips18 {
	position: absolute;
	left: 30px;
	bottom: 30px;
	color: #3e2a14;
	font-weight: 700;
	letter-spacing: 2px
}

.nav-top {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1000px;
	width: 2000px;
	height: 125px;
	background: url(images/nav-bg_7fe2447.png) no-repeat
}

.nav-top ul {
	width: 1180px;
	margin: 9px auto 0
}

.nav-top li {
	float: left
}

.nav-top a {
	display: block;
	width: 162px;
	height: 67px;
	background: url(images/nav_769f9c8.png) no-repeat;
	text-indent: -9999em
}

.nav-top a:hover {
	background: url(images/nav-h_fe1ba5c.png) no-repeat
}

.nav-t1 a {
	width: 140px;
	background-position: 0 0
}

.nav-t2 a {
	background-position: -142px 0
}

.nav-t3 a {
	background-position: -306px 0
}

.nav-t4 a {
	background-position: -721px 0
}

.nav-t5 a {
	background-position: -883px 0
}

.nav-t6 a {
	background-position: -1045px 0
}

.nav-t1 a:hover {
	background-position: -3px -3px
}

.nav-t2 a:hover {
	background-position: -145px -3px
}

.nav-t3 a:hover {
	background-position: -309px -3px
}

.nav-t4 a:hover {
	background-position: -724px -3px
}

.nav-t5 a:hover {
	background-position: -886px -3px
}

.nav-t6 a:hover {
	background-position: -1048px -3px
}

.nav-t3 {
	margin-right: 223px
}

.kv-top {
	width: 2000px;
	height: 950px;
	position: absolute;
	left: 50%;
	margin-left: -1000px;
	top: 0
}

.kv-top-img {
	width: 100%;
	height: 100%;
	position: relative
}

.kv-top-img li {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.kv-top-img a {
	width: 100%;
	height: 100%;
	display: block;
}

.kv-top-num {
	position: absolute;
	bottom: 100px;
	right: 50%;
	margin-right: -590px
}

.kv-top-num li {
	float: left;
	margin-left: 2px;
	line-height: 0;
	text-indent: -9999em;
	width: 22px;
	height: 22px;
	background: url(images/icon-kv_20c228b.png) center no-repeat;
	cursor: pointer
}

.kv-top-num li:hover,
.kv-top-num li.focus {
	background: url(images/icon-kv-h_1a8a0be.png) center no-repeat
}

.start {
	display: block;
	background: url(images/start_af20ea1.png) no-repeat;
	width: 250px;
	height: 236px;
	position: absolute;
	top: 365px;
	left: -5px;
	z-index: 1
}

.start:hover {
	background: url(images/start-h_7ae8d79.png) no-repeat
}

.start span {
	display: block;
	width: 93px;
	height: 98px;
	position: absolute;
	top: 69px;
	left: 76px;
	content: "";
	cursor: pointer;
	background-repeat: no-repeat;
}

.start span:after {
	display: block;
	width: 93px;
	height: 98px;
	content: "";
	cursor: pointer;
	background-repeat: no-repeat;
}

.start:hover span {
	-moz-animation: linear icoBig 1.6s infinite;
	animation: linear icoBig 1.6s infinite;
	-webkit-animation: linear icoBig 1.6s infinite
}

.start:hover span:after {
	opacity: .6;
	-moz-animation: linear icoBig2 1.6s infinite;
	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(0.93);
		transform: scale(0.93)
	}
	45% {
		-webkit-transform: scale(1.04);
		transform: scale(1.04)
	}
	60% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-moz-keyframes icoBig {
	0% {
		-moz-transform: scale(1);
		transform: scale(1)
	}
	20% {
		-moz-transform: scale(1.05);
		transform: scale(1.05)
	}
	30% {
		-moz-transform: scale(0.93);
		transform: scale(0.93)
	}
	45% {
		-moz-transform: scale(1.04);
		transform: scale(1.04)
	}
	60% {
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes icoBig {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}
	20% {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		transform: scale(1.05)
	}
	30% {
		-webkit-transform: scale(0.93);
		-moz-transform: scale(0.93);
		transform: scale(0.93)
	}
	45% {
		-webkit-transform: scale(1.04);
		-moz-transform: scale(1.04);
		transform: scale(1.04)
	}
	60% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		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
	}
}

@-moz-keyframes icoBig2 {
	0% {
		-moz-transform: scale(1);
		transform: scale(1)
	}
	20% {
		-moz-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 0
	}
	100% {
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

@keyframes icoBig2 {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}
	20% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		transform: scale(1.3);
		opacity: 0
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
		opacity: 0
	}
}

.download {
	display: block;
	background: url(images/dl_a9b084d.png) no-repeat;
	width: 323px;
	height: 152px;
	position: absolute;
	top: 415px;
	left: 173px
}

.download:hover {
	background: url(images/dl-h_0c9dd21.png) no-repeat
}

.choice-server {
	position: absolute;
	top: 603px;
	left: 0;
	background: url(images/ser-bg_ac24bdd.png) no-repeat;
	width: 488px;
	height: 247px;
	font-size: 12px;
	text-align: center
}

.select-server {
	position: relative;
	background: url(images/service-tab_bf82bc0.png) no-repeat;
	width: 386px;
	height: 50px;
	margin: 24px auto 0;
	z-index: 1
}

.choice-tab {
	margin-left: 15px;
	position: relative;
	float: left;
	padding-top: 14px
}

.select-type {
	margin-left: 20px;
	padding-top: 14px;
	*padding: 12px;
	text-align: left;
}

.select1,
.select2 {
	display: inline-block;
	position: relative;
	*display: inline;
	*margin-right: 4px;
	*z-index: 2
}

.select-dom {
	width: 100px;
	height: 20px;
	display: inline-block;
	background: #fff;
	color: #0c0d00;
	vertical-align: middle;
	position: relative;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

.select-con {
	width: 100px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 0;
	background: url(images/spacer.gif);
	line-height: 22px;
	cursor: pointer;
	text-align: center
}

.select2 .select-dom {
	width: 30px;
	display: none
}

.select2 .select-con {
	width: 30px
}

.select2 .option-bg {
	width: 30px
}

.select-btn {
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-top: 8px solid #0c0d00;
	border-left: 8px solid #fff;
	border-right: 8px solid #fff;
	border-bottom: 0;
	cursor: pointer;
	_font-size: 0;
	overflow: hidden;
	right: 6px;
	top: 8px
}

.option-bg {
	position: absolute;
	display: none;
	left: 0;
	top: 21px;
	width: 100px;
	background: #fff;
	color: #0c0d00
}

.option-bg-type li {
	height: 16px;
	color: #000;
	cursor: pointer;
	line-height: 16px;
	padding: 2px 0;
	text-align: center;
	overflow: hidden
}

.option-bg-type li:hover {
	background: #EA9200;
	color: #fff
}

.select-type #fastType2 {
	font-size: 0;
	display: none
}

.s-fastin {
	background: #fff;
	color: #0c0d00;
	height: 20px;
	line-height: 20px;
	width: 40px;
	margin-right: 5px;
	text-align: center;
	-webkit-border-radius: 5px;
	border-radius: 5px
}

#btnFast {
	display: inline-block;
	width: 51px;
	height: 21px;
	text-indent: -9999em;
	margin-left: 3px;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	background-repeat: no-repeat;
}

#btnFast:hover {
	background-repeat: no-repeat;
}

.choice-list {
	padding: 8px 50px;
	height: 130px;
	overflow: hidden
}

.choice-list li {
	float: left;
	width: 50%
}

.choice-list li a {
	display: block;
	width: 90%;
	height: 28px;
	line-height: 28px
}

.choice-list li a span {
	float: right
}

.choice-list li a i {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url(images/icon-ser_b597afe.png) no-repeat;
	width: 26px;
	height: 22px;
	vertical-align: middle
}

.all-server {
	position: absolute;
	right: 55px;
	bottom: 20px;
	display: block;
	width: 175px;
	height: 30px;
	text-indent: -9999em;
	background-repeat: no-repeat;
}

.all-server:hover {
	background-repeat: no-repeat;
}

.content-1 {
	position: relative;
	margin-top: -80px;
	height: 470px
}

.con-title {
	position: relative;
	width: 546px;
	height: 106px;
	margin: 0 auto;
	background-repeat: no-repeat;
}

.con-title span {
	display: block
}

.more {
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	text-indent: -9999em;
	background-repeat: no-repeat;
}

.news {
	background: url(images/news-bg_7d175f6.png) no-repeat;
	width: 488px;
	height: 336px
}

.index-news {
	float: left
}

.news-title {
	margin: 10px auto
}

.news-title span {
	position: absolute;
	left: 50%;
	margin-left: -147px;
	top: -4px;
	display: block;
	background: url(images/news-title_7c2f1bf.png) no-repeat;
	width: 254px;
	height: 108px
}

.news-tab {
	position: relative;
	padding: 15px 50px 0
}

.news-tab li {
	float: left;
	background: url(images/v-line_e1d9929.png) no-repeat center right
}

.news-tab #li_meiti {
	background: 0 0
}

.news-tab li a {
	font-size: 16px;
	display: block;
	width: 67px;
	height: 45px;
	line-height: 40px;
	text-align: center
}

.news-tab .current {
	background-repeat: no-repeat;
}

.news-tab .current a {
	color: #fcc312
}

.news-more {
	right: 50px;
	top: 24px
}

.headline {
	width: 425px;
	margin: 0 auto;
	background: url(images/news-line_b4675c3.png) no-repeat center bottom
}

.headline .headline-title {
	position: relative;
	display: block;
	width: 90%;
	height: 60px;
	font-size: 18px;
	color: #ffc31d;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

.headline .headline-title i {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin: 0 10px 0 30px;
	width: 51px;
	height: 50px;
	background-repeat: no-repeat;
}

.news-list {
	padding: 10px 50px 0;
	height: 198px;
	overflow: hidden
}

.news-list li {
	height: 25px;
	line-height: 25px;
	background: url(images/news-underline_c212654.png) center bottom no-repeat;
	overflow: hidden
}

.news-list li .time {
	float: right
}

.news-list .a-link {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
	width: 75%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 5px
}

.news-list .a-link:hover {
	padding-left: 10px
}

.kv {
	width: 451px;
	height: 343px;
	position: relative;
	overflow: hidden;
	float: left
}

.kv-img img {
	width: 100%;
	height: 100%
}

.kv-num {
	position: absolute;
	bottom: 18px;
	right: 24px
}

.kv-num li {
	float: left;
	margin-left: 5px;
	width: 22px;
	height: 22px;
	background: url(images/icon-kv_20c228b.png) center no-repeat;
	cursor: pointer;
	text-indent: -9999em
}

.kv-num li:hover,
.kv-num li.current {
	background: url(images/icon-kv-h_1a8a0be.png) center no-repeat
}

.fast {
	float: left;
	position: relative;
	margin: 6px 0 0 10px
}

.fast ul {
	position: relative;
	z-index: 1
}

.fast li {
	position: relative;
	margin-bottom: 20px
}

.fast li a {
	display: block;
	width: 247px;
	height: 96px;
	text-indent: -9999em
}

.fast li span {
	position: absolute;
	right: 5px;
	bottom: 10px;
	display: block;
	width: 139px;
	height: 104px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.fast .f1 a {
	background: url(images/video_087ba0d.png) no-repeat
}

.fast .f1 a:hover {
	background: url(images/video-h_3f9d44e.png) no-repeat
}

.fast .f1 span {
	background: url(images/video-r-h_db0a15b.png) no-repeat
}

.fast .f1 a:hover span {
	height: 114px
}

.fast .f2 a {
	background: url(images/fans_5cfce91.png) no-repeat
}

.fast .f2 a:hover {
	background: url(images/fans-h_c2516fc.png) no-repeat
}

.fast .f2 span {
	background: url(images/fans-r-h_979107f.png) no-repeat
}

.fast .f2 a:hover span {
	height: 114px
}

.fast .f3 {
	margin: 0
}

.fast .f3 a {
	background: url(images/gift_7ffdeef.png) no-repeat
}

.fast .f3 a:hover {
	background: url(images/gift-h_4200aba.png) no-repeat
}

.fast .f3 span {
	background: url(images/gift-r-h_7ecaffe.png) no-repeat;
	width: 97px
}

.fast .f3 a:hover span {
	height: 107px
}

.fast .icon {
	position: absolute;
	width: 188px;
	height: 48px;
	background-repeat: no-repeat;
}

.fast .icon-1 {
	top: 78px;
	left: 30px
}

.fast .icon-2 {
	top: 197px;
	left: 30px
}

.layout {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: .4;
	filter: alpha(opacity=40);
	z-index: 3
}

.video-alert {
	width: 640px;
	height: 360px;
	background: #505050;
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -180px 0 0 -320px;
	z-index: 10000;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+300));
	border: 3px solid #505050;
	display: none
}

.video-code {
	width: 640px;
	height: 360px
}

.video-close {
	position: absolute;
	width: 44px;
	height: 44px;
	top: -3px;
	right: -44px;
	display: block;
	background-repeat: no-repeat;
}

.role {
	height: 590px;
	position: relative
}

.role-title span {
	position: absolute;
	left: 50%;
	margin-left: -132px;
	top: -15px;
	display: block;
	width: 265px;
	height: 126px;
	background-repeat: no-repeat;
}

.role-tab {
	width: 428px;
	float: left
}

.role-tab li {
	position: relative;
	float: left;
	margin: 0 28px 10px 0
}

.role-tab li a {
	display: block;
	width: 173px;
	height: 109px;
	background: url(images/role-tab_1e61617.png) no-repeat;
	text-indent: -9999em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.role-tab li i {
	display: none;
	position: absolute;
	top: -15px;
	left: -32px;
	width: 97px;
	height: 97px
}

.role-tab .role-nav-1 a {
	background-position: 0 0
}

.role-tab .role-nav-2 a {
	background-position: -192px 0
}

.role-tab .role-nav-3 a {
	background-position: 0 -120px
}

.role-tab .role-nav-4 a {
	background-position: -192px -120px
}

.role-tab .role-nav-5 a {
	background-position: 0 -240px
}

.role-tab .role-nav-6 a {
	background-position: -192px -240px
}

.role-tab .role-nav-7 a {
	background-position: 0 -360px
}

.role-tab .role-nav-8 a {
	background-position: -192px -360px
}

.role-tab .role-nav-1 i {
	background: url(images/role-icon-1_c8f5308.png) no-repeat
}

.role-tab .role-nav-2 i {
	background: url(images/role-icon-2_b01e5c6.png) no-repeat
}

.role-tab .role-nav-3 i {
	background: url(images/role-icon-3_89c71a6.png) no-repeat
}

.role-tab .role-nav-4 i {
	background: url(images/role-icon-4_a7f26aa.png) no-repeat
}

.role-tab .role-nav-5 i {
	background: url(images/role-icon-5_5549eba.png) no-repeat
}

.role-tab .role-nav-6 i {
	background: url(images/role-icon-6_1ac6e3b.png) no-repeat
}

.role-tab .role-nav-7 i {
	background: url(images/role-icon-7_8beab51.png) no-repeat
}

.role-tab .role-nav-8 i {
	background: url(images/role-icon-8_0202d06.png) no-repeat
}

.role-tab .cur a {
	background: url(images/role-tab-h_d7ac41e.png) no-repeat
}

.role-tab .cur i {
	display: block
}

.role-tab .cur.role-nav-1 a {
	background-position: 0 0
}

.role-tab .cur.role-nav-2 a {
	background-position: -192px 0
}

.role-tab .cur.role-nav-3 a {
	background-position: 0 -120px
}

.role-tab .cur.role-nav-4 a {
	background-position: -192px -120px
}

.role-tab .cur.role-nav-5 a {
	background-position: 0 -240px
}

.role-tab .cur.role-nav-6 a {
	background-position: -192px -240px
}

.role-tab .cur.role-nav-7 a {
	background-position: 0 -360px
}

.role-tab .cur.role-nav-8 a {
	background-position: -192px -360px
}

.role-panel {
	position: absolute;
	top: 80px;
	left: 398px;
	width: 900px;
	height: 507px;
	overflow: hidden
}

.role-panel .cur {
	display: block
}

.role-panel .r-desc {
	opacity: 0;
	position: absolute;
	top: -320px;
	left: 60px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	z-index: 1
}

.role-panel .r-per {
	opacity: 0;
	position: absolute;
	left: 390px;
	top: 600px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s
}

.role-panel .role-detail-4 .r-per {
	left: 430px
}

.role-panel .cur .r-desc {
	top: 60px;
	opacity: 1
}

.role-panel .cur .r-per {
	top: 0;
	opacity: 1
}

.role-more {
	position: absolute;
	bottom: 50px;
	left: 452px;
	background: url(images/more-parter_969449e.png?__speite) no-repeat;
	width: 218px;
	height: 46px;
	text-indent: -9999em
}

.role-more-h {
	background-repeat: no-repeat;
}

.content-2 {
	height: 470px;
	margin-top: -24px
}

.zl-title span {
	background: url(images/zl-title_16ea0b7.png) no-repeat;
	width: 251px;
	height: 106px;
	margin: 0 auto
}

.zl {
	position: absolute;
	right: 0;
	top: 95px;
	width: 708px;
	height: 369px
}

.zl li {
	position: relative;
	background: url(images/zl_6ab3ca7.png) no-repeat;
	width: 177px;
	height: 369px;
	float: left
}

.zl .zl-1 {
	background-position: 0 0
}

.zl .zl-2 {
	background-position: -177px 0
}

.zl .zl-3 {
	background-position: -354px 0
}

.zl .zl-4 {
	background-position: -531px 0
}

.zl .zl-btn {
	display: block;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -73px;
	width: 146px;
	height: 46px
}

.zl .zl-1 .zl-btn {
	background-repeat: no-repeat;
}

.zl .zl-1 .zl-btn:hover {
	background-repeat: no-repeat;
}

.zl .zl-2 .zl-btn {
	background-repeat: no-repeat;
}

.zl .zl-2 .zl-btn:hover {
	background-repeat: no-repeat;
}

.zl .zl-3 .zl-btn {
	background-repeat: no-repeat;
}

.zl .zl-3 .zl-btn:hover {
	background-repeat: no-repeat;
}

.zl .zl-4 .zl-btn {
	background-repeat: no-repeat;
}

.zl .zl-4 .zl-btn:hover {
	background-repeat: no-repeat;
}

.zl .zl-con-item {
	position: absolute;
	left: 23px;
	top: 0;
	background: url(images/zl-r_0f4190c.png) no-repeat;
	width: 138px;
	height: 309px
}

.zl li:hover .zl-con-item {
	display: block;
	background-image: url(images/zl-h_1970992.png);
	top: 23px
}

.zl .zl-con-item-con {
	padding: 60px 5px;
	overflow: hidden;
	height: 180px;
	opacity: 0;
	display: none
}

.zl li:hover .zl-con-item-con {
	opacity: 1;
	display: block
}

.zl .zl-con-item-con a {
	position: relative;
	display: block;
	text-align: center;
	height: 24px;
	line-height: 24px;
	cursor: pointer
}

.zl .zl-con-item-con a i {
	display: none;
	width: 1px;
	height: 12px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 6px
}

.zl .zl-1 .zl-con-item {
	background-position: 0 0
}

.zl .zl-2 .zl-con-item {
	left: 19px;
	background-position: -173px 0
}

.zl .zl-3 .zl-con-item {
	left: 12px;
	background-position: -343px 2px
}

.zl .zl-4 .zl-con-item {
	left: 10px;
	background-position: -518px 2px
}

.media-kf {
	position: relative;
	font-size: 14px;
	color: #000
}

.media-title span {
	background: url(images/media_3fb15fc.png) no-repeat;
	width: 241px;
	height: 108px;
	position: absolute;
	left: 50%;
	margin-left: -120px;
	top: -5px
}

.media-kf-con {
	background: url(images/media-bg_aa68f39.png) center no-repeat;
	height: 128px;
	width: 100%
}

.media-kf-con .kf {
	float: left;
	width: 477px
}

.media-kf-con .text-1 {
	float: left;
	margin: 30px 43px
}

.media-kf-con .text-2 {
	float: left;
	margin: 30px 0
}

.media-kf-con .kf p {
	height: 30px;
	line-height: 30px
}

.media-kf-con .kf .phone {
	height: 20px;
	line-height: 20px
}

.media-kf-con .kf .phone-1 {
	margin-top: 5px
}

.media-kf-con .kf .phone-2 {
	padding-left: 69px
}

.kf-btn {
	width: 107px;
	height: 25px;
	text-indent: -9999em;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.kf-btn:hover {
	background-repeat: no-repeat;
}

.media-kf-con .media {
	float: left;
	margin-left: 25px;
	width: 216px
}

.media-kf-con .media .con {
	padding: 35px 33px
}

.links {
	float: left;
	height: 85px;
	margin: 20px 25px
}

.links-con {
	width: 280px
}

.links-con .con {
	height: 85px;
	text-align: center;
	overflow-x: hidden
}

.links-con a {
	float: left;
	height: 22px;
	line-height: 22px;
	color: #010100;
	margin: 0 3px
}

.links-con a:hover {
	color: #fcc312
}

.qr {
	float: left;
	margin-top: 20px
}

.qr .qr-code {
	float: left;
	width: 87px;
	height: 87px
}

.qr p {
	float: left;
	height: 83px;
	width: 24px;
	background: #3b240e;
	font-size: 14px;
	text-align: center;
	color: #fff;
	line-height: 16px;
	padding-top: 4px
}

.login-box {
	position: fixed;
	z-index: 100;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+150));
	top: 150px;
	right: 0;
	color: #fff;
	width: 242px;
	height: 320px;
	background: url(images/log-box_fbdec2b.png) no-repeat
}

.login-box a {
	text-decoration: none;
	color: #fff
}

.login-box a:hover {
	text-decoration: none;
	color: #fcc312
}

.login-box .login-title {
	background: url(images/unlog-text_db06674.png) no-repeat;
	width: 115px;
	height: 31px;
	margin: 10px auto
}

.login-box .loged-title {
	background: url(images/loged-title_d74cd4a.png) no-repeat
}

.login-box-btn {
	position: fixed;
	z-index: 99;
	top: 300px;
	right: 0;
	background: url(images/log-box-btn_316ec60.png?__spritt) no-repeat;
	width: 170px;
	height: 55px;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+150));
	cursor: pointer
}

.close-login-box-btn {
	position: absolute;
	top: 8px;
	right: 0;
	width: 30px;
	height: 32px;
	text-indent: -9999em;
	overflow: hidden;
	background-repeat: no-repeat;
}

.close-login-box-btn:hover {
	background-repeat: no-repeat;
}

.login,
.loginframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}

.login-box .log,
.login-box .loged {
	height: 260px
}

.login-box .log {
	overflow: hidden;
	padding-top: 10px
}

.index-body .loged {
	padding-top: 40px
}

.log-btn {
	display: block;
	overflow: hidden;
	text-indent: -9999em;
	cursor: pointer;
	width: 218px;
	height: 46px;
	margin: 0 auto;
	background-repeat: no-repeat;
}

.log-btn:hover {
	background-repeat: no-repeat;
}

.table-box {
	width: 180px;
	margin: 0 auto;
	text-align: center
}

.input-box .text {
	width: 165px;
	height: 26px;
	line-height: 26px;
	margin-top: 10px;
	background-color: #1f1308;
	border: 2px solid #ffe400;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #fff;
	padding: 0 5px
}

.other-input-box {
	height: 30px;
	line-height: 30px;
	margin-top: 5px;
	font-size: 12px;
	text-align: left;
	padding-left: 10px
}

.other-input-box label {
	margin-right: 45px
}

.other-input-box a {
	font-size: 12px
}

.sq-third-link {
	display: inline-block;
	*display: inline;
	font-size: 12px
}

.sq-third-link .three-icon {
	margin: 0 2px
}

.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 5px
}

.three-wx {
	background-position: -39px 0
}

.three-wb {
	background-position: -78px 0
}

.loged img {
	margin-right: 3px;
	vertical-align: middle
}

.loged-top {
	display: none
}

.login-box .loged-panel ul {
	overflow: hidden;
	padding: 20px 0
}

.loged-panel li {
	width: 80%;
	margin: 0 auto;
	height: 28px;
	line-height: 28px
}

.loged-panel .loged-highlight,
.loged-panel a {
	color: #ffd800
}

.loged-panel .loged-highlight:hover,
.loged-panel a:hover {
	color: #ffd800;
	text-decoration: none
}

.loged-usercenter a {
	margin-left: 12px
}

.side-top-btn-box {
	overflow: hidden;
	position: absolute;
	bottom: 12px;
	left: 30px
}

.side-top-btn-box a {
	display: block;
	float: left;
	width: 100px;
	height: 47px;
	background: url(images/reg-cha_c24eff4.png) no-repeat;
	text-indent: -9999em
}

.side-top-btn-box a:hover {
	background: url(images/reg-cha-h_55bdf3e.png) no-repeat
}

.side-top-btn-box #btn-reg {
	background-position: 2px 1px
}

.side-top-btn-box #btn-pay {
	background-position: -107px 4px
}

.side-top-btn-box #btn-reg:hover {
	background-position: -2px -3px
}

.side-top-btn-box #btn-pay:hover {
	background-position: -111px 0
}

.c-body {
	padding-bottom: 50px
}

.c-side {
	width: 487px;
	float: left
}

.c-title {
	position: relative;
	margin: 24px 0 5px
}

.c-more {
	position: absolute;
	right: 12px;
	top: 15px;
	background: url(images/c-zl-more_af3df61.png) no-repeat;
	width: 69px;
	height: 26px;
	text-indent: -9999em
}

.c-more:hover {
	background: url(images/c-zl-more-h_a166098.png) no-repeat
}

.c-fast {
	position: relative
}

.c-fast ul {
	position: relative;
	z-index: 1
}

.c-fast li {
	position: relative;
	margin-bottom: 20px
}

.c-fast li a {
	display: block;
	width: 462px;
	height: 115px;
	margin: 0 auto;
	text-indent: -9999em
}

.c-fast .f1 a {
	background: url(images/c-video_6947d86.png) no-repeat
}

.c-fast .f1 a:hover {
	background: url(images/c-video-h_2e13cf9.png) no-repeat
}

.c-fast .f2 a {
	background: url(images/c-fans_d048c55.png) no-repeat
}

.c-fast .f2 a:hover {
	background: url(images/c-fans-h_6b3a284.png) no-repeat
}

.c-fast .f3 {
	margin: 0
}

.c-fast .f3 a {
	background: url(images/c-gift_fa20247.png) no-repeat
}

.c-fast .f3 a:hover {
	background: url(images/c-gift-h_df72c61.png) no-repeat
}

.c-fast .icon {
	position: absolute;
	background: url(images/c-fast-icon_8a985fb.png?) no-repeat;
	width: 338px;
	height: 48px
}

.c-fast .icon-1 {
	top: 108px;
	left: 50px
}

.c-fast .icon-2 {
	top: 242px;
	left: 50px
}

.c-news-title {
	background: url(images/c-news-title_8bde8fe.png) no-repeat;
	width: 157px;
	height: 46px
}

.c-pic {
	display: none
}

.c-zl-title .zl-title {
	position: relative;
	margin: 24px 0 5px;
	background: url(images/c-zl-title_d02f126.png) no-repeat;
	width: 167px;
	height: 54px
}

.c-zl-title .c-zl-more {
	top: 20px
}

.c-zl {
	position: relative;
	background: url(images/c-zl_1c836c0.png);
	width: 488px;
	height: 336px
}

.c-zl .zl-con {
	position: relative;
	overflow: hidden;
	width: 448px;
	margin: 0 auto
}

.c-zl .zl-con-item {
	position: relative;
	float: left;
	width: 25%;
	height: 336px;
	cursor: pointer
}

.c-zl .zl-con-item ul {
	padding-top: 70px;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	display: none
}

.c-zl .c-zl-btn {
	position: absolute;
	bottom: 30px;
	left: 5px;
	display: block;
	background: url(images/c-zl-btn_856f3ad.png) no-repeat;
	height: 37px;
	width: 103px
}

.c-zl .c-zl-btn:hover {
	background: url(images/c-zl-btn-h_ef9ee21.png) no-repeat
}

.c-zl .zl-con-item-1 {
	background: url(images/c-r-1_ba8f02d.png) 0 40px no-repeat
}

.c-zl .zl-con-item-2 {
	background: url(images/c-r-2_9d9b9fa.png) 0 40px no-repeat
}

.c-zl .zl-con-item-3 {
	background: url(images/c-r-3_17fc484.png) 0 40px no-repeat
}

.c-zl .zl-con-item-4 {
	background: url(images/c-r-4_c156471.png) 0 40px no-repeat
}

.c-zl .c-zl-btn-1 {
	background-position: 0 0
}

.c-zl .c-zl-btn-2 {
	background-position: -112px 0
}

.c-zl .c-zl-btn-3 {
	background-position: -224px 0
}

.c-zl .c-zl-btn-4 {
	background-position: -336px 0
}

.c-zl .c-zl-btn-1:hover {
	background-position: 0 0
}

.c-zl .c-zl-btn-2:hover {
	background-position: -112px 0
}

.c-zl .c-zl-btn-3:hover {
	background-position: -224px 0
}

.c-zl .c-zl-btn-4:hover {
	background-position: -336px 0
}

.c-zl .zl-con-item:hover {
	background-image: none
}

.c-zl .zl-con-item:hover ul {
	opacity: 1;
	display: block
}

.c-zl .zl-con ul a {
	position: relative;
	display: block;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.c-zl .zl-con ul a:hover {
	color: #fcc312
}

.c-zl .zl-con .check-more {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	background: url(images/more-zl_c8f8707.png) no-repeat;
	width: 146px;
	height: 46px;
	text-indent: -9999em
}

.c-zl .zl-con .check-more:hover {
	background: url(images/more-zl-h_670bc50.png)
}

.c-kf-title {
	position: relative;
	margin: 24px 0 5px;
	background: url(images/c-kf-title_2073f0b.png) no-repeat;
	width: 162px;
	height: 51px
}

.c-kf {
	position: relative;
	background: url(images/c-kf_66abffa.png) no-repeat;
	width: 488px;
	height: 196px;
	font-size: 14px
}

.c-kf .con {
	padding: 24px 40px 24px 55px
}

.c-kf .contact {
	float: left
}

.c-kf .contact p {
	height: 44px;
	line-height: 44px;
	letter-spacing: 2px
}

.c-kf .contact-3 {
	text-indent: 79px
}

.c-kf .c-qr {
	float: left;
	margin: 5px 0 0 10px;
	width: 164px
}

.c-kf .c-qr p {
	text-align: center;
	height: 20px;
	line-height: 20px;
	*width: 164px
}

.c-kf .c-qr .icon-code {
	width: 87px;
	height: 87px;
	margin: 0 0 5px 36px
}

.c-kf .c-qr .small-p {
	display: none
}

.c-main {
	width: 685px;
	float: right
}

.article {
	font-size: 14px;
	width: 100%;
	background: url(images/a-bottom_b47e4d9.png) center bottom no-repeat;
	padding-bottom: 50px
}

.article a {
	color: #ecedef
}

.article p {
	line-height: 24px;
	color: #ecedef
}

.article .pre_next {
	color: #b29578
}

.article .pre_next a {
	color: #b29578
}

.article strong {
	font-weight: 700
}

.article-top {
	position: relative;
	height: 96px;
	background: url(images/a-ttile_fc6dd37.png) no-repeat
}

.article-t {
	padding-left: 32px
}

.article-top span {
	font-size: 30px;
	color: #1f1308;
	height: 96px;
	line-height: 96px;
	float: left
}

.bread-nav {
	float: right;
	color: #1f1308;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 55px;
	line-height: 55px;
	margin: 26px 35px 0 0;
	width: 400px;
	text-align: right
}

.bread-nav a {
	color: #1f1308
}

.bread-nav a:hover {
	color: #940200
}

.article-main {
	padding: 43px;
	background: url(images/a-con_fa5ba3c.jpg) repeat;
	min-height: 1260px;
	_height: 1260px
}

.getcard-main .article-main {
	min-height: 435px;
	_height: 435px
}

.article-list {
	margin: 0 auto
}

.article-list li {
	height: 34px;
	line-height: 34px;
	background: url(images/h-line_51e0f62.png) center bottom no-repeat;
	overflow: hidden
}

.article-list li:hover {
	background: #2b1b0b url(images/h-line_51e0f62.png) center bottom no-repeat
}

.article-list a {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	width: 80%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.article-list .time {
	color: #a6a1a1;
	float: right
}

.article-title {
	text-align: center;
	font-size: 12px
}

.article-title h1 {
	font-size: 30px;
	color: #ffc424;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.article-detail {
	padding: 14px 0 4px;
	text-align: center;
	color: #b29578;
	background: url(images/h-line_51e0f62.png) center bottom no-repeat
}

.article-content {
	padding: 18px 0
}

.article-content a {
	color: #e94d00
}

.article-content a:hover {
	color: #fcc312
}

.article-relation {
	overflow: hidden;
	line-height: 30px
}

.article-relation dt {
	background: url(images/h-line_51e0f62.png) center bottom no-repeat;
	margin: 0 0 12px;
	color: #c7c4c2
}

.article-relation dd {
	display: inline;
	float: left;
	overflow: hidden;
	width: 47%;
	height: 30px;
	margin: 0 0 0 2%
}

.article-relation dd span {
	float: right;
	color: #b29578
}

.article-relation dd a {
	display: inline-block;
	width: 70%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
	*display: inline;
	*zoom: 1
}

.pageNum {
	text-align: center;
	margin: 0 auto;
	padding: 20px 0
}

.pageNum a,
.pageNum .current {
	height: 24px;
	display: inline-block;
	font-size: 12px;
	line-height: 24px;
	margin: 2px;
	padding: 0 9px;
	background: #634d37
}

.pageNum a:hover {
	background: #eb9226;
	color: #35210d
}

.pageNum .current {
	background: #eb9226;
	color: #35210d
}

.card-content {
	color: #fff
}

.card-content a {
	color: #FFF
}

.sq-dialog-content {
	text-align: center
}

.s-body {
	background: url(images/s-images/s-bg_fad8c49.jpg) center 0 no-repeat;
	color: #fff;
	font-size: 14px
}

.s-logo {
	position: absolute;
	top: 2px;
	left: 73px;
	margin-left: 0;
	background: url(images/s-images/logo_c89b143.png) no-repeat;
	width: 209px;
	height: 130px;
	overflow: hidden;
	text-indent: -9999px
}

.s-body a {
	color: #fff
}

.s-wrap {
	position: relative;
	background: url(images/s-images/s-main_7ce84f3.jpg) no-repeat;
	width: 1000px;
	height: 1100px;
	margin: 0 auto
}

.s-header {
	position: relative;
	height: 175px
}

.s-content {
	position: absolute;
	left: 353px;
	top: 349px
}

.s-nav {
	padding: 45px 0 0 327px
}

.s-nav a {
	float: left;
	width: 162px;
	height: 73px;
	line-height: 73px;
	text-align: center;
	margin-right: 8px;
	background: url(images/s-images/s-btn_1470849.png);
	text-indent: -9999em
}

.s-nav a:hover {
	background-image: url(images/s-images/s-btn-h_5a0ebe8.png)
}

.s-nav #s-nav1 {
	background-position: 0 0
}

.s-nav #s-nav2 {
	background-position: -170px 0
}

.s-nav #s-nav3 {
	background-position: -340px 0
}

.s-nav #s-nav4 {
	background-position: -510px 0
}

.s-nav #s-nav4 {
	margin-right: 0
}

.s-loginframe {
	position: absolute;
	top: 173px;
	left: 333px;
	width: 670px;
	height: 88px;
	overflow: hidden;
	font-size: 12px
}

.s-loginframe .log li {
	line-height: 24px;
	position: absolute
}

.s-text {
	width: 193px;
	height: 30px;
	padding-left: 25px;
	line-height: 31px;
	color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ffe400
}

.s-user .s-text {
	background: #1f1308 url(images/s-images/user-icon_792d576.png) 5px center no-repeat
}

.s-psw .s-text {
	background: #1f1308 url(images/s-images/psw-icon_44fe40c.png) 5px center no-repeat
}

.s-user {
	top: 16px;
	left: 12px
}

.s-psw {
	top: 16px;
	left: 244px
}

.s-log-btn {
	top: 16px;
	left: 477px
}

.s-log-btn a {
	display: block;
	width: 180px;
	height: 53px;
	background: url(images/s-images/s-log_d49869f.jpg) no-repeat;
	text-indent: -9999px
}

.s-log-btn a:hover {
	background: url(images/s-images/s-log-h_8541fff.jpg)
}

.s-remember {
	top: 56px;
	left: 13px
}

.s-three {
	top: 55px;
	left: 244px
}

.s-three .sq-third-link .three-icon {
	margin: 0 10px
}

.s-loginframe .loged {
	padding: 5px 20px
}

.s-loginframe .loged li {
	float: left;
	width: 50%;
	height: 26px;
	line-height: 26px
}

.s-loginframe .s-loged-highlight {
	color: #ffc657
}

.s-loginframe .s-loged-highlight:hover {
	color: #ffc657
}

.s-loged {
	margin-left: 20px
}

.s-content .s-title {
	font-size: 18px;
	margin-bottom: 10px
}

.s-body .type-choose {
	position: relative;
	color: #fff;
	margin-bottom: 15px;
	z-index: 1
}

.s-body .select1 {
	margin-right: 20px
}

.s-body .select-dom {
	width: 110px;
	color: #fff;
	border: 0;
	background: #1f1308;
	border: 1px solid #ffe400;
	-webkit-border-radius: 0;
	border-radius: 0
}

.s-body .select-con {
	width: 110px
}

.s-body .option-bg {
	width: 110px
}

.s-body .select-btn {
	border-top: 8px solid #fff;
	border-left: 8px solid #1f1308;
	border-right: 8px solid #1f1308
}

.s-body .s-fastin {
	background: #1f1308;
	border: 1px solid #ffe400;
	color: #fff;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-left: -5px
}

.s-body #select-dom-xz {
	width: 116px
}

.s-body #select-dom-xz .select-con {
	width: 110px
}

.s-body .option-dom {
	border: 0
}

.s-body .sup-tab-btn {
	border: 1px solid #ffde15;
	background: #1f1308;
	width: 110px;
	color: #fff
}

.s-body #btnFast {
	width: 71px;
	height: 21px;
	background: #916220;
	color: #fff;
	line-height: 21px;
	text-align: center;
	margin-left: 4px;
	font-size: 12px;
	text-indent: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px
}

.s-body #btnFast:hover {
	background: #bb690d
}

.s-server-list {
	width: 666px;
	height: 530px;
	position: relative;
	overflow-y: auto
}

.s-server-list li,
.server-list li {
	line-height: 37px;
	float: left;
	width: 204px;
	height: 37px;
	margin: 0 10px 12px 0;
	text-align: center;
	background-repeat: no-repeat;
}

.rec-server li:hover {
	background-repeat: no-repeat;
}

.s-body #servers li {
	background-repeat: no-repeat;
}

.s-body #servers li:hover {
	background-repeat: no-repeat;
}

.s-server-list a {
	display: block;
	height: 100%
}

.s-server-list span {
	color: #fff100;
	margin-left: 5px
}

#history {
	float: left;
	overflow: hidden;
	height: 43px
}

.all {
	overflow-y: auto;
	height: 664px
}

.sp-pager {
	overflow: hidden
}

.sp-pager {
	margin: 0;
	height: auto;
	margin: 0 10px 12px 0
}

.sp-pager span {
	color: #b48333
}

#nameList {
	margin-bottom: 8px
}

.sp-pager li,
#nameList a {
	line-height: 21px;
	width: 85px;
	height: 21px;
	margin: 0 22px 8px 0;
	cursor: pointer;
	background: #1f1308;
	border: 1px solid #ffe400;
	color: #FFF;
	text-align: center;
	float: left;
	display: block
}

.sp-pager li.hover,
#nameList a.hover {
	background: #916220;
	color: #f2d856;
	width: 87px;
	height: 23px;
	line-height: 23px;
	border: 0
}

.sp-pager li a {
	color: #fff
}

.s-body .colored {
	color: #ff0
}

.sq-dialog-alert {
	text-align: center
}

.role-title span {
	background-position: 0px 0px
}

.con-title {
	background-position: -275px 0px
}

.start span {
	background-position: 0px -136px
}

.start span:after {
	background-position: -103px -136px
}

.headline .headline-title i {
	background-position: -206px -136px
}

.fast .icon {
	background-position: -267px -136px
}

.zl .zl-2 .zl-btn {
	background-position: -465px -136px
}

.zl .zl-3 .zl-btn:hover {
	background-position: -621px -136px
}

.zl .zl-3 .zl-btn {
	background-position: 0px -244px
}

.log-btn:hover {
	background-position: -156px -244px
}

.log-btn {
	background-position: -384px -244px
}

.zl .zl-2 .zl-btn:hover {
	background-position: -612px -244px
}

.zl .zl-4 .zl-btn:hover {
	background-position: 0px -300px
}

.role-more-h {
	background-position: -156px -300px
}

.zl .zl-1 .zl-btn {
	background-position: -384px -300px
}

.zl .zl-1 .zl-btn:hover {
	background-position: -540px -300px
}

.zl .zl-4 .zl-btn {
	background-position: 0px -356px
}

.news-tab .current {
	background-position: -696px -300px
}

.video-close {
	background-position: -777px -136px
}

.s-body #servers li {
	background-position: -206px -196px
}

.rec-server li:hover {
	background-position: -420px -196px
}

.s-server-list li,
.server-list li {
	background-position: -156px -356px
}

.s-body #servers li:hover {
	background-position: -370px -356px
}

.close-login-box-btn:hover {
	background-position: -634px -196px
}

.close-login-box-btn {
	background-position: -674px -196px
}

.all-server {
	background-position: -584px -356px
}

.all-server:hover {
	background-position: 0px -412px
}

.more {
	background-position: -714px -196px
}

.kf-btn:hover {
	background-position: -185px -412px
}

.kf-btn {
	background-position: -302px -412px
}

#btnFast:hover {
	background-position: -750px -196px
}

#btnFast {
	background-position: -768px -244px
}

.role-title span,
.con-title,
.start span,
.start span:after,
.headline .headline-title i,
.fast .icon,
.zl .zl-2 .zl-btn,
.zl .zl-3 .zl-btn:hover,
.zl .zl-3 .zl-btn,
.log-btn:hover,
.log-btn,
.zl .zl-2 .zl-btn:hover,
.zl .zl-4 .zl-btn:hover,
.role-more-h,
.zl .zl-1 .zl-btn,
.zl .zl-1 .zl-btn:hover,
.zl .zl-4 .zl-btn,
.news-tab .current,
.video-close,
.s-body #servers li,
.rec-server li:hover,
.s-server-list li,
.server-list li,
.s-body #servers li:hover,
.close-login-box-btn:hover,
.close-login-box-btn,
.all-server,
.all-server:hover,
.more,
.kf-btn:hover {
	background-image: url(op_main_z_2f14025.png)
}

.kf-btn,
#btnFast:hover,
#btnFast {
	background-image: url(op_main_z_2f14025.png)
}
@media screen and (max-width: 1365px) {
	.g-wrap{ width: 1200px;}
}
@media screen and (max-width:1280px) {
	.g-header,.g-footer{
		min-width: auto;
	}
	html{
		overflow-x: hidden;
	}
}