@import "../../res.less";

.VictoryPopup {
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;

    .vp_mask {
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.5;
    }
    .vp_bg{
        position: absolute;
        width: 100%;
        height: auto;
        top: 280px;
        left: 0px;
        .sparkBg("victoryPopup/title.png");
    }
    .vp_title{
        position: absolute;
        width: 399px;
        height: 57px;
        top: 0px;
        left: 174px;
        .sparkBg("victoryPopup/title.png");
    }
    .vp_ditu_txt{
        position: absolute;
        width: 100%;
        text-align: center;
        font-size: 38px;
        font-weight: 400;
        color: #fff;
        top: 74px;
        left: 0px;
    }
    .vp_guang{
        position: absolute;
        width: 641px;
        height: 580px;
        top: 56px;
        left: 55px;
        .sparkBg("victoryPopup/guang.png");
    }
    .vp_xz_icon{
        position: absolute;
        width: 287px;
        height: 327px;
        top: 163px;
        left: 230px;
        background-size: 100% 100%;
        // .sparkBg("victoryPopup/shanghai.png");
    }
    .vp_cjjh_tips{
        position: absolute;
        width: 255px;
        height: 73px;
        top: 527px;
        left: 248px;
        .sparkBg("victoryPopup/cjjh_tips.png");
        line-height: 90px;
        text-align: center;
        font-size: 30px;
        color: #fff;
    }
    .vp_btn{
        position: absolute;
        width: 343px;
        height: 106px;
        top: 682px;
        left: 204px;
        .sparkBg("victoryPopup/cj_btn.png");
    }

    .vp_close {
        width: 66px;
        height: 66px;
        left: 342px;
        top: 870px;
        position: absolute;
        .sparkBg("victoryPopup/close.png");
    } 
}