/* 鼠标滚轮提示 */
@-webkit-keyframes breathing {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.7);
    }
    30% {
      opacity: 1;
      -webkit-transform: scale(0.9);
    }
    70% {
      opacity: 1;
      -webkit-transform: scale(0.9);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(0.7);
    }
  }
  @-moz-keyframes breathing {
    0% {
      opacity: 0;
      -moz-transform: scale(0.7);
    }
    30% {
      opacity: 1;
      -moz-transform: scale(0.9);
    }
    70% {
      opacity: 1;
      -moz-transform: scale(0.9);
    }
    100% {
      opacity: 0;
      -moz-transform: scale(0.7);
    }
  }
  @keyframes breathing {
    0% {
      opacity: 0;
      transform: scale(0.7);
    }
    30% {
      opacity: 1;
      transform: scale(0.9);
    }
    70% {
      opacity: 1;
      transform: scale(0.9);
    }
    100% {
      opacity: 0;
      transform: scale(0.7);
    }
  }
  /*loading*/
  @-webkit-keyframes spinner1 {
    0% {
      -webkit-transform: scale(0);
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(1);
      opacity: 0;
    }
  }
  @-moz-keyframes spinner1 {
    0% {
      opacity: 0;
      -moz-transform: scale(0);
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      -moz-transform: scale(1);
    }
  }
  @keyframes spinner1 {
    0% {
      transform: scale(0);
      opacity: 0;
    }
    5% {
      opacity: 1;
    }
    100% {
      transform: scale(1);
      opacity: 0;
    }
  }
  /* 流星 */
  @-webkit-keyframes meteor-ani {
    0% {
      opacity: 0;
      -webkit-transform: scale(0) translate(0, 0);
    }
    50% {
      opacity: 1;
      -webkit-transform: scale(1) translate(-10vh, 10vh);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1.2) translate(-20vh, 20vh);
    }
  }
  @-moz-keyframes meteor-ani {
    0% {
      opacity: 0;
      -moz-transform: scale(0) translate(0, 0);
    }
    50% {
      opacity: 1;
      -moz-transform: scale(1) translate(-10vh, 10vh);
    }
    100% {
      opacity: 0;
      -moz-transform: scale(1.2) translate(-20vh, 20vh);
    }
  }
  @keyframes meteor-ani {
    0% {
      opacity: 0;
      transform: scale(0) translate(0, 0);
    }
    50% {
      opacity: 1;
      transform: scale(1) translate(-10vh, 10vh);
    }
    100% {
      opacity: 0;
      transform: scale(1.2) translate(-20vh, 20vh);
    }
  }
  /*大星星闪烁*/
  @-webkit-keyframes home-cover-stars {
    0% {
      opacity: 0;
      -webkit-transform: scale(0.3);
    }
    50% {
      opacity: 0.8;
      -webkit-transform: scale(0.6);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(0.3);
    }
  }
  @-moz-keyframes home-cover-stars {
    0% {
      opacity: 0;
      -moz-transform: scale(0.3);
    }
    50% {
      opacity: 0.8;
      -moz-transform: scale(0.6);
    }
    100% {
      opacity: 0;
      -moz-transform: scale(0.3);
    }
  }
  @keyframes home-cover-stars {
    0% {
      opacity: 0;
      transform: scale(0.3);
    }
    50% {
      opacity: 0.8;
      transform: scale(0.6);
    }
    100% {
      opacity: 0;
      transform: scale(0.3);
    }
  }
  /*从中间放大显示*/
  @-webkit-keyframes pop-in {
    from {
      opacity: 0;
      -webkit-transform: scale(0.8);
    }
    to {
      opacity: 1;
      -webkit-transform: scale(1);
    }
  }
  @-moz-keyframes pop-in {
    from {
      opacity: 0;
      -moz-transform: scale(0.8);
    }
    to {
      opacity: 1;
      -moz-transform: scale(1);
    }
  }
  @keyframes pop-in {
    from {
      opacity: 0;
      transform: scale(0.8);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  /* 首页封面星宿 */
  @-webkit-keyframes bg-cover-stars-1 {
    0% {
      opacity: 0;
    }
    25% {
      opacity: 1;
    }
    75% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @-moz-keyframes bg-cover-stars-1 {
    0% {
      opacity: 0;
    }
    25% {
      opacity: 1;
    }
    75% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes bg-cover-stars-1 {
    0% {
      opacity: 0;
    }
    25% {
      opacity: 1;
    }
    75% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @-webkit-keyframes bg-cover-stars-2 {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-moz-keyframes bg-cover-stars-2 {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes bg-cover-stars-2 {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  /* 线条一 */
  @-webkit-keyframes cloud_one {
    0% {
      left: 0;
    }
    100% {
      left: -200%;
    }
  }
  @-moz-keyframes cloud_one {
    0% {
      left: 0;
    }
    100% {
      left: -200%;
    }
  }
  @keyframes cloud_one {
    0% {
      left: 0;
    }
    100% {
      left: -200%;
    }
  }
  /* 线条二*/
  @-webkit-keyframes cloud_two {
    0% {
      left: 0;
    }
    100% {
      left: -200%;
    }
  }
  @-moz-keyframes cloud_two {
    0% {
      left: 0;
    }
    100% {
      left: -200%;
    }
  }
  @keyframes cloud_two {
    0% {
      left: 0;
    }
    100% {
      left: -200%;
    }
  }
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translateY(20px);
      -ms-transform: translateY(20px);
      transform: translateY(20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }