/*盘面主体*/

/*砸蛋主体区域*/
.zajindan{width: 6.5rem;height: 6.8rem;position: relative;left: 0;right: 0;margin: 0 auto;}
.zajindan-ul {
  width: 6.2rem;
    height: 6rem;
    display: flex;
    flex-wrap: wrap;
    padding-top: 0.5rem;
    padding-left: 0.4rem;
}
.zajindan-ul li{    width: 1.6rem;
    height: 2.2rem;
    margin-left: 0.2rem;
    position: relative;}
.zajindan-ul li img{width: 100%}
.zajindan-ul li .goldegg{position: relative;
    top: 0.5rem;
    -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 {
    display: none;
    position: absolute;
    left: -0.20rem;
    top: -0.2rem;
    width: 1rem;
    height: 0.57rem;

}

/*锤子*/
#hammer {
    position: absolute;
    left: 6rem;
    top: -0.5rem;
    z-index: 1000;
    width: 1.2rem;
    height: 1.4rem;

    -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;
}
.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);
    }
}

/*金蛋跳动*/
.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;
    }
}

/*提示文字*/
.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);
    }
}


.prize-com{position: relative!important;}




/*奖品兑奖弹窗*/
.prize-msg{width: 6.5rem!important;top:5vh;border-radius: 10px;animation: my-animation 0.5s;overflow: hidden;}
.prize-msg .el-dialog__header{padding: 0}
.prize-msg .el-dialog__body{padding: 0}
.prize-msg iframe{width: 100%;height: 540px;padding-bottom: 10px;}