@charset "UTF-8";

/* 
	@Author:作者
	@Date:创作时间
*/


/*自定义动画start*/
@-webkit-keyframes gupIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -30px, 0);
	}
}

@-moz-keyframes gupIn {
	from {
		opacity: 0;
		-moz-transform: translate3d(0, -30px, 0);
	}
}

@keyframes gupIn {
	from {
		opacity: 0;
		transform: translate3d(0, -30px, 0);
	}
}

@-webkit-keyframes gdownIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 30px, 0);
	}
}

@-moz-keyframes gdownIn {
	from {
		opacity: 0;
		-moz-transform: translate3d(0, 30px, 0);
	}
}

@keyframes gdownIn {
	from {
		opacity: 0;
		transform: translate3d(0, 30px, 0);
	}
}

@-webkit-keyframes gleftIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@-moz-keyframes gleftIn {
	0% {
		opacity: 0;
		-moz-transform: translate3d(-30px, 0, 0);
	}
	100% {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
	}
}

@keyframes gleftIn {
	0% {
		opacity: 0;
		transform: translate3d(-30px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes grightIn {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(80px, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
	}
}

@-moz-keyframes grightIn {
	0% {
		opacity: 0;
		-moz-transform: translate3d(80px, 0, 0);
	}
	100% {
		opacity: 1;
		-moz-transform: translate3d(0, 0, 0);
	}
}

@keyframes grightIn {
	0% {
		opacity: 0;
		transform: translate3d(80px, 0, 0);
	}
	100% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes gfadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes gfadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes gfadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes gfadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-moz-keyframes gfadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes gfadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.gupIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gupIn 1s 0.1s both;
	-moz-animation: gupIn 1s 0.1s both;
	animation: gupIn 1s 0.1s both;
}

.gdownIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gdownIn 1s 0.1s both;
	-moz-animation: gdownIn 1s 0.1s both;
	animation: gdownIn 1s 0.1s both;
}

.gleftIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gleftIn 1s 0.1s both;
	-moz-animation: gleftIn 1s 0.1s both;
	animation: gleftIn 1s 0.1s both;
}

.grightIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: grightIn 1s 0.1s both;
	-moz-animation: grightIn 1s 0.1s both;
	animation: grightIn 1s 0.1s both;
}

.gfadeIn {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gfadeIn 1s 0.1s both;
	-moz-animation: gfadeIn 1s 0.1s both;
	animation: gfadeIn 1s 0.1s both;
}

.gfadeOut {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gfadeOut 1s 0.1s both;
	-moz-animation: gfadeOut 1s 0.1s both;
	animation: gfadeOut 1s 0.1s both;
}
.gdownIn2 {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	-webkit-animation: gdownIn 1s 0.1s both;
	-moz-animation: gdownIn 1s 0.1s both;
	animation: gdownIn 0.3s 0.1s both;
}


/*公共部分结束*/