@media (min-width: 768px) {
	.main {
		width: 1200px;
		min-width: 1200px;
		margin: 70px auto;
	}
	.main .nav {
		width: 100%;
		height: 92px;
		overflow: hidden;
	}

	.main .nav > li {
		float: left;
		width: 100px;
		height: 30px;
		margin-top: 30px;
		margin-right: 30px;
	}

	.main .nav > li > a {
		display: block;
		width: 100%;
		height: 100%;
		font-size: 14px;
		color: #999;
		text-align: center;
		line-height: 30px;
		border-radius: 30px;
		border: 1px solid #D4D4D4
	}

	.content .article-items{
		width: 1160px;
		margin-left: -40px;
		overflow: hidden;
		text-align: center;
	}
	.content .article-items .article-block{
		/*position: relative;*/
		float: left;
		width: 540px;
		height: 262px;
		margin-left: 40px;
		margin-top: 40px;
		background: url("../img/img_bg_2.png");
	}


}

@media (max-width: 768px) {
	.main {
		width: 100%;
		margin-top: 40px;
		transition: filter ease .4s;
	}
	.main.filter{
		filter:blur(10px);
		-webkit-filter:blur(10px);
	}
	.main .nav {
		width: 100%;
		height: 92px;
		overflow: hidden;
	}

	.main .nav > li {
		float: left;
		width: 70px;
		height: 30px;
		margin-top: 30px;
		margin-right: 10px;
		
	}

	.main .nav > li > a {
		display: block;
		width: 100%;
		height: 100%;
		font-size: 14px;
		color: #999;
		text-align: center;
		line-height: 30px;
		border-radius: 30px;
		border: 1px solid #D4D4D4
	}
	.content .article-items{
		width: 100%;
		padding: 0 20px;
		overflow: hidden;
		text-align: center;
	}
	.content .article-items .article-block{
		position: relative;
		width: 100%;
		/*height: 280px;*/
		margin-top: 20px;
		background: url("../img/img_bg_2.png");
	}

}

.main .nav > li.active > a {
    color: #3683FF;
    border: 1px solid #3683FF;
}

.main .nav > li:hover > a {
    color: #3683FF;
    border: 1px solid #3683FF;
}
.article-items .article-block .cover{
	display: block;
	width: 100%;
	height:210px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.content .article-items .block-footer {
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	padding: 14px 22px;
	border: 1px solid #EDEDEE;
	border-top:none;
	background-color: #fff;
}
.article-items .article-block .title{
	height:20px;
	width: 100%;
	font-size: 16px;
	color: #666;
	text-align: left;
}
.article-items .article-block .time-zan-view{
	position: relative;
	width: 100%;
	height:20px;
	margin-top: 8px;
}
.article-block .time-zan-view .addtime{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 12px;
	color: #bbb;
}

.time-zan-view .zan,
.time-zan-view .view{
	position: absolute;
	width: 40px;
	height:100%;
	top: 0;
	right: 13px;
	color: #888;
	font-size: 13px;
	text-indent: 24px;
}
.time-zan-view .view{
	right:10px;
}


.time-zan-view .zan::before,
.time-zan-view .view::before
{
	content: '';
	position: absolute;
	display: block;
	width: 18px;
	height: 18px;
	background-size: 18px 18px;
}

.time-zan-view .view::before{
	background-image: url('../img/borwse.png');
}

.time-zan-view .zan::before{
	background-image: url('../img/click.png');
}
.pagination{
    margin-top:50px;
    text-align: center;
	margin-bottom:20px;
}
.content{line-height:20px; font-size:16px;}