body {
    background: transparent;
}
.topic{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}
.lyl{
    padding: 6% 0 13.5%;
}
.show{
    position: relative;
    width: 100%;
    height: 100%;
}
.drag ul li{
    position: absolute;
    width: 14.7%;
    left: 5%;
    top: 20%;
    text-align: center;
}
.drag ul li div{
    font-size: 1.85vw;
    margin-top: 1vw;
}
.drag ul li:nth-child(2){
    left: 23%;
    top: 18.8%;
    width: 7.4%;
}
.drag ul li:nth-child(3){
    left: 34%;
    top: 19%;
    width: 7.5%;
}
.drag ul li:nth-child(4){
    left: 46%;
    top: 14.8%;
    width: 8.5%;
}
.drag ul li:nth-child(4) div{
    margin-top: 1vw;
}
.drag ul li:nth-child(5){
    left: 58%;
    top: 18.4%;
    width: 7.4%;
}
.drag ul li:nth-child(6){
    left: 71%;
    top: 19%;
    width: 8.6%;
}
.drag ul li:nth-child(7){
    left: 83%;
    top: 27.3%;
    width: 12.5%;
}
.drag ul li:nth-child(7) div{
    margin-top: 0px;
}
.drag img{
    cursor: pointer;
}
.dashed .dashed_box{
    position: absolute;
    top: 61.1%;
    left: 9.9%;
    width: 80.2%;
    height: 39.2%;
}
.gameBox_btn{
    width: 15.7%;
    height: 11%;
    font-size: 2.5vw;
    position: absolute;
}
.gameBox_reset{
    top: 82%;
    left: 50%;
    transform: translateX(-110%);
}
.submit{
    top: 82%;
    left: 50%;
    transform: translateX(10%);
}