/*loading*/
#loading { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(40, 40, 40, 0.5); z-index: 1111; }
.spinner { position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%); font-size: 10px; }
.spinner > div { background-color: #e1fc66; height: 60px; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }  
  20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); }
}