/* faq_list */
.faq_list {
	padding-top: 1.5%;
}

.faq_list li {
	margin-bottom: 18px;
	border: 1px solid #666;
}

.faq_list li .th {
	position: relative;
	color: #000;
	padding: 22px 30px 22px 55px;
	cursor: pointer;
	line-height: 1.3;
}

.faq_list li .th::before {
	position: absolute;
	left: 20px;
	right: 20px;
	height: 1px;
	content: '';
	border-top: 1px dotted #ddd;
	bottom: 0;
}

.faq_list li .th .title {
	font-size: 20px;
}

.faq_list li .left_icon,
.faq_con .left_icon {
	position: absolute;
	left: 18px;
	top: 20px;
	width: 26px;
	height: 26px;
	cursor: pointer;
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	background: var(--commonColor);
	border-radius: 50%;
	text-align: center;
}

/* .faq_list li .right_icon{position: absolute; right: 14px; top: 50%; width: 36px; height: 36px; cursor: pointer; margin-top: -18px;}
.faq_list li .right_icon::before{position: absolute; right: 0; top: 0; font-family: fontawesome; font-size: 28px; color: #14457B; line-height: 36px; height: 100%; width: 100%; text-align: center; transition: all 0.3s ease; content: '\f107';} */

.faq_list li .faq_con {
	padding: 0 30px 15px 55px;
	line-height: 1.5;
	display: block;
	position: relative;
	margin-top: 15px;
}

.faq_list li .faq_con .left_icon {
	background: #666;
	margin-top: 0;
	top: 0;
}

.faq_con .brief {
	padding-top: 2px;
}


/* .faq_list li.sel_item .th{color: #14457B;}
.faq_list li.sel_item .right_icon::before{content: '\f107'; transform: rotate(180deg);}
.faq_list li.sel_item .faq_con{display: block;} */
.faq_list li:hover {
	box-shadow: 0 0 16px 5px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 950px) {
	.faq_list {
		padding: 0;
	}

	.faq_list li {
		margin-bottom: 15px;
	}

	.faq_list li:last-child {
		margin-bottom: 0;
	}

	.faq_list li .th {
		padding: 16px 20px 16px 50px;
	}

	.faq_list li .th::before {
		left: 15px;
		right: 15px;
	}

	.faq_list li .left_icon,
	.faq_con .left_icon {
		left: 15px;
		top: 16px;
	}

	/* .faq_list li .faq_con .left_icon{top: 2px;} */
	.faq_list li .right_icon {
		right: 6px;
	}

	.faq_list li .faq_con {
		padding: 0 20px 16px 50px;
		margin-top: 12px;
	}

	.faq_more {
		padding-top: 5px;
	}
}