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/3.jpg') center / contain no-repeat;
}
.layer_5{
    display: none;
    background: url('../images/3.jpg') center / contain no-repeat;
}
.layer_6{
    display: none;
    background: url('../images/4.jpg') center / contain no-repeat;
}
.prompt{
    position: absolute;
    width: 32%;
    height: 45.4%;
    left: 27.65%;
    top: 32.5%;
    cursor: pointer;
    border-radius: 0.5vw;
    animation: flicker 1.5s infinite;
    border: 0.24vw solid #fff;
}
.border{
    position: absolute;
    width: 30.5%;
    height: 43%;
    left: 28.4%;
    top: 33.7%;
    cursor: pointer;
    border-radius: 0.3vw;
    box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, .5);
}
.layer_1 .onClick{
    width: 10%;
    height:3.7%;
    left: 47%;
    top: 91%;
}
.rightMouse{
    position: absolute;
    width: 3%;
    height: 6.9%;
    left: 50.5%;
    top: 82%;
    z-index: 2;
    background: url('../images/icon_1.png') center / contain no-repeat;
    animation: right 1.5s infinite;
}
.layer_2 .prompt{
    width: 11.9%;
    height: 6.5%;
    left: 44.1%;
    top: 43.3%;
}
.layer_2 .border{
    top: 44.5%;
    left: 44.8%;
    height: 4%;
    width: 10.5%;
}
.layer_2 .mouse{
    top: 47%;
    left: 54.5%;
}
.layer_2 .onClick{
    left: 53.5%;
    top: 54%;
}


.layer_3 .prompt{
    width: 6.1%;
    height: 4.4%;
    left: 1.2%;
    top: 15.7%;
}
.layer_3 .border{
    width: 5.2%;
    height: 2.8%;
    left: 1.6%;
    top: 16.4%;
}
.layer_3 .mouse{
    left: 5.6%;
    top: 18%;
}
.layer_3 .onClick{
    left: 5%;
    top: 25%;
}

.layer_4 .prompt{
    width: 59%;
    height: 6%;
    left: 3.5%;
    top: 47.2%;
}
.layer_4 .border{
    width: 58%;
    height: 4.2%;
    left: 4%;
    top: 48.1%;
}
.layer_4 .onClick{
    width: 14%;
    height: 3%;
    left: 7%;
    top: 56%;
}
.layer_4 .show_input{
    width: 52%;
    height: 2.5%;
    border: none;
    background: transparent;
    position: absolute;
    top: 48.7%;
    left: 9%;
    font-size:0.1vw;
}


.layer_5 .prompt{
    width: 7%;
    height: 5.2%;
    left: 48%;
    top: 56.2%;
}
.layer_5 .border{
    width: 6%;
    height: 3.8%;
    left: 48.5%;
    top: 56.9%;
}
.layer_5 .mouse{
    left: 53.3%;
    top: 59.2%;
}
.layer_5 .onClick{
    left: 52.3%;
    top: 66%;
}



@keyframes flicker {
    0%{
        opacity: 100%;
    }
    50%{
        opacity: 0%;
    }
    100%{
        opacity: 100%;
    }
}
@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;
    }
}