@charset "utf-8";
@import "../../base/fn";
$icon_load_loading: url(data:image/png;base64,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) no-repeat center;
$icon_load_failed: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAb1BMVEUAAACVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZUuWN43AAAAJHRSTlMACvuVGmfXRwX27Fny6Ia3ojcR433ewW8Uji0+diROTdOlrFFvLU1JAAACoElEQVRo3u2Y247qMAxFnaTp/d4CpcAAM/7/bzzH6QhpBgKV4mReWG+oEm5s722n8ObNKuYGfHO6IoJfpr1Ez0HEWCL6DZLqCheyfHNp1C6JgJuvGO8Y2qIHRmp8jGyKFNg4x2ghryPGmgy4ACKaE6228nYcxRdGHHMkbr+TOsaFbBQeddKpHA2bBNiIWom/zqc3aFCC07tsCrqcwCe9SSOWCXilMzmTGrzSfyJxBL/sZIgohYmiwS9JSXU5g18OGfXYik4WLu79IUkvAl6hqsKl+kb7L/OKiI2DqbYUJXmRLBJVLBysOia3fP4HI/VH56R9Ksv41GQzk1InFM2XCOzsEbGawImJPHn/5HnJIVlNYpme7iRDCo6ktAzUYEHQKN2BMySWPLU5HD0U4Ix5WZukm7vWcmiwxjJ3qMM7ljlJauut2YqBhdiar5aagm91buERZFsHpsFCWnhoKWQHKbCQkj1FjwYOIm6BiS0iflgMWAETymLFLeeqoanylhMmwERCubf09gxMzBbNVaYhmKBWreAemiUCmBA0U+Ae3u8A+J+AQcKni7/wAVs4vBj5bSWIQQa0+vBDCwbm8RtikbiGW4nCL3f8a2qQhTvE1UH85SUIpozrOpdNfi+mvbmYBrlih/hY8PefPcxIw9ZhuDdrBqxCR7EUlVp3Xlm4tNeKbJ9KinIAv5ypP0rfUTRSq5/BL0eKIi3V542Cnz14RUuKsunAK0lpUqb8HuZ0QSLX6d2UnoENodAw7H6JC2UbMaZsg4Zc/agNpXE/8R1mzHAhrg+3tC2BjwK4iJTEb7Kt0skcCcCFQad8YeocLcSMppAWjbSEqYGRvmiHByf5Am6iZKe2cZXhN5VOwR9IlKMAT9h1wh/kegLfNB28ebOGf5YjbJ23SFfWAAAAAElFTkSuQmCC) no-repeat center;
.ysui-load_icon-loading:before {
  content: " ";
  display: block;
  margin: 0 auto 16*$px;
  background: $icon_load_loading;
  background-size: 100%;
  animation: ysuiLoading 1s steps(12, end) infinite;
}
.ysui-load_icon-failed:before {
  content: " ";
  display: block;
  margin: 0 auto 16*$px;
  background: $icon_load_failed;
  background-size: 100%;
}

@-webkit-keyframes ysuiLoading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

@keyframes ysuiLoading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}