/* 红包 */
.red-envelope-win {
    display: none;
}

    .red-envelope-win .mb {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 8;
        background-color: #000000;
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .red-envelope-win .open {
        position: fixed;
        top: 50%;
        left: 50%;
        z-index: 9;
        margin: -300px 0 0 -240px;
        animation: bounce-in 0.5s;
        -webkit-animation: bounce-in 0.5s;
    }

        .red-envelope-win .open img.bg {
            display: block;
            width: 480px;
        }

        .red-envelope-win .open .info {
            position: absolute;
            top: 235px;
            left: 0;
            right: 0;
            text-align: center;
        }

            .red-envelope-win .open .info .qr-code {
                display: block;
                margin: 0 auto;
                width: 130px;
                height: 130px;
            }

    .red-envelope-win .close {
        display: block;
        margin: 20px auto 0;
        width: 46px;
        height: 46px;
        background: url(../images/icon_x.png) no-repeat center;
    }

@keyframes bounce-in {
    0% {
        transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
    }

    50% {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

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

@-webkit-keyframes bounce-in {
    0% {
        transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
    }

    50% {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

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