#blessing-preheat {
    .invite-popup {
        .content {
            display: flex;
            flex-flow: column;
            align-items: center;
            margin-top: 29px;

            .qr-code {
                width: 120px;
                height: 120px;
                margin-bottom: 20px;
            }

            button {
                width: 133px;
                height: 30px;
                background: rgba(83, 39, 250, 1);
                border-radius: 15px;
                font-size: 14px;
                color: #fff;
                -webkit-appearance: none;
                outline: none;
                border: none;
            }
        }
    }

    .join-lottery {
        background: #5327FA;
        text-align: center;

        .title {
            color: #fff;
            margin-bottom: 15px;
        }

        .text {
            width: 275px;
            height: 248px;
            padding: 36px 30px 0;
            margin-bottom: 10px;
            text-align: center;
            background: url("https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active19_1111/m/join-lottery-bg.png");
            background-size: contain;
            font-size: 14px;

            .code {
                color: #FF0000;
                margin-bottom: 8px;
            }

            .time, .hint {
                font-size: 12px;
                color: #525C65;
            }

            .time {
                margin-bottom: 20px;
            }

            .hint{
                color: rgba(82, 92, 101, .8);
                margin-bottom: 10px;
                text-align: left;
            }

            .qr-code {
                width: 90px;
                height: 90px;
            }
        }

        button {
            width: 133px;
            height: 30px;
            background: #fff;
            border-radius: 15px;
            font-size: 14px;
            color: #5327FA;
            -webkit-appearance: none;
            outline: none;
            border: none;
        }
    }

    .timeline-share{
        height: 215px;
        padding-bottom: 30px;
        .title{
            margin-bottom: 20px;
        }
        .content{
            text-align: center;
            .qr-code{
                width: 120px;
                height: 120px;
            }
        }
    }
}
