body {
    background: transparent;
}
.gameBox{
    background: none;
}
.layer_1{
    background: url('../images/1.jpg') center / contain no-repeat;
}
.layer_2{
    display: none;
    background: url('../images/2.jpg') center / contain no-repeat;
}
.layer_3{
    display: none;
    background: url('../images/3.jpg') center / contain no-repeat;
}
.layer_4{
    display: none;
    background: url('../images/4.jpg') center / contain no-repeat;
}
.layer_5{
    display: none;
    background: url('../images/5.jpg') center / contain no-repeat;
}
.layer_6{
    display: none;
    background: url('../images/6.jpg') center / contain no-repeat;
}
.prompt{
    position: absolute;
    width: 9.2%;
    height: 15.2%;
    left: 43.7%;
    top: 43.5%;
    cursor: pointer;
    border: 0.24vw solid #ff5458;
    border-radius: 0.5vw;
    /* animation: flicker 1.5s infinite; */
    box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, .3);
}
.mouse{
    position: absolute;
    width: 2.8%;
    height: 4.9%;
    left: 51.5%;
    top: 56%;
    z-index: 2;
    animation: click 1.2s infinite;
}
.layer_2 .prompt{
    width: 11.5%;
    height: 18.7%;
    left: 35.7%;
    top: 23%;
}
.layer_2 .mouse{
    left: 45.6%;
    top: 39%;
}
.layer_3 .prompt{
    width: 11.5%;
    height: 4.5%;
    left: 21.5%;
    top: 25%;
}
.layer_3 .mouse{
    left: 31.6%;
    top: 27%;
}
.layer_4 .prompt{
    width: 11.5%;
    height: 26.8%;
    left: 44.3%;
    top: 26.7%;
}
.layer_4 .mouse{
    left: 54.4%;
    top: 51%;
}
.layer_5 .prompt{
    width: 6%;
    height: 5.8%;
    left: 28%;
    top: 60.7%;
}
.layer_5 .mouse{
    left: 32.4%;
    top: 64.5%;
}
@keyframes flicker {
    0%{
        opacity: 100%;
    }
    50%{
        opacity: 0%;
    }
    100%{
        opacity: 100%;
    }
}
@keyframes click {
    0%{
        transform: translate(0%,0%);
    }
    50%{
        transform: translate(10%,10%);
    }
    100%{
        transform: translate(0%,0%);
    }
}