#summer_buy_give img{
    display: block;
    width: 100%;
    height: 1.2rem;
}
#summer_buy_give{
    position: relative;
    display: block;
    width: 100%;
    height: 1.2rem;
    cursor: pointer;
}
#summer_buy_give .lastDay-f{
    position: absolute;
    bottom: .26rem;
    height: .26rem;
    line-height: .26rem;
    box-sizing: border-box;
    white-space: nowrap;
    padding: 0 .2rem;
    border-radius: .2rem;
    color: #ff5016;
    font-size: .16rem;
    font-weight: bold;
    background: #fff899;
    left: 50%;
    transform: translate(-50%);
}
#summer_buy_give .lastDay-o{
    display: none;
    position: absolute;
    /*width: 2.07rem;*/
    height: .23rem;
    line-height: .23rem;
    box-sizing: border-box;
    white-space: nowrap;
    bottom: .06rem;
    left: .2rem;
    font-size: .16rem;
    font-weight: bold;
    color: #fff;
    background: #ff6600;
    padding: 0 .2rem;
    border-radius: .2rem;
}

.summer_buy_give_mask{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 999;
}
.summer_buy_give_mask #mai3song2_content{
    position: relative;
    width: 6.7rem;
    height: 6.78rem;
    top: 50%;
    left: 50%;
    opacity: 1;
    transform: translate(-50%, -50%);
}
.summer_buy_give_mask #mai3song2_content .active-close{
    position: absolute;
    width: .6rem;
    height: .6rem;
    right: .6rem;
    top: -1rem;
    padding: .3rem;
}
.summer_buy_give_mask #mai3song2_content .to-active{
    position: absolute;
    width: 4.5rem;
    height: 1.3rem;
    opacity: .6;
    bottom: -.1rem;
    left: 1rem;
}
#mai3song2_close{
    position: absolute;
    right: .6rem;
    top: -.6rem;
}
#mai3song2_close img {
    display: block;
    width: .46rem;
    height: .46rem;
}

.summer_buy_give_user{
    margin-right: 0 !important;
}

/* 免单弹窗 */
.free-coupon{
    position: relative;
    width: 5.91rem;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fffcb6;
    padding: .8rem 0 .23rem;
    border-radius: .4rem;
    font-size: .3rem;
}
.free-coupon .header{
    position: absolute;
    width: 5.44rem;
    top: -1.6rem;
    left: .25rem;
}
.free-coupon .header img{
    display: block;
    width: 100%;
}


.free-coupon .course p{
    font-weight: bold;
    text-align: center;
    margin: .16rem 0;
}
.free-coupon .course .c-tip-a{
    font-size: .3rem;
    color: #4d4d4d;
}
.free-coupon .course .c-tip-a span{
    color: #ff0000;
    font-weight: bold;
}
.free-coupon .course .c-tip-b{
    font-size: .42rem;
    color: #ff5a00;
}
.free-coupon .course .c-tip-c{
    font-size: .24rem;
    font-weight: normal;
    color: #4d4d4d;
}
.course-wrapper .list-corner{
    position: relative;
    overflow: hidden;
    width: 5.08rem;
    margin: 0 auto;
}
.course-wrapper .list-corner .corner{
    position: absolute;
    left: -.46rem;
    top: .12rem;
    background: #ff4200;
    color: #fff;
    width: 1.8rem;
    height: .28rem;
    transform: rotate(-45deg);
    font-size: .21rem;
    font-weight: bold;
    line-height: .28rem;
    letter-spacing: .02rem;
    white-space: nowrap;
}
.course-wrapper .list{
    width: 5.08rem;
    display: flex;
    margin: 0 auto .1rem;
    border: 4px solid #ff9c00;
    box-sizing: border-box;
    border-radius: .3rem;
    padding: .12rem;
    background: #fff;
}
.course-wrapper .list .list-left{
    flex: 1.46rem 0 0;
    width: 1.46rem;
    height: 1.46rem;
}
.course-wrapper .list .list-left img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: .2rem;
}
.course-wrapper .list .list-right{
    flex: 1;
    margin-left: .46rem;
}
.course-wrapper .list .list-right p{
    font-size: .24rem;
    font-weight: bold;
    color: #4d4d4d;
    margin: .23rem 0;
    text-align: left;
}
.course-wrapper .list .list-right .course-btn{
    width: 2.45rem;
    height: .62rem;
    line-height: .56rem;
    background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/mai3song2/free_coupon_btn.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-size: .34rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: .03rem;
    color: #fff;
}
.free-coupon .i-know{
    width: 3.6rem;
    height: .8rem;
    line-height: .7rem;
    margin: 0 auto;
    background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/mai3song2/free_coupon_btn.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    font-size: .36rem;
    font-weight: bold;
    text-align: center;
    letter-spacing: .03rem;
    color: #fff;
}
.free-coupon .learn-more{
    padding: .1rem 0 .05rem;
    text-align: center;
    font-size: .24rem;
    font-weight: bold;
    color: #ff4200;
}
.free-coupon .free-close-first {
    position: absolute;
    right: -.2rem;
    top: -1.1rem;
    padding: .2rem;
    width: .54rem;
}
.free-coupon .free-close-first img{
    display: block;
    width: 100%;
}

.learn-more-about{
    padding: .1rem 0 .05rem;
    text-align: center;
    font-size: .24rem;
    font-weight: bold;
    color: #ff4200;
}

/* 书包 */
.scholl-bag{
    position: relative;
    width: 5.9rem;
    left: 50%;
    top: 56%;
    transform: translate(-50%, -50%);
    padding: .8rem 0 .23rem;
    border-radius: .4rem;
    font-size: .3rem;
    background-image: linear-gradient(to bottom, #ffe56b, #ffe675, #ffe98a, #ffeb9a, #ffedb0);
}
.scholl-bag .head{
    position: absolute;
    width: 5.44rem;
    top: -1.6rem;
    left: .25rem;
}
.scholl-bag .head img{
    display: block;
    width: 100%;
}
.scholl-bag p{
    text-align: center;
    font-size: .3rem;
    color: #4d4d4d;
}
.scholl-bag form .input-item {
    padding: 0 .45rem;;
    margin: .2rem 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.scholl-bag form .input-item .code-wrapper {
    width: 3.6rem;
    display: flex;
    justify-content: space-between;
}
.scholl-bag form .input-item .code-wrapper input{
    width: 1.96rem;
}
.scholl-bag form .input-item .code-wrapper .vl-getCode{
    display: block;
    padding-left: 0;
    width: 1.53rem;
    height: .46rem;
    line-height: .46rem;
    text-align: center;
    border-radius: .08rem;
    font-size: .26rem;
    color: #fff;
    background: #ffab00;
    border: none;
}
.scholl-bag form .input-item .code-wrapper .disabled{
    background: #ccc;
    color: #fff;
}
.scholl-bag form .input-item label{
    display: inline-block;
    width: 1.36rem;
    line-height: .46rem;
    text-align: left;
    font-size: .3rem;
    color: #4d4d4d;
}
.scholl-bag form .input-item input{
    width: 3.6rem;
    height: .46rem;
    line-height: .46rem;
    font-size: .24rem;
    padding-left: .08rem;
    box-sizing: border-box;
    border-radius: .08rem;
    border: 1px solid #bfbfbf;
    outline: none;
}
.scholl-bag form .input-item textarea{
    width: 3.6rem;
    height: 1.06rem;
    outline: none;
    padding-left: .08rem;
    border-radius: .08rem;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
}
.scholl-bag form div:last-child{
    align-items: start;
}
.scholl-bag .vl-submit{
    width: 3.36rem;
    height: .76rem;
    margin: .26rem auto .18rem;
    background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/mai3song2/free_coupon_btn.png");
    background-size: 100% 100%;
    background-repeat: repeat;
    font-size: .34rem;
    font-weight: bold;
    line-height: .76rem;
    color: #fff;
    text-align: center;
}
.scholl-bag .bottom-tip{
    font-size: .24rem;
    color: #ff4200;
}
.scholl-bag .bag-show {
    position: relative;
    width: 2.34rem;
    height: 2.34rem;
    margin: 0 auto .2rem;
    border: .04rem solid #ffc000;
    border-radius: .26rem;
}
.scholl-bag .bag-show .bag-info-show {
    border-radius: .2rem;
}
.scholl-bag .bag-show .bag-info-show .swiper-wrapper{
    transition-duration: 2s !important;
}
.scholl-bag .bag-show .bag-info-show .swiper-slide {
    width: 2.34rem;
    height: 2.34rem;
}
.scholl-bag .bag-show .bag-info-show .swiper-slide img{
    display: block;
    width: 100%;
    height: 100%;
}
.scholl-bag .bag-show .conrer{
    position: absolute;
    width: .99rem;
    height: .99rem;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 8;
}
.scholl-bag .bag-show .corner-left{
    left: -.6rem;
    top: -.04rem;
    background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/mai3song2/bag_corner1.png");
}
.scholl-bag .bag-show .corner-right{
    right: -.6rem;
    top: .8rem;
    background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/mai3song2/bag_corner2.png");
}
.scholl-bag .close-bag {
    position: absolute;
    right: -.2rem;
    top: -1.18rem;
    padding: .2rem;
    width: .54rem;
}
.scholl-bag .close-bag img{
    display: block;
    width: 100%;
}

/* 免单二次弹窗 */
.free-coupon-second {
    position: relative;
    overflow: hidden;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5.94rem;
    height: 6.16rem;
    background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/mai3song2/free_coupon_second.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.free-coupon-second .free-a .tip-a{
    margin-top: 2.5rem;
    text-align: center;
    font-size: .42rem;
    font-weight: bold;
    color: #ff5900;
}
.free-coupon-second .free-a .tip-b, .free-coupon-second .free-a .tip-c {
    margin-top: .45rem;
    text-align: center;
    font-size: .3rem;
    color: #4d4d4d;
    font-weight: bold;
}
.free-coupon-second .free-a .tip-b span, free-coupon-second .free-a .tip-c span{
    color: #ff4200;
    font-weight: bold;
}
.free-b .tip-a, .free-b .tip-b, .free-b .tip-c{
    font-size: .48rem;
    color: #4d4d4d;
}
.free-b .tip-b{
    margin-top: .28rem;
    color: #ff4200;
}
.free-b .tip-c{
    margin-top: .28rem;
}
.free-coupon-second .close-give-up, .free-coupon-second .close-cancle{
    display: inline-block;
    margin: .45rem .3rem 0 .56rem;
    line-height: .78rem;
    color: #fff;
    text-align: center;
    font-size: .34rem;
    font-weight: bold;
    width: 1.86rem;
    height: .78rem;
    background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/mai3song2/give_up_icon.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.free-coupon-second .close-cancle{
    width: 2.65rem;
    background-image: url("http://static2.61info.com/service/imgs/groupPurchase/act/mai3song2/free_coupon_btn.png");
    margin: 0;
}

/* 书包二次 */
.active-rule {
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 6.1rem;
}
.active-rule .content-btn {
    position: absolute;
    left: 1.2rem;
    bottom: .36rem;
    width: 3.7rem;
    height: 1.1rem;
}
.active-rule img{
    width: 100%;
}
.active-rule .close-btn {
    position: absolute;
    top: -1rem;
    right: -.2rem;
    width: .52rem;
    padding: .2rem;
    z-index: -1;
}
.active-rule .close-btn img{
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

.heartBeat {
    -webkit-animation: heartBeat 1.3s ease-in-out infinite;
    animation: heartBeat 1.3s ease-in-out infinite;
}