.article_area{background-color: #ffffff;}
.aw-load-more-content{background-color: #F7F8FA;}

.article_item{padding: 16px 20px;border-radius: 6px;height: 216px;}
.article_item:hover{box-shadow: 0px 1px 16px 0px rgba(0,0,0,0.16);}
.article_item_right{padding-left: 20px;width: 100%;}
.image-slot{
	width: 100%;
    height: 100%;
    background: #f5f7fa;
    color: #909399;
	font-size: 20px;
}
.article_item_title{
	font-size: 18px;
	color: #212629;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    cursor: pointer;
    display: -webkit-box;
    font-weight: bold;
    line-height: 28px;
    overflow: hidden;
}
.article_item_left a{position: relative;}
.article_item_left .article_tag{
	background-color: rgba(0,0,0,.5);
	position: absolute;   
	top: 7px;
    left: 7px;
    border-radius: 12px;
    padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    line-height: 1;
    position: absolute;
}
.article_item_left .article_tag.tag_type_1{background-color: #3eb137;}
.article_item_left .article_tag.tag_type_2{background-color: #1f90f2;}
.article_item_left .article_tag.tag_type_3{background-color: #f0cc23;}
.article_item_left .article_tag.tag_type_4{background-color: #a289df;}
.article_item_left .article_tag.tag_type_5{background-color: #FF8D51;}
.article_item_left .article_tag.tag_type_6{background-color: blue;}
.article_item_left .article_tag.tag_type_7{background-color: #42d1db;}
.article_item_left .article_tag.tag_type_9{background-color: #E54848;}
.article_item_left .article_tag.tag_type_10{background-color: #E9967A;}
.article_item_left .article_tag.tag_type_11{background-color: #afafaf;}
.article_item_desc{
	flex: 1;
	font-size: 14px;
	color: #666666;
	line-height: 18px;
	letter-spacing: .5px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	hyphens: auto;
}

.article_item_right .topic_item+.topic_item{margin-left: 10px;}