/* faq_box */
.faq_box .web_th{width: 42%;}
.faq_box .web_th .brief{margin: 30px 0;}
.faq_box .web_th .more{background: var(--commonColor); color: #fff; border-radius: 8px; line-height: 38px; border: 2px solid transparent; display: inline-block; cursor: pointer; padding: 0 30px; font-weight: bold;}
.faq_box .web_th .more:hover{background: #fff; border-color: var(--commonColor); color: var(--commonColor);}
.faq_list{width: 54%;}
.faq_list li{margin-bottom: 24px;}
.faq_list li:last-child{margin-bottom: 0;}
.faq_list li .th{position: relative; padding: 18px 72px 18px 30px; cursor: pointer; line-height: 1.35; background: #F7F7F7;}
.faq_list li .th .title{font-size: 24px; font-weight: bold;}

.faq_list li .right_icon{position: absolute; right: 26px; top: 18px; width: 30px; height: 30px; cursor: pointer; transition: all 0.3s ease; top: 50%; margin-top: -15px;}

.faq_list li .right_icon::before{position: absolute; right: 0; top: 0; font-family: fontawesome; font-size: 28px; color: #333; line-height: 30px; height: 100%; width: 100%; text-align: center; content: '\f107'; font-weight: bold; transition: all 0.3s ease;}

.faq_list li .faq_con{padding: 20px 30px 6px; line-height: 1.75; display: none; position: relative; margin-top: 0; color: #666;}

.faq_list li.sel_item{border-color: var(--commonColor);}
.faq_list li.sel_item .th{background: var(--commonColor); color: #fff;}
.faq_list li.sel_item .right_icon{ transform: rotate(90deg);}
.faq_list li.sel_item .right_icon::before{color: #fff; line-height: 24px;}
.faq_list li.sel_item .faq_con{display: block;}

@media only screen and (max-width: 1450px) {
	.faq_list li .th .title{font-size: 22px;}
	.faq_list li{margin-bottom: 20px;}
}
@media only screen and (max-width: 1300px) {
	.faq_list li .th{padding: 14px 64px 14px 24px;}
	.faq_list li .right_icon{right: 20px;}
	.faq_list li .th .title{font-size: 18px;}
	.faq_list li .faq_con{padding: 16px 24px 0;}
}
@media only screen and (max-width: 980px) {
	.faq_box .layout{flex-direction: column;}
	.faq_box .web_th{width: 100%;}
	.faq_box .web_th .brief{margin: 10px 0 16px;}
	.faq_list{width: 100%; margin-top: 24px;}
	.faq_list li{margin-bottom: 15px;}
	.faq_list li:last-child{margin-bottom: 0;}
	.faq_list li .th{padding: 16px 40px 16px 20px;}
	.faq_list li .right_icon{right: 8px;}
	.faq_list li .right_icon::before{font-size: 24px;}
	.faq_list li .faq_con{padding: 16px 12px 0;}
}