.stage {position: relative; width:100%; overflow: hidden;}
img.stage-img{display: block; width:100%}
.lanren {
    width: 12rem;
    height: 9rem;
    position: absolute;
    bottom: 22%;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50%;
    animation: a 1000s linear;
	animation-iteration-count: infinite;
    -webkit-animation: a 1000s linear;
	-webkit-animation-iteration-count:infinite; /* Safari 和 Chrome */	
}


.agg {
    width: 7rem; height: 9rem;
    transform-origin:center;
    -webkit-transform-origin:center;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    border-radius: 100%;
}
.agg:nth-child(1){
    background: url("/hlapp/scratchcards/static/image/zjd/agg1.png") no-repeat center;
    background-size: cover;	
    margin-top: 45%;
    animation: b 1000s linear,zindex 10000ms 0ms infinite linear;
	animation-iteration-count: infinite;
    -webkit-animation: b 1000s linear,zindex 10000ms 0ms infinite linear;
	-webkit-animation-iteration-count:infinite; /* Safari 和 Chrome */	
}
.agg:nth-child(2){
    background: url("/hlapp/scratchcards/static/image/zjd/agg2.png") no-repeat center;
    background-size: cover;	
    margin-top: -5%;
    margin-left: -5%;
    animation: b 1000s linear,zindex 10000ms -2500ms infinite linear;
	animation-iteration-count: infinite;
    -webkit-animation: b 1000s linear,zindex 10000ms -2500ms infinite linear;
	-webkit-animation-iteration-count:infinite; /* Safari 和 Chrome */		
}
.agg:nth-child(3){
    background: url("/hlapp/scratchcards/static/image/zjd/agg3.png") no-repeat center;
    background-size: cover;	
    margin-top: -5%;
    margin-right: -5%;
    animation: b 1000s linear,zindex 10000ms -5500ms infinite linear;
	animation-iteration-count: infinite;
    -webkit-animation: b 1000s linear,zindex 10000ms -5500ms infinite linear;
	-webkit-animation-iteration-count:infinite; /* Safari 和 Chrome */		
}

.lanren.paused,.paused .agg {-webkit-animation-play-state:paused; animation-play-state:paused;}

@keyframes a{
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(36000deg);
        -webkit-transform: rotate(36000deg);
    }
}
@-webkit-keyframes a{
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(36000deg);
        -webkit-transform: rotate(36000deg);
    }
}
@keyframes b{
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(-36000deg);
        -webkit-transform: rotate(-36000deg);
    }
}
@-webkit-keyframes b{
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }
    to{
        transform: rotate(-36000deg);
        -webkit-transform: rotate(-36000deg);
    }
}

@keyframes zindex {
    0% {
        z-index: 1;
    }
    25% {
        z-index: -1;
    }
    55% {
        z-index: -1;
    }
    75% {
        z-index: 1;
    }
}
@-webkit-keyframes zindex {
    0% {
        z-index: 1;
    }
    25% {
        z-index: -1;
    }
    55% {
        z-index: -1;
    }
    75% {
        z-index: 1;
    }
}


.hammer {
    position: absolute;
    z-index: 10;
    left: -60%;
    top: -30%;
    width: 6.5rem;
    display: block;
    max-width: none;

    -webkit-animation: hammer 0.5s alternate;
    animation: hammer 0.5s alternate;
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;

}
.agg-puo {
    position: absolute;
    left: -26%;
    right: 0;
    bottom: 14%;
    width: 12rem;
    display: block;
    max-width: none;
    display: none;
}
@keyframes hammer
{

    50%
    {
        transform: rotate(15deg);
    }

}
@-webkit-keyframes hammer
{
    50%
    {
        -webkit-transform: rotate(15deg);
    }
}