body {
    background: transparent;
}
.gameBox{
    background: none;
}
.layer_1{
    background: url('../images/1.png') center / contain no-repeat;
}
.layer_2{
    display: none;
    background: url('../images/2.png') center / contain no-repeat;
}
.layer_3{
    display: none;
    background: url('../images/3.png') center / contain no-repeat;
}
.layer_4{
    display: none;
    background: url('../images/4.png') center / contain no-repeat;
}
.layer_5{
    display: none;
    background: url('../images/5.png') center / contain no-repeat;
}
.layer_6{
    display: none;
    background: url('../images/4.png') center / contain no-repeat;
}
.layer_7{
    display: none;
    background: url('../images/6.png') center / contain no-repeat;
}
.layer_8{
    display: none;
    background: url('../images/8.png') center / contain no-repeat;
}
.layer_9{
    display: none;
    background: url('../images/7.png') center / contain no-repeat;
}
.prompt{
    position: absolute;
    width: 11.1%;
    height: 21.2%;
    left: 29.2%;
    top: 20%;
    cursor: pointer;
    border-radius: 0.5vw;
    animation: flicker 1.5s infinite;
    border: 0.24vw solid #fff;
}
.border{
    position: absolute;
    width: 9.5%;
    height: 18.8%;
    left: 30%;
    top: 21.3%;
    cursor: pointer;
    border-radius: 0.3vw;
    box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, .5);
}
.mouse{
    left: 38.5%;
    top: 39%;
}
.onClick{
    left: 37.3%;
    top: 46%;
}
.rightMouse{
    position: absolute;
    width: 3%;
    height: 6.9%;
    left: 42.3%;
    top: 39%;
    z-index: 2;
    background: url('../images/icon_1.png') center / contain no-repeat;
    animation: right 1.5s infinite;
}
.layer_2 .prompt{
    width: 11.6%;
    height: 24.2%;
    left: 29%;
    top: 19%;
}
.layer_2 .border{
    width: 10%;
    height: 21.8%;
    left: 29.8%;
    top: 20.3%;
}
.layer_2 .onClick{
    width: 11%;
    height: 4%;
    left: 38.3%;
    top: 48%;
}
.layer_3 .prompt{
    width: 11.9%;
    height: 7.2%;
    left: 36.8%;
    top: 39.5%;
}
.layer_3 .border{
    width: 10.5%;
    height: 5%;
    left: 37.5%;
    top: 40.5%;
}
.layer_3 .mouse{
    left: 47%;
    top: 44%;
}
.layer_3 .onClick{
    left: 45.7%;
    top: 51%;
}




.layer_4 .prompt{
    width: 7.8%;
    height: 5.5%;
    left: 41.5%;
    top: 42.3%;
}
.layer_4 .border{
    width: 6.6%;
    height: 4%;
    left: 42.1%;
    top: 43%;
}
.layer_4 .mouse{
    left: 47.5%;
    top: 45%;
}
.layer_4 .onClick{
    left: 46.3%;
    top: 52.2%;
}





.layer_5 .prompt{
    width: 11.4%;
    height: 6.9%;
    left: 41.9%;
    top: 46.3%;
}
.layer_5 .border{
    width: 10.2%;
    height: 5%;
    left: 42.5%;
    top: 47.2%;
}
.layer_5 .mouse{
    left: 51.5%;
    top: 50%;
}
.layer_5 .onClick{
    left: 50.3%;
    top: 57.2%;
}




.layer_6 .prompt{
    width: 27.7%;
    height: 9.4%;
    left: 36.2%;
    top: 53%;
}
.layer_6 .border{
    width: 26.5%;
    height: 7.4%;
    left: 36.8%;
    top: 54%;
}
.layer_6 .mouse{
    left: 62.5%;
    top: 60%;
}
.layer_6 .onClick{
    left: 61.3%;
    top: 67%;
}





.layer_7 .prompt{
    width: 26.1%;
    height: 8.7%;
    left: 37%;
    top: 68%;
}
.layer_7 .border{
    width: 24.8%;
    height: 6.7%;
    left: 37.7%;
    top: 69%;
}
.layer_7 .mouse{
    left: 61.5%;
    top: 74%;
}
.layer_7 .onClick{
    left: 60.3%;
    top: 81%;
}






.layer_8 .prompt{
    width: 7.8%;
    height: 7%;
    left: 56.5%;
    top: 67%;
}
.layer_8 .border{
    width: 6.3%;
    height: 5%;
    left: 57.2%;
    top: 67.9%;
}

.layer_8 .mouse{
    left: 63%;
    top: 72%;
}
.layer_8 .onClick{
    left: 62%;
    top: 78.7%;
}


.layer_9 .prompt{
    width: 9.1%;
    height: 7.2%;
    left: 55%;
    top: 59%;
}
.layer_9 .border{
    width: 7.7%;
    height: 5.2%;
    left: 55.7%;
    top: 60%;
}
.layer_9 .mouse{
    left: 62.5%;
    top: 64%;
}
.layer_9 .onClick{
    left: 61.3%;
    top: 71%;
}
.layer_9 .show{
    width: 15%;
    height: 10%;
    position: absolute;
    top: 4%;
    left: 50%;
    display: none;
    transform: translateX(-50%);
}
@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%);
    }
}
@keyframes right {
    0%{
        background: url('../images/icon_1.png') center / contain no-repeat;
    }
    50%{
        background: url('../images/icon_2.png') center / contain no-repeat;
    }
    100%{
        background: url('../images/icon_1.png') center / contain no-repeat;
    }
}