@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
fieldset, img , input , button{
	border: 0;
} 
:link, :visited {
	text-decoration: none;
}
ul{
	list-style-type:none;
}
body{
	background:#39090f;
}
.lay-out{
	width:1000px;
	margin:0 auto;
}
.rightside{
	width:88px;
	height:636px;
	padding-top:4px;
	position:fixed;
	bottom:0;
	right:100px;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.rightside li a{
	width:88px;
	height:53px;
	display:block;
	background:url(images/side2.jpg) no-repeat;
}
.rightside li a:hover{
	background:url(images/side1.jpg) no-repeat;
}
.rightside li a.a1{
	background-position:0 -4px;
}
.rightside li a.a2{
	background-position:0 -57px;
}
.rightside li a.a3{
	background-position:0 -110px;
}
.rightside li a.a4{
	background-position:0 -163px;
}
.rightside li a.a5{
	background-position:0 -216px;
}
.rightside li a.a6{
	background-position:0 -269px;
}
.rightside li a.a7{
	background-position:0 -322px;
}
.rightside li a.a8{
	background-position:0 -375px;
}
.rightside li a.a9{
	background-position:0 -428px;
}
.rightside li a.a10{
	background-position:0 -481px;
}
.rightside li a.a11{
	background-position:0 -534px;
}
.rightside li a.a12{
	background-position:0 -587px;
}
.rightside li a:hover.a1{
	background-position:0 -4px;
}
.rightside li a:hover.a2{
	background-position:0 -57px;
}
.rightside li a:hover.a3{
	background-position:0 -110px;
}
.rightside li a:hover.a4{
	background-position:0 -163px;
}
.rightside li a:hover.a5{
	background-position:0 -216px;
}
.rightside li a:hover.a6{
	background-position:0 -269px;
}
.rightside li a:hover.a7{
	background-position:0 -322px;
}
.rightside li a:hover.a8{
	background-position:0 -375px;
}
.rightside li a:hover.a9{
	background-position:0 -428px;
}
.rightside li a:hover.a10{
	background-position:0 -481px;
}
.rightside li a:hover.a11{
	background-position:0 -534px;
}
.rightside li a:hover.a12{
	background-position:0 -587px;
}
.topbox{
	height:710px;
	background:url(images/topbox.jpg) center top no-repeat;
}
.topnav{
	width:670px;
	height:60px;
	margin-left:240px;
	margin-right:90px;
}
.topnav a{
	float:left;
	line-height:60px;
	color:#ffbd1d;
	font-size:18px;
	font-family:微软雅黑;
}
.topnav a:hover{
	color:#ffe539;
}
.topnav a.index{
	margin-left:23px;
}
.topnav a.download{
	margin-left:18px;
	color:#ffe538;
}
.topnav a.download:hover{
	color:#ffbd1d;
}
.topnav a.recharge{
	margin-left:318px;
}
.topnav a.login{
	margin-left:16px;
}
.mainbox{
	height:3990px;
	background:url(images/mainbox.jpg) center top no-repeat;
}
.content{
	width:1000px;
	height:362px;
	margin:0 auto;
	position:relative;
}
.content.c1{
	margin-top:288px;
}
.content.c2{
	height:502px;
	background:url(images/content2.jpg) center top no-repeat;
}
.content.c3{
	height:364px;
	background:url(images/content3.jpg) center top no-repeat;
}
.content.c4{
	height:364px;
	background:url(images/content4.jpg) center top no-repeat;
}
.content.c5{
	background:url(images/content5.jpg) center top no-repeat;
}
.content.c6{
	background:url(images/content6.jpg) center top no-repeat;
}
.content.c7{
	background:url(images/content7.jpg) center top no-repeat;
}
.content.c8{
	background:url(images/content8.jpg) center top no-repeat;
}
.content.c9{
	background:url(images/content9.jpg) center top no-repeat;
}
.content.c10{
	background:url(images/content10.jpg) center top no-repeat;
}
.content.c11{
	height:588px;
	background:url(images/content11.jpg) center top no-repeat;
}
.content span{
	width:310px;
	height:220px;
	display:block;
	position:absolute;
	cursor:pointer;
}
.content span img{
	display:none;
}
.content span.i1,.content span.i3,.content span.i5,.content span.i7,.content span.i9{
	right:45px;
	bottom:10px;
}
.content span.i2,.content span.i4,.content span.i8,.content span.i10{
	left:195px;
	top:130px;
}
.content span.i11{
	right:45px;
	top:125px;
}
#outerdiv{
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,7);
	z-index:2;
	width:100%;
	height:100%;
	display:none;
	_position:absolute;
	_right:auto;
	_left:expression(eval(document.documentElement.scrollLeft));
	_top:expression(eval(document.documentElement.scrollTop));
}