/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2019-4-11, 13:55:27
    Author     : jerry
*/
@keyframes mousemove {
  from {
    transform: translateX(-5.208vw);
  }
  to {
    transform: translateX(5.208vw);
  }
}
@-webkit-keyframes lightPlay {
  100% {
    background-position: -25500px;
  }
}
@keyframes lightPlay {
  100% {
    background-position: -25500px;
  }
}
.lightPlay {
  -webkit-animation-name: lightPlay;
  animation-name: lightPlay;
  animation-timing-function: steps(51);
}
@keyframes arrow1 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes arrow2 {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(50%);
  }
}
@-webkit-keyframes bMove2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.2;
    transform: scale(0.85) translateX(-95%);
  }
}
@keyframes bMove2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.2;
    transform: scale(0.85) translateX(-95%);
  }
}
.bMove2 {
  -webkit-animation-name: bMove2;
  animation-name: bMove2;
}
@-webkit-keyframes bMove3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.1;
    transform: scale(0.7) translateX(-215%);
  }
}
@keyframes bMove3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.1;
    transform: scale(0.7) translateX(-215%);
  }
}
.bMove3 {
  -webkit-animation-name: bMove3;
  animation-name: bMove3;
}
@-webkit-keyframes bMove4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.05;
    transform: scale(0.55) translateX(-375%);
  }
}
@keyframes bMove4 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.05;
    transform: scale(0.55) translateX(-375%);
  }
}
.bMove4 {
  -webkit-animation-name: bMove4;
  animation-name: bMove4;
}
@-webkit-keyframes bMove5 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.02;
    transform: scale(0.4) translateX(-620%);
  }
}
@keyframes bMove5 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.02;
    transform: scale(0.4) translateX(-620%);
  }
}
.bMove5 {
  -webkit-animation-name: bMove5;
  animation-name: bMove5;
}
@-webkit-keyframes zoomOutIn {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOutIn {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.zoomOutIn {
  -webkit-animation-name: zoomOutIn;
  animation-name: zoomOutIn;
}
@keyframes lightMove {
  20% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-300%);
  }
}
@keyframes lightMove1 {
  20% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(300%);
  }
}