@media screen and (max-width: 767px) {
    body {
        min-width: 100%;
    }

    .font-50 {
        font-size: .50rem !important;
    }

    .font-40 {
        font-size: .40rem !important;
    }

    .top-banner {
        height: 6.8rem;
        background-size: 240%;
    }

    .top-banner .top-logo {
        height: 1.1rem;
        background-size: 240%;
    }

    .list-content {
        background-size: 240%;
        margin-top: -2.25rem;
        height: auto;
    }

    .list-content .list-title {
        padding-top: 1.6rem;
        font-size: .38rem;
    }

    .list-content .list-sub {
        width: 100%;
        padding-top: .05rem;
        font-size: .18rem;
    }

    .list-content .list-main {
        height: 5rem;
        width: 100%;
        margin: .2rem 0 0 0;
        overflow: auto;
    }

    .list-content .list-main .loading {
        height: 3.6rem;
    }

    .list-content .list-main .loading img {
        width: 5rem;
    }

    .list-content .list-main .loading p {
        font-size: .18rem;
    }

    #table,#table0,#table1 {
        width: 95%;
        font-size: .16rem;
        color: #ffffff;
        text-align: right;
        position: relative;
        margin: 0 auto;
    }

    #table tbody td {
        font-size: .22rem;
        line-height: .48rem;
    }

    .list-desc {
        width: 100%;
    }

    .list-desc p {
        font-size: .14rem;
        padding: 0 .2rem;
    }

    .list-btn {
        width: 100%;
    }

    .list-btn a {
        background-size: 100%;
        line-height: .8rem;
        width: 3rem;
    }

    .dialog .dialog-content {
        height: 90%;
        width: 100%;
        background-size: 150% 100%;
    }

    .dialog .dialog-header {
        width: 85%;
        height: .7rem;
        margin-top: .6rem;
    }

    .dialog .dialog-content .dialog-body {
        width: 100% !important;
        margin: 0;
        height: 68%;
    }

    .dialog .dialog-body .reward-item {
        position: relative;
        width: 88%;
        height: 1.1rem;
        margin: 0 auto .1rem 7%;
        background-size: 100%;
    }

    .dialog .dialog-body .reward-item .goods-item {
        width: .9rem;
        height: .9rem;
        background-size: 100%;
        margin: .1rem 0 0 .1rem;
    }

    .dialog-body .reward-item .goods-item p {
        right: .1rem;
        bottom: .1rem;
    }

    .dialog-body .reward-item .goods-num {
        width: .9rem;
        line-height: .9rem;
        margin-top: .14rem;
        margin-right: .15rem;
        font-size: .8rem;
    }
}