*{
	padding:0;
	margin:0;
	border:0;
}
.main-wrap{
	display: flex;
	flex-direction: row ;
	flex-wrap: wrap;
	margin: 0 auto;
	width:1070px;
	margin-top: 50px;
	
}
.main-wrap .item{
	display: flex;
	flex-direction: row ;
	align-items: flex-start;
	width: 220px;
	border: 1px solid #c5d8db;
	transition: all .5s cubic-bezier(.4,0,.2,1);
	padding: 12px;
	overflow:hidden;
	margin: 20px 10px 20px 10px;
}
.main-wrap .item:hover{
	border-color: #009688;
}
.main-wrap .item .icon{
	display: inline-block;
	padding:5px 10px 5px 10px;
	background-color:#009688;
	color: #ffffff;
	border-radius: 5px;
	font-size:12px;
	margin-top: 10px;
}
.main-wrap .item .info{
	display: flex;
	flex-direction: column ;
	margin-left: 10px;
	
}
.main-wrap .item .info .name{
	font-size: 17px;
}
.main-wrap .item .info .detail{
	font-size: 13px;
	color: #999;
	margin-top: 10px;
}