/* ///////////////////////////////////////////////////////////
///loading
/////////////////////////////////////////////////////////// */
.loading {
z-index: 10000;
/* position: absolute; */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
font-size: 12px;
text-align: center;
padding-top: 300px;
display: none;
color: #333;
}
.loading img {
width: 150px;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
-ms-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
0% {-webkit-transform: rotateY(0deg);}
100% {-webkit-transform: rotateY(360deg);}
}
@-moz-keyframes spin {
0% {-moz-transform: rotateY(0deg);}
100% {-moz-transform: rotateY(360deg);}
}
@-ms-keyframes spin {
0% {-ms-transform: rotateY(0deg);}
100% {-ms-transform: rotateY(360deg);}
}
@-o-keyframes spin {
0% {-o-transform: rotateY(0deg);}
100% {-o-transform: rotateY(360deg);}
}
@keyframes spin {
0% {transform: rotateY(0deg);}
100% {transform: rotateY(360deg);}