#game{position:absolute}
#panmian{width:9rem;position:relative;z-index:10;margin:0 auto}
.zajindan{width:9rem;position:relative;left:0;right:0;margin:0 auto}
.zajindan-ul{width:100%;height:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly}
.zajindan-ul li{width:7rem;position:relative;margin:0 .4rem .4rem}
.zajindan-ul li img{width:100%}
.zajindan-ul li .goldegg{position:relative;top:.26666667rem;-o-transform-origin:center bottom;-ms-transform-origin:center bottom;-moz-transform-origin:center bottom;-webkit-transform-origin:center bottom;transform-origin:center bottom;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
.egg .info{position:absolute;left:-.25rem;top:-.3rem;width:1.3rem;height:.8rem}
.dipan{position:absolute;left:0;bottom:22px;z-index:-1}
#hammer{position:absolute;left:0;right:0;top:-.5rem;z-index:1000;width:1.5rem;height:1.7rem;margin:0 auto;-o-transform-origin:right bottom;-ms-transform-origin:right bottom;-moz-transform-origin:right bottom;-webkit-transform-origin:right bottom;transform-origin:right bottom;-o-transition:1s ease-in-out;-ms-transition:1s ease-in-out;-moz-transition:1s ease-in-out;-webkit-transition:1s ease-in-out;transition:1s ease-in-out}
#hammer img{width:100%}
.shak{-o-animation:hammer-move .5s linear infinite alternate;-ms-animation:hammer-move .5s linear infinite alternate;-moz-animation:hammer-move .5s linear infinite alternate;-webkit-animation:hammer-move .5s linear infinite alternate;animation:hammer-move .5s linear infinite alternate}
@keyframes hammer-move{100%{-o-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
}
.jump{-o-animation:jump .5s infinite alternate;-ms-animation:jump .5s infinite alternate;-moz-animation:jump .5s infinite alternate;-webkit-animation:jump .5s infinite alternate;animation:jump .5s infinite alternate}
@keyframes jump{100%{top:.13333333rem}
}
.hit{-o-animation:hammer-hit .2s 3 alternate;-ms-animation:hammer-hit .2s 3 alternate;-moz-animation:hammer-hit .2s 3 alternate;-webkit-animation:hammer-hit .2s 3 alternate;animation:hammer-hit .2s 3 alternate}
@keyframes hammer-hit{100%{-o-transform:rotate(-20deg);-ms-transform:rotate(-20deg);-moz-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}
}
.left_right1{animation:left_right .3s linear infinite}
@keyframes left_right{0%{-o-transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}
    25%{-o-transform:rotate(10deg);-ms-transform:rotate(10deg);-moz-transform:rotate(10deg);-webkit-transform:rotate(10deg);transform:rotate(10deg)}
    50%{-o-transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}
    75%{-o-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
    100%{-o-transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}
}


#xkgif{height:100%;position: absolute;z-index: 1;width: 100%;display:block;opacity:1;
    background-size: 100% !important;}


#to-home{width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    left: 10px;
    top: 10px;
    color: #fff;
    background: #0000002e;
    font-size: 0.5rem;
    border-radius: 50%;
    text-align: center;
    line-height: 0.7rem;z-index: 1002}