body{background:#f8f8f8; font:12px/22px "微软雅黑"; color:#666; padding:0; margin:0}
div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,select,input{padding:0; margin:0; list-style:none; vertical-align:middle}
input,textarea:focus{outline:none}
img{border:none}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:""; display:block; clear:both; height:0}.clearfix{*zoom:1}
.blank5{clear:both; height:5px; overflow:hidden}
.blank10{clear:both; height:10px; overflow:hidden}
.blank15{clear:both; height:15px; overflow:hidden}
.blank20{clear:both; height:20px; overflow:hidden}
a{color:#999; text-decoration:none; transition:color 0.3s linear}
a:hover{color:#eb5d56}
.f14{font-size:14px}
.p5{padding:5px}.pt5{padding-top:5px}.pb5{padding-bottom:5px}.pl5{padding-left:5px}.pr5{padding-right:5px}
.p10{padding:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}.pr10{padding-right:10px}
.p15{padding:15px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}.pl15{padding-left:15px}.pr15{padding-right:15px}
.p20{padding:20px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}.pl20{padding-left:20px}.pr20{padding-right:20px}
.p30{padding:30px}.pt30{padding-top:30px}.pb30{padding-bottom:30px}.pl30{padding-left:30px}.pr30{padding-right:30px}
.p40{padding:40px}.pt40{padding-top:40px}.pb40{padding-bottom:40px}.pl40{padding-left:40px}.pr40{padding-right:40px}
.p50{padding:50px}.pt50{padding-top:50px}.pb50{padding-bottom:50px}.pl50{padding-left:50px}.pr50{padding-right:50px}
.m5{margin:5px}.mt5{margin-top:5px}.mb5{margin-bottom:5px}.ml5{margin-left:5px}.mr5{margin-right:5px}
.m10{margin:10px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.mr10{margin-right:10px}
.m15{margin:15px}.mt15{margin-top:15px}.mb15{margin-bottom:15px}.ml15{margin-left:15px}.mr15{margin-right:15px}
.m20{margin:20px}.mt20{margin-top:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.mr20{margin-right:20px}
.m40{margin:40px}.mt40{margin-top:40px}.mb40{margin-bottom:40px}.ml40{margin-left:40px}.mr40{margin-right:40px}
.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}
.m1200{width:1200px; margin:0 auto}
.m1220{width:1220px; margin:0 auto}
.m1180{width:1180px; margin:0 auto}
.h960{height:960px;}
.w920{width:920px;}
.w960{width:960px}


.w260{width:260px}
.inner_box{background:#FFF; min-height:650px; _zoom:1; box-shadow:3px 3px 3px rgba(74,74,74,0.1);}

.pqimg{background-image:url(../images/pqimg.png)}
.pqimg1{background-image:url(../images/pqimg1.png)}
/*以上是共用样式*/

/*关部*/
.m_bg{background:url(../images/m_bg.jpg) top center no-repeat; min-width:1200px; min-height:1662px;}
.m_bg2{background:url(../images/m_bg2.jpg) top center no-repeat; min-width:1200px; min-height:1662px;}

/*扫描下载*/
.scan_box{height:148px; position:relative; top:456px; left:34px;}

.scan_box .btn_box{display:block; float:left; padding-right:12px;}
.scan_box .btn_box a{display:block; height:69px; width:201px;}
.scan_box .btn_box .android{background-position:0 -180px}.scan_box .btn_box .android:hover{}
.scan_box .btn_box .ios{background-position:-211px -180px}.scan_box .btn_box .ios:hover{}
.scan_box .btn_box .android_no{background-position:-211px -180px}
.scan_box .btn_box .ios_no{background-position:-211px -180px; cursor:context-menu}

.scan_box .gift{display:block; float:left; background-position:-160px -21px; width:150px; height:148px; margin-left:10px;}


.scan_box .code{float:left; width:127px; height:148px; padding:5px 5px 0px 5px; box-sizing:border-box; position:relative;}
.scan_box .code img{width:117px; height:117px; border-radius:5px}
.scan_box .code i{display:block; background:url(../images/code_line.png) no-repeat; width:127px; height:10px; position:absolute; top:0; left:0;}
.scan_box .anim1{
animation:anim1 2s infinite;
-moz-animation:anim1 2s infinite; /* Firefox */
-webkit-animation:anim1 2s infinite; /* Safari and Chrome */
-o-animation:anim1 2s infinite; /* Opera */
}
@keyframes anim1
{
from{top:0px}
to{top:113px}
}
@-moz-keyframes anim1
{
from{top:0px}
to{top:113px}
}
@-webkit-keyframes anim1
{
from{top:0px}
to{top:113px}
}
@-o-keyframes anim1
{
from{top:0px}
to{top:113px}
}

.top_box{background:rgba(255,255,255,0.55); box-shadow:0 3px 3px rgba(107,107,107,0.28); height:91px}
	/*游戏信息*/
	.top_game_logo{position:absolute; top:20px; left:40px;}
	/*导航*/
	.nav{height:89px; position:relative; margin-left:285px;}
	.nav li{display:block; float:left}
	.nav a{display:block; font-size:16px; color:#0093fe; line-height:91px; padding-left:70px; box-sizing:border-box; width:191px; margin:0 15px; position:relative; transition:all 0.3s linear}
	.nav a:hover, .nav .on{color:#fff; background-color:#26a8fe;}

	.nav a i{display:block; background-image:url(../images/pqimg.png); background-repeat:no-repeat; background-position:-422px 0px; width:22px; height:20px; position:absolute; top:35px; left:42px; transition:all 0.3s ease-out}
	.nav a .i_1{background-position:-422px 0px;}
	.nav a .i_2{background-position:-422px -25px;}
	.nav a .i_3{background-position:-422px -50px;}
	.nav a .i_4{background-position:-422px -75px;}

	.nav a:hover .i_1,.nav a.on .i_1{background-position:-446px 0px;}
	.nav a:hover .i_2,.nav a.on .i_2{background-position:-446px -25px;}
	.nav a:hover .i_3,.nav a.on .i_3{background-position:-446px -50px;}
	.nav a:hover .i_4,.nav a.on .i_4{background-position:-446px -75px;}

/*首页内容*/
	.banner{height:656px}
	.inside_banner{height:400px}

	/*焦点图片*/
	#focus_box{width:568px; height:330px; position:relative; overflow:hidden}
	#focus_box .prev , #focus_box .next{ width:40px; height:60px; margin-top:-30px; cursor:pointer; top:50%; position:absolute; z-index:98}
	#focus_box .prev{background-position:top left; left:-40px;transition:left 0.2s linear;}
	#focus_box .next{background-position:top right; right:-40px;transition:right 0.2s linear}
	#focus_box:hover .prev {left:0px;}
	#focus_box:hover .next{right:0px;}
	.focus_ad li{position:absolute}
	.focus_num{position:absolute; left:15px; bottom:10px; z-index:98}
	.focus_num li{float:left; margin:0 6px}
	.focus_num li i{display:block; background:#fff; width:14px; height:14px; cursor:pointer; border-radius:14px; transition:width 0.3s linear; }
	.focus_num li.on i{background:#0093fe; width:40px;}

	/*切换*/
	.hd_tab{border-bottom:2px solid #dcdcdc; height:50px}
	.hd_tab .li_a, .hd_tab .li_o{float:left; font-size:18px; color:#888; text-align:center; line-height:50px; padding:0 5px; margin-right:30px; cursor:pointer; position:relative; transition:all 0.3s linear}
	.hd_tab .li_a{color:#333; font-weight:bold;}
	.hd_tab2 .li_a i{display:inline-block; border-bottom:2px solid #e0e0e0; line-height:0; height:0; width:100%; position:absolute; bottom:-1px; left:0}
	.hd_tab .more{background-position:-422px -102px; width:17px; height:17px; line-height:18px; margin-top:16px; transition:all 0.3s linear;}
    .hd_tab .more:hover{background-position:-445px -102px;}

	.hd_tab2{border-bottom:1px solid #62616c; height:50px}
	.hd_tab2 .li_a, .hd_tab2 .li_o{float:left; font-size:18px; color:#ababae; text-align:center; line-height:50px; padding:0 5px; margin-right:30px; cursor:pointer; position:relative; transition:all 0.3s linear}
	.hd_tab2 .li_a{color:#fefeff}
	.hd_tab2 .li_a i{display:inline-block; border-bottom:2px solid #e0e0e0; line-height:0; height:0; width:100%; position:absolute; bottom:-1px; left:0}
	.hd_tab2 .more{background-position:-600px -18px; width:60px; height:18px; line-height:18px; margin-top:16px}

	/*新闻列表*/
	.in_news_box{background-color:#fff; width:612px; height:330px; padding:10px 20px 20px; box-sizing:border-box;}
		.in_news_list{padding-top:15px}
		.in_news_list li{line-height:40px; height:40px;}
		.in_news_list li a{display:inline-block; font-size:14px; color:#333; width:400px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.2s ease-out}
		.in_news_list li a:hover{color:#0093fe; margin-left:10px}
		.in_news_list li .time{float:right; font-size:12px; color:#b0b0b0;}

	/*游戏攻略*/
	.in_raiders_box{height:300px;}
	.in_raiders_box ul{float:left; margin-right:17px;box-sizing:border-box;background-color:#fff;height:300px;border:2;width:382px;}
	.in_raiders_box li a{ padding:20px 0 0 20px;display:inline-block; font-size:14px; color:#333;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.2s ease-out}
	.in_raiders_box li a img{width:50px;height:50px;}


	.condition {padding-top:10px;}
	.condition  img{height:50px;width:50px;float:left;}
	.condition  ol{margin:0px 0px 8px 60px; font:bold 12px/12px "Microsoft YaHei","微软雅黑";color: #fff;}
	.condition  h3{padding: 15px 0;font-size: 12px;line-height: 22px;color: #fff;}

	.more{color: #f80;position: relative;cursor: pointer;}
	.tips {width: 220px;position: absolute;top: 25px;left: 50%;margin-left: -182px;background: #fff;padding: 5px 10px;color: #666;z-index: 999;border: 1px solid #d0d0d0;border-radius: 3px;box-shadow: 0 0 5px rgba(0,0,0,0.2);line-height: 22px;text-align: left;text-indent: 2em;cursor: default;display: none;}

	.dow{background-color: #cccc00;}
	.out{background-color: #FFAEB9;}
	.apple_i,.android_i{background: url(../images/btn_icon.png) no-repeat 100px 100px;}
	.apple_i{background-position: 8px -35px; }
	.android_i{background-position: 8px 8px ;}

	.in_raiders_box{background:#3D3D3D; width:528px; height:272px; padding:0 20px}
	.in_raiders_list{float:left; width:330px}
	.in_raiders_list dt{border-bottom:1px dotted #cfcfcf; padding:15px 0; margin-bottom:10px}
	.in_raiders_list dt .name{font-size:14px; font-weight:bold; color:#ffffff}
	.in_raiders_list dt .text{font-size:12px; color:#cfcfcf}

	.in_raiders_list dd{margin:10px 10px 10px 20px; height: 40px;display: block;margin-bottom: 5px;line-height: 40px;font-size: 20px;font-weight: 700;color: #fff;text-align: center;cursor: pointer;}
	.in_raiders_list dd a{display:inline-block; font-size:14px; text-align:center; width:140px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.2s ease-out;color: #f4f4f4;}
	.in_raiders_list dd a:hover{color:#ffc734; margin-left:10px}
	.in_raiders_list dd span{width:40px;height: 40px;display: block;float: left;background-color: #F08080;}

	
	.in_raiders_pic{float:right; width:180px; margin-top:20px; position:relative}
	.in_raiders_pic img{width:180px; height:180px}
	.in_raiders_pic .text{background:rgba(0,0,0,0.65); font-size:14px; color:#FFF; text-align:center; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:30px; width:180px; position:absolute; bottom:0; left:0}
	

	 /* 五图 */
	.FiveImg{width:1180px; height:350px; overflow:hidden; *position:relative}
	.FiveImg ul li{height:350px; width:150px; float:left; overflow: hidden;text-align:right; position: relative; margin-left:3px;}
	.FiveImg ul li a{display:block; background:url(../images/pq_five.jpg) no-repeat; width:150px; height:350px; position:absolute; top:0; left:0; z-index:3}
	.FiveImg ul li img{width:570px; height:290px;}
	.FiveImg ul li .btn_1{background-position:0 0}.FiveImg ul .on .btn_1{background-position:0px 0px;}
	.FiveImg ul li .btn_2{background-position:-150px 0}.FiveImg ul .on .btn_2{background-position:-150px 0px;}
	.FiveImg ul li .btn_3{background-position:-300px 0}.FiveImg ul .on .btn_3{background-position:-300px 0px;}
	.FiveImg ul li .btn_4{background-position:-450px 0}.FiveImg ul .on .btn_4{background-position:-450px 0px;}

/*内页*/
	/*内页标题*/
	.inside_tit{background:linear-gradient(to bottom, rgba(242,242,242,0.9), #FFF); border-bottom:1px solid #e5e5e5; /*background:rgba(242,242,242,0.9)!important; background:#F2F2F2;*/ height:40px; padding:30px}
	.inside_tit h2{float:left; display:block; font-size:25px; font-weight:100; color:#333; line-height:40px}

	/*位置*/
	.location, .location a{font-size:14px; color:#999; line-height:40px}
	.location a:hover{color:##0093fe;}
	.location .arrow{font-family:"宋体"; color:#999; padding:0 5px}


	/*左侧*/
	.inside_scan_box{background:#292d39; padding:25px}
	.inside_scan_box .code{background:#FFF; width:150px; padding:30px 30px 15px; margin-bottom:20px}
	.inside_scan_box .code img{width:150px; height:150px}
	.inside_scan_box .code span{display:block; font-size:16px; color:#888; text-align:center; line-height:30px}
	.inside_scan_box .btn_box a{display:block; height:63px; width:210px}

	.inside_scan_box .btn_box .android{background-position:0 -280px}.inside_scan_box .btn_box .android:hover{}
	.inside_scan_box .btn_box .ios{background-position:-220px -280px}.inside_scan_box .btn_box .ios:hover{}
	.inside_scan_box .btn_box .android_no{background-position:0 -280px; cursor:context-menu}
	.inside_scan_box .btn_box .ios_no{background-position:-220px -280px; cursor:context-menu}

	/*二级栏目切换*/
	.show_tab{padding:20px 0}
	.show_tab li{float:left; width:25%}
	.show_tab a{display:block; border:1px solid #e6e6e6; font-size:16px; color:#888; text-align:center; line-height:40px; margin-left:-1px; transition:all 0.3s linear}
	.show_tab a:hover{background:#F9F9F9}
	.show_tab .on, .show_tab .on:hover{background:#0093fe; border-color:#0093fe; color:#FFF}


	.m_text{font-size:16px; color:#888; line-height:35px}

	/*开服列表*/
	.zone_list{position:relative}
	.zone_list dt{background:#e6e6e6; font-size:16px; color:#666; text-align:center; line-height:30px; height:30px; padding:10px 0}
	.zone_list dd{border-bottom: 1px solid #F2F2F2; font-size:14px; color:#999; text-align:center; line-height:30px; height:30px; padding:10px 0; transition:all 0.3s linear}
	.zone_list dd:hover{background:#F9F9F9}
	.zone_list .name{display:block; float:left; width:25%}.zone_list dd .name{color:#666;}
	.zone_list .time{display:block; float:left; width:25%}
	.zone_list .date{display:block; float:left; width:25%}
	.zone_list .zone{display:block; float:left; width:25%}
	.zone_list .green{color:#029d1e}
	.zone_list .orange{color:#fd702e}

	/*新闻列表*/
	.news_list{overflow:hidden}
	.news_list li{border-bottom:1px dotted #e5e5e5; font-size:16px; line-height:60px; padding:0 20px; overflow:hidden; transition:background 0.2s linear 0s}
	.news_list li:hover{background:#F9F9F9}
	.news_list li a{float:left; color:#888; transition:all 0.3s linear}
	.news_list li a:hover{color:#0093fe; margin-left:10px}
	.news_list li a i{display:inline-block; border-left:4px solid #CCC; border-top:4px solid transparent; border-bottom:4px solid transparent; height:0; width:0; line-height:0; margin-right:15px; vertical-align:middle}
	.news_list li .time{float:right; font-family:Arial; color:#b0b0b0}
	.news_list .arrow{display:inline-block; border-left:5px solid #b0b0b0; border-top:5px solid transparent; border-bottom:5px solid transparent; line-height:0; height:0; margin-right:10px; position:relative}
	.news_list .arrow em{display:inline-block; border-left:5px solid #FFF; border-top:5px solid transparent; border-bottom:5px solid transparent; line-height:0; height:0; margin:-5px 0 0 -7px; position:absolute; top:0; left:0}
	.news_list li:hover .arrow{border-left:5px solid #0093fe; border-top:5px solid transparent; border-bottom:5px solid transparent;}

		/*文章详细*/
		.detit{border-bottom:1px dotted #e5e5e5; text-align:center; margin-bottom:20px}
		.detit h1{font-size:25px; font-family:"微软雅黑"; font-weight:100; color:#333; line-height:30px; padding:20px 0 20px}
		.detit p{display:block; font-size:14px; color:#999; padding-bottom:20px}
		/*上下页*/
		.page_updown{border-top:1px dotted #ebebeb; font-size:14px; color:#666; line-height:45px; padding:0 20px; margin-top:30px}
		.page_updown a{display:inline-block; color:#999}
		.page_updown a:hover{color:#FF7200}

	/*礼包列表*/
	.gift_list li{border-bottom:1px dotted #e5e5e5; padding:20px; position:relative; transition:all 0.2s linear 0s}
	.gift_list li:hover{background:#F9F9F9}
	.gift_list .gift_con{float:left; width:75%}
	.gift_list .gift_con .name{display:block; font-size:16px; font-weight:bold; color:#666; padding-bottom:5px}
	.gift_list .gift_con .name h3{display:inline-block; width:415px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
	.gift_list .gift_con .text{font-size:14px; color:#999; line-height:20px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
	.gift_list .gift_con .progre{height:12px; line-height:12px; padding-bottom:3px}
	.gift_list .gift_con .progre .surplus{font-size:14px; font-weight:100; color:#0093fe; padding-left:10px}
	.gift_list .btn{position:absolute; top:25px; right:20px}
	.gift_list .btn_collar{display:inline-block; float:right; border-radius:5px; border:1px solid #0093fe; font-size:14px; color:#0093fe; text-align:center; line-height:32px; height:32px; padding:0 30px; transition:all 0.4s linear}
	.gift_list .btn_collar:hover{background:#0093fe; color:rgba(255,255,255,0.8)}

	/*弹出层礼包领取*/
	.popup_gift_box{width:600px; min-height:300px; margin:-150px 0 0 -300px; _top:expression(documentElement.scrollTop + 100 + "px");}
	.popup_gift_info{padding:20px}
	.popup_gift_info li{font-size:14px; line-height:35px; position:relative}
	.popup_gift_info label{display:block; float:left; font-size:14px; color:#999; text-align:right; line-height:35px; width:150px; padding-right:10px}
	.popup_gift_info .rc{padding-left:160px}
	.popup_gift_box .btn{display:inline-block; background:#eb5d56; border-radius:5px; font-size:16px; font-family:"微软雅黑"; color:rgba(255,255,255,0.8); text-align:center; line-height:45px; height:45px; padding:0 40px; cursor:pointer; transition:all 0.3s linear}
	.popup_gift_box .btn:hover{background:#8a7027; color:#FFF}

/*进度100%*/
.progre_slider{background:#ccc; display:inline-block; border-radius:3px; line-height:6px; height:6px; width:120px; margin-left:10px; vertical-align:middle; overflow:hidden}
.progre_slider .goso{background:#0093fe; display:inline-block; border-radius:3px; line-height:6px; height:6px; vertical-align:top}

/*翻页*/
.page{text-align:center; line-height:40px; height:40px}
.page a, .page span{display:inline-block; border-radius:3px; font-size:14px; color:#666; padding:0 20px; transition:all 0.3s linear}
.page a:hover{background-color:#ededed}
.page .dot{background:rgba(0, 0, 0, 0); border:medium none}
.page .on{background-color:#0093fe; color:#FFF}


/*页脚*/
.foot{background:#333; text-align:center; min-width:1200px; margin-top:100px}
	/*页脚导航*/
	.foot_nav{background:#2e2e2e; font-size:14px; color:#acacac; line-height:30px; padding:10px 0}
	.foot_nav .line{display:inline-block; color:#484848; padding:0 20px}
	.foot_nav a{display:inline-block; color:#acacac}
	.foot_nav a:hover{color:#f04848}
	
	/*版权*/
	.foot_copy{font-size:12px; color:#858585; line-height:25px; padding:30px 0}
	.foot_copy .choice{font-size:14px; padding-bottom:10px}
	.foot_copy .choice .line{color:#5c5c5c; padding:0 15px}