body {
    background: transparent;
}
.topic{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}
.lyl{
    padding: 5% 0;
}
.show{
    position: relative;
    width: 100%;
    height: 100%;
}
.drag ul li{
    position: absolute;
    width: 6.5%;
    left: 10%;
    top: 67%;
    text-align: center;
}
.drag ul li div{
    font-size: 1.4vw;
    margin-top: 1vw;
}
.drag ul li:nth-child(2){
    left: 19.5%;
    width: 9.5%;
}
.drag ul li:nth-child(2) img{
    width: 65.8%;
}
.drag ul li:nth-child(3){
    left: 32%;
}
.drag ul li:nth-child(4){
    left: 43%;
}
.drag ul li:nth-child(5){
    left: 54%;
}
.drag ul li:nth-child(6){
    left: 65%;
    top: 70.5%;
    width: 24.5%;
}
.drag img{
    cursor: pointer;
}
.dashed .dashed_box{
    position: absolute;
    top: 23%;
    width: 29.2%;
    height: 41%;
    left: 5.5%;
}
.dashed .dashed_box:nth-child(2){
    left: 35.5%;
}
.dashed .dashed_box:nth-child(3){
    left: 65.3%;
}
.gameBox_btn{
    width: 15.7%;
    height: 11%;
    font-size: 2.5vw;
    top: 83.5%;
    position: absolute;
}
.gameBox_reset{
    left: 50%;
    transform: translateX(-110%);
}
.submit{
    left: 50%;
    transform: translateX(10%);
}