@media only screen and (max-width: 1080px) {
    #activity {
        padding: 0;
    }

    .activity-wrap {
        width: 6.4em;
        margin: 0 auto;
    }
    .activity-wrap-left {
        width: 100%;
        float: none;
    }

    .activity-wrap-right {
        float: none;
        width: 6.4em;
        /* height: 1.46em; */
        box-shadow: 0px 0px 0.08em 0px rgba(0, 0, 0, 0.2);
        background: #FFFFFF;
        border-radius: 0.03em;
        margin-top: 0.2em;
    }

    .activity-wrap-right-swiper {
        width: 100%;
        height: 3.2em;
    }
    .activity-wrap-right-top {
        width: 100%;
        height: 0.55em;
        box-shadow: none;
        padding: 0.16em 0.2em;
    }
    .activity-wrap-right-top>div {
        font-size: 0.2em;
    }

    .activity-wrap-left-platform {
        margin-top: 0.55em;
        width: 100%;
        height: 3.36em;
        padding: 0.16em;
        padding-top: 0.18em;
        box-shadow: 0px 0px 0.08em 0px rgba(0, 0, 0, 0.2);
    }

    .card-top {
       height: 0.27em;
       line-height: 0.27em;
    }

    .card-top-title {
        font-size: 0.28em;
    }
    .card-top-date {
        font-size: 0.2em;
    }
    .card-top-attention {
        font-size: 0.2em;
    }
    .sign-in-days {
        /* display: none; */
        font-size: 0.14em;
        margin-left: 12em;
        width: 13em;
        height: 2.1em;
        line-height: 2.1em;
        border-radius: 13em;
        margin-top: 0.5em;
    }
    .chest {
        width: 0.89em;
        height: 0.89em;
        position: relative;
        /* background: url(../../img/mo/page1_case.png) no-repeat center center #F6F6F6; */
        /* background-size: 64%; */
        border-radius: 0.05em;
        margin: 0 auto;
    }
    .platform-content-left {
        width: 2.48em;
    }
    .platform-content-right {
        width: 3.66em;
    }
    .platform-content {
        margin-top: 0.4em;
    }
    .platform-content-title {
        font-size: 0.24em;
        margin-bottom: 0;
    }

    .platform-content .chest {
        margin-top: 0.4em;
    }
    .chest-num {
        font-size: 0.14em;
        width: 4.64em;
        border-radius: 0.7em 0 0 0;
        line-height: 1.57em;
    }
    .chest-description {
        font-size: 0.14em;
        height: 2.1em;
        line-height: 2.1em;
        max-width: 17em;
        padding: 0 1em;
        border-radius: 1em;
        /* top: -1em;
        right: -4em; */
    }

    .platform-content-right .chest {
        /* margin-right: 0.9em; */
    }

    .btn {
        width: 1.83em;
        height: 0.37em;
        box-shadow: 0px 0px 0.03em 0px rgba(0, 0, 0, 0.4), 0px 0.02em 0.03em 0px rgba(0, 0, 0, 0.4);
        margin-top: 0.32em;
    }


    .btn-disabled .btn-main {
        min-width: 4.68em;
    }

    .btn-main {
        font-size: 0.2em;
        min-width: 3.68em;
        line-height: 1.4em;
    }
    .btn-icon {
        width: 1.4em;
        height: 1.4em;
        vertical-align: top;

    }
    .sign-in-btn .btn-icon {
        background: url(../../img/pc/home/home_time.png) top center no-repeat;
        background-size: 100%;
    }

    .platform-content-gun {
        height: 2.2em;
        margin-top: 0.1em;
    }
    .platform-content-right > .platform-content-title {
        padding: 0;
        text-align: center;
    }

    .activity-wrap-left-strategy {
        width: 100%;
        margin-top: 0.55em;
        height: auto;
        padding: 0.18em 0.08em;
    }

    .activity-wrap-left-strategy .card-top {
        padding: 0 0.16em;
    }


    .strategy-content-item {
        height: 1.1em;
        line-height: 1.1em;
    }

    .strategy-content-item .chest {
        width: 0.84em;
        height: 0.84em;
        position: relative;
        background: url(../../img/mo/page1_case.png) no-repeat center center #F6F6F6;
        background-size: 64%;
        border-radius: 0.05em;
    }

    .strategy-content-item-title {
        font-size: 0.24em;
    }

    .strategy-content-item {
        width: 100%;
        margin-left: 0;
    }

    .strategy-item-btn {
        width: 6.1em;
        font-size: 0.2em;
        height: 1.85em;
        line-height: 1.85em;
        margin-top: 1.75em;
    }

    .activity-wrap-left-special {
        margin-top: 0.55em;
        width: 100%;
        border-radius: 0;
        padding: 0;
        box-shadow: none;
        background: none;
    }

    .special-content-item {
        width: 100%;
        height: 1.76em;
    }

    .special-content-item-left {
        width: 2.56em;
        height: 1.76em;
        border-radius: 0.03em;
    }

    .special-content-item-right {
        width: 3.84em;
        padding: 0.2em 0.35em 0.18em 0.22em;
    }

    .special-content-item-right-title {
        font-size: 0.24em;
        font-weight: bold;

    }
    .special-content-item-right-info {
        margin-top: 0.5em;
        font-size: 0.2em;
        line-height: 1.4em;
    }
    .special-content-item-right-date {
        font-size: 0.2em;
        right: 0.9em;
        bottom: 0.9em;
    }
    .special-content-item-right-new {
        position: absolute;
        width: 0.36em;
        height: 0.36em;
        background: url(../../img/pc/home/home_new.png) no-repeat top center;
        background-size: 100%;
        top: 0.16em;
        right: 0.18em;
    }
    .reward-record-btn {
        font-size: 0.2em;
    }
    .activity-icon {
        width: 0.20rem;
        height: 0.20rem;
    }

    .question-icon {
        background: url(../../img/pc/question.png) no-repeat top center;
        margin-top: 0.06rem;
        background-size: 0.2rem 0.2rem;
        margin-left: 0.05rem;
    }

    .role-icon {
        background: url(../../img/pc/home_switch.png) no-repeat top center;
        background-size: 0.2rem 0.2rem;
        margin-right: 0.05rem;
        margin-top: 0.05rem;
    }

    .reward-icon {
        background: url(../../img/pc/reward.png) no-repeat top center;
        background-size: 0.2rem 0.2rem;
        margin-right: 0.05rem;
        margin-top: 0.05rem;
    }

    .return-icon {
        background: url(../../img/pc/entrance_return.png) no-repeat top center;
        background-size: 0.2rem 0.2rem;
        margin-right: 0.05rem;
        margin-top: 0.05rem;
    }

    .chest-list {
        padding:  0 0.4em;
    }
    
    
    .activity-wrap-left-empty {
        width: 6.4em;
        margin-top: 0.2em;
        height: 5rem;
    }

    .activity-wrap-left-empty img {
        width: 3rem;
    }
}