@media screen and (min-width: 750px) {
    .detail {
        background-color: #eee2cf;
        padding: 30px;
        border-radius: 30px;
        margin-bottom: 30px
    }

    .detail .detail-title {
        color: #333;
        font-size: 30px;
        font-weight: 700;
        text-align: center;
        padding: 50px 0
    }

    .detail .detail-content {
        font-size: 18px;
        line-height: 32px;
        color: #333
    }

    .detail .detail-content p img {
        width: 800px;
        max-width: 100%;
        display: block;
        margin: 0 auto
    }

    .detail .btn-return {
        width: 220px;
        height: 58px;
        line-height: 58px;
        text-align: center;
        font-size: 32px;
        cursor: pointer;
        font-weight: 700;
        color: #ffcca2;
        background-color: #ff4813;
        border-radius: 58px;
        margin: 30px auto
    }
}

@media screen and (max-width: 750px) {
    .detail {
        background-color: #eee2cf;
        padding: .4rem;
        border-radius: .4rem;
        margin-bottom: .4rem
    }

    .detail .detail-title {
        color: #333;
        font-size: .4rem;
        font-weight: 700;
        text-align: center;
        padding: .666667rem 0
    }

    .detail .detail-content {
        font-size: .24rem;
        line-height: .426667rem;
        color: #333
    }

    .detail .detail-content p img {
        max-width: 9rem !important;
        width: 100% !important;
        display: block;
        margin: 0 auto
    }

    .detail .btn-return {
        width: 2.933333rem;
        height: .773333rem;
        line-height: .773333rem;
        text-align: center;
        font-size: .426667rem;
        cursor: pointer;
        font-weight: 700;
        color: #ffcca2;
        background-color: #ff4813;
        border-radius: .773333rem;
        margin: .4rem auto
    }
}