@charset "utf-8";

#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {background:#fff;padding-left:1px;border-bottom:1px solid #d9dce3;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_cate li {display:inline-block;float:left;}
#bo_cate a {display:block;line-height:24px;padding:15px;border-radius:13px;background:#fff}
#bo_cate #bo_cate_on {display:inline-block;position:relative;color:#3a8afd}
#bo_cate #bo_cate_on:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;display:inline-block;background:#3a8afd}

#faq_wrap {margin:0 0 30px}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li {border-bottom:1px solid #ececec;background:#fff;position:relative}
#faq_wrap li h3 {min-height:50px;line-height:30px;padding:15px;padding-left:50px;position:relative}
#faq_wrap li h3 a {font-size:1.2em}
#faq_wrap li h3 .tit_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#c5cdd8;font-size:1.2em}
#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:15px;left:15px;text-align:center;color:#000;font-size:1.6em}
#faq_wrap li h3.faq_li_open a {color:#3a8afd}

#faq_con .con_inner {display:none;padding:5px 5px 20px 50px}
#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
#faq_con .con_inner .closer_btn {position:absolute;right:15px;top:15px;border:0;width:30px;height:30px;background:#fff;color:#3a8afd;font-size:1.2em}

#faq_sch {position:relative;padding:15px;text-align:center}
#faq_sch .frm_input {width:100%;height:45px;border:2px solid #3a8afd;border-radius:0}
#faq_sch .btn_submit {position:absolute;top:17px;right:17px;width:41px;height:41px;background:none;color:#000;font-size:15px}

/*---new css---*/
#faq_cate{background-color: #f8f8f8;border-radius: 4px;overflow: hidden;margin-top: 25px;margin-bottom: 50px;}
#faq_cate ul{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
#faq_cate ul li{flex: 1;}
#faq_cate ul li a{display: block;width: 100%;line-height: 55px;font-size: 1rem;text-align: center;font-weight: 500;color: #666;}
#faq_cate ul li a i{display: inline-block;height: 100%;position: relative;}
#faq_cate ul li a i::after{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #000;display: none;}

#faq_cate ul li a#bo_cate_on{color: #000;font-weight: bold;}
#faq_cate ul li a#bo_cate_on i::after{display: block;}

/*faq list*/
.faq_ul{border-top: 2px solid #222;}
.faq_ans{position: relative;}
.faq_ans a{display: block;width: 100%;height: 100%;font-size: 1.13rem;padding: 30px 60px;border-bottom: 1px solid #ccc;font-weight: 500;}
.faq_ans a *{font-size: 1.13rem;font-weight: 500;}

.fap_icon{position: absolute;font-size: 1.25rem;font-weight: 600;z-index: 1;}
.faq_q, .faq_open{top: 50%;transform: translateY(-50%);}
.faq_q{left: 25px;}
.faq_open{right: 25px;}
.faq_a{top: 33px;left: 25px;color: #0b6af4;}

.faq_que{padding: 32px 60px;border-bottom: 1px solid #ccc;position: relative;display: none;}
.faq_que p{font-size: 1.1rem;line-height: 160%;color: #555;}

.faq_ul li.on .faq_ans{ 
	box-shadow: 0 3px 6px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.05);
}

@media screen and (max-width: 768px) {

	#faq_cate{overflow-x: scroll;}
	#faq_cate ul{white-space: nowrap;width: 150%;}

	.fap_icon{font-size: 15px;}
	.faq_q{left: 13px;}
	.faq_open{right: 13px;}
	.faq_a{top: 25px;left: 13px;}

	.faq_ans a{font-size: 13px;padding: 20px 37px;line-height: 160%;}
	.faq_ans a *{font-size: 13px;}

	.faq_que{padding: 25px 37px;}
	.faq_que p, .faq_que *{font-size: 13px;}
}