/* CSS Document */
/*预加载 start*/

.spinner {
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
}
.loading_bg01,
.loading_bg02,
.loading_bg03 {
	width: 24%;
	position: absolute;
	top: 26%;
	left: 38%;
}
.loading_bg01 {
	-webkit-animation: bounceLeft 1s infinite linear;
	animation: bounceLeft 1s infinite linear;
}
.loading_bg02 {
	-webkit-animation: bounceRight 1s infinite linear;
	animation: bounceRight 1s infinite linear;
}
.loading {
	width: 21%;
	position: absolute;
	top: 45%;
	left: 38%;
}
.loading {
	-webkit-animation: fadeIn .5s linear;
	animation: fadeIn .5s linear;
}
.loadingPoint {
	width: 4%;
	position: absolute;
	top: 45%;
	left: 59%;
}
.loadingPoint {
	-webkit-animation: fadeIn .5s infinite linear;
	animation: fadeIn .5s infinite linear;
}
@-webkit-keyframes bounceLeft {
	0% {
		-webkit-transform: rotate(-360deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}
@keyframes bounceLeft {
	0% {
		-webkit-transform: rotate(-360deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}
@-webkit-keyframes bounceRight {
	0% {
		-webkit-transform: rotate(360deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}
@keyframes bounceRight {
	0% {
		-webkit-transform: rotate(360deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/*预加载  end*/