/*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-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*/
.weekly-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: .7rem;
    height: .7rem;
}
.weekly-color1 {
    color: #FF4343;
}
.weekly-hide {
    display: none;
}
.weekly-show {
    display: block;
}
.x-time {
    /*等宽字体*/
    font-family: Helvetica Neue, monospace;
    font-weight: bold;
}

.weekly-coupon-alert .x-alert-content {
    width: 6.4rem;
    height: 10rem;
    background: url('http://static2.61info.com/service/imgs/groupPurchase/act/weekly_flash/coupon_alert.png') no-repeat center center / 100% 100%;
}
.weekly-coupon-alert .coupon-text {
    width: 4.5rem;
    height: .35rem;
    margin: .34rem 0 0 .4rem;
    background: url('http://static2.61info.com/service/imgs/groupPurchase/act/weekly_flash/coupon_text.png?v=20191018') repeat-y center center / 100% 400%;
    /*background-position-y: 100%;*/
}
.weekly-coupon-alert .cut-down-time {
    margin: .21rem 0 .21rem .4rem;
    color: #fff;
    font-size: .22rem;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.weekly-coupon-alert .cut-down-time .time {
    margin-right: .08rem;
}
.weekly-coupon-alert .cut-down-time .time .time-num {
    display: inline-block;
    background: #fff;
    color: #FF4343;
    border-radius: .08rem;
    padding: .03rem .07rem;
    line-height: .33rem;
}
.weekly-coupon-alert .cut-down-time .line {
    margin: 0 .05rem;
    font-weight: bold;
}
.weekly-coupon-alert .copon-type {
    position: relative;
    width: 5.76rem;
    height: 1.84rem;
    margin-left: .35rem;
    background: url('http://static2.61info.com/service/imgs/groupPurchase/act/weekly_flash/coupon_type.png?v=20191018') repeat-y center center / 100% 400%;
}
.weekly-coupon-alert .copon-type .gubi {
    width: 1.49rem;
    height: 1.24rem;
    position: absolute;
    right: .44rem;
    top: -1.1rem;
}
.weekly-coupon-alert .course-list {
    position: absolute;
    top: 4.46rem;
    left: 50%;
    transform: translateX(-50%);
    /*width: 5.36rem;*/
    width: 5.56rem;
    height: 5.35rem;
    overflow: hidden;
}
.weekly-coupon-alert .course-list .course-item {
    position: relative;
    height: 1.4rem;
    border-bottom: 1px solid #FFE7C5;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: .12rem 0;
}
.weekly-coupon-alert .course-list .course-item:nth-child(1) {
    padding-top: 0;
}
.weekly-coupon-alert .course-img {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: .07rem;
    margin-right: .19rem;
    overflow: hidden;
}
.weekly-coupon-alert .course-name {
    font-size:.32rem;
    font-weight:bold;
    color:#874906;
    line-height:.38rem;
    margin-bottom: .1rem;
}
.weekly-coupon-alert .origin-price {
    font-size:.22rem;
    font-weight:400;
    color:#874906;
    line-height:.33rem;
    text-decoration: line-through;
}
.weekly-coupon-alert .cur-price .text {
    font-size:.22rem;
    font-weight:500;
    color:rgba(255,67,67,1);
    line-height:.33rem;
}
.weekly-coupon-alert .cur-price .text .unit {
    font-size: .24rem;
}
.weekly-coupon-alert .cur-price .price {
    font-size:.44rem;
    font-weight:bold;
    color:rgba(255,67,67,1);
    /*line-height: .65rem;*/
}
.weekly-coupon-alert .buy-btn {
    position: absolute;
    right: .1rem;
    bottom: .25rem;
    width: 1.92rem;
    height: .58rem;
}
.weekly-coupon-alert .see-more {
    font-size:.22rem;
    font-weight:500;
    color:rgba(255,163,74,1);
    line-height:47px;
    text-align: center;
}
.weekly-banner {
    width: 7rem;
    height: 3.7rem;
    background: url('http://static2.61info.com/service/imgs/groupPurchase/act/weekly_flash/banner_bg.png') no-repeat center center / 100% 100%;
    box-sizing: border-box;
    padding: .25rem .38rem 0 .36rem;
    margin: .8rem auto 0;
    position: relative;
    /*display: none;*/
}
.weekly-banner .top-tip {
    height: .54rem;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .18rem;
}
.weekly-banner .top-tip .banner-text {
    font-size:.36rem;
    font-weight:bold;
    color:rgba(135,73,6,1);
    line-height:.54rem;
}
.weekly-banner .cut-down-time {
    color: #fff;
    font-size: .22rem;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.weekly-banner .cut-down-time .time {
    margin-right: .08rem;
}
.weekly-banner .cut-down-time .time .time-num {
    display: inline-block;
    background: #FF574C;
    color: #fff;
    border-radius: .08rem;
    padding: .03rem .07rem;
    line-height: .33rem;
}
.weekly-banner .cut-down-time .line {
    color: #FE6928;
    margin: 0 .05rem;
    font-weight: bold;
}
.weekly-banner .cut-down-time .text {
    color: #874906;
}
.weekly-banner .coupon-list {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.weekly-banner .coupon-list .coupon-box {
    position: relative;
    width: 1.92rem;
    height: 2.1rem;
    background: url('http://static2.61info.com/service/imgs/groupPurchase/act/weekly_flash/banner_coupon.png?v=20191018') repeat-y center center / 100% 400%;
    margin-bottom: .03rem;
}
.weekly-banner .btn-wrap {
    position: absolute;
    bottom: .11rem;
    left: 50%;
    transform: translateX(-50%);
}
.weekly-banner .btn-wrap .btn {
    width: 1.6rem;
    height: .52rem;
}
.weekly-banner .total-num {
    margin-top: .1rem;
    font-size:.20rem;
    font-weight:500;
    color:rgba(135,73,6,1);
    text-align: center;
}
.weekly-banner .progress {
    position: relative;
    width:1.6rem;
    height:.24rem;
    line-height: .24rem;
    border-radius:.15rem;
    text-align: center;
    background:rgba(255,246,233,1);
    box-shadow: inset 0 0 .08rem .02rem rgba(255,191,99,0.43);
    border:.01rem solid rgba(255,223,178,1);
    margin: 0 auto;
}
.weekly-banner .progress .progress-box {
    width:3.2rem;
    height:.48rem;
    line-height: .48rem;
    /*border-radius:.3rem;*/
    transform: scale(.5);
    transform-origin: left top;
}
.weekly-banner .progress .bar {
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(197,34,23,1);
    border-radius:.3rem;
    height: 100%;
}
.weekly-banner .progress .text {
    position: relative;
    z-index: 9;
    /*font-size: .2rem;*/
    font-size: .4rem;
    color: #bbb;
}
.weekly-banner .pay-cut-down-time, .weekly-banner .use-cut-down-time {
    margin-top: .1rem;
    font-size:.2rem;
    font-weight:500;
    color:rgba(135,73,6,1);
    text-align: center;
}
.weekly-banner .use-cut-down-time {
    font-size: .2rem;
}
.weekly-not-use-alert .x-alert-content {
    width: 5.9rem;
    height: 5.88rem;
}
.weekly-not-use-alert .use-btn {
    position: absolute;
    bottom: .54rem;
    left: 50%;
    transform: translateX(-50%);
    width: 4.8rem;
    height: .88rem;
}
.weekly-tip-alert .x-alert-content {
    width: 5.3rem;
    height: 5.83rem;
    background: url('http://static2.61info.com/service/imgs/groupPurchase/act/weekly_flash/tip_alert.png') no-repeat center center / 100% 100%;
}
.weekly-tip-alert .close-btn {
    position: absolute;
    right: 0;
    top: 1.05rem;
    width: .7rem;
    height: .7rem;
}
.weekly-tip-alert .use-btn {
    position: absolute;
    bottom: .54rem;
    left: 50%;
    transform: translateX(-50%);
    width: 4.8rem;
    height: .88rem;
}
.weekly-tip-alert .text {
    font-size:.44rem;
    font-weight:bold;
    color:rgba(135,73,6,1);
    line-height: .65rem;
    text-align: center;
}
.weekly-tip-alert .text1 {
    margin-top: 2.81rem;
}
.weekly-not-pay-alert .x-alert-content {
    width: 5.9rem;
    height: 7.31rem;
    background: url('http://static2.61info.com/service/imgs/groupPurchase/act/weekly_flash/not_pay_alert.png?v=20191018') no-repeat center center / 100% 100%;
}
.weekly-not-pay-alert .text {
    font-size:.36rem;
    font-weight:bold;
    color:rgba(135,73,6,1);
    line-height:.54rem;
    text-align: center;
}
.weekly-not-pay-alert .text1 {
    margin-top: 4.07rem;
}
.weekly-not-pay-alert .pay-cut-down-time {
    font-size:.28rem;
    font-weight:500;
    color:rgba(135,73,6,1);
    margin-top: 1.36rem;
    text-align: center;
}
.weekly-not-pay-alert .use-btn {
    position: absolute;
    bottom: .93rem;
    left: 50%;
    transform: translateX(-50%);
    width: 4.8rem;
    height: .88rem;
}
.weekly-confirm-alert {
    z-index: 1001;
}
.weekly-confirm-alert .x-alert-content {
    width: 5.3rem;
    height: 5.15rem;
}
.weekly-confirm-alert .use-btn {
    position: absolute;
    bottom: 1.03rem;
    left: 50%;
    transform: translateX(-50%);
    width: 4.8rem;
    height: .88rem;
}
.weekly-confirm-alert .give-up-btn {
    position: absolute;
    bottom: .5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1.3rem;
    height: .4rem;
}
.weekly-guide-alert .x-alert-content {
    bottom: auto;
    right: auto;
    top: 1.1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 7.2rem;
    height: 3.8rem;
    border: .04rem dashed #fff;
    border-radius: .21rem;
    padding-top: .1rem;
}
.weekly-guide-alert .gubi {
    position: absolute;
    top: -1.13rem;
    right: .34rem;
    width: 1.49rem;
    height: 1.24rem;
}
.weekly-guide-alert .count-tip {
    position: absolute;
    top: -1.14rem;
    left: .5rem;
    width: 4.28rem;
    height: .64rem;
}
.weekly-guide-alert .close-btn {
    left: 0;
    top: -.9rem;
    width: .4rem;
    height: .4rem;
}
.weekly-float-btn {
    position: fixed;
    left: .2rem;
    bottom: 20%;
    z-index: 99;
    width: 1.17rem;
    height: 1.17rem;
    display: none;
}
.weekly-not-begin-tip{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}
.weekly-not-begin-tip .content{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .7);
    color: #fff;
    height: 1rem;
    line-height: 1rem;
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    text-align: center;
    white-space: nowrap;
    padding: 0 .2rem;
    -webkit-box-shadow: 0 0 .1rem #000;
    box-shadow: 0 0 .1rem #000;
}

/*优惠券弹窗滚动条样式*/
.bscroll-indicator {
    background: #ccc !important;
}

/*animate*/
@-webkit-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);
    }
}

@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 tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation: tada 1s infinite;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.x-pulse {
    -webkit-animation: pulse 1s;
    -o-animation: pulse 1s;
    animation: pulse 1s;
}