-webkit-@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes textOpacity {
  0% {
    color: #7c90b9;
  }
  25% {
    color: #bcc7dd;
  }
  50% {
    color: #fff;
  }
  75% {
    color: #bcc7dd;
  }
  100% {
    color: #7c90b9;
  }
}

-webkit-@keyframes transparency {
  0% { opacity: 1;}
  3% { opacity: 0.95;}
  6% { opacity: 0.9;}
  9% { opacity: 0.85;}
  12% { opacity: 0.8;}
  15% { opacity: 0.75;}
  18% { opacity: 0.7;}
  21% { opacity: 0.65;}
  24% { opacity: 0.6;}
  27% { opacity: 0.55;}
  30% { opacity: 0.5;}
  33% { opacity: 0.45;}
  36% { opacity: 0.4;}
  36% { opacity: 0.35;}
  36% { opacity: 0.3;}
  39% { opacity: 0.25;}
  42% { opacity: 0.2;}
  45% { opacity: 0.15;}
  48% { opacity: 0.1;}
  51% { opacity: 0.15;}
  54% { opacity: 0.2;}
  57% { opacity: 0.25;}
  60% { opacity: 0.3;}
  63% { opacity: 0.35;}
  66% { opacity: 0.4;}
  69% { opacity: 0.45;}
  72% { opacity: 0.5;}
  75% { opacity: 0.55;}
  78% { opacity: 0.6;}
  81% { opacity: 0.65;}
  84% { opacity: 0.7;}
  87% { opacity: 0.75;}
  90% { opacity: 0.8;}
  93% { opacity: 0.85;}
  96% { opacity: 0.9;}
  99% { opacity: 0.95;}
}

@keyframes transparency {
  0% { opacity: 1;}
  3% { opacity: 0.95;}
  6% { opacity: 0.9;}
  9% { opacity: 0.85;}
  12% { opacity: 0.8;}
  15% { opacity: 0.75;}
  18% { opacity: 0.7;}
  21% { opacity: 0.65;}
  24% { opacity: 0.6;}
  27% { opacity: 0.55;}
  30% { opacity: 0.5;}
  33% { opacity: 0.45;}
  36% { opacity: 0.4;}
  36% { opacity: 0.35;}
  36% { opacity: 0.3;}
  39% { opacity: 0.25;}
  42% { opacity: 0.2;}
  45% { opacity: 0.15;}
  48% { opacity: 0.1;}
  51% { opacity: 0.15;}
  54% { opacity: 0.2;}
  57% { opacity: 0.25;}
  60% { opacity: 0.3;}
  63% { opacity: 0.35;}
  66% { opacity: 0.4;}
  69% { opacity: 0.45;}
  72% { opacity: 0.5;}
  75% { opacity: 0.55;}
  78% { opacity: 0.6;}
  81% { opacity: 0.65;}
  84% { opacity: 0.7;}
  87% { opacity: 0.75;}
  90% { opacity: 0.8;}
  93% { opacity: 0.85;}
  96% { opacity: 0.9;}
  99% { opacity: 0.95;}
}


//亮点功能
@keyframes flickerImg {
  25% {
    background-image: none;
  }
  75% {
    background-image: url(../images/highlight/banner_icon.png);
  }
}