.loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
}

.loading:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.333rem;
  height: 1.333rem;
  margin-top: -0.667rem;
  margin-left: -0.667rem;
}
.loading:before {
  background: url('data:image/png;base64,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');
  background-repeat: no-repeat;
  background-size: cover;
  border-color: rgba(255, 255, 255, 0.8);
  animation: loadingMove 0.7s linear infinite;
  -webkit-animation: loadingMove 0.7s linear infinite;
}
@keyframes loadingMove {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes loadingMove {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}