/* CSS Document */
  /*预加载 start*/
.spinner {
	width: 100%;
	height: 100%;
	background: url(../images/loading_bg.jpg) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	margin: 0;
	padding: 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*/