@keyframes lantern {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes lantern {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes leaf {
	0% {
		transform: rotate(0deg);
		transform-origin: left top
	}

	50% {
		transform: rotate(5deg);
		transform-origin: left top
	}

	100% {
		transform: rotate(0deg);
		transform-origin: left top
	}
}

@-webkit-keyframes leaf {
	0% {
		-webkit-transform: rotate(0deg);
		-webkit-transform-origin: left top
	}

	50% {
		-webkit-transform: rotate(5deg);
		-webkit-transform-origin: left top
	}

	100% {
		-webkit-transform: rotate(0deg);
		-webkit-transform-origin: left top
	}
}

.fy_panda {
	position: absolute;
	top: 0;
	right: -460px;
	width: 1097px;
	height: 1065px
}

.fy_panda>div {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto
}

.scene {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0
}

.scene .layer {
	position: relative;
	width: 100%;
	height: 100%;
	background: url("../img/fy_panda.png") no-repeat
}

.fy_lantern {
	position: absolute;
	top: 185px;
	left: -39px;
	width: 273px;
	height: 246px;
	background: url("../img/fy_lantern.png") no-repeat;
	animation: lantern 5s infinite;
	-webkit-animation: lantern 5s infinite
}

.fy_leaf {
	position: absolute;
	top: 109px;
	left: 557px;
	width: 289px;
	height: 136px;
	background: url("../img/fy_leaf.png") no-repeat;
	animation: leaf 5s infinite;
	-webkit-animation: leaf 5s infinite
}