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;
}
.prompt{
    position: absolute;
    width: 9.7%;
    height: 20.7%;
    left: 19.5%;
    top: 31.7%;
    cursor: pointer;
    border: 0.24vw solid #fff;
    border-radius: 0.5vw;
    animation: flicker 1.5s infinite;
}
.border{
    position: absolute;
    width: 8.2%;
    height: 18.7%;
    left: 20.2%;
    top: 32.7%;
    cursor: pointer;
    
    border-radius: 0.3vw;
    box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, .5);
}
.layer_1 .onClick{
    width: 48%;
    height: 4%;
    left: 19%;
    top: 58%;
}
.mouse{
    left: 27.5%;
    top: 50%;
}
.layer_2 .prompt{
    width: 5.5%;
    height: 12.9%;
    left: 32.6%;
    top: 7.9%;
}
.layer_2 .border{
    width: 4.2%;
    height: 10.7%;
    left: 33.2%;
    top: 9%;
}
.layer_2 .mouse{
    left: 36.6%;
    top: 18%;
}
.layer_2 .onClick{
    left: 35.5%;
    top: 25%;
}


.layer_3 .prompt{
    width: 8.2%;
    height: 5.3%;
    left: 20.5%;
    top: 46.1%;
}
.layer_3 .border{
    width: 7%;
    height: 3.2%;
    left: 21%;
    top: 47.1%;
}
.layer_3 .mouse{
    left: 26.8%;
    top: 49%;
}
.layer_3 .onClick{
    left: 26%;
    top: 56%;
}
.layer_3 .show_input{
    width: 7%;
    height: 2.5%;
    border: none;
    background: transparent;
    position: absolute;
    top: 47.4%;
    left: 21.2%;
    font-size:1vw;
}
@keyframes flicker {
    0%{
        opacity: 100%;
    }
    50%{
        opacity: 0%;
    }
    100%{
        opacity: 100%;
    }
}