@keyframes circle{
	from{transform: rotate(0);}
	to{transform: rotate(360deg);}
}
@-moz-keyframes circle{
	from{-moz-transform: rotate(0);}
	to{-moz-transform: rotate(360deg);}
}
@-ms-keyframes circle{
	from{-ms-transform: rotate(0);}
	to{-ms-transform: rotate(360deg);}
}
@-webkit-keyframes circle{
	from{-webkit-transform: rotate(0);}
	to{-webkit-transform: rotate(360deg);}
}

/* 开门 */
@keyframes opendoor{
	0%{top: 65.2%;}
	10%{top: 39.2%;}
	20%{ top: 39.2%;}
	30%{top: 65.2%;}
}
@-moz-keyframes opendoor{
	0%{top: 65.2%;}
	10%{top: 39.2%;}
	20%{ top: 39.2%;}
	30%{top: 65.2%;}
}
@-ms-keyframes opendoor{
	0%{top: 65.2%;}
	10%{top: 39.2%;}
	20%{ top: 39.2%;}
	30%{top: 65.2%;}
}
@-webkit-keyframes opendoor{
	0%{top: 65.2%;}
	10%{top: 39.2%;}
	20%{ top: 39.2%;}
	30%{top: 65.2%;}
}

/* 钓鱼 */
@keyframes fishing_rotate{
	from{transform: rotate(0);}
	to{transform: rotate(-15deg);}
}
@-moz-keyframes fishing_rotate{
	from{-moz-transform: rotate(0);}
	to{-moz-transform: rotate(-15deg);}
}
@-ms-keyframes fishing_rotate{
	from{-ms-transform: rotate(0);}
	to{-ms-transform: rotate(-15deg);}
}
@-webkit-keyframes fishing_rotate{
	from{-webkit-transform: rotate(0);}
	to{-webkit-transform: rotate(-15deg);}
}

/* 灯光 */
@keyframes lighting{
	from{opacity: 0;}
	to{ opacity: 1;}
}
@-moz-keyframes lighting{
	from{opacity: 0;}
	to{ opacity: 1;}
}
@-ms-keyframes lighting{
	from{opacity: 0;}
	to{ opacity: 1;}
}
@-webkit-keyframes lighting{
	from{opacity: 0;}
	to{ opacity: 1;}
}

/* 火箭发射 */
@keyframes rocket_up{
	0%{ top: 11%;}
	
	100%{ top: -1000%;}
}
@-moz-keyframes rocket_up{
	0%{ top: 11%;}
	
	100%{ top: -1000%;}
}
@-webkit-keyframes rocket_up{
	0%{ top: 11%;}
	
	100%{ top: -1000%;}
}
@-ms-keyframes rocket_up{
	0%{ top: 11%;}
	
	100%{ top: -1000%;}
}

/* 星球浮动 */
@keyframes floatLeft{
	from{ left: 98%;}
	to{ left: 90%;}
}
@-moz-keyframes floatLeft{
	from{ left: 98%;}
	to{ left: 90%;}
}
@-ms-keyframes floatLeft{
	from{ left: 98%;}
	to{ left: 90%;}
}
@-webkit-keyframes floatLeft{
	from{ left: 98%;}
	to{ left: 90%;}
}

/* 漂浮飞船 */
@keyframes floatUp1{
	from{top: -28%;}
	to{top: -24%;}
}
@-moz-keyframes floatUp1{
	from{top: -28%;}
	to{top: -24%;}
}
@-ms-keyframes floatUp1{
	from{top: -28%;}
	to{top: -24%;}
}
@-webkit-keyframes floatUp1{
	from{top: -28%;}
	to{top: -24%;}
}

@keyframes floatUp2{
	from{top: -26%;}
	to{top: -22%;}
}
@-moz-keyframes floatUp2{
	from{top: -26%;}
	to{top: -22%;}
}
@-ms-keyframes floatUp2{
	from{top: -26%;}
	to{top: -22%;}
}
@-webkit-keyframes floatUp2{
	from{top: -26%;}
	to{top: -22%;}
}

/* people1 */
@keyframes people1_rotate{
	from{ transform: rotate(0deg);}
	to{ transform: rotate(10deg);}
}
@-moz-keyframes people1_rotate{
	from{ -moz-transform: rotate(0deg);}
	to{ -moz-transform: rotate(10deg);}
}
@-ms-keyframes people1_rotate{
	from{ -ms-transform: rotate(0deg);}
	to{ -ms-transform: rotate(10deg);}
}
@-webkit-keyframes people1_rotate{
	from{ -webkit-transform: rotate(0deg);}
	to{ -webkit-transform: rotate(10deg);}
}

/* 盒子运动  */
@keyframes run{
	0%{left: 19%; top: 20%; }
	19.9%{ background-position: 0% 0%; }
	20%{left: 32%; top: 33%; background-position:0% 44%;}
	35%{left: 43%; top: 39.5%;}
	39.9%{ background-position:0% 44%;}
	40%{ background-position:0% 87.5%;}
	42%{left: 43%; top: 39.5%;background-position:0% 87.5%;}
	45%{left: 44%; top: 39.5%;background-position:0% 87.5%;}
	70%{left: 58%; top: 28.5%; background-position:0% 87.5%;}
	100%{ left: 72%; top: 13%;background-position:0% 87.5%;}
}
@-moz-keyframes run{
	0%{left: 19%; top: 20%; }
	19.9%{ background-position: 0% 0%; }
	20%{left: 32%; top: 33%; background-position:0% 44%;}
	35%{left: 43%; top: 39.5%;}
	39.9%{ background-position:0% 44%;}
	40%{ background-position:0% 87.5%;}
	42%{left: 43%; top: 39.5%;background-position:0% 87.5%;}
	45%{left: 44%; top: 39.5%;background-position:0% 87.5%;}
	70%{left: 58%; top: 28.5%; background-position:0% 87.5%;}
	100%{ left: 72%; top: 13%;background-position:0% 87.5%;}
}
@-ms-keyframes run{
	0%{left: 19%; top: 20%; }
	19.9%{ background-position: 0% 0%; }
	20%{left: 32%; top: 33%; background-position:0% 44%;}
	35%{left: 43%; top: 39.5%;}
	39.9%{ background-position:0% 44%;}
	40%{ background-position:0% 87.5%;}
	42%{left: 43%; top: 39.5%;background-position:0% 87.5%;}
	45%{left: 44%; top: 39.5%;background-position:0% 87.5%;}
	70%{left: 58%; top: 28.5%; background-position:0% 87.5%;}
	100%{ left: 72%; top: 13%;background-position:0% 87.5%;}
}
@-webkit-keyframes run{
	0%{left: 19%; top: 20%; }
	19.9%{ background-position: 0% 0%; }
	20%{left: 32%; top: 33%; background-position:0% 44%;}
	35%{left: 43%; top: 39.5%;}
	39.9%{ background-position:0% 44%;}
	40%{ background-position:0% 87.5%;}
	42%{left: 43%; top: 39.5%;background-position:0% 87.5%;}
	45%{left: 44%; top: 39.5%;background-position:0% 87.5%;}
	70%{left: 58%; top: 28.5%; background-position:0% 87.5%;}
	100%{ left: 72%; top: 13%;background-position:0% 87.5%;}
}

/* 盒子二运动 */
@keyframes run2{
	from{left: 44%; top: 5.6%;}
	to{ left: 38%; top: 8.6%;}
}
@-moz-keyframes run2{
	from{left: 44%; top: 5.6%;}
	to{ left: 38%; top: 8.6%;}
}
@-ms-keyframes run2{
	from{left: 44%; top: 5.6%;}
	to{ left: 38%; top: 8.6%;}
}
@-webkit-keyframes run2{
	from{left: 44%; top: 5.6%;}
	to{ left: 38%; top: 8.6%;}
}

/* people旋转 */
@keyframes people_rotate{
	from{ transform: rotate(0deg);}
	to{ transform: rotate(-10deg);}
}
@-moz-keyframes people_rotate{
	from{ -moz-transform: rotate(0deg);}
	to{ -moz-transform: rotate(-10deg);}
}
@-ms-keyframes people_rotate{
	from{ -ms-transform: rotate(0deg);}
	to{ -ms-transform: rotate(-10deg);}
}
@-webkit-keyframes people_rotate{
	from{ -webkit-transform: rotate(0deg);}
	to{ -webkit-transform: rotate(-10deg);}
}

/* people5 */
@keyframes up{
	0%{top: 70%; z-index: 4; opacity: 1;}
	20%{ top: 53.6%; left: 52%; }
	59.9%{ background-position: 0% 0%;}
	60%{ top: 42.6%; left: 66%; background-position: 0% 92%;}
	90%{ top: 28.6%; left: 70%;  opacity: 1; background-position: 0% 92%;}
	
	100%{top: 28.6%; left: 70%;opacity: 0; background-position: 0% 92%;}
}
@-moz-keyframes up{
	0%{top: 70%; z-index: 4; opacity: 1;}
	20%{ top: 53.6%; left: 52%; }
	59.9%{ background-position: 0% 0%;}
	60%{ top: 42.6%; left: 66%; background-position: 0% 92%;}
	90%{ top: 28.6%; left: 70%;  opacity: 1; background-position: 0% 92%;}
	
	100%{top: 28.6%; left: 70%;opacity: 0; background-position: 0% 92%;}
}
@-ms-keyframes up{
	0%{top: 70%; z-index: 4; opacity: 1;}
	20%{ top: 53.6%; left: 52%; }
	59.9%{ background-position: 0% 0%;}
	60%{ top: 42.6%; left: 66%; background-position: 0% 92%;}
	90%{ top: 28.6%; left: 70%;  opacity: 1; background-position: 0% 92%;}
	
	100%{top: 28.6%; left: 70%;opacity: 0; background-position: 0% 92%;}
}
@-webkit-keyframes up{
	0%{top: 70%; z-index: 4; opacity: 1;}
	20%{ top: 53.6%; left: 52%; }
	59.9%{ background-position: 0% 0%;}
	60%{ top: 42.6%; left: 66%; background-position: 0% 92%;}
	90%{ top: 28.6%; left: 70%;  opacity: 1; background-position: 0% 92%;}
	
	100%{top: 28.6%; left: 70%;opacity: 0; background-position: 0% 92%;}
}

/* 眼珠子转动 */
@keyframes yanzhuzi_rotate{
	from{ transform: rotate(0deg);}
	to{ transform: rotate(360deg);}
}
@-moz-keyframes yanzhuzi_rotate{
	from{ -moz-transform: rotate(0deg);}
	to{ -moz-transform: rotate(360deg);}
}
@-ms-keyframes yanzhuzi_rotate{
	from{ -ms-transform: rotate(0deg);}
	to{ -ms-transform: rotate(360deg);}
}
@-webkit-keyframes yanzhuzi_rotate{
	from{ -webkit-transform: rotate(0deg);}
	to{ -webkit-transform: rotate(360deg);}
}

/* 摆手 */
@keyframes hand_rotate{
	20%{ transform: rotate(-30deg);}
	40%{ transform: rotate(0);}
	100%{ transform: rotate(0);}
}
@-moz-keyframes hand_rotate{
	20%{ -moz-transform: rotate(-30deg);}
	40%{ -moz-transform: rotate(0);}
	100%{ -moz-transform: rotate(0);}
}
@-ms-keyframes hand_rotate{
	20%{ -ms-transform: rotate(-30deg);}
	40%{ -ms-transform: rotate(0);}
	100%{ -ms-transform: rotate(0);}
}
@-webkit-keyframes hand_rotate{
	20%{ -webkit-transform: rotate(-30deg);}
	40%{ -webkit-transform: rotate(0);}
	100%{ -webkit-transform: rotate(0);}
}

/* 眼睛 */
@keyframes eye_rotate1{
	from{  top: 47%;}
	to{   top: 49%;}
}
@-moz-keyframes eye_rotate1{
	from{  top: 47%;}
	to{   top: 49%;}
}
@-ms-keyframes eye_rotate1{
	from{ top: 47%;}
	to{   top: 49%;}
}
@-webkit-keyframes eye_rotate1{
	from{  top: 47%;}
	to{   top: 49%;}
}

/* 手 */
@keyframes hand_rotate{
	0%{ transform: rotate(0deg);}
	80%{ transform: rotate(0deg);}
	100%{ transform: rotate(-30deg);}
}
@-moz-keyframes hand_rotate{
	0%{ -moz-transform: rotate(0deg);}
	80%{ -moz-transform: rotate(0deg);}
	100%{ -moz-transform: rotate(-30deg);}
}@-ms-keyframes hand_rotate{
	0%{ -ms-transform: rotate(0deg);}
	80%{ -ms-transform: rotate(0deg);}
	100%{ -ms-transform: rotate(-30deg);}
}
@-webkit-keyframes hand_rotate{
	0%{ -webkit-transform: rotate(0deg);}
	80%{ -webkit-transform: rotate(0deg);}
	100%{ -webkit-transform: rotate(-30deg);}
}
/* 眼睛2 */
@keyframes eye_rotate2{
	from{ top: 54%;}
	to{ top: 55%;}
}
@-moz-keyframes eye_rotate2{
	from{ top: 54%;}
	to{ top: 55%;}
}
@-ms-keyframes eye_rotate2{
	from{ top: 54%;}
	to{ top: 55%;}
}
@-webkit-keyframes eye_rotate2{
	from{ top: 54%;}
	to{ top: 55%;}
}

/* 漂浮的云 */
@keyframes cloud_float{
	from{ transform: translateX(0);}
	to{ transform: translateX(20px);}
}
@-moz-keyframes cloud_float{
	from{ -moz-transform: translateX(0);}
	to{ -moz-transform: translateX(20px);}
}
@-ms-keyframes cloud_float{
	from{ -ms-transform: translateX(0);}
	to{ -ms-transform: translateX(20px);}
}
@-webkit-keyframes cloud_float{
	from{ -webkit-transform: translateX(0);}
	to{ -webkit-transform: translateX(20px);}
}

/* 眼睛 */ 
@keyframes yanjing1{
	from{ left: 70.5%;}
	to{ left: 71%;}
}
@-moz-keyframes yanjing1{
	from{ left: 70.5%;}
	to{ left: 71%;}
}
@-ms-keyframes yanjing1{
	from{ left: 70.5%;}
	to{ left: 71%;}
}
@-webkit-keyframes yanjing1{
	from{ left: 70.5%;}
	to{ left: 71%;}
}

/* 耳机 */
@keyframes erji_box{
	from{ transform: scale(1);}
	to{transform: scale(1.1);}
}
@-moz-keyframes erji_box{
	from{ -moz-transform: scale(1);}
	to{ -moz-transform: scale(1.1);}
}
@-ms-keyframes erji_box{
	from{ -ms-transform: scale(1);}
	to{ -ms-transform: scale(1.1);}
}
@-webkit-keyframes erji_box{
	from{ -webkit-transform: scale(1);}
	to{ -webkit-transform: scale(1.1);}
}