@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(90deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  75% {
    -webkit-transform: rotate(270deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
html,
body {
  width: 100%;
  height: 100%;
  font-size: 16px;
}
img {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
::-webkit-scrollbar-thumb {
  background-color: silver;
  border-radius: 3px;
}
.f30 {
  font-size: 30px;
}
.f16 {
  font-size: 16px;
}
.f40 {
  font-size: 40px;
}
.f20 {
  font-size: 20px;
}
.f12 {
  font-size: 12px;
}
.cfff {
  color: #fff;
}
.run {
  animation: rotate 1s linear infinite;
}