/*base*/
.x-alert {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: none;
}
.x-alert-bg-85 {
    background: rgba(0, 0, 0, .85);
    position: absolute;
    width: 100%;
    height: 100%;
}
.x-alert-content {
    position: absolute;
    top: -5%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    margin: auto;
}
/*.x-content-bg {*/
/*    position: absolute;*/
/*}*/
.x-close {
    position: absolute;
    top: -.7rem;
    right: -.7rem;
    width: .7rem;
    height: .7rem;
    background: url('http://static2.61info.com/service/imgs/groupPurchase/act/slotMachine2019/close.png') no-repeat center center / 100% 100%;
}

/*page css*/
.mid-autumn-tip-hand {
    width: .8rem;
    height: 1.03rem;
    position: fixed;
    bottom: .83rem;
    right: .85rem;
    z-index: 998;
}
.mid-autumn-team-flag {
    width: auto;
    height: 1.08rem;
    position: fixed;
    bottom: 0;
    right: 0;
}
.mid-autumn-icon {
    width: 2.2rem;
    height: 2.19rem;
    position: fixed;
    left: .3rem;
    bottom: 2rem;
}
.mid-autumn-num-alert .x-alert-content {
    width: 5.55rem;
    height: 7.74rem;
}
.mid-autumn-num-alert .x-alert-content .x-content-bg {
    position: absolute;
    bottom: 0;
    left: -.4rem;
    width: 6.94rem;
    height: 9.42rem;
}
.mid-autumn-num-alert .x-alert-content .num {
    position: absolute;
    top: 2.34rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: .47rem;
    font-weight: bold;
    color: #ffde0b;
}
.mid-autumn-num-alert .x-alert-content .enter-btn {
    position: absolute;
    bottom: -.42rem;
    left: 50%;
    transform: translateX(-50%);
    width: 3.69rem;
    height: 1rem;
}
.mid-autumn-card-alert .x-alert-content {
    transform: scale(.9);
    width: 7.1rem;
    height: 11.54rem;
    background: url('http://static2.61info.com/service/imgs/groupPurchase/act/mid_autumn/card_alert.png') no-repeat center center / 100% 100%;
}
.mid-autumn-card-alert .x-close {
    top: .7rem;
    right: 0.2rem;
}
.mid-autumn-card-alert .flag-imgs {
    position: absolute;
    left: .26rem;
    top: .77rem;
    width: 2.25rem;
    height: 2.77rem;
    background: url('http://static2.61info.com/service/imgs/groupPurchase/act/mid_autumn/flag_imgs.png') repeat-y center center / 100% 400%;
}
.mid-autumn-card-alert .team-num {
    position: absolute;
    top: 1.88rem;
    left: 4.97rem;
    font-size: .43rem;
    color: #ffde0b;
}
.mid-autumn-card-alert .team-name {
    position: absolute;
    top: 2.51rem;
    left: 4.58rem;
    font-size: .43rem;
    color: #fff;
    letter-spacing: .03rem;
}
.mid-autumn-card-alert .team-count {
    position: absolute;
    top: 7.94rem;
    font-size: .27rem;
    color: #000;

}
.mid-autumn-card-alert .count1 {
    left: 1.35rem;
}
.mid-autumn-card-alert .count2 {
    left: 4.1rem;
}
.mid-autumn-card-alert .count3 {
    top: 10.64rem;
    left: 1.35rem;
}
.mid-autumn-card-alert .count4 {
    top: 10.64rem;
    left: 4.16rem;
}
.mid-autumn-scale-alert .x-alert-content {
    width: 2.25rem;
    height: 2.77rem;
    background: url('http://static2.61info.com/service/imgs/groupPurchase/act/mid_autumn/flag_imgs.png') repeat-y center center / 100% 400%;
    transform: scale(2);
}
.mid-autumn-scale-alert .x-alert-content .x-close {
    transform: scale(.5);
}
.mid-autumn-subscribe-alert {
    z-index: 10000 !important;
    background: #000 !important;
}
.mid-autumn-subscribe-alert .x-alert-content {
    width: 4.86rem;
    height: 8.92rem;
    top: -20%;
}
.mid-autumn-subscribe-alert .x-alert-content .qr-code {
    width: 4.42rem;
    height: 4.42rem;
    position: absolute;
    top: 3.31rem;
    left: .21rem;
    pointer-events: auto;
}


/*animate*/
@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }

    42% {
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.heartBeat {
    animation: heartBeat 1.3s infinite ease-in-out;
}
@-webkit-keyframes pointDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-.1rem);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes pointDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-.1rem);
    }
    100% {
        transform: translateY(0);
    }
}
.pointDown {
    animation: pointDown .5s infinite;
}
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.fadeInUp {
    animation: fadeInUp 1s;
}

@-webkit-keyframes fadeInUp1 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(.9);
        transform: translate3d(0, 0, 0) scale(.9);
    }
}

@keyframes fadeInUp1 {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0) scale(.9);
        transform: translate3d(0, 100%, 0) scale(.9);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale(.9);
        transform: translate3d(0, 0, 0) scale(.9);
    }
}

.fadeInUp1 {
    animation: fadeInUp1 1s;
}