@-webkit-keyframes icon-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes icon-spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* 无限循环 */
/* 确认一下旋转是否有问题 */
.iconfont-spin,
.iconfont-spin::before {
  display: inline-block;
  -webkit-animation: icon-spin infinite 1s linear;
          animation: icon-spin infinite 1s linear;
}
/* 循环1圈 */
.iconfont-spin-1,
.iconfont-spin-1::before {
  display: inline-block;
  -webkit-animation: icon-spin 1s linear 1s 1;
          animation: icon-spin 1s linear 1s 1;
}
/* 循环2圈 */
.iconfont-spin-2,
.iconfont-spin-2::before {
  display: inline-block;
  -webkit-animation: icon-spin 1s linear 1s 2;
          animation: icon-spin 1s linear 1s 2;
}
/* 动画将在偶数次数时反向播放动画 */
.iconfont-spin-alternate,
.iconfont-spin-alternate::before {
  display: inline-block;
  -webkit-animation: icon-spin 1s linear 1s 2 alternate;
          animation: icon-spin 1s linear 1s 2 alternate;
}