.container .media_list{
	padding:1.1rem .15rem .7rem;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.container .media_list li{
	border-radius: 5px;
	width: 44.2%;
	height: 1.85rem;
	margin: .15rem;
	overflow: hidden;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 3px rgb(227, 228, 232);
	-moz-box-shadow: 0px 3px 3px rgb(227, 228, 232);
	box-shadow: 0px 3px 3px rgb(227, 228, 232);
}
.media_list .media_img{
	position: relative;
	height: 1.5rem;
	width: 100%;
}
.media_list .media_img .img,
.media_list .media_img .img_title1,
.media_list .media_img .img_title2{
	position: absolute;
}
.media_list .media_img img{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}
.media_list .media_img .img_title1{
	width: 100%;
	font-size: .25rem;
	font-weight: bold;
	color: #fff;
	z-index: 3;
	left: 50%;
	top: 30%;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.media_list .media_img .img_title2{
	bottom: 0;
	left: 0;
	z-index: 3;
	height: .4rem;
	width: 100%;
	background: rgba(0,0,0,0.5);
	overflow: hidden;
	text-transform: uppercase;
}
.media_list .media_img .img_title2 span{
	box-sizing: border-box;
	float: left;
	height: 100%;
	width: 50%;
	text-align: left;
	padding: 0 0 0 .1rem;
	background-color: #C9161C;
	font-size:.2rem;
	color: #fff;
	line-height: .4rem;
}
.media_list .media_img .img_title2 .media_icon{
	float: right;
	height: 100%;
	background: url(../img/mediaIcon.png) no-repeat;
	background-size: 2.68rem .27rem;
	margin-right: .1rem;
}

.media_list .media_img .img_title2 .media_icon.pencil{
	width: .24rem;
	background-position: -2.4rem center;
}

.media_list .bottom_describe{
	overflow: hidden;
	height: .35rem;
	padding: 0 .1rem;
	font-size: .16rem;
	color: #969696;
	text-align: left;
	line-height: .35rem;
	background-color: #fff;
}
.media_list .bottom_describe span+span{
	padding-left: 3%;
}