.detail {

    background-color: #f7f7f8;

}

.detail-cont {

    padding: 6.44329896907216% 4.72508591065292% 2.6rem;

}

.detail-title {

    padding-bottom: 1rem;

    text-align: center;

}

.detail-h1 {

    font-weight: 600;

    font-size: 30px;

    line-height: 40px;

    color: #333;

    margin-bottom: .5rem;

}

.detail-ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    justify-content: center;

    margin: 0;

}

.detail-li {

    display: inline-block;

    margin: 0 10px;

    font-size: 14px;

    line-height: 28px;

    color: #797979;

}

.detail-detail {

    

}

.detail-detail p {

    margin-bottom: .56rem;

    font-size: 14px;

    line-height: 28px;

    color: #000;

    text-indent: 2em;

}

.detail-detail .mt10 {

    margin-bottom: .2rem;

}

.detail-detail .mt140 {

    margin-bottom: 2.8rem;

}

.detail-img-text {

    display: block;

    font-size: .28rem;

    line-height: .6rem;

    color: #7a7a7a;

    text-align: center;

}

@media (max-width: 768px) {

    .detail-cont {

        padding: 1.5rem 0 2.6rem;

    }

    .detail-h1 {

        font-size: 22px;

        line-height: 30px;

    }

}