﻿
.pt-120 {
    padding-top: 0px;
}

.breadcrumb-bg {
    padding: 264px 0;
}
/* FAQ 外层容器 */
.faq-wrapper {
    border-top: 1px solid #eee; /* 顶部第一条线 */
}

/* 每一行的问题区域 */
.faq-item {
    border-bottom: 1px solid #eee; /* 每一行下面的分割线 */
}

.faq-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 10px; /* 增加上下内边距，一行行非常清晰 */
    cursor: pointer;
    transition: all 0.3s ease;
}

    .faq-header:hover {
        background-color: #fcfcfc;
    }

/* 问题文字 */
.faq-question {
    font-size: 19px;
    font-weight: 500;
    color: #333;
    margin: 0;
    transition: color 0.3s;
}

/* 右侧图标 */
.faq-icon {
    font-size: 14px;
    color: #999;
    transition: transform 0.3s ease;
}

/* 展开状态的样式控制 */
.faq-header:not(.collapsed) .faq-question {
    color: #ff5e14; /* 展开时标题变色 */
}

.faq-header:not(.collapsed) .faq-icon {
    transform: rotate(45-deg); /* 展开时图标旋转，变叉号或斜向 */
    color: #ff5e14;
}

/* 答案区域样式 */
.faq-answer {
    padding: 0 10px 30px 10px; /* 左右保持一致，底部留白 */
}

    .faq-answer p {
        font-size: 16px;
        line-height: 1.8;
        color: #666;
        margin: 0;
    }

/* 标题下面的线（复用之前的样式） */
.section-title.text-center .title-line {
    width: 50px;
    height: 3px;
    background: #ff5e14;
    margin: 20px auto 0;
}