/* faqs页面样式 */

/* faq_box */
.faq_box{}

.faq_list li{margin-bottom: 18px;}
.faq_list li .title{position: relative; background: #F9F9F9; padding: 16px 60px 16px 74px;}
.faq_list li .title::before{position: absolute; left: 0; top: 0; content: ''; width: 64px; bottom: 0; background: #0062ab;}
.faq_list li .left_icon{position: absolute; left: 14px; top: 50%; color: #fff; display: block; width: 36px; height: 36px; transform: translateY(-50%); border: 3px solid #fff; border-radius: 50%; line-height: 34px; text-align: center; font-weight: normal; font-size: 26px; transition: all 0.3s ease;}
.faq_list li .title a{font-size: 20px; font-weight: bold; line-height: 32px;}

.faq_list li .right_icon{position: absolute; right: 14px; top: 50%; width: 36px; height: 36px; cursor: pointer; transform: translateY(-50%);}
.faq_list li .right_icon::before{position: absolute; right: 0; top: 0; font-family: fontawesome; font-size: 28px; color: #0062ab; line-height: 36px; height: 100%; width: 100%; text-align: center; transition: all 0.3s ease;}
.faq_list li .right_icon_down::before{content: '\f107'; transform: rotate(0deg);}
.faq_list li .right_icon_up::before{content: '\f107'; transform: rotate(180deg);}
.faq_list li .right_icon:hover{background: #e0e0e0;}

.faq_list li .brief{padding: 18px 60px 18px 74px; line-height: 28px; color: #666; display: none;}

.faq_list li:hover{box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.15);}
.faq_list li:hover .left_icon{width: 38px; height: 38px; left: 13px;}


.faq_list .f_b{
	white-space: normal;
}


@media only screen and (max-width: 950px) {
	.faq_list li:last-child{margin-bottom: 12px;}
	.faq_list li .title{padding: 12px 50px 12px 64px;}
	.faq_list li .title::before{width: 54px;}
	.faq_list li .left_icon{left: 9px;}
	.faq_list li:hover .left_icon{left: 9px;}
	.faq_list li .right_icon{right: 10px; width: 34px; height: 34px; line-height: 34px;}
	.faq_list li .right_icon::before{font-size: 24px;}
	.faq_list li .title a{font-size: 18px;}
	.faq_list li .brief{padding: 15px 45px 15px 66px; padding: 15px 20px;}
}




