/* LOADING（.loading）
----------------------------------------- */
.loader-wrap {
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background: #fff;
}
.loading {
	background: #fff;
  opacity:1;
  position: absolute;
  width:  100%;
  height: 100vh;
  top: 0px;
  left: 0px;
  z-index: 1000000000000;
}
.pre .loader-wrap { background: #000;}
.pre .loading { background: #000;}

.loading.hide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 3400ms;
}
.loader {
	visibility: hidden;
}


@keyframes loading{
  0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}
@-webkit-keyframes loading{
  0%{-webkit-transform:rotate(0deg)}
  100%{-webkit-transform:rotate(360deg)}
}