@charset "utf-8";
/* CSS Document */

/*公共样式*/
.HCloading-main{
	width: 100%;
	height: auto;
	padding-top: 100px;
}
.HCloading-main .loadEffect {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	margin-top:100px;
	position: relative;
}
.HCloading-main .loadEffect div{
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-animation: load 2.08s linear infinite;
}
.HCloading-main .loadEffect div span{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: lightgreen;
	position: absolute;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
}
@-webkit-keyframes load{
	0%{
		-webkit-transform: rotate(0deg);
	}
	10%{
		-webkit-transform: rotate(45deg);
	}
	50%{
		opacity: 1;
		-webkit-transform: rotate(160deg);
	}
	62%{
		opacity: 0;
	}
	65%{
		opacity: 0;
		-webkit-transform: rotate(200deg);
	}
	90%{
		-webkit-transform: rotate(340deg);
	}
	100%{
		-webkit-transform: rotate(360deg);
	}

}
.HCloading-main .loadEffect div:nth-child(1){
	-webkit-animation-delay:0.2s;
}
.HCloading-main .loadEffect div:nth-child(2){
	-webkit-animation-delay:0.4s;
}
.HCloading-main .loadEffect div:nth-child(3){
	-webkit-animation-delay:0.6s;
}
.HCloading-main .loadEffect div:nth-child(4){
	-webkit-animation-delay:0.8s;
}