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

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

    .mip_mask {
        width: 100%;
        height: 100%;
        background: #000;
        opacity: 0.5;
    }

    .mip_bg {
        position: absolute;
        width: 702px;
        height: 993px;
        top: 170px;
        left: 25px;
    }

    .mip_bg_sp_landmark1 {
        .sparkBg('mapPage/map_info_sp_landmark1.png')
    }

    .mip_bg_sp_landmark2 {
        .sparkBg('mapPage/map_info_sp_landmark2.png')
    }

    .mip_bg_sp_landmark3 {
        .sparkBg('mapPage/map_info_sp_landmark3.png')
    }

    .mip_bg_sp_landmark4 {
        .sparkBg('mapPage/map_info_sp_landmark4.png')
    }

    .mip_bg_sp_landmark5 {
        .sparkBg('mapPage/map_info_sp_landmark5.png')
    }

    .mip_close {
        position: absolute;
        width: 66px;
        height: 66px;
        left: 342px;
        top: 1230px;
        .sparkBg("mapPage/close.png");
    }
}