@charset "utf-8";
.hot{
	border: 1px solid #eee;
	background: #fff;
	border-radius: 10px;
	height: 296px;
}
.title{
	padding: 13px;
	border-bottom: 1px #eee solid;
}
.title span{
	font-weight: 700;
	font-size: 18px;
	color: #262626;
	margin-left: 5px;
}
.hot .hot-cont img{
	width: 54px;
	height: 54px;
}
.hot .hot-cont{
	list-style: none;
}
.hot li{
	float: left;
	border: #eee 1px solid;
	padding: 5px 19px;
	margin: 12px 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
  width: 55px;
  height: 80px;
}
.hot li:hover{
	border:#00A77A solid 1px;
	
}
.hot li:hover .hot-cont-text{
	color: #00A77A;
}
.hot .hot-cont-text{
	margin: 0 0 0 10px;
	color: #666;
	font-size: 13px;
	font-weight: 400;
}
.foot{
	margin-top: 20px;
	border: 1px solid #eee;
	background: #fff;
	border-radius: 10px;
	height: 543px;
	overflow:hidden
}
.cont{
	color: #333333;
	font-size: 14px;
}
.cont a{
	color: #333333;
}
.cont li{
	float: left;
	width: 65px;
	height: 32px;
	line-height: 32px;
	margin: 10px 26px;
	text-align: center;
	border: 1px #fff solid;
}
.cont li:hover{
	color: #00A77A;
	border: 1px #00A77A solid;
	border-radius: 16px;
}
.cont li:hover a{
	color: #00A77A;
}
.cont .cont-text{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bask{
	margin: 20px 0;
	border: 1px solid #eee;
	background: #fff;
	border-radius: 10px;
	height: 320px;
	overflow:hidden
}