.article {
	width: 100%;
	padding-left: 270px;
}
.title{
	width:100%;			
	height: 50px;
	line-height: 50px;
	/* text-align:center; */
	font-size: 20px;
	/* float: left; */
}
.date{
	width: 100%;
	line-height: 30px;
	color: #9A9A9A;
	font-size: 14px;
}
.author{
	width: 14%;
	height: 50px;
	color: #9A9A9A;
	float: left;
}
.new{
	width: 100%;
	min-height:360px;
	margin-top:30px;
	font-size:14px;
	line-height:28px;
}
.new img{
	max-width:100%;
	box-shadow:0 0 5px 5px #f3f3f3;
    margin: 10px 0;
}
.foot{
	width: 100%;
	margin-top:30px;
	margin-bottom:30px;
	/* display: flex; */
	/* flex-direction: row; */
	/* justify-content: space-between; */
}		
.lf{ float: left;}
.rf{ float: right;}
.clearFix:after{ content:''; display:block; clear:both;}
.foot .last,
.foot .next{
	width: 40%;
	line-height: 30px;
	font-family: "microsoft yahei";	
	/* display: flex; */
	/* flex-direction: row; */
	/* justify-content: space-between; */
}
.foot .new-btn{	
	width: 60px;
}
.foot .desc{
	display: inline-block;
	max-width: calc(100% - 60px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.foot a.desc{
	color: #00c0fe;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.foot a.desc:hover{
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);
}
.foot .next{
	text-align:right;
	/* padding-right: 60px; */
}