@charset "UTF-8";
/*
校园兼职网站动画样式文件
*/

@-webkit-keyframes headerFadeIn {
	0% {
		opacity: 0;
		transform: translateY(-71px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-moz-keyframes headerFadeIn {
	0% {
		opacity: 0;
		transform: translateY(-71px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-o-keyframes headerFadeIn {
	0% {
		opacity: 0;
		transform: translateY(-71px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes headerFadeIn {
	0% {
		opacity: 0;
		transform: translateY(-71px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.headerUnTop {
	-webkit-animation: headerFadeIn .3s ease-out;
	   -moz-animation: headerFadeIn .3s ease-out;
	     -o-animation: headerFadeIn .3s ease-out;
	        animation: headerFadeIn .3s ease-out;
}

@-webkit-keyframes accessAniIn {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes accessAniIn {
	0% {
		opacity: 0;
		-moz-transform: translateY(50%);
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}
@-o-keyframes accessAniIn {
	0% {
		opacity: 0;
		-o-transform: translateY(50%);
	}
	100% {
		opacity: 1;
	    -o-transform: translateY(0);
	}
}
@keyframes accessAniIn {
	0% {
		opacity: 0;
	    transform: translateY(50%);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}


@-webkit-keyframes userPanelIn {
	0% {
		opacity: 0;
		transform: translateX(50%);
		-webkit-transform: translateX(50%);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes userPanelIn {
	0% {
		opacity: 0;
		transform: translateX(50%);
		-moz-transform: translateX(50%);
	}
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes userPanelIn {
	0% {
		opacity: 0;
		transform: translateX(50%);
		-o-transform: translateX(50%);
	}
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes userPanelIn {
	0% {
		opacity: 0;
		transform: translateX(50%);
		transform: translateX(50%);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
