@media(max-width:768px){
    .center{
        width: 100%;
    }
    .content {
        width: 90% !important;
        margin: -26% auto 20%;
        padding-top: 0;
    }
    .content h1 {
        margin: 10% auto;
        font-size: 0.43rem;
    }
    .yellow {
        width: 25%;
        height: 30px;
        margin: 0 auto 10%;
        line-height: 30px;
        font-size: 0.3rem;
    }
    .text {
        margin-bottom: 10%;
    }
    .text p {
        padding: 4%;
        font-size: 0.3rem;
        line-height: 22px;
    }
    #showhide {
        padding: 12px;
        line-height: 28px;
    }
    #showhide .max_tit {
        font-size: 0.4rem;
        margin: 10px 0;
    }
    #showhide .big_tit {
        font-size: 0.3rem;
    }
    #showhide .small_tit {
        font-size: 0.2rem;
    }
    #showhide .small_tit tr td img {
        margin: 0 13px 0 0;
    }
    #showhide .blue_tit {
        font-size: 0.3rem;
    }
    .slide {
        margin-bottom: 10%;
    }
    .slide a {
        font-size: 0.5rem;
    }
    .slide a img {
        width: 7%;
        height: 7%;
    }
    .qr-code img {
        width: 37%;
        height: 37%;
    }
    .details {
        font-size: 0.3rem;
        line-height: 0;
    }
}