@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@mixin spin {
  animation: spin 1.2s infinite linear;
}
@mixin sc($size, $color){
  font-size: $size;
  color: $color;
}
.slide-fade-enter-active {
  transition: all 0.3s ease;
}
.slide-fade-leave-active {
  transition: all 0.3s ease;
}
.slide-fade-enter,
.slide-fade-leave-to {
  transform: translateX(10px);
  opacity: 0;
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.25s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
$color: #333;
$light-color: #666;
$gray: #eee;
$blue: #40a9ff;
$font-size: 16px;
$button-height: 32px;
$button-fontSize: 14px;
$button-bg: #fff;
$border-radius: 4px;
$border-active-bg: #eee;
$border-color: #999;
$border-color-hover: #555;
$box-shadow: rgba(0, 0, 0, 0.5);
$mask-bg: rgba(0, 0, 0, 0.75);
$input-font-size: 14px;
$input-border-color: rgba(102, 102, 102, 1);
$input-border-color-hover: #999;
$error-color: #f1453d;
$info-color: #67c23a;
.am-mask{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .6);
}