.step-1{
	background: #F2F5FC;
	min-height: 44vh
}
.step-1-main{
	display: flex;
	justify-content: flex-start;
}
.step-1-main .news-left {
	width: 786px;
}
.step-1-main .news-ul li{
	width: 100%;
	background: #FFFFFF;
	border-radius: 4px;
	transition: all .3s;
}


.step-1-main .news-ul li:hover{
	box-shadow: 0px 0px 14px #dedede;
}
.step-1-main .news-ul li .news-img{
	width: 269px;
	height: 168px;
	overflow: hidden;
}
.step-1-main .news-ul li .news-img img{
	width: 100%;
	height: 100%;
	transition: all .3s;
}
.step-1-main .news-ul li:hover img{
	transform: scale(1.2);
}
.step-1-main .news-ul li:not(:last-child){
	margin-bottom: 12px;
}
.step-1-main .news-ul li a{
	display: flex;
	padding: 16px;
}
.step-1-main .news-ul li a:hover .news-title{
	color: #156CED;
}
.step-1-main .news-ul li  .news-txt{
	flex: 1;
	margin-left:24px ;
}
.step-1-main .news-ul li .news-title{
		font-weight: 400;
	    font-size: 20px;
	    color: #000000;
	    -moz-box-orient: vertical;
	    -webkit-box-orient: vertical;
	    display: -webkit-box;
	    display: -moz-box;
	    -webkit-line-clamp: 1;
	    overflow: hidden;
	    margin-bottom: 22px;
}
.step-1-main .news-ul li .news-msg{
		font-weight: 400;
	    font-size: 14px;
	    color: #555555;
	    -moz-box-orient: vertical;
	    -webkit-box-orient: vertical;
	    display: -webkit-box;
	    display: -moz-box;
	    -webkit-line-clamp: 3;
	    overflow: hidden;
	    margin-bottom: 42px;
}
.step-1-main .news-ul li .news-time{
	font-weight: 400;
	font-size: 14px;
	color: #A1A4B6;
}
.step-1-main .recommend{
	flex: 1;
	margin-left:60px ;
}

/* 推荐 */
.step-1-main .recommend-lable{
	font-family: Microsoft YaHei;
	font-weight: 400;
	font-size: 20px;
	color: #000000;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #C4CBE7;
}
.step-1-main .recommend-ul{
counter-reset: sectioncounter;
}
.step-1-main .recommend-ul li{
	display: flex;
	align-items: flex-start;
	position: relative;
	margin-top: ;
	padding:0px 0px 13px 28px;
	
}
.step-1-main .recommend-ul li a:hover p{
	color: #156CED;
}
.step-1-main .recommend-ul li a p{
	font-weight: 400;
	font-size: 14px;
	color: #000000;
	-moz-box-orient: vertical;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	display: -moz-box;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.step-1-main .recommend-ul li a span{
	display: block;
	font-weight: 400;
	font-size: 14px;
	color: #A1A4B6;
	padding-top: 16px;
	padding-bottom: 13px;
	border-bottom: 1px solid #C4CBE7;
}
.step-1-main .recommend-ul li::before{
		width: 20px;
		height: 20px;
	    display: inline-block;
	    content: counter(sectioncounter);
	    counter-increment: sectioncounter;
	    font-size: 14px;
	    color: #fff;
	    position: absolute;
	    left: 0;
		top: 2px;
		text-align: center;
		background: #C4CBE7;
		border-radius: 8px 0px 8px 0px;
}
.step-1-main .recommend-ul li:nth-child(-n+3)::before{
	background: #156CED;
}


