.loader {
  font-size: 20px;
  margin: 45% auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  /* liner：规定以相同速度开始至结束的过渡效果*/
  animation: load4 1.3s infinite linear;
}
@keyframes load4 {
  0%,
  100% {
    box-shadow:
		0em -3em 0em 0.2em #56b4ab,
		2em -2em 0 0em #56b4ab,
		3em 0em 0 -0.5em #56b4ab,
		2em 2em 0 -0.5em #56b4ab,
		0em 3em 0 -0.5em #56b4ab,
		-2em 2em 0 -0.5em #56b4ab,
		-3em 0em 0 -0.5em #56b4ab,
		-2em -2em 0 0em #56b4ab;
  }
  12.5% {
    box-shadow:
		0em -3em 0em 0em #56b4ab,
		2em -2em 0 0.2em #56b4ab,
		3em 0em 0 0em #56b4ab,
		2em 2em 0 -0.5em #56b4ab,
		0em 3em 0 -0.5em #56b4ab,
		-2em 2em 0 -0.5em #56b4ab,
		-3em 0em 0 -0.5em #56b4ab,
		-2em -2em 0 -0.5em #56b4ab;
  }
  25% {
    box-shadow:
		0em -3em 0em -0.5em #56b4ab,
		2em -2em 0 0em #56b4ab,
		3em 0em 0 0.2em #56b4ab,
		2em 2em 0 0em #56b4ab,
		0em 3em 0 -0.5em #56b4ab,
		-2em 2em 0 -0.5em #56b4ab,
		-3em 0em 0 -0.5em #56b4ab,
		-2em -2em 0 -0.5em #56b4ab;
  }
  37.5% {
    box-shadow:
		0em -3em 0em -0.5em #56b4ab,
		2em -2em 0 -0.5em #56b4ab,
		3em 0em 0 0em #56b4ab,
		2em 2em 0 0.2em #56b4ab,
		0em 3em 0 0em #56b4ab,
		-2em 2em 0 -0.5em #56b4ab,
		-3em 0em 0 -0.5em #56b4ab,
		-2em -2em 0 -0.5em #56b4ab;
  }
  50% {
    box-shadow:
		0em -3em 0em -0.5em #56b4ab,
		2em -2em 0 -0.5em #56b4ab,
		3em 0em 0 -0.5em #56b4ab,
		2em 2em 0 0em #56b4ab,
		0em 3em 0 0.2em #56b4ab,
		-2em 2em 0 0em #56b4ab,
		-3em 0em 0 -0.5em #56b4ab,
		-2em -2em 0 -0.5em #56b4ab;
  }
  62.5% {
    box-shadow:
		0em -3em 0em -0.5em #56b4ab,
		2em -2em 0 -0.5em #56b4ab,
		3em 0em 0 -0.5em #56b4ab,
		2em 2em 0 -0.5em #56b4ab,
		0em 3em 0 0em #56b4ab,
		-2em 2em 0 0.2em #56b4ab,
		-3em 0em 0 0em #56b4ab,
		-2em -2em 0 -0.5em #56b4ab;
  }
  75% {
    box-shadow:
		0em -3em 0em -0.5em #56b4ab,
		2em -2em 0 -0.5em #56b4ab,
		3em 0em 0 -0.5em #56b4ab,
		2em 2em 0 -0.5em #56b4ab,
		0em 3em 0 -0.5em #56b4ab,
		-2em 2em 0 0em #56b4ab,
		-3em 0em 0 0.2em #56b4ab,
		-2em -2em 0 0em #56b4ab;
  }
  87.5% {
    box-shadow:
		0em -3em 0em 0em #56b4ab,
		2em -2em 0 -0.5em #56b4ab,
		3em 0em 0 -0.5em #56b4ab,
		2em 2em 0 -0.5em #56b4ab,
		0em 3em 0 -0.5em #56b4ab,
		-2em 2em 0 0em #56b4ab,
		-3em 0em 0 0em #56b4ab,
		-2em -2em 0 0.2em #56b4ab;
  }
}