@charset "utf-8";
/* CSS Document */

*{
	font-family:"微软雅黑";
	font-size:12px;
	list-style:none;
	font-weight:normal;
	text-decoration:none;
	color:#d1c0a5;
}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,button,textarea,p,blockquote{
	margin:0;
	padding:0;
}
*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}
body{
	background:#20180d;
	overflow-x: hidden;
}
ul{
	overflow:hidden;
}
li{
	float:left;
}
a:focus{
	outline:none;
}
.top{
	width:100%;
	height:689px;
	text-align:center;
	position:relative;
}
.header{
	width: 1180px;
	position: absolute;
	top: 24px;
	left: 50%;
	margin-left: -590px;
	z-index: 3;
}
.header ul{
	width: 1180px;
	overflow: hidden;
	text-align: center;
}
.header ul li{
	width: 146px;
	height: 30px;
	line-height: 30px;
}
.header ul li a{
	color: #facd89;
	font-size: 18px;
}
.header ul li.active a,.header ul li a:hover{
	color: #fff45c;
}
.top_flash{
	width:1980px;
	background:rgba(255,255,255,0);
	position:absolute;
	top:0;
	left:50%;
	margin-left:-990px;
}
.logo{
	width:100%;
	height:383px;
	background:url(../images/lanyuegame_bglogo.jpg) no-repeat center top;
}
.item{
	width:100%;
	height:306px;
	background:url(../images/lanyuegame_bg02.jpg) no-repeat center top;
}
.content{
	width:100%;
}
.announcement{
	width: 100%;
	height: 588px;
	background:url(../images/lanyuegame_bg03.jpg) no-repeat center top;
}
.announcement_content,.occupation_content,.printscreen_content{
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
}
.announcement_left,.occupation_left,.printscreen_left{
	width: 230px;
	float: left;
}
.announcement_left ul{
	width: 230px;
}
.announcement_left ul li{
	float: none;
	width: 220px;
	height: 80px;
	padding-right: 10px;
	margin-bottom: 10px;
}
.announcement_left ul li#download{
	width: 220px;
	height: 170px;
	margin-bottom: 0;
}
.announcement_left ul li#recharge{
	width: 220px;
	height: 40px;
	margin-bottom: 0;
}
.announcement_left ul li#zhengban{
	width: 220px;
	height: 40px;
	margin-bottom: 58px;
}
.announcement_left ul li a{
	display: inline-block;
	width: 220px;
	height: 80px;
}
.announcement_left ul li#download a{
	display: inline-block;
	width: 220px;
	height: 170px;
}
.announcement_left ul li#recharge a{
	display: inline-block;
	width: 220px;
	height: 40px;
}
.announcement_left ul li#zhengban a{
	display: inline-block;
	width: 220px;
	height: 40px;
}
.announcement_left ul li a:hover{
	background: url(../images/icon_01.png) no-repeat;
}
.announcement_left ul li#download a:hover{
	background-position: -24px -63px;
}
.announcement_left ul li#recharge a:hover{
	background-position: -24px -233px;
}
.announcement_left ul li#zhengban a:hover{
	background-position: -24px -273px;
}
.announcement_left ul li#strategy a:hover{
	background-position: -296px 0;
}
.announcement_left ul li#safe a:hover{
	background-position: -296px -90px;
}
.announcement_left ul li#forum a:hover{
	background-position: -296px -180px;
}
.announcement_center{
	width: 576px;
	float: left;
	padding: 0 20px 0 10px;
	position: relative;
}
.announcement_center ul{
	position: absolute;
	top: 122px;
	left: 38px;
	width: 522px;
	text-align: center;
}
.announcement_center ul li{
	width: 98px;
	height: 35px;
	line-height: 35px;
}
.announcement_center ul li#more{
	width: 128px;
	height: 35px;
}
.announcement_center ul li a{
	display: inline-block;
	width: 98px;
	height: 35px;
	line-height: 35px;
	color: #ac6a00;
	font-size: 14px;
}
.announcement_center ul li#comprehensive a{
	color: #ffffff;
}
.announcement_center ul li#more a{
	display: inline-block;
	width: 128px;
	height: 35px;
}
.announcement_center ul li a:hover{
	background: url(../images/icon_01.png) no-repeat -290px -277px;
}
.announcement_center ul li#more a:hover{
	background: url(../images/icon_01.png) no-repeat -401px -363px;
}
.center_paragraph{
	width: 516px;
	padding: 20px 30px;
}
.center_header{
	width: 496px;
	padding: 0 10px;
	margin-bottom: 72px;
}
.center_header h1{
	font-size: 24px;
	font-weight: bold;
	line-height: 40px;
	color: #facd89;
	text-align: center;
}
.center_header p{
	line-height: 18px;
	text-align: justify;
}
.center_table{
	width: 514px;
}
.center_table p{
	line-height: 24px;
	overflow: hidden;
}
.center_table p .fl{
	float: left;
}
.center_table p .fr{
	float: right;
}
.center_table p span{
	color: #d1c0a5;
}
.center_table p a:hover span{
	color: #dddddd;
}
.center_table p.red span{
	color: #ff0000;
}
.center_table p.yello span{
	color: #fff100;
}
.center_table p.green span{
	color: #8fc31f;
}
.center_table p.blue span{
	color: #00b7ee;
}
.center_table p.pink span{
	color: #f19ec2;
}
.announcement_right{
	width: 344px;
	float: left;
	position: relative;
}
.banner{
	width: 324px;
	padding: 4px 10px;
}
.banner img{
	display: block;
}
.btn_li{
	width:296px;
	height:12px;
	position:absolute;
	bottom:30px;
	right: 20px;
	text-align:right;
	z-index:5;
}
.btn_li ul{
	display:inline-block;
	margin-right:10px;
	overflow:hidden;
	z-index:5;
}
.btn_li ul li{
	width:12px;
	height:12px;
	margin:0 4px;
	background:url(../images/btn01.gif) no-repeat center center;
	z-index:5;
	cursor:pointer;
}
.btn_li ul .current{
	background:url(../images/btn02.gif) no-repeat center center;
}
.clear{
	margin-top: 20px;
	float: left;
	width: 940px;
	padding-left: 10px;
}
.clear li{
	width: 220px;
	height: 119px;
	margin-right: 20px;
}
.clear li#clear_last{
	margin-right: 0;
}
.clear li a{
	display: inline-block;
	width: 218px;
	height: 119px;
}
.occupation{
	width: 100%;
	height: 418px;
	background:url(../images/lanyuegame_bg04.jpg) no-repeat center top;
}
.occupation_left,.printscreen_left{
	width: 818px;
	float: left;
	margin-right: 20px;
}
.occupation_left{
	height: 400px;
	background: url(../images/lanyuegame_topicimg1.jpg) no-repeat left top;
}
.occupation_left_content,.printscreen_left_content{
	width: 750px;
	padding: 0 34px;
}
.occupation_left_header,.printscreen_left_header{
	width: 750px;
	height: 49px;
}
.occupation_left_header ul li,.printscreen_left_header ul li{
	width: 118px;
	height: 49px;
	margin-right: 1px;
	text-align: center;
	line-height: 48px;
}
.occupation_left_header ul li a{
	display: inline-block;
	width: 118px;
	height: 49px;
	font-size: 18px;
	background: url(../images/icon_01.png) no-repeat -150px -397px;
	color: #7e6b5a;
}
.occupation_left_header ul li.active a{
	color: #d1c0a5;
	background-position: -18px -397px;
}
.occupation_left_header ul li a:hover{
	color: #d1c0a5;
	background-position: -18px -397px;
}
.printscreen_left_header ul li a{
	display: inline-block;
	width: 118px;
	height: 49px;
	font-size: 18px;
	background: url(../images/icon_01.png) no-repeat -150px -396px;
	color: #7e6b5a;
}
.printscreen_left_header ul li.active a{
	color: #d1c0a5;
	background-position: -18px -396px;
}
.printscreen_left_header ul li a:hover{
	color: #d1c0a5;
	background-position: -18px -396px;
}
.occupation_left_header ul div,.printscreen_left_header ul div{
	float: right;
	width: 48px;
	height: 20px;
	padding: 18px 0;
	text-align: center;
	line-height: 20px;
}
.occupation_left_header ul div a,.printscreen_left_header ul div a{
	display: inline-block;
	width: 48px;
	height: 20px;
	text-indent: -7px;
	background: url(../images/icon_01.png) no-repeat -18px -372px;
}
.occupation_left_header ul div a:hover,.printscreen_left_header ul div a:hover{
	color: #e8de49;
}
.occupation_left_topic{
	width: 722px;
	padding: 36px 14px;
	overflow: hidden;
}
.topic_nav{
	width: 357px;
	height: 34px;
	margin-bottom: 24px;
}
.topic_nav ul{
	width: 357px;
	height: 34px;
	text-align: center;
}
.topic_nav ul li{
	width: 119px;
	height: 34px;
	line-height: 34px;
}
.topic_nav ul li a{
	display: inline-block;
	width: 119px;
	height: 34px;
}
.topic_nav ul li a{
	background: url(../images/icon_01.png) no-repeat;
	color: #ac6a00;
	font-size: 14px;
}
.topic_nav ul li a:hover{
	color: #ffffff;
	font-weight: bold;
}
.topic_nav ul li a#soldier{
	color: #ffffff;
	background-position: -292px -320px;
}
.topic_nav ul li a#taoist{
	background-position: -424px -320px;
}
.topic_nav ul li a#rabbi{
	background-position: -424px -320px;
}
.topic_text{
	width: 357px;
}
.topic_text h1{
	font-size: 18px;
	font-weight: bold;
	color: #7facd89;
	line-height: 30px;
}
.topic_text p{
	line-height: 24px;
	text-align: justify;
	margin-bottom: 14px;
}
.occupation_img{
	width: 680px;
	padding: 50px 20px;
	overflow: hidden;
}
.occupation_img dl{
	width: 120px;
	float: left;
	margin-right: 20px;
	text-align: center;
}
.occupation_img dl.last{
	margin-right: 0;
}
.occupation_img dl dt{
	margin-bottom: 6px;
}
.occupation_img dl dt img{
	width: 100%;
	margin-bottom: 6px;
}
.occupation_right,.printscreen_right{
	width: 342px;
	float: left;
}
.occupation_right_btn{
	padding: 60px 20px 0 20px;
}
.occupation_right_btn ul{
	width: 305px;
}
.occupation_right_btn ul li{
	width: 305px;
	height: 59px;
	float: none;
	margin-bottom: 10px;
}
.occupation_right_btn ul li a{
	display: inline-block;
	width: 305px;
	height: 59px;
}
.occupation_right_btn ul li a:hover{
	background: url(../images/icon_01.png) no-repeat;
}
.occupation_right_btn ul li#server a:hover{
	background-position: -350px -467px;
}
.occupation_right_btn ul li#safegard a:hover{
	background-position: -23px -467px;
}
.printscreen{
	width: 100%;
	height: 291px;
	background:url(../images/lanyuegame_bg05.jpg) no-repeat center top;
	position: relative;
}
.printscreen_left_img{
	width: 698px;
	padding: 25px;
	position: relative;
}
.game_img{
	width: 698px;
	overflow: hidden;
}
.game_img dl{
	width: 226px;
	float: left;
	margin-right: 10px;
	text-align: center;
}
.game_img dl.last{
	margin-right: 0
}
.game_img dl dt{
	margin-bottom: 6px;
}
.printscreen_left_img ul{
	width: 698px;
	height: 39px;
	position: absolute;
	top:50%;
	margin-top: -24px;
	overflow: visible;
	
}
.printscreen_left_img ul li{
	width: 39px;
	height: 39px;
}
.printscreen_left_img ul li#left{
	position: absolute;
	top: 0;
	left: -46px;
}
.printscreen_left_img ul li#right{
	position: absolute;
	top: 0;
	right: -46px;
}
.printscreen_left_img ul li a{
	display: inline-block;
	width: 39px;
	height: 39px;
	background: url(../images/icon_01.png) no-repeat;
}
.printscreen_left_img ul li#left a{
	background-position: -288px -364px;
}
.printscreen_left_img ul li#right a{
	background-position: -339px -364px;
}
.printscreen_left_img ul li#left a:hover{
	background-position: -288px -409px;
}
.printscreen_left_img ul li#right a:hover{
	background-position: -339px -409px;
}
.cooperate{
	width: 312px;
	padding:70px 8px 0 22px;
}
.cooperate ul{
	width: 312px;
}
.cooperate ul li{
	width: 88px;
	height: 32px;
	margin: 0 15px 15px 0;
}
.cooperate ul li a{
	display: inline-block;
	width: 88px;
	height: 32px;
}
.moreMedia{
	padding: 15px 20px;
}
.moreMedia p a{
	color: #ae8a5b;
	line-height: 24px;
}
.moreMedia input{
	width: 165px;
	height: 29px;
	border: solid 1px #261003;
	color: #ae8a5b;
	line-height: 28px;
	padding-right: 19px;
	padding-left: 10px;
	background: url(../images/bkg.jpg) no-repeat right center;
	background-color: #351d11;
}
input::-webkit-input-placeholder {
    color: #ae8a5b;
}
input:-moz-placeholder {
    color: #ae8a5b;
}
.moreMedia .select{
	width: 194px;
	border: solid 1px #261003;
	color: #ae8a5b;
	line-height: 24px;
	background: #3d291f;
	margin-top: -2px;
}
.moreMedia .select ul{
	width: 194px;
	height: 100px;
	margin: 0;
	line-height: 20px;
	background: #3d291f;
	overflow-x: hidden;
	overflow-y: auto;
}
.moreMedia .select ul li{
	width: 180px;
	height: 20px;
	color: #ae8a5b;
	margin: 0;
	line-height: 20px;
}
.moreMedia .select ul li a{
	display: inline-block;
	width: 180px;
	height: 20px;
	color: #ae8a5b;
	line-height: 20px;
	padding-left: 10px;
}
.moreMedia .select ul li a:hover{
	background: #efc35a;
	color: #1b1b1b;
}
.footer{
	width:100%;
	height:200px;
	background:#000000;
}
.footer_content{
	width:1180px;
	padding:54px 0;
	margin:0 auto;
	overflow:hidden;
}
.footer_logo{
	width:49%;
	_float:left;
	display:inline-block;
	vertical-align:middle;
}
.footer_text{
	width:49%;
	_float:left;
	_margin-top:20px;
	display:inline-block;
	vertical-align:middle;
}
.footer_text p{
	font-size:12px;
	line-height:20px;
	color:#7e6b5a;
}
.footer_text p span{
	color:#a84200;
	font-size:12px;
	line-height:20px;
}
.footer_text p a{
	line-height:20px;
	font-size:12px;
	color:#7e6b5a;
}
.server{
	width:90px;
	height:422px;
	position:fixed;
	_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)));
	right:30px;
	top:50%;
	margin-top:-221px;
	_margin-bottom:40%;
	text-align: center;
}
.server ul{
	width: 54px;
	margin: 0 auto;
}
.server ul li{
	float:none;
}
.server ul li a{
	display:block;
	width:54px;
	height:94px;
	background:url(../images/icon_01.png) no-repeat;
}
.server ul li #statement{
	background-position:-529px 0;
}
.server ul li #statement:hover{
	background-position:-613px 0;
}
.server ul li #online_service{
	height: 80px;
	background-position:-529px -96px;
}
.server ul li #online_service:hover{
	background-position:-613px -96px;
}
.server ul li #repay{
	background-position:-529px -174px;
}
.server ul li #return_top{
	height:24px;
	background-position:-529px -268px;
	margin-bottom: 40px;
}
.server div{
	width: 90px;
	height: 90px;
}
.server div #wechat{
	display: inline-block;
	width: 90px;
	height:90px;
	cursor:default;
	background:url(../images/icon_01.png) no-repeat -570px -306px;
}