.list_subtit { font-size: 18px; font-weight: normal;margin:10px 0 20px;padding:15px 10px; text-align: center; background-color: #ffffff;border-radius:5px; color: #555;}
.list_subtit strong { color: #000000;}


.quiz_list_wrap {  overflow: hidden; }
.quiz_list {margin:0 -10px; overflow: hidden;}
.quiz_list .quiz_list_item { width: 25%;  float: left;}
.quiz_list .quiz_list_item a { display: block;margin:10px;background-color: #ffffff;border-radius:5px; overflow: hidden; position: relative;}
.quiz_list .quiz_list_item a .badge {display: inline-block; position: absolute;background:rgba(0,0,0,0.4); top: 0; right: 0; color: #ffffff; z-index: 2;padding:5px 10px; font-size: 11px;}
.quiz_list .thumb { overflow: hidden;}
.quiz_list .thumb img { display: block; width: 100%; height: auto; -webkit-background-size:cover; background-size:cover; background-position: center center;-webkit-transition: all 0.5s ease; /* Safari and Chrome */ -moz-transition: all 0.5s ease; /* Firefox */ -o-transition: all 0.5s ease; /* IE 9 */ -ms-transition: all 0.5s ease; /* Opera */ transition: all 0.5s ease;}
.quiz_list .quiz_list_item a:hover img {filter: alpha(opacity=100); transform: scale(1.15,1.17); /* Change these numbers to suit your needs */ -webkit-transform: scale(1.15,1.17); -moz-transform: scale(1.15,1.17); -ms-transform: scale(1.15,1.17); -o-transform: scale(1.15,1.17);}
.quiz_list .info {padding:10px;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.45),rgba(0,0,0,0.55)); position: absolute; left: 0; right: 0; bottom: 0;}
.quiz_list .subject { font-size: 16px; color: #fff; font-weight: 400; line-height: 20px; overflow: hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}
.quiz_list .counts { height: 18px; line-height: 18px; text-align: right; color: #aaaaaa; font-size: 12px; margin-top: 7px; display: none;}
.quiz_list .view { display: inline-block;}
.quiz_list .like { display: inline-block; margin-left: 10px;}

.quiz_list_wrap .empty { background-color: #ffffff;padding:50px 10px; text-align: center; color: #555555; font-size: 14px;}

.paging { display: block; text-align: center; font-size: 12px; margin-top: 15px;}
.paging .pagination { display: inline-block; }
.paging .pagination > li { display: inline}
.paging .pagination > li >a,
.paging .pagination > li >span {
	display: inline-block;
	position: relative;
	border:1px solid #ddd;
	background-color: #ffffff;
	color: #13B2FD;
	margin-left:-1px;
	padding:6px 12px;
	line-height: 1.5;
	text-decoration: none;
	
}
.paging .pagination > .active >a,
.paging .pagination > .active >span {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #13B2FD;
	border-color: #13B2FD
}
.paging .pagination > .disabled >a,
.paging .pagination > .disabled >span {
	color: #ccc;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}

.paging .pagination > li:first-child >a,
.paging .pagination > li:first-child >span {
	border-radius:5px 0 0 5px;
}

.paging .pagination > li:last-child >a,
.paging .pagination > li:last-child >span {
	border-radius:0 5px 5px 0;
}

@media screen and (max-width: 420px) {
	.quiz_list {margin:0}
	.quiz_list .quiz_list_item { width: 100%;}
	.quiz_list .thumb img { height:135px}
}


@media screen and (min-width: 421px) and (max-width: 768px) {
	.quiz_list {margin:0}
	.quiz_list .quiz_list_item { width: 50%;}
	.quiz_list .thumb img { height:150px}
}

@media screen and (min-width:768px) and (max-width: 1048px) {
	.quiz_list {margin:0}
}