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

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

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

    .fp_bg {
        position: absolute;
        width: 596px;
        height: 512px;
        top: 497px;
        left: 77px;
        .sparkBg("failPopup/fail_bg.png");

        .fp_txt {
            position: absolute;
            width: 100%;
            top: 127px;
            left: 0px;
            text-align: center;
            color: #290d10;
            font-size: 30px;
        }

        // .fp_icon {
        //     position: absolute;
        //     width: 200px;
        //     height: 200px;
        //     top: 411px;
        //     left: 220px;
        //     background: #fff;
        //     border: #af7b13 2px solid;
        //     border-radius: 20px;
        // }

        // .ap_award_name {
        //     position: absolute;
        //     width: 100%;
        //     top: 635px;
        //     left: 0px;
        //     text-align: center;
        //     color: #87542f;
        //     font-size: 30px;
        // }

        .fp_btn {
            position: absolute;
            width: 485px;
            height: 106px;
            top: 354px;
            left: 56px;
            .sparkBg("failPopup/btn.png");
            .fp_btn_txt{
                position: absolute;
                width: 100%;
                text-align: center;
                font-size: 22px;
                color: #ffffff;
                top: 68px;
            }
        }
    }

    .fp_close {
        position: absolute;
        width: 66px;
        height: 66px;
        left: 342px;
        top: 1142px;
        .sparkBg("failPopup/close.png");
    } 
}