/* Nloading 加载动画*/
.Nloading {
  position: absolute;
  z-index: 2;
  /* z-index: 9999; */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--bg-color);
  color: var(--bg-color);
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s ease;
  transition-property: opacity transform;
}

.Nloading.hiden {
  opacity: 0;
  transform: scale(2);
}

.Nloading>span {
  position: absolute;
  background-color: var(--fg-color);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  font-weight: bold;
  padding: 0 10px;
}

.Nloading>.N {
  animation: rotateN_r 3s ease infinite;
}

.Nloading>.W {
  animation: rotateN 3s ease infinite;
}

@keyframes rotateN {
  0% {
    transform: rotate3d(0, 1, 0, 180deg);
  }

  50% {
    transform: rotate3d(0, 1, 0, 0deg);
  }

  100% {
    transform: rotate3d(0, 1, 0, 180deg);
  }
}

@keyframes rotateN_r {
  0% {
    transform: rotate3d(0, 1, 0, 0deg);
  }

  50% {
    transform: rotate3d(0, 1, 0, 180deg);
  }

  100% {
    transform: rotate3d(0, 1, 0, 0deg);
  }
}

/* Nloading END */

@media screen and (max-width: 600px){
  .Nloading{
    z-index: 1000;
  }
}