.tags {
	margin: 30px 0;
}
.tags_head {
	padding: 25px 0;
	text-align: center;
}
.tags_head_title {
	display: inline-block;
	color: #0c3970;
	font-size: 16px;
	font-weight: 600;
}

.tags_toggle {
	margin: 10px 0 0;
	background: none;
	border: none;
}
.tags_toggle div {
	color: #8b8b8b;
	border-bottom: 1px dashed;
	transition: all 200ms linear;
}
.tags_toggle div:first-child + div,
.tags_toggle.active div:first-child {
	display: none;
}
.tags_toggle div:first-child,
.tags_toggle.active div:first-child + div {
	display: inline-block;
}
.tags_toggle:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 8px;
	background-image: url('/_/common/img/sprite.png');
	background-position: -387px -62px;
}
.tags_toggle.active:before {
	background-position: -400px -62px;
}

.tags_body {
	height: 174px;
	overflow: hidden;
}
.tags_list {}
.tags_item {
	float: left;
	display: block;
	margin: 0 10px 10px 0;
	padding: 0 15px;
	line-height: 34px;
	color: #0c3970;
	text-decoration: none;
	border: 1px solid #ddd;
	border-radius: 15px 0 15px 0;
}

@media (max-width: 1023px) {
	.tags_item {
		padding: 0 10px;
		font-size: 13px;
	}
}

@media (min-width: 667px) {
	.tags_body {
		height: 128px;
	}
	.tags_toggle {
		margin: 0 0 0 20px;
	}
}

@media (min-width: 1024px) {
	.tags_body {
		height: 82px;
	}
}

@media (min-width: 1280px) {
	.tags {
		margin: 30px 0 50px;
	}
	.tags_item:hover {
		color: #fff;
		background: #0c3970;
	}
	.tags_toggle:hover div {
		border-bottom-color: transparent;
	}
}