@keyframes warn {

 

 }

 .mask-white { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.2); content:''; -webkit-transition:-webkit-transform .6s; 
    transition:transform .6s; -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0) }
.index-about .right:hover .mask-white,.newslist li:hover .mask-white{ -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}

@keyframes scaleBigToSmall {
    0% { 
      opacity: 1;
      -webkit-transform: scale(1.2); 
      -ms-transform: scale(1.2); 
      transform: scale(1.2);
    }
    100% { 
      opacity: 1;
      -webkit-transform: scale(1); 
      -ms-transform: scale(1); 
      transform: scale(1);
    }
  }
  @keyframes fadeOutUp {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  
    100% {
      opacity: 0;
      -webkit-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
      transform: translateY(-50px);
      -moz-transform: translateY(-50px);
      -o-transform: translateY(-50px);
}
  }

  @keyframes long {
    0% {
        width: 0
    }

    25% {
        width: 25%
    }

    50% {
        width: 100%
    }

    75% {
        width: 25%
    }

    to {
        width: 0
    }
}
@keyframes  gradient-rectangle {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        background: linear-gradient(to top,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0.6));
        background: -webkit-linear-gradient(to top,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0.6));
        opacity: 1;
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top;
        transform-origin: top;
        background: linear-gradient(to top,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0.6));
        background: -webkit-linear-gradient(to top,
        rgba(255, 255, 255, 0),
        rgba(255, 255, 255, 0.6));
        opacity: 0;
    }
}