@charset "utf-8";
/* CSS Document */
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.f_left{ float: left}
.f_right{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}

/* header */
.header{width: 100%;min-width: 1200px;height: 43px;padding: 6px 0;/*background:url(../images/bg_nav.png) repeat;*/background-color:#fff;}
.head{width: 1180px;height: 43px;margin: 0 auto;position: relative;}
.news_head{width: 800px;padding-left: 0;}
.icon_logo{width: 80px;height: 43px;float: left;background:url(../images/icon_logo.png) center center no-repeat;}
.news_head .icon_logo{margin-right: 0;}
.head_menu{margin-right: 45px;padding-top: 12px;float: left;}
.news_head .head_menu{margin-right: 15px;}
.head_menu li{width: 117px;height: 20px;float: left;font-size: 18px;line-height: 20px;text-align: center;border-left: 1px solid #bebcdb; cursor: pointer;}
.head_menu li a{width: 117px;height: 20px;display: block;font-size: 18px;line-height: 20px;text-align: center;color: #474098;}
.head_menu li.fir{border: 0;border-right: 1px solid #bebcdb;}
.head_menu li.on a,
.head_menu li:hover a{color: #e98a35;}
.head_wx{width: 102px;height: 35px;padding: 4px 0 4px 50px;float: left;position: relative;background:url(../images/wx_head.png) 5px center no-repeat;}
.head_wx p{line-height: 17px;font-size: 14px;color: #474098;}
.wx_hover{display: none;width: 134px;height: 184px;padding: 0 9px;position: absolute;top: 48px;left: 0;background: #fff;z-index: 99;}
.head_wx:hover .wx_hover{display: block;}
.qrcode_wx{width: 134px;height: 133px;margin-bottom: 8px;background:url(../images/qrcode_wx.jpg) center center no-repeat;background-size: 100%;}
.wx_hover p{padding-left: 14px;color: #585858;font-size: 14px;}
.wx_hover p.color{color: #bd465a;}
.header-primary{ position:relative; height:547px; }
.kk { width: 40px; height: 40px; background: url(../images/kk321.png) center center no-repeat; float: left; margin-right: 30px;}
.head_menu li.tips_menu{ position: relative;}
/*新闻下拉导航*/
.head_menu li.news_menu{ position: relative; border: 0; height: 37px;}
.head_menu .news_menu .menu_list{ width: 117px; height: 0px; /*background:url(../images/bg_nav.png) repeat;*/ background-color: #fff; position: absolute; top: 37px; left: 0; overflow: hidden; z-index: 100;}
.head_menu .news_menu .menu_list a{ display: block; width: 117px; height: 40px; line-height: 40px; text-align: center; color: #131313; font-size: 14px; border-top: 1px solid #e1e0ed;}
.head_menu .news_menu .menu_list a:hover{ color: #e98a35;}
/*攻略站下拉导航*/
.head_menu li.game_menu{ border-right: 1px solid #bebcdb;}
.head_menu li.tips_menu{ height: 37px; border: 0;}
.head_menu .tips_menu .menu_list{ width: 117px; height: 0px; /*background:url(../images/bg_nav.png) repeat;*/ background-color: #fff; position: absolute; top: 37px; left: 0; overflow: hidden; z-index: 100;}
.head_menu .tips_menu .menu_list a{ display: block; width: 117px; height: 40px; line-height: 40px; text-align: center; color: #131313; font-size: 14px; border-top: 1px solid #e1e0ed;}
.head_menu .tips_menu .menu_list a:hover{ color: #e98a35;}

/*index*/
.index{ background: url(../images/bg_index.jpg) no-repeat left 55px;}
.wrap{ position: relative; height: 984px; overflow-y: hidden;}
.index .wrap{ width: 1300px;}
.index_logo{ position: absolute; top: 33px; left: 645px; width: 213px;}
.index_music_switch{
	position: absolute;
	top: 75%;
	left: 62%;
	width: 460px;
	height: 180px;
	background: url(../images/pbg.png) no-repeat 0 0;
	cursor: pointer;
	z-index: 9999;
	visibility: inherit;
}


.fixed_index{ position: absolute; top: 0; left: 252px; width: 154px; height: 701px; background: url(../images/fixed_index.png) no-repeat 0 0;
	animation: down 1s linear;
}
@keyframes down{
	0%   { top:-1000px;}
	100% { top:0px;}
}
.fixed_index a{ position: absolute; left: 0; width: 154px; height: 58px;}
.fixed_index a:hover{ background: url(../images/fixed_index_on.png) no-repeat;}
.fixed_index a.n1{ top: 290px;}
.fixed_index a.n2{ top: 362px;}
.fixed_index a.n3{ top: 433px;}
.fixed_index a.n4{ top: 505px;}
.fixed_index a.n1:hover{ background-position: 0 0;}
.fixed_index a.n2:hover{ background-position: 0 -72px;}
.fixed_index a.n3:hover{ background-position: 0 -143px;}
.fixed_index a.n4:hover{ background-position: 0 -215px;}
.index_code{ position: absolute; bottom: 30px; left: 34px; width: 84px; height: 83px;}
.index_nav{ position: absolute; top: 542px; left: 507px; width: 507px;
	animation: up 1s linear;
}
@keyframes up{
	0%   { top:1000px;}
	100% { top:542px;}
}
.index_nav a{ display: block; float: left; width: 152px; height: 171px; margin: 0 17px 13px 0; background: url(../images/index_nav.png) no-repeat;
	transform:translate(0,0);
	transition:transform 0.5s;
}
.index_nav a.n1{ background-position: 0 0;}
.index_nav a.n2{ background-position: -169px 0;}
.index_nav a.n3{ background-position: -338px 0;}
.index_nav a.n4{ background-position: 0 -185px;}
.index_nav a.n5{ background-position: -169px -185px;}
.index_nav a.n6{ background-position: -338px -185px;}
.index_nav a:hover{
	transform:translate(0,-10px);
}
.index_nav a.n1:hover{ background-position: 0 -355px;}
.index_nav a.n2:hover{ background-position: -169px -355px;}
.index_nav a.n3:hover{ background-position: -338px -355px;}
.index_nav a.n4:hover{ background-position: 0 -540px;}
.index_nav a.n5:hover{ background-position: -169px -540px;}
.index_nav a.n6:hover{ background-position: -338px -540px;}

/*article*/
.article{ background: url(../images/bg_article.jpg) no-repeat left 55px;}
.left{ width: 260px;}
.article_logo{
	position: absolute;
	top: 22px;
	left: 35px;
	width: 192px;
}
.left .nav{ padding-top: 187px;}
.left .nav a{ display: block; width: 239px; height: 94px; margin: 0 auto 15px auto; background: url(../images/article_nav.png) no-repeat;}
.left .nav a.n1{ background-position: 0 0;}
.left .nav a.n2{ background-position: 0 -109px;}
.left .nav a.n3{ background-position: 0 -218px;}
.left .nav a.n4{ background-position: 0 -327px;}
.left .nav a.n5{ background-position: 0 -435px;}
.left .nav a.n6{ background-position: 0 -544px;}
.left .nav a.n1:hover, .left .nav a.n1.on{ background-position: -239px 0;}
.left .nav a.n2:hover, .left .nav a.n2.on{ background-position: -239px -109px;}
.left .nav a.n3:hover, .left .nav a.n3.on{ background-position: -239px -218px;}
.left .nav a.n4:hover, .left .nav a.n4.on{ background-position: -239px -327px;}
.left .nav a.n5:hover, .left .nav a.n5.on{ background-position: -239px -435px;}
.left .nav a.n6:hover, .left .nav a.n6.on{ background-position: -239px -544px;}

.right{ width: 900px;}
.right .title{ height: 127px; padding-top: 70px; text-align: center;}
.content{ display: none;}
.main{
	position: relative;
	width: 712px;
	height: 700px;
	margin-bottom: 30px;
	padding: 0 118px 0 70px;
	font-size: 16px;
	color: #504367;
	line-height: 2;
}
.main img{ max-width: 700px; display: block; margin: 0 auto;}
.vertical-track{width:8px;right:0;}
.vertical-handle{width:100%;border-radius:4px;background-color: #aaa;filter:alpha(opacity=60);opacity:0.6;}
.vertical-handle:hover{filter:alpha(opacity=80);opacity:0.8;}
h2.sub_title{ font-size: 30px;}
.main li{ height: 32px; line-height: 32px;}
.main table{ border-top: 1px solid #FFF; border-left: 1px solid #FFF;}
.main td{ height: 38px; text-align: center; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF;}
.main thead td{ background-color: #504367; color: #FFF;}
.main tbody td{ background-color: #d6d3e6; font-size: 14px; color: #504367;}
.link{ text-align: center;}
.link a{ display: inline-block; width: 217px; height: 60px; line-height: 60px; margin: 0 25px; background: url(../images/link.png) no-repeat 0 -60px; font-size: 18px; color: #e3dcf1;}
.link a img{ display: inline-block; vertical-align: -7px; margin-right: 10px;}
.link a:hover{ background-position: 0 0;}
.tip{ width: 585px; height: 32px; line-height: 32px; text-align: center; margin: 0 auto; background: url(../images/tip.png) no-repeat 0 0; font-size: 14px; color: #FFF;}