@charset "utf-8";

body {
    background: #FFFFFF !important;
}

/*FAQ*/
.question {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
}

.question-left {
    width: 288px;
    position: sticky;
    top: 120px;
    align-self: flex-start;
    flex-shrink: 0;
}

.question-left ul{
   border: 1.5px solid #F5F5F5;
   background: #FFFFFF;
   padding: 16px;
}
.question-left li {
    margin-top: 16px;
}
.question-left li:first-child{
   margin-top: 0;
}

.question-left a {
    background: #fff;
    border-radius: 4px;
    padding: 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .3s;
    height: 56px;
    display: flex;
    align-items: center;
}

.question-left span {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #333333;
    transition: all .3s;
}

.question-left p {
    font-weight: bold;
    width: calc(100% - 48px);
    font-weight: 700;
    font-size: 18px;
    color: #1F1738;
}

.question-left li.cur a {
    background: #FFF2E6;
    border: 1px solid rgba(246, 117, 31, 0.5);
}

.question-left li.cur span {
    background: #EE7115;
}

.question-left li.cur p {
    color: #EE7115;
}


.question-right {
    flex: 1;
}

.question-box {
    border: 1.5px solid #F5F5F5;
    margin-bottom: 18px;
    border-radius: 4px;
    background: #fff;
    padding: 0 24px;
}

.question-box h2 {
    font-weight: bold;
    font-size: 20px;
    color: #333333;
    cursor: pointer;
    line-height: 20px;
    height: 68px;
    display: flex;
    align-items: center;
    background: url(https://static.buffhub.com/buffhub/images/pic36.png) no-repeat right center;
    padding-right: 30px;
}

.question-box h2.on1 {
    background: url(https://static.buffhub.com/buffhub/images/pic37.png) no-repeat right center;
}

.question-text {
    padding: 25px 0;
    border-top: 1.5px solid #F5F5F5;
    display: none;
}

.question-text img {
    margin: 0 auto;
    max-width: 100%;
}

.question-text p {
    font-size: 14px;
    line-height: 1.6;
    color: #666666;
}


/* PC只在非触摸设备应用 hover */
@media (hover: hover) and (pointer: fine) {


    .question-left a:hover span {
        background: #EE7115;
    }

    .question-left a:hover p {
        color: #EE7115;
    }
}

@media (max-width: 950px) {
    body {
        background: #F4F7F9 !important;
    }

    .question {
        display: block;
    }

    .question-left {
        width: 100%;
        border-radius: 8px;
        background: #fff;
        position: sticky;
        top: 1.82rem;
        z-index: 2;
    }

    .question-left ul {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: .24rem;
    }

    .question-left li {
        width: 20%;
        margin: 0;
    }

    .question-left a {
        border: none;
        padding: 0;
        height: auto;
        flex-direction: column;
    }

    .question-left span {
        width: .93rem;
        height: .93rem;
    }

    .question-left p {
        font-size: .2rem;
        line-height: .32rem;
        font-weight: 400;
        margin-top: .08rem;
        text-align: center;
        width: 100%;
    }

    .question-left li.cur a {
        background: none;
        border: none;
    }
    .question-right {
        width: 100%;
        padding-top: .24rem;
    }

    .question-box {
        padding: 0 .32rem;
        margin-bottom: .24rem;
    }

    .question-box h2 {
        font-size: .2rem;
        line-height: .32rem;
        background: url(https://static.buffhub.com/buffhub/images/pic36.png) no-repeat right center;
        background-size: .3rem .18rem !important;
        height: .8rem;
        padding-right: .4rem;
    }

    .question-box h2.on1 {
        background: url(https://static.buffhub.com/buffhub/images/pic37.png) no-repeat right center;
        background-size: .3rem .18rem !important;
    }

    .h68 {
        height: .5rem !important;
    }

    .question-text p {
        font-size: .2rem;
    }






}