/*!
 * 动画库作者：sodon
 * QQ:517744732;
 * 微信号：lzxxw00533
 *
 */
@charset "utf-8";
/*顺时针旋转  animation:turn 10s linear infinite;*/
@keyframes sxuanzhuan{
  0%{-webkit-transform:rotate(0deg);}
  25%{-webkit-transform:rotate(90deg);}
  50%{-webkit-transform:rotate(180deg);}
  75%{-webkit-transform:rotate(270deg);}
  100%{-webkit-transform:rotate(360deg);}
}




/*闪烁 animation:shanshuo 1s linear infinite;*/
@keyframes shanshuo{
  0%{
    opacity: 0;
  }
  50%{
    opacity: 100;
  }
  100%{
    opacity: 0;
  }
}
@-webkit-keyframes shanshuo{
  0%{
    opacity: 0;
  }
  50%{
    opacity: 100;
  }
  100%{
    opacity: 0;
  }
}


/*顺时针回转 animation: shz 20s infinite linear;*/
@keyframes shz{

  0%{transform: rotate(0deg);}

  25%{transform: rotate(180deg);}
  
  50%{transform: rotate(0deg);}
  
  75%{transform: rotate(-180deg);}
  
  100%{transform: rotate(0deg);}
  
}

/*顺时针回转 animation: nhz 20s infinite linear;*/
@keyframes nhz{

  0%{transform: rotate(0deg);}

  25%{transform: rotate(-90deg);}
  
  50%{transform: rotate(0deg);}
  
  75%{transform: rotate(90deg);}
  
  100%{transform: rotate(0deg);}

}




/* 放大缩小 animation:fangdasuoxiao 1.5s linear infinite alternate;*/

@keyframes fangdasuoxiao
{
  0%{
    transform:scale(1);
    -ms-transform:scale(1);
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
  }
  100%{

    transform:scale(0.8);
    -ms-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -webkit-transform:scale(0.8);
    -o-transform:scale(0.8);  
  }
}



/* 左右漂浮 animation:zuopiao 20s linear infinite alternate;*/

@keyframes zuopiao
{
  0%{
    transform:translate(0px,0px);
    -moz-transform:translate(0px,0px);
    -webkit-transform:translate(0px,0px);
    -o-transform:translate(0px,0px);
  }
  100%{
    transform:translate(200%,0px);
    -moz-transform:translate(200%,0px);
    -webkit-transform:translate(200%,0px);
    -o-transform:translate(200%,0px);
  }
}

/* 上下漂浮 animation:shangxia 20s linear infinite alternate;*/
@keyframes shangxia
{
  0%{
    transform:translate(0px,0px);
    -moz-transform:translate(0px,0px);
    -webkit-transform:translate(0px,0px);
    -o-transform:translate(0px,0px);
  }
  100%{
    transform:translate(0px,10%);
    -moz-transform:translate(0px,10%);
    -webkit-transform:translate(0px,10%);
    -o-transform:translate(0px,10%);
  }
}







/* 扩大闪动 animation: kuoda 2s infinite cubic-bezier(0,0,0.49,1.02);*/

@keyframes kuoda {
    0% {
    transform:scale(1);
}
50%,75% {
    transform:scale(2.5);
}
78%,100% {
    opacity:0;
}

}



/* 使用伪类上下移动  animation: wshangxia 5s infinite linear;*/
@keyframes wshangxia{

  0%{top: -4px;}
  
  50%{top: 100%;}
  
  100%{top: -4px;}
  
}


/* 使用伪类左右移动  animation: wzuoyou 5s infinite linear;*/
@keyframes wzuoyou{

  0%{left: -4px;}
  
  50%{left: 100%;}
  
  100%{left: -4px;}
  
}


/* 文字飘动动画  animation: letterWave 2s infinite linear  
需要依次加入时间才能生效
span:nth-child(0) {
    animation-delay: 0ms
}

span:nth-child(1) {
    animation-delay: 100ms
}


*/
@keyframes letterWave {
    0%,100% {
        transform: translateY(0) scale(1);
        padding: 0 0;
        opacity: .8
    }

    25% {
        transform: translateY(-50px) scale(.8);
        padding: 0 5px;
        opacity: .6
    }

    75% {
        transform: translateY(50px) scale(1.5);
        padding: 0;
        opacity: 1
    }
}