#fullpage, .header{ display:none}
.loading{ height:100%; width:100%; position:relative; background-color:#FFF}
.loading:before{ content:''; display:block; width:3em; height:3em; position:absolute; left:50%; top:50%; margin:-1.5em 0 0 -1.5em; border:0.2em solid #999999; border-left-color:#d64709; border-radius:50%;-o-border-radius:50%;

animation: myfirst 1s infinite linear;
-moz-animation: myfirst 1s infinite linear;	/* Firefox */
-webkit-animation: myfirst 1s infinite linear;	/* Safari 和 Chrome */
-o-animation: myfirst 1s infinite linear;	/* Opera */

 }
@keyframes myfirst
{
from {
transform: rotate(0deg);
-ms-transform: rotate(0deg);		/* IE 9 */
-webkit-transform: rotate(0deg);	/* Safari and Chrome */
-o-transform: rotate(0deg);		/* Opera */
-moz-transform: rotate(0deg);		/* Firefox */
	}
to {
transform: rotate(360deg);
-ms-transform: rotate(360deg);		/* IE 9 */
-webkit-transform: rotate(360deg);	/* Safari and Chrome */
-o-transform: rotate(360deg);		/* Opera */
-moz-transform: rotate(360deg);		/* Firefox */	
}
}

@-moz-keyframes myfirst /* Firefox */
{
from {
transform: rotate(0deg);
-ms-transform: rotate(0deg);		/* IE 9 */
-webkit-transform: rotate(0deg);	/* Safari and Chrome */
-o-transform: rotate(0deg);		/* Opera */
-moz-transform: rotate(0deg);		/* Firefox */
	}
to {
transform: rotate(360deg);
-ms-transform: rotate(360deg);		/* IE 9 */
-webkit-transform: rotate(360deg);	/* Safari and Chrome */
-o-transform: rotate(360deg);		/* Opera */
-moz-transform: rotate(360deg);		/* Firefox */	
}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
from {
transform: rotate(0deg);
-ms-transform: rotate(0deg);		/* IE 9 */
-webkit-transform: rotate(0deg);	/* Safari and Chrome */
-o-transform: rotate(0deg);		/* Opera */
-moz-transform: rotate(0deg);		/* Firefox */
	}
to {
transform: rotate(360deg);
-ms-transform: rotate(360deg);		/* IE 9 */
-webkit-transform: rotate(360deg);	/* Safari and Chrome */
-o-transform: rotate(360deg);		/* Opera */
-moz-transform: rotate(360deg);		/* Firefox */	
}
}

@-o-keyframes myfirst /* Opera */
{
from {
transform: rotate(0deg);
-ms-transform: rotate(0deg);		/* IE 9 */
-webkit-transform: rotate(0deg);	/* Safari and Chrome */
-o-transform: rotate(0deg);		/* Opera */
-moz-transform: rotate(0deg);		/* Firefox */
	}
to {
transform: rotate(360deg);
-ms-transform: rotate(360deg);		/* IE 9 */
-webkit-transform: rotate(360deg);	/* Safari and Chrome */
-o-transform: rotate(360deg);		/* Opera */
-moz-transform: rotate(360deg);		/* Firefox */	
}
}