@charset "utf-8";
/* CSS Document */

/*支持多种电脑微软雅黑细体*/
@font-face { 
	font-family:"微软雅黑"; 
	font-style: normal;
} 
img  							{border: 0 none;}
*:focus 						{outline: none; border: none;}
a 								{text-decoration: none; border: none; outline: none; color:#727272;}
a:hover 						{color: #f7900c; border: none; outline: none; }
input,textarea 					{margin: 0px; padding: 0px;}
h1,h2,h3,h4,h5,h6 				{font-size: 12px; font-weight: 400; margin: 0px; padding: 0px;}
dl,dd,table  					{width: 100%; list-style: none; padding: 0px; margin: 0px; }
ul								{list-style: none; padding: 0px; margin: 0px; }
.cf  							{clear: both; font-size: 1px; line-height: 1px; display: block;}
.clear,.clearfix{zoom:1}

body{
	font: 12px/1.5 microsoft yahei;
	color: #2b2b2b;
    min-width: 1180px;
	margin:0px;
	padding:0px;
}
body * {	/* CSS3 animate */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
}	/* CSS3 animate */

/* -------------------FontSize Settings------------------------------------------------------------------------------ */
.font12 						{font-size: 12px;}
.font14 						{font-size: 14px;}
.font16 						{font-size: 16px;}
.font18 						{font-size: 18px;}
.font20 						{font-size: 20px;}
.font22 						{font-size: 22px;}
.font24 						{font-size: 24px;}
.font26 						{font-size: 26px;}
.font28 						{font-size: 28px;}
.font30 						{font-size: 30px;}
.font34 						{font-size: 34px;}
/* -------------------FontSize Settings------------------------------------------------------------------------------ */

/* -------------------FontCorlor Settings---------------------------------------------------------------------------- */
.corRed 						{color: #000000;} /* 红色 */
.corBlue 						{color: #000000;} /* 蓝色 */
.corGreen 						{color: #000000;} /* 绿色 */
.corYellow 						{color: #000000;} /* 黄色 */
.corOrange 						{color: #f7900c;} /* 橙色 */
.corWhite 						{color: #ffffff;} /* 白色 */
.corBlack 						{color: #2b2b2b;} /* 黑色 */
.corGary 						{color: #808080;} /* 灰色 */
/* -------------------FontCorlor Settings---------------------------------------------------------------------------- */

/* -------------------Background Settings---------------------------------------------------------------------------- */
.bgRed 							{background-color: #000000;} /* 红色 */
.bgBlue 						{background-color: #000000;} /* 蓝色 */
.bgGreen 						{background-color: #000000;} /* 绿色 */
.bgYellow 						{background-color: #000000;} /* 黄色 */
.bgOrange 						{background-color: #000000;} /* 橙色 */
.bgWhite 						{background-color: #000000;} /* 白色 */
.bgBlack 						{background-color: #2b2b2b;} /* 黑色 */
.bgGary 						{background-color: #000000;} /* 灰色 */
/* -------------------Background Settings---------------------------------------------------------------------------- */

/* -------------------Marging Settings------------------------------------------------------------------------------- */
.marT10 						{margin-top: 10px;}
.marT20 						{margin-top: 20px;}
.marT30 						{margin-top: 30px;}
.marB10 						{margin-bottom: 10px;}
.marB20 						{margin-bottom: 20px;}
.marB30 						{margin-bottom: 30px;}
.marL10 						{margin-left: 10px;}
.marL20 						{margin-left: 20px;}
.marL30 						{margin-left: 30px;}
.marR10 						{margin-right: 10px;}
.marR20 						{margin-right: 20px;}
.marR30 						{margin-right: 30px;}
/* -------------------Marging Settings------------------------------------------------------------------------------- */

/******add by slb***menu begin******/
#header{ 
	background-color:#FFFFFF; 
	height:90px; 
	z-index:101;
	text-align:center;}
#header .headMenu{
	width:1100px;
	height:90px;
	margin-left:auto;
	margin-right:auto;
}	
#header span .logoImg{margin-left:25px;}
	
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;height:1%;display:block; min-height:1%;}

#header .headMenu{
	z-index:999;
}
#header .headMenu span{ 
	display:block;
	width:500px; 
	float:left;
	text-align:left;
	margin-top:15px;}
#header .headMenu .homepage{
	color:#3b3b3b;
}
#header .headMenu > ul{
	display:block;
	float:right;
	width:315px;
	margin-top:30px;
	font-weight:bold;
	font-size:14px;
} 
#header .headMenu > ul .share{
	float:left;
	width:230px;}
#header .headMenu > ul .bshare-more{
	padding-top:2px;}
#header .headMenu > ul > li{
	list-style:none;
	display: inline-block;
	position:relative;
	width:27px;
	z-index:100;
	margin-right:1px;
	text-align:center;
	margin-left:5px;
}
#header .headMenu > ul > li a:hover{
	color:#FFFFFF;
	background-color:#f47524;
	-webkit-transform:translate3d(0,0,0); 
	-moz-transform:translate3d(0,0,0); 
	-ms-transform:translate3d(0,0,0); 
	transform:translate3d(0,0,0);}
	
/******menu end*******/	

/*nav start*/
.headnav{
	width:100%;
	height:109px;
	background-color:#3b3b3b;
}
.headnav .navDiv{
	width:1100px;
	height:109px;
	margin-left:auto;
	margin-right:auto;}
.headnav .navDiv .nav_l{
	width:728px;
	margin-left:auto;
	margin-right:auto;
}
.headnav .navDiv .nav_r{
	float:right;
	width:80px;
	color:#fff;
	font-size:14px;
	margin-top:18px;
}
.nav_r p:hover{
	color:#f47424;
}
.nav_r img{
	margin-right:10px;
}
.headnav li{
	float:left;
	width:180px;
	text-align:center;
	height:114px;
}
/*nav end*/	

/* foot_Box start*/
.foot_Box{
	position:relative;
	height:240px; 
	background: #3b3b3b; 
	border-top:20px solid #f47424; 
	color:#fff;
	z-index:999;
	bottom:0px;
	}

.foot_Box a{color:#fff;}
.foot_Box .foot_all{
	text-align:center;
	height:160px;
	}
.foot_Box .foot_all >ul{
	width:780px;
	margin-left:auto;
	margin-right:auto;
}	
.foot_Box .foot_all >ul >li{
	float:left;
	width:260px;
	text-align:center;	
	border:1px soild red;
}	
.foot_Box .foot_all >ul >li a{
	display:inline-block;
	width:86px;
	text-align:left;
}
.foot_Box .footCopy{
	text-align:center;
	color:#d3d3d3;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	border-top:1px solid #454545;
	line-height:60px;
	height:60px;
	background:#3B3B3B;
	font-size:12px;
}
.foot_Box .way_info{
	line-height:60px;
	height:60px;
	font-size:14px;
	display:block;
}
.way_info li{
}
.way_info li a{
	
}
.linkway_info li{
	
}
.foot_Box .linkway_info{
	font-size:14px;
	line-height:25px;
	height:25px;
}

.linkway_info a{
	color:#bababa;
	font-weight:blod;	
}
	
.kefu{
	width:725px;
	margin:10px auto;
	z-index:100;
}
.kefu img{
	float:right;
	margin-top:-90px;
}	
/* foot_Box end*/

/**返回顶部 start**/
.to_top{ display:none;background:url(../../images/back_up.png) no-repeat left top; width:33px; height:87px; position:fixed; bottom:300px;}
.to_top:hover{ background-position: right top; background:url(../../images/back_up.png) no-repeat; }	
/**返回顶部 end**/

/*应用广场 左边公共页面 start*/
.mainBox .mainDiv .mainLeft{
	float:left;
	width:280px;
	margin-top:-5px;
	background:#DEDEDE;
	height:1760px;
}
.mainBox .mainDiv .mainLeft .searchDiv{
	height:50px;
	width:280px;
	background-color:#7E797F;
}
.mainBox .mainDiv .mainLeft .searchDiv input{
	width:200px;
	height:26px;
	color:#A0A0A4;
	font-size:13px;
	border:#7E797F;
	float:left;
	margin-top:10px;
	margin-left:10px;
	text-indent:5px;
}
.mainBox .mainDiv .mainLeft .searchDiv .searchBtn{
	display:block;
	width:55px;
	height:26px;
	background-color:#F1D043;
	line-height:26px;
	font-size:14px;
	float:left;
	margin-top:10px;
}

/*分类*/
.mainBox .mainDiv .mainLeft .classify{
	background-color:#DEDEDE;
	height:240px;
}
.mainBox .mainDiv .mainLeft .classify a{
	display:block;
	font-size:16px;
	color:#4D4D4D;
	height:55px;
	line-height:55px;
	position:relative;
	top:10px;
	}
.mainBox .mainDiv .mainLeft .classify a span{
	display:block;
}	
.mainBox .mainDiv .mainLeft .classify a:hover{
	color:#F38143;}	
.mainBox .mainDiv .mainLeft .classify a img{
	margin-right:20px;}	
/*.mainBox .mainDiv .mainLeft .classify .first{
	background:#FFFFFF;
	width:260px;
	left:20px;
	color:#F38143;}	*/
.mainBox .mainDiv .mainLeft .rank{
	width:280px;
	height:36px;}	
.mainBox .mainDiv .mainLeft .rank .appRank{
	display:block;
	color:white;
	background-color:#FFB402;
	font-size:16px;
	height:36px;
	line-height:36px;
	float:left;
	width:140px;
}	
.mainBox .mainDiv .mainLeft .rank .gameRank{
	display:block;
	color:white;
	background-color:#7D7D7D;
	font-size:16px;
	height:36px;
	line-height:36px;
	float:right;
	width:140px;
}	

/*app列表*/
.mainBox .mainDiv .mainLeft .rankList{
	width:280px;
}
.mainBox .mainDiv .mainLeft .rankList .rankApp{
	width:100%;
	height:60px;
	background-color:#F2F2F2;
	border-bottom:1px solid #DFDFDF;
}
.mainBox .mainDiv .mainLeft .rankList .rankApp span{
	width:16px;
	height:16px;
	background-color:#9C9C9C;
	display:block;
	color:#FFFFFF;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px; 
	line-height:16px;   
	position:absolute;  
	margin-top:22px;
	margin-left:10px;
}
.mainBox .mainDiv .mainLeft .rankList .rankApp .orange{
	background-color:#F47727;
}
.mainBox .mainDiv .mainLeft .rankList .rankApp .appImg{
	position:absolute;
	display:block;
	margin-top:8px;
	margin-left:40px;}
.mainBox .mainDiv .mainLeft .rankList .rankApp h2{
	font-size:16px;
	line-height:60px;
	width:176px;
	display:block;
	margin-left:100px;
	text-align:left;
}	
.mainBox .mainDiv .mainLeft .rankList .rankApp .appDownload{
	position:absolute;
	width:80px;
	height:30px;
	margin-top:15px;
	margin-left:190px;
	line-height:30px;
	 -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px; 
	background-color:#F57325;
	display:none;
}

/*.mainBox .mainDiv .mainLeft .rankList .rankApp .leftDownloadImgd:before{ 
	position: absolute; 
	content: " ";
	border: transparent 14px solid; 
	border-width: 13px 8px ; 
	border-right-color: #E6E6E6; 
	top:39px; 
	left: -16px; 
	height: 0; 
	width: 0;}
.mainBox .mainDiv .mainLeft .rankList .rankApp .leftDownloadImg{ 
	display:none;
	position:absolute; 
	width: 112px; 
	height: 112px; 
	background: #F2F2F2; 
	border-radius: 5px;   
	text-align: center; 
	line-height: 28px; 
	color: #999; 
	font-size: 14px; 
	border: 1px solid #E6E6E6;
	margin-top:-20px;
	margin-left:286px;
	z-index:200; }
.mainBox .mainDiv .mainLeft .rankList .rankApp .leftDownloadImg:after{ 
	position: absolute; 
	content: " "; 
	border: transparent 13px solid;  
	border-width:  12px 8px; 
	border-right-color: #F2F2F2;
	margin-top:40px; 
	left: -15px; 
	height: 0; 
	width: 0; }	*/
.mainBox .mainDiv .mainLeft .rankList .rankApp .leftDownloadImg{
	display:none;
	position:absolute;
	margin-left:278px;
	margin-top:10px;
	z-index:999;
}
.mainBox .mainDiv .mainLeft .rankList .rankApp .appDownload a{
	color:#FFFFFF;
	font-size:16px;
	display:block;
}	
	
/*客户端下载二维码*/
.mainBox .mainDiv .mainLeft .client{
	width:230px;
	height:280px;
	background:#E9E9E9;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	top:20px;}
.mainBox .mainDiv .mainLeft .client .font{
	font-size:16px;
	height:50px;
	line-height:50px;}	
.mainBox .mainDiv .mainLeft .client .clientDownload{
	display:block;
	width:80px;
	height:35px;
	line-height:35px;
	 -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px; 
	background-color:#F57325;
	color:#FFFFFF;
	font-size:16px;
	position:absolute;
	margin-left:75px;
	margin-top:20px;}	

/*应用广场 左边公共页面 end*/

#addCollect{
	float:right;
	background:url(../../images/btn_shoucang.png) no-repeat;
	width:83px;
	height:25px;}
#addCollect:hover{
	background:url(../../images/btn_shoucang_a.png) no-repeat;}	

.trustWeb{
	position:absolute;
	right:459px;
	margin-top:16px;}	

/*首页*/
.home-add-wrap {
	position: absolute;
	right: -180px;
	cursor: pointer;
}
.home-add-wrap strong {
	padding: 5px 10px;
	color: #999;
}
.foot-link-wrap {
	display: flex;
	justify-content: center;
	background: #3b3b3b;
}
.foot-link-box {
	width: 780px;
	font-size: 14px;
}
.foot-navrightimg {
	position: fixed;
    top: 110px;
    right: 190px;
    z-index: 9999;
    float: right;
    height: 50px;
}
.market-wrap {
	width: 100%;
	display: flex;
	justify-content: center;
}
.market-box {
	width: 1100px;
}
.market-box .recommendClass {
	background-color: #FDEBE1;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: left;
    text-indent: 16px;
}
.market-box .recommendApp {
    width: 803px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.market-box .recommendApp .first {
    margin-left: 20px;
}
.market-box .showDownload {
    display: none;
    position: absolute;
    width: 112px;
    height: 112px;
    background: #F2F2F2;
    border-radius: 5px;
    text-align: center;
    line-height: 28px;
    color: #999;
    font-size: 14px;
    border: 1px solid #E6E6E6;
    margin-top: -10px;
    margin-left: 80px;
    z-index: 99;
}
.market-box .showDownload .appsaomiao {
    float: right;
    width: 112px;
    margin-top: 3px;
}
.market-box .showDownloadLeft {
    display: none;
    position: absolute;
    width: 112px;
    height: 112px;
    background: #F2F2F2;
    border-radius: 5px;
    text-align: center;
    line-height: 28px;
    color: #999;
    font-size: 14px;
    border: 1px solid #E6E6E6;
    margin-top: -10px;
    margin-left: -120px;
}
.market-box .showDownloadLeft .appsaomiao {
    float: right;
    width: 112px;
    margin-top: 3px;
}
.market-box .recommendApp ul li {
    float: left;
    margin-left: 63px;
    position: relative;
    text-align: center;
}
.market-game-wrap a{
	cursor: pointer;
	width: 120px;
	height: 120px;
	position: absolute;
	right: 0;
	top: 0;
	display: block;
}