.faq-banner{
    background: url("../images/faq-banner.png") no-repeat center;
    height: 400px;
    background-size: cover;
    min-width: 1200px;
}
.faq-main{
    min-width: 1200px;
    background: url("../images/faq-bg.png") no-repeat center;
    background-size: cover;
    padding-bottom: 20px;
}
.faq-main-ul ul li{
    padding: 20px 0 10px 0;
}
.faq-main-item{
    background: #ffffff;
    border-radius: 5px;
    padding: 15px 30px;
    line-height: 24px;
    border: 1px solid #dcd8d8;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.faq-title{
    font-size: 20px;
    color: #000000;
    padding: 6px 0 6px 24px;
    position: relative;
}
.faq-title span{
    color: #339999;
    font-size: 20px;
    position: absolute;
    left: 0;
}
.faq-info{
    font-size: 16px;
    color: #333333;
    padding: 6px 0 6px 24px;
    position: relative;
}
.faq-info span{
    color: #339999;
    font-size: 20px;
    float: left;
    position: absolute;
    left: 0;
}
@media screen and (max-width: 576px){
    .faq-main,.faq-main-ul,.inquiry,.gc-title{
        min-width: auto;
    }
    .faq-banner{
        min-width: auto;
        height: 4rem;
    }
    .faq-main-ul{
        padding: 0 0.2rem;
    }
    .inquiry-table{
        padding: 0.45rem 0.2rem 0 0.2rem;
    }
    .page{
        padding: 0.4rem 0.2rem;
    }
    .faq-main-ul ul li{
        padding: 0.2rem 0;
    }
    .faq-main-item{
        padding: 0.15rem 0.3rem;
    }
    .faq-title,.faq-info{
        padding: 0.06rem 0 0.06rem 0.4rem;
    }
    .faq-title,.faq-title span{
        font-size: 0.3rem;
    }
    .faq-info,.faq-info span{
        font-size: 0.24rem;
    }
    .gc-title{
        font-size: 0.46rem;
        line-height: 1.8rem;
    }
    .inquiry-table{
        margin-top: 0.3rem;
    }
}

@media screen and (min-width: 577px) and (max-width: 1160px){
    .faq-banner,.faq-main,.inquiry,.gc-title{
        min-width: auto;
    }
    .faq-main-ul,.inquiry-table{
        padding: 0 20px;
    }
    .page {
        padding: 40px 20px 50px 20px;
    }
}