@charset 'utf-8';
@-webkit-keyframes round_right
{
	0%
	{
		-webkit-transform:translateX(-100px);
		opacity: 0;
	}
	100%
	{
		-webkit-transform:translateX(0px);
		opacity: 1;
	}
	
}
@-webkit-keyframes round_left
{
	0%
	{
		-webkit-transform:translateX(100px);
		opacity: 0;
	}
	100%
	{
		-webkit-transform:translateX(0px);
		opacity: 1;
	}
	
}
@-webkit-keyframes round_top
{
	0%
	{
		-webkit-transform:translateY(100px);
		opacity: 0;
	}
	100%
	{
		-webkit-transform:translateY(0px);
		opacity: 1;
	}
	
}

@-webkit-keyframes round
{
	0%
	{
		opacity: 1;
		background-size: 5% 5%;
	}
	80%
	{
		opacity: 1;
		background-size: 100% 100%;
	}
	90%
	{
		opacity: 1;
		background-size: 80% 80%;
	}
	100%
	{
		opacity: 1;
		background-size: 100% 100%;
	}
	
}
@-webkit-keyframes back
{
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
		-webkit-transform:translate(0px,0px);
	}
}
@-webkit-keyframes opa
{
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
	}
}
@-webkit-keyframes t
{
	0%
	{
		-webkit-transform:translateX(-20px);
	}
	100%
	{
		-webkit-transform:translateX(0px);
		opacity: 1;
	}
}
@-webkit-keyframes upspring
{
	0%
	{
		-webkit-transform:translateY(1000px);
		opacity: 0;
	}
	80%
	{
		-webkit-transform:translateY(-50px);
	}
	
	100%
	{
		-webkit-transform:translateY(0px);
		opacity: 1;
	}
}
@-webkit-keyframes change
{
	0%
	{
		background-size: 10%;
		opacity: 1;
	}
	50%
	{
		opacity: 1;
	}
	100%
	{
		background-size: 80%;
		opacity: 0;
	}
}
@-webkit-keyframes tree
{
	0%
	{
		background-size: 50%;
	}
	100%
	{
		background-size: 100%;
	}
}
@-webkit-keyframes house
{
	0%
	{
		/*-webkit-transform:scale(.5,1.5);*/
		/*-webkit-transform:translateY(-700px);*/
		transform: matrix(.5, 0, 0, 1.5, 0, -300)
	}
	60%
	{
		-webkit-transform:scale(1.5,.5);
		/*-webkit-transform:translateY(0px);*/
		transform: matrix(1, 0, 0, 1, 0, 0);
	}
	81%
	{
		transform: matrix(1.5, 0, 0, .5, 0, 0);
	}
	98%
	{
		-webkit-transform:scale(.9,1.2);
		transform: matrix(.9, 0, 0, 1.2, 0, 0);
	}
	100%
	{
		transform: matrix(1, 0, 0, 1, 0, 0);
	}
}
@-webkit-keyframes icon
{
	0%
	{
		opacity: 1;
	}
	100%
	{
		-webkit-transform:translate(0px,0px);
		opacity: 1;
	}
}
/*兼容火狐*/
@-moz-keyframes round_right
{
	0%
	{
		-moz-transform:translateX(-100px);
		opacity: 0;
	}
	100%
	{
		-moz-transform:translateX(0px);
		opacity: 1;
	}
	
}
@-moz-keyframes round_left
{
	0%
	{
		-moz-transform:translateX(100px);
		opacity: 0;
	}
	100%
	{
		-moz-transform:translateX(0px);
		opacity: 1;
	}
	
}
@-moz-keyframes round_top
{
	0%
	{
		-moz-transform:translateY(100px);
		opacity: 0;
	}
	100%
	{
		-moz-transform:translateY(0px);
		opacity: 1;
	}
	
}

@-moz-keyframes round
{
	0%
	{
		opacity: 1;
		background-size: 5%;
	}
	80%
	{
		background-size: 100%;
	}
	90
	{
		background-size: 80%;
	}
	100%
	{
		background-size: 100%;
		opacity: 1;
	}
	
}
@-moz-keyframes back
{
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
		-moz-transform:translate(0px,0px);
	}
}
@-moz-keyframes opa
{
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
	}
}
@-moz-keyframes t
{
	0%
	{
		-moz-transform:translateX(-20px);
	}
	100%
	{
		-moz-transform:translateX(0px);
		opacity: 1;
	}
}
@-moz-keyframes upspring
{
	0%
	{
		-moz-transform:translateY(1000px);
		opacity: 0;
	}
	80%
	{
		-moz-transform:translateY(-50px);
	}
	
	100%
	{
		-moz-transform:translateY(0px);
		opacity: 1;
	}
}
@-moz-keyframes change
{
	0%
	{
		background-size: 30%;
		opacity: 1;
	}
	50%
	{
		opacity: 1;
	}
	100%
	{
		background-size: 100%;
		opacity: 0;
	}
}
@-moz-keyframes tree
{
	0%
	{
		background-size: 50%;
	}
	100%
	{
		background-size: 100%;
	}
}
@-moz-keyframes house
{
	0%
	{
		/*-moz-transform:scale(.5,1.5);*/
		/*-moz-transform:translateY(-700px);*/
		transform: matrix(.5, 0, 0, 1.5, 0, -300)
	}
	60%
	{
		-moz-transform:scale(1.5,.5);
		/*-moz-transform:translateY(0px);*/
		transform: matrix(1, 0, 0, 1, 0, 0);
	}
	81%
	{
		transform: matrix(1.5, 0, 0, .5, 0, 0);
	}
	98%
	{
		-moz-transform:scale(.9,1.2);
		transform: matrix(.9, 0, 0, 1.2, 0, 0);
	}
	100%
	{
		transform: matrix(1, 0, 0, 1, 0, 0);
	}
}
@-moz-keyframes icon
{
	0%
	{
		opacity: 1;
	}
	100%
	{
		-moz-transform:translate(0px,0px);
		opacity: 1;
	}
}
/*IE 兼容*/
@-ms-keyframes round_right
{
	0%
	{
		-ms-transform:translateX(-100px);
		opacity: 0;
	}
	100%
	{
		-ms-transform:translateX(0px);
		opacity: 1;
	}
	
}
@-ms-keyframes round_left
{
	0%
	{
		-ms-transform:translateX(100px);
		opacity: 0;
	}
	100%
	{
		-ms-transform:translateX(0px);
		opacity: 1;
	}
	
}
@-ms-keyframes round_top
{
	0%
	{
		-ms-transform:translateY(100px);
		opacity: 0;
	}
	100%
	{
		-ms-transform:translateY(0px);
		opacity: 1;
	}
	
}

@-ms-keyframes round
{
	0%
	{
		opacity: 1;
		background-size: 5%;
	}
	80%
	{
		background-size: 100%;
	}
	90
	{
		background-size: 80%;
	}
	100%
	{
		background-size: 100%;
		opacity: 1;
	}
	
}
@-ms-keyframes back
{
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
		-ms-transform:translate(0px,0px);
	}
}
@-ms-keyframes opa
{
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
	}
}
@-ms-keyframes t
{
	0%
	{
		-ms-transform:translateX(-20px);
	}
	100%
	{
		-ms-transform:translateX(0px);
		opacity: 1;
	}
}
@-ms-keyframes upspring
{
	0%
	{
		-ms-transform:translateY(1000px);
		opacity: 0;
	}
	80%
	{
		-ms-transform:translateY(-50px);
	}
	
	100%
	{
		-ms-transform:translateY(0px);
		opacity: 1;
	}
}
@-ms-keyframes change
{
	0%
	{
		background-size: 30%;
		opacity: 1;
	}
	50%
	{
		opacity: 1;
	}
	100%
	{
		background-size: 100%;
		opacity: 0;
	}
}
@-ms-keyframes tree
{
	0%
	{
		background-size: 50%;
	}
	100%
	{
		background-size: 100%;
	}
}
@-ms-keyframes house
{
	0%
	{
		/*-ms-transform:scale(.5,1.5);*/
		/*-ms-transform:translateY(-700px);*/
		transform: matrix(.5, 0, 0, 1.5, 0, -300)
	}
	60%
	{
		-ms-transform:scale(1.5,.5);
		/*-ms-transform:translateY(0px);*/
		transform: matrix(1, 0, 0, 1, 0, 0);
	}
	81%
	{
		transform: matrix(1.5, 0, 0, .5, 0, 0);
	}
	98%
	{
		-ms-transform:scale(.9,1.2);
		transform: matrix(.9, 0, 0, 1.2, 0, 0);
	}
	100%
	{
		transform: matrix(1, 0, 0, 1, 0, 0);
	}
}
@-ms-keyframes icon
{
	0%
	{
		opacity: 1;
	}
	100%
	{
		-ms-transform:translate(0px,0px);
		opacity: 1;
	}
}
/*欧朋兼容*/
@-o-keyframes round_right
{
	0%
	{
		-o-transform:translateX(-100px);
		opacity: 0;
	}
	100%
	{
		-o-transform:translateX(0px);
		opacity: 1;
	}
	
}
@-o-keyframes round_left
{
	0%
	{
		-o-transform:translateX(100px);
		opacity: 0;
	}
	100%
	{
		-o-transform:translateX(0px);
		opacity: 1;
	}
	
}
@-o-keyframes round_top
{
	0%
	{
		-o-transform:translateY(100px);
		opacity: 0;
	}
	100%
	{
		-o-transform:translateY(0px);
		opacity: 1;
	}
	
}

@-o-keyframes round
{
	0%
	{
		opacity: 1;
		background-size: 5%;
	}
	80%
	{
		background-size: 100%;
	}
	90
	{
		background-size: 80%;
	}
	100%
	{
		background-size: 100%;
		opacity: 1;
	}
	
}
@-o-keyframes back
{
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
		-o-transform:translate(0px,0px);
	}
}
@-o-keyframes opa
{
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
	}
}
@-o-keyframes t
{
	0%
	{
		-o-transform:translateX(-20px);
	}
	100%
	{
		-o-transform:translateX(0px);
		opacity: 1;
	}
}
@-o-keyframes upspring
{
	0%
	{
		-o-transform:translateY(1000px);
		opacity: 0;
	}
	80%
	{
		-o-transform:translateY(-50px);
	}
	
	100%
	{
		-o-transform:translateY(0px);
		opacity: 1;
	}
}
@-o-keyframes change
{
	0%
	{
		background-size: 30%;
		opacity: 1;
	}
	50%
	{
		opacity: 1;
	}
	100%
	{
		background-size: 100%;
		opacity: 0;
	}
}
@-o-keyframes tree
{
	0%
	{
		background-size: 50%;
	}
	100%
	{
		background-size: 100%;
	}
}
@-o-keyframes house
{
	0%
	{
		/*-o-transform:scale(.5,1.5);*/
		/*-o-transform:translateY(-700px);*/
		transform: matrix(.5, 0, 0, 1.5, 0, -300)
	}
	60%
	{
		-o-transform:scale(1.5,.5);
		/*-o-transform:translateY(0px);*/
		transform: matrix(1, 0, 0, 1, 0, 0);
	}
	81%
	{
		transform: matrix(1.5, 0, 0, .5, 0, 0);
	}
	98%
	{
		-o-transform:scale(.9,1.2);
		transform: matrix(.9, 0, 0, 1.2, 0, 0);
	}
	100%
	{
		transform: matrix(1, 0, 0, 1, 0, 0);
	}
}
@-o-keyframes icon
{
	0%
	{
		opacity: 1;
	}
	100%
	{
		-o-transform:translate(0px,0px);
		opacity: 1;
	}
}

@keyframes round_right
{
	0%
	{
		transform:translateX(-100px);
		opacity: 0;
	}
	100%
	{
		transform:translateX(0px);
		opacity: 1;
	}
	
}
@keyframes round_left
{
	0%
	{
		transform:translateX(100px);
		opacity: 0;
	}
	100%
	{
		transform:translateX(0px);
		opacity: 1;
	}
	
}
@keyframes round_top
{
	0%
	{
		transform:translateY(100px);
		opacity: 0;
	}
	100%
	{
		transform:translateY(0px);
		opacity: 1;
	}
	
}

@keyframes round
{
	0%
	{
		opacity: 1;
		background-size: 5%;
	}
	80%
	{
		background-size: 100%;
	}
	90
	{
		background-size: 80%;
	}
	100%
	{
		background-size: 100%;
		opacity: 1;
	}
	
}
@keyframes back
{
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
		transform:translate(0px,0px);
	}
}
@keyframes opa
{
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
	}
}
@keyframes t
{
	0%
	{
		transform:translateX(-20px);
	}
	100%
	{
		transform:translateX(0px);
		opacity: 1;
	}
}
@keyframes upspring
{
	0%
	{
		transform:translateY(1000px);
		opacity: 0;
	}
	80%
	{
		transform:translateY(-50px);
	}
	
	100%
	{
		transform:translateY(0px);
		opacity: 1;
	}
}
@keyframes change
{
	0%
	{
		background-size: 30%;
		opacity: 1;
	}
	50%
	{
		opacity: 1;
	}
	100%
	{
		background-size: 100%;
		opacity: 0;
	}
}
@keyframes tree
{
	0%
	{
		background-size: 50%;
	}
	100%
	{
		background-size: 100%;
	}
}
@keyframes house
{
	0%
	{
		/*transform:scale(.5,1.5);*/
		/*transform:translateY(-700px);*/
		transform: matrix(.5, 0, 0, 1.5, 0, -300)
	}
	60%
	{
		transform:scale(1.5,.5);
		/*transform:translateY(0px);*/
		transform: matrix(1, 0, 0, 1, 0, 0);
	}
	81%
	{
		transform: matrix(1.5, 0, 0, .5, 0, 0);
	}
	98%
	{
		transform:scale(.9,1.2);
		transform: matrix(.9, 0, 0, 1.2, 0, 0);
	}
	100%
	{
		transform: matrix(1, 0, 0, 1, 0, 0);
	}
}
@keyframes icon
{
	0%
	{
		opacity: 1;
	}
	100%
	{
		transform:translate(0px,0px);
		opacity: 1;
	}
}