html,body,ul,li,article,h1,h2,p{margin: 0px; padding: 0px; font-family: "microsoft yahei";}

ul,li{list-style: none;}
body{background: #000;}
em{font-style: normal;display: inline-block;}
a{text-decoration: none;}


/*居中模块大小*/
.content{width: 1100px;margin: 0px auto;position: relative;}

.all-width{width: 100%;background: #131414;max-width: 1920px;    min-width: 1100px; margin: 0 auto;border-top: 1px solid #505050;}
#f2e-gw-footer{background: #131414;max-width: 1920px; margin: 0 auto;}
#f2e-gw-footer .footer_content{width:670px;}

.flash{width:1920px;overflow:hidden;height: 800px;position: absolute;left:50%;margin-left: -960px;}

#KefuR{width:140px;position:fixed;top:50%;margin-top:-100px;right:10px;background-color:#433f3e;box-shadow:0 0 14px rgba(0,0,0,0.2);z-index:1500;}
#KefuR h4{width:140px;height:80px;text-indent:-99em;overflow:hidden;background:url("../images/Kefu_title.jpg"/*tpa=http://www.fly580.com:99/images/Kefu_title.jpg*/) no-repeat left top;}
#KefuR ul li{font-size:15px;background:url("../images/line_x.jpg"/*tpa=http://www.fly580.com:99/images/line_x.jpg*/) repeat-x left bottom;}
#KefuR ul li a{padding:10px 0;line-height:24px;text-align:center;color:#c59d58;background:url("../images/0.gif"/*tpa=http://www.fly580.com:99/images/0.gif*/) no-repeat 10px center;display:block;}
#KefuR ul li a:hover{color:#ffe506;}
#KefuR ul li strong{font-weight:normal;display:block;}
#KefuR ._backtop{width:100%;height:24px;line-height:24px;text-align:center;position:absolute;font-size:14px;left:0px;text-transform:uppercase;}
#KefuR ._backtop:hover{color:#c59d58;}
#KefuR ._ewm{width:140px;height:140px;padding-top:13px;}
#KefuR ._ewm img{width:120px;height:120px;overflow:hidden;margin:0 auto;background:#fff;display:block;}


/*-----首页开始-----*/
/*大背景*/
.wrapper{overflow: hidden;width: 100%;min-width: 1200px;position: relative;margin-top:-800px;}
.wrapper-nav,.wrapper1,.wrapper2,.wrapper3,.wrapper4,.wrapper5{min-width: 1100px;overflow: hidden;}/*宽度不要写，才能居中。*/
.wrapper-nav{height:90px;background: url("../images/bg-nav.jpg"/*tpa=http://www.fly580.com:99/images/bg-nav.jpg*/) no-repeat top center;}
.wrapper1{height:800px;}
.wrapper2{height:860px;background: url("../images/bg2.jpg"/*tpa=http://www.fly580.com:99/images/bg2.jpg*/) no-repeat top center;-moz-user-select:none;}
.wrapper3{height:auto;background: url("../images/bg3.jpg"/*tpa=http://www.fly580.com:99/images/bg3.jpg*/) no-repeat top center;}
.wrapper4{height:530px;background: url("../images/bg4.jpg"/*tpa=http://www.fly580.com:99/images/bg4.jpg*/) no-repeat top center;}
.wrapper5{height:240px;background: url("../images/bg5.jpg"/*tpa=http://www.fly580.com:99/images/bg5.jpg*/) no-repeat top center;}

/*wrapper-nav  导航栏*/
.nav li{width: 100px;height: 90px;display: inline-block;vertical-align: top;cursor: pointer;}
.nli1,.nli2,.nli4,.nli5{margin-right: 36px;}
.nli1:hover,.nli2:hover,.nli3:hover,.nli4:hover,.nli5:hover,.nli6:hover{background: #624e2b;}
.nav li{width: 100px;height: 90px;}
.nav .nlogo{width:314px;}
.nav li{text-align: center;float: left;}
.nav li h1{font-size: 14px;color: #fff;line-height: 24px;margin-top: 28px;}
.nav li h2{font-size: 8px;color: #8e8783;line-height: 18px;font-weight: normal;}

/*不同页面的登录框位置*/
.login-box{width: 336px;height: 180px;background: url("../images/login-bg.jpg"/*tpa=http://www.fly580.com:99/images/login-bg.jpg*/);position: absolute;left: -20px;top: 620px;}
.list-login-box{width: 336px;height: 180px;background: url("../images/login-bg.jpg"/*tpa=http://www.fly580.com:99/images/login-bg.jpg*/);margin-top: 620px;}
.login-box1{width: 286px;height: 129px;background: url("../images/login-bg.jpg"/*tpa=http://www.fly580.com:99/images/login-bg.jpg*/);position: absolute;left: 316px;top: 671px;}
.list-login-box1{width: 286px;height: 129px;background: url("../images/login-bg.jpg"/*tpa=http://www.fly580.com:99/images/login-bg.jpg*/);margin-top: 671px;}
.login-box2{width: 286px;height: 129px;background: url("../images/login-bg.jpg"/*tpa=http://www.fly580.com:99/images/login-bg.jpg*/);position: absolute;left: 602px;top: 671px;}
.list-login-box2{width: 286px;height: 129px;background: url("../images/login-bg.jpg"/*tpa=http://www.fly580.com:99/images/login-bg.jpg*/);margin-top: 671px;}
.login-box3{width: 286px;height: 129px;background: url("../images/login-bg.jpg"/*tpa=http://www.fly580.com:99/images/login-bg.jpg*/);position: absolute;left: 888px;top: 671px;}
.list-login-box3{width: 286px;height: 129px;background: url("../images/login-bg.jpg"/*tpa=http://www.fly580.com:99/images/login-bg.jpg*/);margin-top: 671px;}

/*wrapper1  登录框，公告栏*/
.article-box{width: 290px;height:180px;background:url("../images/article-bg.jpg"/*tpa=http://www.fly580.com:99/images/article-bg.jpg*/);position: absolute;right: 0px;top: 558px;}
.tab-top span,.tab-top a{color: #3b4c5d;height: 50px;line-height: 52px;font-size: 14px;margin-left: 10px;cursor: pointer;+float: left;}
.tab-top span.on{color: #a1aab4;border-bottom:1px solid #a1782b;+float: left;}
.article-box p a{display:block;margin:6px auto 0px;width: 250px; padding: 0px 20px;height: 30px;line-height: 30px;font-size: 16px;color: #bbbfc9;background: #030b15;text-align: center;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.tab-top a{font-size: 8px;float: right;margin-right: 10px;display: none;}
.tab-top a.on{display: block;}

.tab-content {height: 90px;+width:290px;}
.tab-content li a{+float: left;display:inline-block;width:220px;height:24px;line-height:24px;font-size: 12px;color:#abafb9;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-left: 10px;}
.tab-content li span{+float: left;font-size: 10px;color: #848790;display:inline-block;height:26px;line-height:26px;vertical-align:top;float: right;margin-right: 10px;}
.tul2,.tul3,.tul4{display: none;}
.tab-content li a:hover{margin-left:20px;color:#fff;-webkit-transition: all 0.5s ease ;
	-moz-transition: all 0.5s ease ;
	-o-transition: all 0.5s ease ;
	-ms-transition: all 0.5s ease ;
	transition: all 0.5s ease ;}

.wrapper4 .tab-content li span{+float: left;}
.wrapper4 .tab-content li a{width: 380px;+float: left;}
.wrapper4 .tab-content li a:hover{color: #ecdeb9;}

.strategy-box .tab-top a{color: #b0aca3;}
.strategy-box .tab-content li a{color: #e7e7e7;}
.strategy-box .tab-content li span{color:#e8e8e8;cursor: pointer;}
.strategy-box .tab-top span{color: #ffffff;}
.strategy-box .tab-top span.on{color:#ecdeb9;border-bottom: 1px solid #ecdeb9;}

.wrapper4 .tab-top{+float: left;}
.wrapper4 .tab-content{+float: left;}
/*游戏视频*/
.mod_video{display:inline-block;cursor:pointer;position: absolute;top:367px;left: 50%;margin-left: 119px;overflow: hidden;
	/*background:url(../images/videoCover.jpg) no-repeat;*/
	filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.mod_video:hover{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.mod_video2{width:399px;height:209px;display:inline-block;margin-right:2px;}
.mod_video2 .videoImg{float:left;width:350px;height:170px;display: inline-block;overflow: hidden;position:relative;margin-left:28px;margin-top:19px;}
.mod_video2 .videoImg i{width:69px;height:63px;display: inline-block;position: absolute;left:50%;top:50%;margin-left:-35px;margin-top:-32px;z-index:2;}

.mod_video3 .tit{float:left;width:286px;height:62px;line-height:62px;text-align: center;background: #d8c7a0;vertical-align: middle;}
.mod_video3 .tit i{width:26px;height:29px;display: inline-block;vertical-align: middle;}
.mod_video3 .tit span{color:#ffffff;font-size:16px;margin-left:8px;vertical-align: middle;}
.mod_video3 .videoImg{float:left;width:286px;height:143px;display: inline-block;overflow: hidden;}

/*视频模块*/
/*视频模块*/
.pop_trans{display:none;width:100%;height:2267px;position:fixed;_position:absolute;z-index:30000;top:0px;left:0px;background:#000;
    filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.pop_bg{display:none;width:720px;height:500px;top:240px;left:50%;margin-left:-360px;position:fixed;_position:absolute;z-index:30001;}
.pop_video{width:100%;height:100%;position:absolute;z-index:30001;}
.pop_close{width:50px;height:50px;background:#000;position:absolute;right:-50px;top:0px;}
.pop_close span{margin:6px 0px 0px 6px;width:33px;height:33px;display:inline-block;cursor:pointer;background:url("../images/sprite.png"/*tpa=http://www.fly580.com:99/images/sprite.png*/) -79px -28px no-repeat;
	-webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;}
.pop_close:hover span{
	-webkit-transform:rotate(360deg) scale(1,1); 
    -moz-transform:rotate(360deg) scale(1,1);
    -o-transform:rotate(360deg) scale(1,1); 
    -ms-transform:rotate(360deg) scale(1,1); 
    transform:rotate(360deg) scale(1,1); }

/*wrapper2 角色nav*/
.role-nav li{width:224px;height: 112px;display: inline-block;position: absolute;top:42px;cursor: pointer;}
.role-nav .li1{background: url("../images/sprite.png"/*tpa=http://www.fly580.com:99/images/sprite.png*/) 0px -213px;left:139px;}
.role-nav .li2{background: url("../images/sprite.png"/*tpa=http://www.fly580.com:99/images/sprite.png*/) -224px -213px;left:398px;}
.role-nav .li3{background: url("../images/sprite.png"/*tpa=http://www.fly580.com:99/images/sprite.png*/) -448px -213px;left:660px;}
.role-nav .li1.on{background:url("../images/sprite.png"/*tpa=http://www.fly580.com:99/images/sprite.png*/) 0px -325px;}
.role-nav .li2.on{background:url("../images/sprite.png"/*tpa=http://www.fly580.com:99/images/sprite.png*/) -224px -325px;}
.role-nav .li3.on{background:url("../images/sprite.png"/*tpa=http://www.fly580.com:99/images/sprite.png*/) -448px -325px;}
.role-content li{width: 1101px;height: 707px;top:154px;left:-1px;position: absolute;}
.role-content .cli1{background: url("../images/as1.png"/*tpa=http://www.fly580.com:99/images/as1.png*/) center ;background-repeat: no-repeat;}
.role-content .cli2{background: url("../images/as2.png"/*tpa=http://www.fly580.com:99/images/as2.png*/) center ;display: none;background-repeat: no-repeat;}
.role-content .cli3{background: url("../images/as3.png"/*tpa=http://www.fly580.com:99/images/as3.png*/) center ;display: none;background-repeat: no-repeat;}
  
.w2-left,.w2-right{width: 86px;height: 95px;top: 397px;cursor: pointer;}
.w2-left{position: absolute;left: -86px;}
.w2-right{position: absolute;right: -86px;}


/*wrapper4 游戏攻略，游戏原画*/
.strategy-box{width: 500px;height: 260px;position:absolute;left: 0px; top: 138px;}
.strategy-more-box{position:absolute;left: 200px; top:420px;}
.strategy-more-box span{color: #bcbdc2;font-size: 12px;cursor: pointer;}
.w4-img1,.w4-img2{width: 211px;height: 211px;position: absolute;}
.w4-img1{top:174px;left: 608px;background: url("../images/sprite.png"/*tpa=http://www.fly580.com:99/images/sprite.png*/) -160px 0px;}
.w4-img2{top:216px;left: 869px;background: url("../images/sprite.png"/*tpa=http://www.fly580.com:99/images/sprite.png*/) -371px 0px;}

/*m*/
			.zhuangbei {border-top:1px solid #78665A;width:1280px;margin:0 auto;background-color:#3c2d0e; height:auto; overflow:hidden; margin-bottom:30px; padding-bottom:10px;}
			.tit_div { width:100%; height:36px; background:url("../images/tit.jpg"/*tpa=http://www.fly580.com:99/images/tit.jpg*/) repeat-x; line-height:36px; text-align:left; text-indent:20px;font-size:20px; color:#FFFF00;text-shadow: 1px 1px 1px #ff0000; font-weight:bold}
			.divxt { width:350px; height:auto; overflow:hidden; background:#d6cecb; border:#7b6a60 1px solid; float:left; margin-left:10px; margin-top:10px;}
			.divxt img { width:330px; height:auto; padding:10px;}
			
			
			.divxdt { width:625px; height:auto; overflow:hidden; background:#d6cecb; border:#7b6a60 1px solid; float:left; margin-left:10px; margin-top:10px;}
			.divxdt img { width:605px; height:auto; padding:10px;}
			
			.divdt { width:1260px; height:auto; overflow:hidden; background:#d6cecb; border:#7b6a60 1px solid; float:left; margin-left:10px; margin-top:10px;}
			.divdt img { width:1240px; height:auto; padding:10px;}



.tese_cont{ width:1200px; margin:0 auto; position:relative; }
.look5{ background:url("../images/ttl.gif"/*tpa=http://www.fly580.com:99/images/ttl.gif*/); width:900px; height:30px; color:#fff; font-size:16px; text-align:left;  position:absolute; left:104px; top:95px;   
-webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -21px 0 0,#000 0 -2px 0;  
-moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   }
.look6{ background:url("../images/ttl.gif"/*tpa=http://www.fly580.com:99/images/ttl.gif*/); width:900px; height:30px; color:#FFFFFF; font-size:16px; text-align:left;  position:absolute; left:104px; top:135px;    
-webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -21px 0 0,#000 0 -2px 0;  
-moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   }
.look7{ background:url("../images/ttl.gif"/*tpa=http://www.fly580.com:99/images/ttl.gif*/); width:900px; height:30px; color:#FFFFFF; font-size:16px; text-align:left;  position:absolute; left:104px; top:175px;    
-webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -21px 0 0,#000 0 -2px 0;  
-moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   }
.look8{ background:url("../images/ttl.gif"/*tpa=http://www.fly580.com:99/images/ttl.gif*/); width:900px; height:30px; color:#FFFFFF; font-size:16px; text-align:left;  position:absolute; left:104px; top:215px;    
-webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -21px 0 0,#000 0 -2px 0;  
-moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   }
.look9{ background:url("../images/ttl.gif"/*tpa=http://www.fly580.com:99/images/ttl.gif*/); width:900px; height:30px; color:#FFFFFF; font-size:16px; text-align:left;  position:absolute; left:104px; top:255px;    
-webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -21px 0 0,#000 0 -2px 0;  
-moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   }
.look10{ background:url("../images/ttl.gif"/*tpa=http://www.fly580.com:99/images/ttl.gif*/); width:900px; height:30px; color:#FFFFFF; font-size:16px; text-align:left;  position:absolute; left:104px; top:295px;    
-webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -21px 0 0,#000 0 -2px 0;  
-moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   }
.look11{ background:url("../images/ttl.gif"/*tpa=http://www.fly580.com:99/images/ttl.gif*/); width:900px; height:30px; color:#FFFFFF; font-size:16px; text-align:left;  position:absolute; left:104px; top:335px;    
-webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -21px 0 0,#000 0 -2px 0;  
-moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   }
.look12{ background:url("../images/ttl.gif"/*tpa=http://www.fly580.com:99/images/ttl.gif*/); width:900px; height:30px; color:#FFFFFF; font-size:16px; text-align:left;  position:absolute; left:104px; top:375px;    
-webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -21px 0 0,#000 0 -2px 0;  
-moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   }
.look13{ background:url("../images/ttl.gif"/*tpa=http://www.fly580.com:99/images/ttl.gif*/); width:900px; height:30px; color:#FFFFFF; font-size:16px; text-align:left;  position:absolute; left:104px; top:415px;    
-webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -21px 0 0,#000 0 -2px 0;  
-moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   }
.look14{ background:url("../images/ttl.gif"/*tpa=http://www.fly580.com:99/images/ttl.gif*/); width:900px; height:30px; color:#FFFFFF; font-size:16px; text-align:left;  position:absolute; left:104px; top:455px;    
-webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -21px 0 0,#000 0 -2px 0;  
-moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   }
.look15{ background:url("../images/ttl.gif"/*tpa=http://www.fly580.com:99/images/ttl.gif*/); width:900px; height:30px; color:#FFFFFF; font-size:16px; text-align:left;  position:absolute; left:104px; top:495px;    
-webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -21px 0 0,#000 0 -2px 0;  
-moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   }
.look151{ background:url("../images/ttl.gif"/*tpa=http://www.fly580.com:99/images/ttl.gif*/); width:900px; height:30px; color:#FFFFFF; font-size:16px; text-align:left;  position:absolute; left:104px; top:535px;    
-webkit-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -21px 0 0,#000 0 -2px 0;  
-moz-text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;  
text-shadow:#000 2px 0 0,#000 0 2px 0,#000 -2px 0 0,#000 0 -2px 0;   }


.fixed-top {
	display: none;
	position: fixed;
	width: 1120px;
	height: 116px;
	top: 0;
	left: 50%;
	margin-left: -560px;
	z-index: 20;
	background: url("../images/dlq.jpg"/*tpa=http://www.fly580.com:99/images/dlq.jpg*/) no-repeat center top;
}
.fixed-top .orderbtn {
	position: absolute;
	left: 50%;
	width: 202px;
	height: 102px;
}
.fixed-top .perward {
	position: absolute;
	left: 50%;
	width: 128px;
	height: 100px;
	margin-left: 192px;
}
.mask {
	display: none;
	width: 100%;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 50;
}