@charset "utf-8";
/* CSS Document */
.study{
	padding: 25px 20px;
	background-color: #f8f8f8;
}
.study ul{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
.study ul li {
	width: 48%;
	background-color: #fff;
	border-radius: 12px;
	padding-bottom: 20px;
	margin-bottom: 16px;
}
.study ul li img{
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}
.study ul li .study-t{
	color: #333333;
	font-size: 1rem;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-top: 10px;
margin-bottom: 5px;
line-height: 25px;
padding-left: 5px;
}
.study ul li .study-d{
	color: #888888;
	font-size: 0.8rem;
	padding: 0 5px;
	  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.study ul li .pageview{
	color: #ccc;
	font-size: 0.6rem;
	padding: 0 5px;
}
.study ul li .price{
	overflow: hidden;
	padding: 0 5px;
}
.study ul li .price-l{
	float: left;
	color: #d81e06;
	font-size: 1rem;
}
.study ul li .price-r a{
	float: right;
	color: #6298fc!important;
		font-size: 1rem;
}