.zxns-th {
	padding: 0 10px;
	background: #f5f5f5;
}

.zxns-th ul {
	width: 100%;
	display: -webkit-flex;
	/* Safari */
	display: flex;
	border-bottom: 1px solid #ccc;
}

.zxns-th li {
	flex: 1;
	padding: 20px;
	background: #f5f5f5;
	font-weight: bold;
	font-size: 17px;
}

.panel-default {
	border: 0;
	border-bottom: 1px solid #ddd;
}

.panel-default>.panel-heading {
	border: 0;
	padding: 0;
}

.panel-group {
	background: whitesmoke;
	padding: 0 10px;
}

.panel-group .panel+.panel {
	margin-top: 0;
}

.zxns-td ul {
	width: 100%;
	display: -webkit-flex;
	/* Safari */
	display: flex;
}

.zxns-td li {
	flex: 1;
	margin: 20px;
	overflow: hidden;
	color: #888;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.zxns-td li button.btn {
	position: absolute;
	background: #acacac;
	color: #fff;
	border-radius: 0;
	padding: 5px 18px;
	font-size: 14px;
	margin-top: -8px;
}

.zxns-td li button.btn.active {
	background: #1a4782;
}

.zxns-td li button.btn i {
	padding: 5px;
}

.zxns-td li button.btn.active i {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	/* IE 9 */
	-moz-transform: rotate(90deg);
	/* Firefox */
	-webkit-transform: rotate(90deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(90deg);
	/* Opera */
}

#accordion .panel-body {
	word-break: break-all;
}

@media (max-width: 767px) {
	.zxns-th li {
		padding: 10px;
		font-size: 12px;
	}

	.zxns-th li:nth-of-type(2) {
		display: none;
	}

	.zxns-th li:nth-of-type(3) {
		display: none;
	}

	.zxns-td li {
		margin: 10px;
		font-size: 10px;
	}

	.zxns-td li:nth-of-type(2) {
		display: none;
	}

	.zxns-td li:nth-of-type(3) {
		display: none;
	}

	.zxns-td li button.btn {
		padding: 1px 6px;
		font-size: 10px;
		margin-top: -5px;
	}
}