@charset "utf-8";

@keyframes warn {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1.0; }
    25% { -webkit-transform: scale(.9); transform: scale(.9); opacity: .9; }
    50% { -webkit-transform: scale(.8); transform: scale(.8); opacity: .8; }
    75% { -webkit-transform: scale(.9); transform: scale(.9); opacity: .9; }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1.0; }
}
@keyframes warn1 {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
    25% { -webkit-transform: scale(.9); transform: scale(.9); opacity: .8; }
    50% { -webkit-transform: scale(.8); transform: scale(.8); opacity: .6; }
    75% { -webkit-transform: scale(.9); transform: scale(.9); opacity: .8; }
    100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
@keyframes logoScale {
	 0% {-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
    25% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
    50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
    75% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05);}
    100% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
}

.move1{ animation: move1 0.4s; animation: move1 0.4s;}
.move2{ animation: move1 0.8s;}
.move3{ animation: move1 1.2s;}
.move4{ animation: move1 1.6s;}
.move5{ animation: move1 2.0s;}
.move6{ animation: move1 2.4s;}
.move7{ animation: move1 2.8s;}

.move11{ animation: move2 0.4s;}
.move12{ animation: move2 0.8s;}
.move13{ animation: move2 1.2s;}
.move14{ animation: move2 1.6s;}
.move15{ animation: move2 2.0s;}
.move16{ animation: move2 2.4s;}
.move17{ animation: move2 2.8s;}
@keyframes move1 {
    0%{ transform: translateX(5000%);}
    100%{ transform: translateX(0);}
}
@keyframes move2 {
    0%{ transform: translateX(-5000%);}
    100%{ transform: translateX(0);}
}

.moveHover{transition: all 0.5s ease;}
.moveHover:hover{-moz-transform: 
    translateX(-10px); 
    -webkit-transform: translateX(-10px); 
    -o-transform: translateX(-10px); 
    -ms-transform: translateX(-10px); 
    transform: translateX(-10px);
}

/* 那个衰鬼圈圈 */
.animat{
    animation:move3 5s;
    -webkit-animation:move3 5s; 
    animation-timing-function: ease-in-out; 
    -webkit-animation:move3 5s;
    -webkit-animation-timing-function: ease-in-out;
  }
  @keyframes move3
  {
    0%{transform: scale(0);}
    25%{transform: scale(1.1);}
    50%{transform: scale(1);}
    75%{transform: scale(1.1);}
    100%{transform: scale(1);}
  }
  @-webkit-keyframes move3
  {
    0%{transform: scale(0);}
    25%{transform: scale(1.1);}
    50%{transform: scale(1);}
    75%{transform: scale(1.1);}
    100%{transform: scale(1);}
  }
  .c-move1{
    animation:move4 1s;
    -webkit-animation:move4 1s; 
    animation-timing-function: ease-in-out; 
    -webkit-animation:move4 1s;
    -webkit-animation-timing-function: ease-in-out;
  }
  @keyframes move4
  {
    0%{left:100%;}
    100%{left:0}
  }
  @-webkit-keyframes move4
  {
    0%{left:100%;}
    100%{left:0}
  }
  .c-move2{
    animation:move5 1s;
    -webkit-animation:move5 1s; 
    animation-timing-function: ease-in-out; 
    -webkit-animation:move5 1s;
    -webkit-animation-timing-function: ease-in-out;
  }
  @keyframes move5
  {
    0%{left:-100%;}
    100%{left:0}
  }
  @-webkit-keyframes move5
  {
    0%{left:-100%;}
    100%{left:0}
  }

  .c-move3{
    animation:move6 1s;
    -webkit-animation:move6 1s; 
    animation-timing-function: ease-in-out; 
    -webkit-animation:move6 1s;
    -webkit-animation-timing-function: ease-in-out;
  }
  @keyframes move6
  {
    0%{top:-150%;}
    100%{top:0}
  }
  @-webkit-keyframes move6
  {
    0%{top:-150%;}
    100%{top:0}
  }

  .c-move5{
    animation:move7 1s;
    -webkit-animation:move7 1s; 
    animation-timing-function: ease-in-out; 
    -webkit-animation:move7 1s;
    -webkit-animation-timing-function: ease-in-out;
  }
  @keyframes move7
  {
    0%{top:150%;}
    100%{top:0}
  }
  @-webkit-keyframes move7
  {
    0%{top:150%;}
    100%{top:0}
  }