.app-list {
}

.app-list .datas {
	padding: 20px 10px;
	font: normal 18px/20px Arial;
	text-transform: uppercase;
	border-bottom: 1px solid #e5e5e5;
}

.app-list .item-list .item {
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5;
}

.app-list .item-list .item[data-swhref]:hover {
	background-color: #f0f8f4;
	/*-webkit-filter: brightness(1);
	filter: brightness(1);*/
}

.app-list .item-list .item h4 {
	margin-bottom: 5px;
	font: normal 22px/28px medium;
	color: #106d3b;
}

.app-list .item-list .item h4 span {
	padding-left: 10px;
	font-size: 14px;
	line-height: 14px;
	white-space: nowrap;
}

.app-list .item-list .item p.date {
	margin-bottom: 10px;
	font: 14px/18px Arial;
	color: #969696;
}

.app-list .item-list .item p em {
    color: #dc3c36;
}

.app-list ul.pager {
	clear: both;
	height: 52px;
	margin: 30px 0 0;
	padding: 0;
	font-size: 0;
	text-align: center;
	border-bottom: 2px solid #d9ead4;
	background-color: #f0f0f0;
}

.app-list ul.pager li {
	display: inline-block;
	padding: 0;
	background: none;
}

.app-list ul.pager li span {
	display: inline-block;
	height: 50px;
	overflow: hidden;
	padding: 0 10px;
	font-weight: bold;
	font-size: 13px;
	line-height: 52px;
	color: #3e764f;
	cursor: pointer;
}

.app-list ul.pager li span[onclick]:hover {
	background-color: #dbe0da;
}

.app-list ul.pager li.active span {
	cursor: default;
	background-color: #fff;
}

.app-list ul.pager li.prev {
	float: left;
	width: 52px;
	height: 52px;
	overflow: hidden;
}

.app-list ul.pager li.next {
	float: right;
	width: 52px;
	height: 52px;
	overflow: hidden;
}

.app-list ul.pager li.prev span {
	float: left;
	width: 52px;
	overflow: hidden;
	padding: 0 20px;
	text-indent: -500px;
	background: url(/static/g/pager-prev.png) no-repeat scroll left top;
}

.app-list ul.pager li.next span {
	float: right;
	width: 52px;
	overflow: hidden;
	padding: 0 20px;
	text-indent: -500px;
	background: url(/static/g/pager-next.png) no-repeat scroll right top;
}

.app-list ul.pager li.prev.inactive span {
	color: #aeaeae;
	cursor: default;
	background: url(/static/g/pager-prev.png) no-repeat scroll 0 -52px;
}

.app-list ul.pager li.next.inactive span {
	color: #aeaeae;
	cursor: default;
	background: url(/static/g/pager-next.png) no-repeat scroll 100% -52px;
}

.app-list ul.pager li.empty span {
	display: inline-block;
	padding: 0 15px 0 15px;
	font-weight: bold;
	font-size: 16px;
	line-height: 52px;
	color: #3E764F;
	cursor: default;
}

@media (min-width: 970px) {
	.app-list {
		margin-bottom: 30px;
		-webkit-transition: all 0.4s;
		transition: all 0.4s;
	}

	.app-list .item-list .item {
		padding: 30px 10px;
	}

	.app-list .item-list .item h4 {
		margin-bottom: 8px;
		font: normal 24px/28px medium;
	}

	.app-list ul.pager li span {
		font-size: 16px;
		padding: 0 15px;
	}

	.app-list ul.pager li.long {
		width: 170px;
	}
	.app-list ul.pager li.long.prev span {
		float: left;
		width: auto;
		text-indent: 0;
		font-weight: normal;
		text-align: left;
		padding: 0 20px 0 37px;
	}
	.app-list ul.pager li.long.next span {
		float: right;
		width: auto;
		text-indent: 0;
		font-weight: normal;
		text-align: right;
		padding: 0 37px 0 20px;
	}
}