.ele-admin-loading {
  width: 28px;
  height: 28px;
  display: grid;
  grid-gap: 8px;
  grid-template-rows: repeat(2, 1fr);
  grid-template-columns: repeat(2, 1fr);
  transform: rotate(45deg);
  animation: loadingRotate 1.2s infinite linear;
  position: fixed;
  top: calc(50% - 14px);
  left: calc(50% - 14px);
}

.ele-admin-loading > i {
  border-radius: 50%;
  background: #1677ff;
}

.ele-admin-loading > i:nth-child(2) {
  opacity: 0.7;
}

.ele-admin-loading > i:nth-child(3) {
  opacity: 0.5;
}

.ele-admin-loading > i:nth-child(4) {
  opacity: 0.3;
}

@keyframes loadingRotate {
  to {
    transform: rotate(405deg);
  }
}