/*box*/
.box{background-color:#fff;padding:25px;margin-bottom:25px;overflow:hidden;}
.boxTitle{font-size:18px;line-height:1.125em;font-weight:normal;border-bottom:1px solid #e4e4e4;position:relative;padding-bottom:12px;margin-bottom:25px;}
.boxTitle:after{content:'';display:block;width:2em;height:2px;background-color:#25c88a;position:absolute;left:0;bottom:-1px;}
.boxTitle i{font-style:normal;font-weight:bold;color:#25c88a;}


/*wrapper*/
#wrapper{padding:25px 0;overflow:hidden;}
#wrapper .table{display:table;table-layout:fixed;width:100%;}
#wrapper .td{display:table-cell;vertical-align:top;}
.middle{width:25px;}
#recommend{overflow:hidden;width:101.5%;margin-bottom:25px;}


@media screen and (min-width:769px){.hidden-smd{display:none!important}
}
.topImg{width: 100%;background-image:url(/loading.png);background-size:cover;padding-bottom: 80%;}
#top_recommend{padding:0 2% 0px 2%;}
/*topItem*/
.topItem{float:left;padding-right:1.5%;padding-top:1.5%;width:32.74%;}
.topItem:nth-child(2){padding-top:0;}
.topItem:nth-child(n+4){width:25%;}
.topItem .thumbnail{padding-bottom:45%;}
.topItem .title{position:absolute;left:0;width:100%;bottom:0;font-weight:normal;line-height:1.875em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#fff;background-color:rgba(0,0,0,.5);padding:0.5% 5%;text-align:center;}
.topItem a{display:block;overflow:hidden;position:relative;}

/*istop*/
#istop ul{width:102%;}
#istop li{width:21%;padding:2% 2% 0 0;}
#istop li:nth-child(-n+8){padding-top:0;}


/*appbox*/
.appbox ul{overflow:hidden;width:103%;}
.appbox li{float:left;width:16.666%;padding-right:3%;padding-top:3%;text-align:center;}
.appbox li:nth-child(-n+6){padding-top:0;}
.appbox li a{display:block;}
.appbox .icon{padding-bottom:100%;border-radius:5px;background:no-repeat center center;background-size:cover;}
.appbox .name{font-size:16px;font-weight:normal;line-height:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4.8% 0;}
.appbox .view{color:#fff;font-size:2.2rem;border-radius:3px;line-height:2em;background-color:#25c88a;}


/*screen width*/
@media only screen and (max-width:1365px){

	/*1365px*/
	.inner{width:93.75%;}

	/*1365px*/
	#header .inner{padding:2.198% 0;}

	/*1365px*/
	#search .text{height:2.931vw;line-height:2.198vw;padding-top:0.366vw;padding-bottom:0.366vw;}
}
@media only screen and (max-width:1280px){

	/*1280px*/
	#wrapper{padding:20px 0;}
	
	/*1280px*/
	.box{padding:20px;margin-bottom:20px;}
	.boxTitle{margin-bottom:20px;}

	/*1280px*/
	.middle{width:20px;}

	/*1280px*/
	#recommend{margin-bottom:20px;}

	/*1280px*/
	#mza-nav ul{height:44px;line-height:44px;}

	/*1280px*/
	#topBtn{padding:17.5px 0;}



	/*1280px*/
	#contact{width:300px;}

	/*1280px*/
	#mzaback{width:3.90625%;padding-bottom:3.90625%;}

	/*1280px*/
	.appbox ul{width:102.5%;}
	.appbox li{padding:2.5% 2.5% 0 0;}
	.appbox .name{font-size:2.2rem;}


}

@media only screen and (max-width:1024px){

	/*1024px*/
	#wrapper .table{display:block;width:auto;}
	#wrapper .td{display:block;width:auto;}

	/*1024px*/
	#divTags li{padding:0.5% 1% 0.5% 0;}

	/*1024px*/
	#footer{padding:5% 0;}

	/*1024px*/
	#about{padding-right:5%;}

	/*1024px*/
	#contact{width:260px;}

	/*1024px*/
	#istop ul,.appbox ul{width:103%;}
	.appbox li{padding:3% 3% 0 0;}
	.appbox .name{padding:3% 0;}


}
@media only screen and (max-width:768px){


	/*768px*/
	#mzaback{width:30px;padding-bottom:30px;border-radius:3px;}

	/*768px*/
	#istop ul,.appbox ul{width:103.5%;}
	#istop li,.appbox li{width:21%;padding:3.5% 3.5% 0 0;text-align:center;}
	#istop li:nth-child(n+5),.appbox li:nth-child(n+5){padding-top:3.5%;}
	.appbox .name{padding:2.5% 0;font-size:12px;}
	.appbox .view {font-size:12px;line-height: 1.75em;}

}
@media only screen and (max-width:480px){

	/*480px*/
	.appbox li{width:33.333%;}
	.appbox li:nth-child(n+4){padding-top:3.5%;}

	/*480px*/
	#download a{padding:0.5em 1em;}
	#download i{display:block;}

	/*480px*/
	#appmeta ul{width:107%;}
	#appmeta li{padding-right:7%;}
}