/*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-size:cover;}
#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*/



/*appbox*/
.appbox ul{overflow:hidden;width:103%;}
.appbox li{float:left;width:16.666%;padding-right:3%;padding-top:3%;}
.appbox li a{display:block;}
.appbox .icon{height:80px;width: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;text-align:center;}
.appbox .view{color:#fff;font-size:2.2rem;border-radius:3px;line-height:2em;background-color:#25c88a;text-align:center;}

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


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

	/*768px*/
	#istop ul,.appbox ul{width:100%;}
	#istop li,.appbox li{width:100%;padding:3.5% 3.5% 0 0;}
	.appbox .icon{height:100%;width:100%;border-radius:5px;background:no-repeat center center;background-size:cover;}
	.appbox .name{padding:2.5% 0;font-size:12px;}
	.appbox .view {font-size:12px;line-height: 1.75em;}

}


@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;}
	#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%;}
}