body {

	background: #f5f5f5;
}

.college {
	width: 380px;
	height: 322px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	margin-top: 30px;
	background: #ffffff;
	cursor: pointer;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;

}

.college:hover {
	/* 	-moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3); */

	-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
	-webkit-transform: translate(0, -10px) !important;
	transform: translate(0, -10px) !important;
}

.college img {
	width: 380px;
	height: 208px;

}

.college_title {
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 32px;
	padding-top: 15px;
	width: 350px;
	height: 22px;
	font-size: 16px;
	font-weight: 500;
	color: #333333;
	line-height: 22px;


	cursor: pointer;


}

.college_title strong {
	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;
}

.college_more {
	text-align: left;
}

.colege_time {
	width: 110px;
	height: 20px;
	font-size: 14px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	text-align: left;
	color: #666666;
	line-height: 20px;
	float: left;
	padding-left: 15px;
}

.college_thumbs_up {
	/* width: 30px; */
	height: 20px;
	font-size: 14px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	text-align: left;
	color: #333333;
	line-height: 20px;
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
	display: inline-flex;
}

.college_thumbs_up img {
	width: 16px;
	height: 16px;
	padding-right: 7px;
	padding-top: 1px;
	cursor: pointer;


}

.college_message {
	/* width: 30px; */
	height: 20px;
	font-size: 14px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	text-align: left;
	color: #333333;
	line-height: 20px;
	padding-right: 15px;
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
	display: inline-flex;


}

.college_message img {
	width: 14px;
	height: 14px;
	padding-left: 18px;
	padding-right: 7px;
	padding-top: 3px;
	cursor: pointer;

}