﻿.oc-main-magnet-faq{
    /* width: 15rem; */
    margin: 1rem auto;
}

.oc-main-magnet-faq h2{
    margin-bottom: 0.19rem;
    font-family: Anton;
    font-size: 0.4rem;
    font-weight: 400;
    line-height: 0.6rem;
    letter-spacing: 0.03em;
    text-align: center;

}


.oc-main-magnet-faq .magnet-faq-wrapper .faq-item{
    border-top: 1px solid #CBD4DC;
    font-size: 0.2rem;
    color: #44494E;
    cursor: pointer;
}
.oc-main-magnet-faq .magnet-faq-wrapper .faq-item .question{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.16rem;
}
.oc-main-magnet-faq .magnet-faq-wrapper .faq-item .question span{
    width: 99%;
    word-break: break-all;
    font-family: Roboto;
    font-size: 0.2rem;
    font-weight: 400;
    line-height: 0.375rem;
    color: #44494E;

}
.oc-main-magnet-faq .faq-item .answer{
    color: #666;
    border-radius: 0.06rem;
    background: rgba(0, 46, 115, 0.08);
    word-break: break-all;
    padding: 0.33rem 0.18rem;
    font-family: Roboto;
    font-size: 0.2rme;
    font-weight: 400;
    line-height: 0.375rem;

}

.oc-main-magnet-faq .faq-item .hide-answer,
.oc-main-magnet-faq .magnet-faq-wrapper .faq-item .question .show{
    display: none;
}




/* 移动端样式 */
@media screen and (max-width: 1025px) {
    .oc-main-magnet-faq{
        width: 6.9rem;
    }
    .oc-main-magnet-faq .magnet-faq-wrapper .faq-item,
    .oc-main-magnet-faq .faq-item .answer{
        font-size: 0.24rem;
    }
    .oc-main-magnet-faq .faq-item .answer{
        font-family: Roboto;
        font-weight: 400;
        line-height: 0.45rem;
        color: #797979;
        padding: 0.46rem 0.18rem;
    }
    
    .oc-main-magnet-faq .magnet-faq-wrapper .faq-item .question{
        padding: 0.21rem 0;
    }
    .oc-main-magnet-faq .magnet-faq-wrapper .faq-item .question span{
        /* width: 5rem; */
        font-family: Roboto;
        font-size: 0.24rem;
        font-weight: 700;
        color: #3F3F3F;
    }
    .oc-main-magnet-faq .magnet-faq-wrapper .faq-item .question svg{
        width: 0.3rem;
    }
}
