/**主要应用在父元素有display:flex的情况下*/
.grid-mode-load-wrap {
  flex: 1 1 auto;
  text-align: center;
}
.grid-mode-load {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(248, 249, 250, 0.8);
}
.grid-mode-load .grid-mode-icon {
  font-size: 40px;
  color: #656565;
  -webkit-animation: mode-spin 2s infinite linear;
  animation: mode-spin 2s infinite linear;
}
.grid-mode-none {
  display: none !important;
}
.grid-mode-none .grid-mode-icon {
  -webkit-animation: none;
  animation: none;
}
@-webkit-keyframes mode-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes mode-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}