.faqWrap{
    max-width:750px;
    margin:50px auto;
    font-family:Arial,sans-serif;
}

.faqItem{
    border:1px solid #eee;
    border-radius:12px;
    margin-bottom:12px;
    overflow:hidden;
    background:#f4f4f4;
}

.faqHead{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:18px 20px;
    cursor:pointer;
    font-size:18px;
    font-weight:600;
    color:#222;
}

.faqArrow{
    width:12px;
    height:12px;
    border-right:2px solid #f05c2b;
    border-bottom:2px solid #f05c2b;
    transform:rotate(45deg);
    transition:transform .35s ease;
    flex-shrink:0;
}

.faqBody{
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
}

.faqBodyInner{
    padding:0 20px 20px;
    color:#666;
    line-height:1.7;
}

.faqItem.active .faqArrow{
    transform:rotate(-135deg);
}

.faqItem.active .faqHead{
    color:#f05c2b;
}

@media(max-width:768px){
    .faqHead{
        font-size:16px;
        padding:16px;
    }

    .faqBodyInner{
        padding:0 16px 16px;
    }
}