/*fq开始*/
.faq-all{
width:100%;
background-image: url(/img/bg/bg2.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
padding-bottom:30px;
}
.faq-container {
max-width: 640px;
margin: 0px auto;
padding-top:50px;
}
.faq-title {
text-align: center;
margin-bottom: 28px;
}
.faq-title h1 {
font-size: 30px;
font-weight: 700;
color: #0049a3;
margin-bottom:16px;
}
.faq-title p {
font-size:14px;
color:#555;
}
.faq-item {
border:1px solid #ddd;
border-radius:16px;
background:#ffffff;
margin-bottom:8px;
overflow:hidden;
}
.faq-header {
padding:17px 26px;
display:flex;
justify-content: space-between;
align-items:flex-start; /* 改为顶部对齐，多行标题不会垂直居中裁切 */
cursor:pointer;
gap:16px;
outline: none;
}
.faq-header h3 {
font-size:18px;
font-weight:600;
color:#0049a3;
flex: 1;
/* 默认只显示1行 */
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* 激活展开时，取消单行限制，完整显示标题 */
.faq-item.active .faq-header h3{
display:block;
overflow:visible;
}

.icon {
width: 13px;
height: 13px;
position: relative;
flex-shrink: 0;
transition: transform 0.32s ease;
margin-top:4px; /* 箭头和多行标题顶部对齐微调 */
}
.icon::after {
content: "";
position: absolute;
top: 45%;
left: 20%;
width: 50%;
height: 50%;
border-right: 2px solid #111;
border-bottom: 2px solid #111;
transform: rotate(45deg);
}
/* 面板过渡参数和箭头完全对齐 */
.faq-body {
height: 0;
overflow:hidden;
transition: height 0.32s ease;
padding:0 26px;
}
.faq-body-inner {
padding:0 0 26px 0;
}
.faq-body p {
font-size:14px;
color:#606060;
line-height:1.65;
}
.faq-item.active .icon {
transform: rotate(180deg);
}
/* 移动端适配 */
@media(max-width:780px){
.faq-title h1{
font-size:25px;
}
.faq-header h3{
font-size:14px;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
}
.faq-item.active .faq-header h3{
display:block;
overflow:visible;
}
.faq-header {
padding: 15px 13px
}
.faq-container{ max-width:94%;}
.faq-body{padding: 0 15px;}

.faq-item {border-radius: 8px;}
}

/*fq结束*/



/*翻页开始*/
#pages {
line-height:20px;
color:#666666;
margin-top:30px;
display: block;
margin-right: auto;
margin-bottom: 0px;	
margin-left: auto;
padding-top:0px;
font-size:13px;

}
#pages a {
display:inline-block;
padding:7px 14px;	
background:#f9f9f9;
-moz-border-radius: 4px;      /* Gecko browsers */
-webkit-border-radius: 4px;   /* Webkit browsers */
border-radius:2px;            /* W3C syntax */
border: 1px solid #ddd;
font-size:13px;
margin:5px 0px 0 0;
color:#666666;
}
#pages a.a1 {padding:7px 14px; background-color:#FFFFFF;}
#pages a:hover { background:#036eb8;color:#fff; }
#pages span { display:inline-block;padding:7px 14px; background:#036eb8;color:#fff;
-moz-border-radius:4px;      /* Gecko browsers */
-webkit-border-radius: 4px;   /* Webkit browsers */
border-radius:4px;            /* W3C syntax */
}
.text-c{text-align: center}