@charset "utf-8";

/* flash弹窗独立用的样式 */

.sp_box {

	width:100%;

	background:#000;

	top:0;

	left:0;

	position:absolute;

	z-index:3;

	display:none;

}



/* 资料站样�?*/

.station-wrap {

	min-width:1000px;

	max-width:1920px;

	height:1044px;

	background:#16191e;

}



.station-leftNav,.station-rightNav {

	width:278px;

	height:1044px;

	background:url(../images/zlz_bg_002.png) 0 0 no-repeat;

	z-index:2;

}



.station-leftNav {

	border-right:1px solid #24282e;

	left:0;

	top:0;

}



.station-leftNav h2 {

	height:119px;

	background:url(../images/zlz_left_nav.png) 0 0 no-repeat;

	text-indent:-9999px;

}



.station-leftNav .superior-title {

	height:93px;

}



.station-leftNav .superior-title a,

.station-rightNav .novice-title a,

.nav-logo a,

.nav-index a {

	height:100%;

	display:block;

	transition:background 0.5s;

	-moz-transition:background 0.5s; /* Firefox 4 */

	-webkit-transition:background 0.5s; /* Safari and Chrome */

	-o-transition:background 0.5s; /* Opera */

}



.station-leftNav .superior-title a {
	background-image: url(../images/zlz_left_nav.png);
	background-repeat: no-repeat;
	background-position: 0 -579px;

}



.station-leftNav .superior-title a:hover,.station-rightNav .novice-title a:hover {

	background-position:-278px -579px;

}



.nav-logo a {

	height:163px;

	background:url(../images/zlz_left_nav.png) 0 -764px no-repeat;

	text-indent:-9999px;

}



.nav-index a {

	height:92px;

	background:url(../images/zlz_left_nav.png) 0 -672px no-repeat;

	text-indent:-9999px;

}



.nav-index a:hover {

	background-position:-278px -672px;

}



.station-leftNav ul li,.station-rightNav ul li {

	width:278px;

	height:92px;

}



.station-leftNav ul li a,.station-rightNav ul li a {

	height:100%;

	text-indent:-9999px;

	display:block;

	transition:background 0.5s;

	-moz-transition:background 0.5s; /* Firefox 4 */

	-webkit-transition:background 0.5s; /* Safari and Chrome */

	-o-transition:background 0.5s; /* Opera */

}



.station-leftNav ul li a {

	background:url(../images/zlz_left_nav.png) 0 0 no-repeat;

}



.station-leftNav ul .nav1 a,.station-rightNav ul .nav1 a {

	background-position:0 -119px;

}



.station-leftNav ul .nav1 a:hover,

.station-leftNav ul .nav1.current a,

.station-rightNav ul .nav1 a:hover,

.station-rightNav ul .current a {

	background-position:-278px -119px;

}



.station-leftNav ul .nav2 a,.station-rightNav ul .nav2 a {

	background-position:0 -211px;

}



.station-leftNav ul .nav2 a:hover,

.station-leftNav ul .nav2.current a,

.station-rightNav ul .nav2 a:hover,

.station-rightNav ul .nav2.current a {

	background-position:-278px -211px;

}



.station-leftNav ul .nav3 a,.station-rightNav ul .nav3 a {

	background-position:0 -303px;

}



.station-leftNav ul .nav3 a:hover,

.station-leftNav ul .nav3.current a,

.station-rightNav ul .nav3 a:hover,

.station-rightNav ul .nav3.current a {

	background-position:-278px -303px;

}



.station-leftNav ul .nav4 a,.station-rightNav ul .nav4 a {

	background-position:0 -395px;

}



.station-leftNav ul .nav4 a:hover,

.station-leftNav ul .nav4.current a,

.station-rightNav ul .nav4 a:hover,

.station-rightNav ul .nav4.current a {

	background-position:-278px -395px;

}



.station-leftNav ul .nav5 a,.station-rightNav ul .nav5 a {

	background-position:0 -487px;

}



.station-leftNav ul .nav5 a:hover,

.station-leftNav ul .nav5.current a,

.station-rightNav ul .nav5 a:hover,

.station-rightNav ul .nav5.current a {

	background-position:-278px -487px;

}



.station-rightNav {

	border-left:1px solid #24282e;

	right:0;

	top:0;

}



.station-rightNav h2 {

	height:119px;

	background:url(../images/zlz_right_nav.png) 0 0 no-repeat;

	text-indent:-9999px;

}



.station-rightNav .novice-title {

	height:93px;

}



.station-rightNav .novice-title a {

	height:100%;

	background:url(../images/zlz_right_nav.png) 0 -579px no-repeat;

	display:block;

}



.station-rightNav ul li a {

	background:url(../images/zlz_right_nav.png) 0 0 no-repeat;

}



.station-bg {

	background:url(../images/zlz_bg_001.jpg) center 0 no-repeat;

}



.station-bg03 {

	background:url(../images/zlz_bg_003.jpg) 0 0 no-repeat;

}



.station-main {

	width:auto;

	height:1004px;

	padding:20px 0 20px 279px;

	overflow-x:hidden;

}



.station-main-index {

	width:auto;

	height:1044px;

	padding:0;

	z-index:1;

	overflow-x:visible;

}



/* 首页flash */

.station-flash {

	width:100%;

	height:100%;

	text-align:center;

	position:absolute;

	left:0;

	z-index:1;

	overflow:hidden;

}



.station-flash-btn {

	margin:0 auto;

	width:1000px;

	height:100%;

}



.station-flash-btn .flash-btn {

	width:150px;

	height:150px;

	background:url(../images/zlz_flash_btn.png) 0 0 no-repeat;

	display:block;

	left:260px;

	top:190px;

	position:relative;

	z-index:2;

}



.station-flash-btn .flash-btn:hover {

	background-position:0 -150px;

}



.station-flash-btn .logo {

	width:293px;

	height:117px;

	background:url(../images/station-logo.png) 0 0 no-repeat;

	display:block;

	left:130px;

	top:-100px;

	position:relative;

	z-index:2;

}



/* 浏览�?280以下 */

@media screen and (max-width:1280px) {

	.station-flash-btn .logo {

		left:355px;

		top:-140px;

	}

}



/* 主标�?*/

.station-main .title {

	width:540px;

	padding:67px 0 0 40px;

	height:69px;

	background:url(../images/zlz_titlebg.png) 30px -12px no-repeat;

}



.station-main .title h1,

.station-main .title h2 {

	float:left;

	text-indent:-9999px;

}



.station-main .title h2 {

	width:237px;

	height:60px;

	background:url(../images/zlz_title01.png) 0 0 no-repeat;

}



.station-main .title h1 {

	margin:20px 0 0 20px;

	width:147px;

	height:38px;

	background:url(../images/zlz_title02.png) 0 0 no-repeat;

	display:inline;

}



.station-main .title02 h1 {

	background-position:0 -38px;

}



.station-main .title03 h1 {

	background-position:0 -76px;

}



.station-main .title04 h1 {

	background-position:0 -114px;

}



.station-main .title05 h1 {

	background-position:0 -152px;

}



.station-main .sidebar {

	position:fixed;

	left:990px;

	top:243px;

}



.station-main .sidebar ul li {

	width:87px;

	height:80px;

	line-height:18px;background:url(../images/zlz_sidebar.png) 0 0 no-repeat;

	text-align:center;

}



.station-main .sidebar ul li a {

	width:40px;

	padding:18px 21px 23px 25px;

	color:#FFF;

	display:block;

}



.station-main .sidebar ul li a:hover,

.station-main .sidebar ul li .current {

	color:#0094cc;

}



.station-main .main {
	padding-bottom:90px;
	width:650px;
	padding-left: 20px;

}



.station-main .main h3 {

	margin:30px 0 0 20px;

	width:150px;

	height:36px;

	line-height:44px;

	padding-left:70px;

	background:url(../images/zlz_dot.png) 0 0 no-repeat;

	font-size:16px;

	color:#FFF;

	overflow:hidden;

}



.station-main .main p {

	margin-top:14px;

	width:540px;

	padding-left:40px;

	line-height:26px;

	color:#000000;

}



.station-main .main p strong {

	color:#fef940;

	font-weight:normal;

}



.station-main .main div img {

	margin:20px 0 0 50px;

	border:1px solid #267ca5;

}



/* 四大门派 */

.station-bg04 {
	background-color: #1e5f87;
	background-image: url(../images/zlz_bg_004.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;

}



.station-bg04 .station-main .title h2 {

	background-position:0 -60px;

}



.station-bg04 .station-main .title h1 {

	background-position:-147px 0;

}



.station-bg04 .station-main .main div img {

	border:1px solid #505050;

}



/* 群侠结义 */

.station-bg05 {

	background:url(../images/zlz_bg_005.jpg) 0 0 no-repeat #820a0b;

}



.station-bg05 .station-main .title {

	background-position:30px -304px;

}



.station-bg05 .station-main .title h2 {

	background-position:0 -120px;

}



.station-bg05 .station-main .title h1 {

	background-position:-294px 0;

}



.station-bg05 .station-main .title02 h1 {
	background-position:-294px -38px;

}



.station-bg05 .station-main .title03 h1 {

	background-position:-294px -76px;

}



.station-bg05 .station-main .main div img {

	border:1px solid #bd1112;

}



.station-bg05 .station-main .main h3 {

	background-position:0 -44px;

}



.station-bg05 .station-main .sidebar ul li a {

	padding:28px 21px 28px 25px;

}



.station-bg05 .station-main .sidebar ul li a:hover,

.station-bg05 .station-main .sidebar ul li .current {

	color:#ff0018;

}



/* 英雄初现 */

.station-bg06 {

	background:url(../images/zlz_bg_006.jpg) 0 0 no-repeat #63054f;

}



.station-bg06 .station-main .title {

	background-position:30px -449px;

}



.station-bg06 .station-main .title h2 {

	background-position:0 -180px;

}



.station-bg06 .station-main .title h1 {

	background-position:-441px 0;

}



.station-bg06 .station-main .title02 h1 {

	background-position:-441px -38px;

}



.station-bg06 .station-main .main div img {

	border:1px solid #db47c0;

}



.station-bg06 .station-main .main h3 {

	background-position:0 -88px;

}



.station-bg06 .station-main .main p strong {

	color:#00eaff;

}



.station-bg06 .station-main .sidebar ul li a:hover,

.station-bg06 .station-main .sidebar ul li .current {

	color:#f540f5;

}



/* 新手上路 */

.station-bg07 {

	background:url(../images/zlz_bg_007.jpg) 0 0 no-repeat #032b24;

}



.station-bg07 .station-main .title {

	background-position:30px -594px;

}



.station-bg07 .station-main .title h2 {

	background-position:0 -240px;

}



.station-bg07 .station-main .title h1 {

	background-position:-588px 0;

}



.station-bg07 .station-main .main {

	width:630px;

}



.station-bg07 .station-main .main p {

	width:590px;

}



.station-bg07 .station-main .main div img {

	border:1px solid #24c641;

}



/* 神兵利器 */

.station-bg08 {

	background:url(../images/zlz_bg_008.jpg) right 0 no-repeat #63054f;

}



.station-bg08 .station-main .title {

	background-position:30px -449px;

}



.station-bg08 .station-main .title h2 {

	background-position:0 -300px;

}



.station-bg08 .station-main .title h1 {

	background-position:-735px 0;

}



.station-bg08 .station-main .title02 h1 {

	background-position:-735px -38px;

}



.station-bg08 .station-main .title03 h1 {

	background-position:-735px -76px;

}



.station-bg08 .station-main .title04 h1 {

	background-position:-735px -114px;

}



.station-bg08 .station-main .title05 h1 {

	background-position:-735px -152px;

}



.station-bg08 .station-main .main div img {

	border:1px solid #db47c0;

}



.station-bg08 .station-main .main h3 {

	background-position:0 -88px;

}



.station-bg08 .station-main .main p strong {

	color:#00eaff;

}



.station-bg08 .station-main .sidebar ul li a:hover,

.station-bg08 .station-main .sidebar ul li .current {

	color:#f540f5;

}



/* 传世秘宝 */

.station-bg09 {

	background:url(../images/zlz_bg_009.jpg) right 0 no-repeat #820a0b;

}



.station-bg09 .station-main .title {

	background-position:30px -304px;

}



.station-bg09 .station-main .title h2 {

	background-position:0 -360px;

}



.station-bg09 .station-main .title h1 {

	background-position:-882px 0;

}



.station-bg09 .station-main .title02 h1 {

	background-position:-882px -38px;

}



.station-bg09 .station-main .main div img {

	border:1px solid #bd1112;

}



.station-bg09 .station-main .main h3 {

	background-position:0 -44px;

}



.station-bg09 .station-main .sidebar ul li a {

	padding:28px 21px 28px 25px;

}



.station-bg09 .station-main .sidebar ul li a:hover,

.station-bg09 .station-main .sidebar ul li .current {

	color:#ff0018;

}



/* 武林至尊 */

.station-bg10 {

	background:url(../images/zlz_bg_010.jpg) right 0 no-repeat #820a0b;

}



.station-bg10 .station-main .title {

	background-position:30px -304px;

}



.station-bg10 .station-main .title h2 {

	background-position:0 -420px;
}



.station-bg10 .station-main .title h1 {

	background-position:-1029px 0;

}



.station-bg10 .station-main .title02 h1 {

	background-position:-1029px -38px;

}



.station-bg10 .station-main .main div img {

	border:1px solid #bd1112;

}



.station-bg10 .station-main .main h3 {

	background-position:0 -44px;

}



.station-bg10 .station-main .sidebar ul li a {

	padding:28px 16px 28px 20px;

	width:50px;

}



.station-bg10 .station-main .sidebar ul li a:hover,

.station-bg10 .station-main .sidebar ul li .current {

	color:#ff0018;

}



/* 霸体进化 */

.station-bg11 {

	background:url(../images/zlz_bg_011.jpg) right 0 no-repeat #051814;

}



.station-bg11 .station-main .title {

	background-position:30px -594px;

}



.station-bg11 .station-main .title h2 {

	background-position:0 -480px;

}



.station-bg11 .station-main .main h3 {

	background-position:0 -132px;

}



.station-bg11 .station-main {

	width:660px;

}



.station-bg11 .station-main .main {

	width:630px;

}



.station-bg11 .station-main .main p {

	width:590px;

}



.station-bg11 .station-main .main div img {

	border:1px solid #076619;

}



/* 侠客�?*/

.station-bg12 {

	background:url(../images/zlz_bg_012.jpg) right 0 no-repeat #820a0b;

}



.station-bg12 .station-main .title {

	background-position:30px -737px;

}



.station-bg12 .station-main .title h2 {

	background-position:-60px -540px;

	width:177px;

}



.station-bg12 .station-main .title h1 {

	background-position:-1176px 0;

}



.station-bg12 .station-main .title02 h1 {

	background-position:-1176px -38px;

}



.station-bg12 .station-main .title03 h1 {

	background-position:-1176px -76px;

}



.station-bg12 .station-main .main div img {

	border:1px solid #bd1112;

}



.station-bg12 .station-main .main h3 {

	background-position:0 -44px;

}



.station-bg12 .station-main .sidebar ul li a {

	padding:18px 21px 23px 25px;

}



.station-bg12 .station-main .sidebar ul li a:hover,

.station-bg12 .station-main .sidebar ul li .current {

	color:#ff0018;

}



/* 右侧导航模式 */

.station-wrapLeft .station-main {

	float:right;

	width:610px;

	padding:20px 289px 20px 0;

}



.station-wrapLeft .station-main .sidebar {

	right:910px;

	left:auto;

}