#goldEgg-operation{margin:6vw 6vw 12vw;width:88vw;z-index:1;position:inherit;left:0;top:0}
#goldEgg-time{width:80vw;padding:0 10vw;}
.game-content{position:relative}
#goldEgg-operation p{box-shadow:0 0 10px rgb(255 255 255 / 50%) !important;-webkit-box-shadow:0 0 10px rgb(255 255 255 / 50%) !important}
#goldEgg-notify{margin-top:0;margin-bottom:3vw}
#goldEgg-explain{margin-top:0}
#goldEgg-explain-wrapper p{font-size:initial}
#goldEgg-cent{height:auto}
#goldEgg-logo{margin-top:8vh;}
.box{width:100%;height:8rem}
.tips{width:3.33333333rem;margin:0.6rem auto 0;background-color:#ff6d69;text-align:center;font-size:0.26666667rem;line-height:0.53333333rem;color:#fff;border-radius:0.26666667rem}
#change{margin:0 0.06666667rem}
.egg{width:10rem;padding-left:1rem;}
.egg li{position:relative;float:left;width:2.13333333rem;height:2.26666667rem;margin:0.1rem 0.2rem;display:flex;flex-direction:column}
.egg li img{width:2.36rem;height:0.68rem}
.egg li img.goldegg{width:2.13333333rem;height:2.26666667rem}
.egg .info{display:none;position:absolute;left:0.5rem;top:-0.25rem;width:0.8rem;height:0.8rem;background-image:url("/tmp_box_nine/images/tips.png");background-size:100%;background-repeat:no-repeat}
.egg li img.goldegg{position:relative;left:0.13333333rem;top:0.26666667rem;width:2.13333333rem;height:2.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 li img.open{width:142%;height:142%;margin-top:-50%;margin-left:-25%;}
.egg li img.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:0.13333333rem}
}#info{position:absolute;left:0.53333333rem;top:1.53333333rem;width:1rem;height:0.53333333rem}
#hammer{position:absolute;left:8.86666667rem;top:-0.5rem;z-index:4;width:1.46666667rem;height:1.6rem;background-image:url("/tmp_box_nine/images/hammer.png");-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;background-size:100%}
.shak{-o-animation:hammer-move 0.5s linear infinite alternate;-ms-animation:hammer-move 0.5s linear infinite alternate;-moz-animation:hammer-move 0.5s linear infinite alternate;-webkit-animation:hammer-move 0.5s linear infinite alternate;animation:hammer-move 0.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)}
}.hit{-o-animation:hammer-hit 0.2s 3 alternate;-ms-animation:hammer-hit 0.2s 3 alternate;-moz-animation:hammer-hit 0.2s 3 alternate;-webkit-animation:hammer-hit 0.2s 3 alternate;animation:hammer-hit 0.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)}
}ul li{padding:0;margin:0;list-style:none}