.egg_entrance{
	width: 37px;
    height: 47px;
    position: absolute;
    left: 540px;
    top: 305px;
	background: url("../images/egg_type0_0.png") no-repeat;
	z-index: 9;
	cursor: pointer;
	pointer-events: all;
}
.egg_type0_1{
	width: 34px;
    height: 32px;
    left: 910px;
    top: 166px;
	background: url("../images/egg_type0_1.png") no-repeat;
}
.egg_type0_2{
	width: 38px;
    height: 47px;
    left: 599px;
    top: 904px;
	background: url("../images/egg_type0_2.png") no-repeat;
}
.egg_type1{
	width: 34px;
    height: 44px;
    left: 760px;
    top: 132px;
	background: url("../images/egg_type1.png") no-repeat;
}
.egg_type2{
	width: 356px;
    height: 328px;
    left: 250px;
    top: 120px;
	background: url("../images/egg_type2.png") no-repeat;
}

.egg_type3_0{
	width: 100px;
    height: 100px;
    left: 140px;
    top: -25px;
	z-index: 9;
	background: none;
	pointer-events: all;
}
.egg_type3_0 div{
	width: 32px;
    height: 14px;
	position: absolute;
    left: 20px;
    top: 11px;
	background: url("../images/egg_type3_0.png") no-repeat;

}
.egg_type3_1{
	width: 100px;
    height: 100px;
    left: 405px;
    top: -25px;
	z-index: 9;
	background: none;
	pointer-events: all;
}
.egg_type3_1 div{
	width: 33px;
    height: 15px;
	position: absolute;
    left: 10px;
    top: 11px;
	background: url("../images/egg_type3_1.png") no-repeat;

}
.easter_cover{
	width: 100%;
	height:100%;
	position: fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.6);
	z-index: 99;
	display: none;
}
.earn_egg{
	width:215px;
	height:70px;
	position: absolute;
	top: 130px;
    left: 158px;
	color:#ff2336;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}
.egg_close{
	width: 40px;
    height: 40px;
    position: absolute;
    top: 20px;
    left: 585px;
    color: #fff;
    font-size: 35px;
    cursor: pointer;
    display: none;
}
.easter_egg{
	width:620px;
	height:600px;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-355px;
    margin-left: -270px;
    cursor: pointer;
}
.hammer{
	width:138px;
	height:204px;
	background: url("../images/hammer.png") no-repeat;
	position: absolute;
	left:400px;
	top:76px;
	z-index: 99;
}
.egg_money{
    width: 285px;
    height: 130px;
    color: #fff;
    position: absolute;
    text-align: center;
    left: 306px;
    top: 110px;
    display: none;
}
.egg_money .tip{
	font-size: 30px;
    font-weight: bold;
}
.egg_money .tip_en{
	font-size: 20px;
	margin-top: 10px;
}

.egg_money .num{
	font-size: 46px;
    font-weight: bold;
    color: #ffdf3e;
    margin:5px 0;
}
.egg_money .num_en{
	font-size: 22px;
	color: #fff;
}
.egg_money .num_en span{
	font-size: 40px;
	color: #ffdf3e;
}
.egg_money .goCheck{
	font-size: 18px;
}
.egg_money .goCheck a{
    color: #ffe76f;
}
.egg_move,.hammer_hidden{
	display: none;
}
.egg_move_1{
	display: block;
}
.egg_error{
	width:600px;
	height:600px;
	position: absolute;
    top: 50%;
    left: 50%;
    margin-top:-355px;
    margin-left: -270px;
    background: url("../images/egg_error.png") no-repeat;
    display: none;
}
.egg_error .box{
	width: 460px;
    height: 130px;
    position: absolute;
    top: 350px;
    left: 71px;
    font-size: 30px;
    text-align: center;
}
.egg_error .tip{
	color:#000;
}
.egg_error .num{
	color:#555;
	margin:5px 0 15px 0;
}
.egg_error .contact{
	color:#393939;
	font-size: 20px;
}
.egg_error .contact a{
	color:#04c25d;
}
.hammer_move {
  -webkit-animation: hammer_move 0.2s;
  animation: hammer_move 0.2s;
  animation-fill-mode: forwards;
}
@-webkit-keyframes hammer_move {
  0% {
    -webkit-transform: translate(0) rotate(0deg);
    -ms-transform: translate(0) rotate(0deg);
    transform: translate(0) rotate(0deg);
  }
  99% {
    -webkit-transform: translate(-90px,70px) rotate(-30deg);
    -ms-transform: translate(-90px,70px) rotate(-30deg);
    transform: translate(-90px,70px) rotate(-30deg);
    
  }
  100% {
    -webkit-transform: translate(-90px,70px) rotate(-30deg);
    -ms-transform: translate(-90px,70px) rotate(-30deg);
    transform: translate(-90px,70px) rotate(-30deg);
  }
}

@keyframes hammer_move {
  0% {
    -webkit-transform: translate(0) rotate(0deg);
    -ms-transform: translate(0) rotate(0deg);
    transform: translate(0) rotate(0deg);
  }
  99% {
    -webkit-transform: translate(-90px,70px) rotate(-30deg);
    -ms-transform: translate(-90px,70px) rotate(-30deg);
    transform: translate(-90px,70px) rotate(-30deg);
    
  }
  100% {
    -webkit-transform: translate(-90px,70px) rotate(-30deg);
    -ms-transform: translate(-90px,70px) rotate(-30deg);
    transform: translate(-90px,70px) rotate(-30deg);
  }
}