html{
    height: 100%;
}

body{
    margin: 0;
    height: 100%;
    background-image: url(image/bg.jpg);
    cursor: url(image/cursor.png),auto;
}

.hammer-down{
    cursor: url(image/cursor-down.png),auto;
}

#box{
    border:solid 1px red;
    border-collapse:collapse;
    margin: 0 auto;
    transform:translate(0,50px)
}

#box td{
    border:solid 1px red;
    width: 200px;
    height: 200px;
    background-image:url(image/hole.png);
    background-size: 180px 80px;
    background-repeat:no-repeat;
    background-position: 50% bottom;
    text-align: center;

}


/*设置class为mouse的元素的样式*/
.mouse{
    width: 150px;
    height: 160px;
    transition: all 0.7s;
    transform-origin: 50% 100%; 
}

.mouse-down{
    transform:scale(1,0); 
}

#score{
    position:absolute;
    font-size:28px;
    color:black;
    background-color:rgba(100, 100, 100, 0.5);
    padding:5px 10px;
    border-top-right-radius:10px;
    border-bottom-right-radius: 10px;
}   
    /*上右下左*/