@keyframes long {
  0% {
      width: 0
  }

  25% {
      width: 25%
  }

  50% {
      width: 100%
  }

  75% {
      width: 25%
  }

  to {
      width: 0
  }
}
 
 
@-webkit-keyframes swiper_img_move{
    0%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
    50%{
        -webkit-transform:scale(1.1,1.1);
        transform:scale(1.1,1.1);
    }
    100%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
}
@keyframes swiper_img_move{
    0%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
    50%{
        -webkit-transform:scale(1.1,1.1);
        transform:scale(1.1,1.1);
    }
    100%{
        -webkit-transform:scale(1,1);
        transform:scale(1,1);
    }
}



@keyframes mousemove {
    0%{
        bottom: 25px;
    }
    50%{
        bottom: 40px;
    }
    100%{
        bottom: 25px;
    }
}

@keyframes mysacle {
    0% {
        transform: scale(1.15);
    }
}

@keyframes topFloat {
    from {
        transform: translateY(20px);
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
}

    to {
        transform: translateY(0);
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
}
}


@keyframes warn {

    0% {

        transform:scale(0.5);

        opacity:0;

    }

    25% {

        transform:scale(1);

        opacity:0.4;

    }

    50% {

        transform:scale(1.2);

        opacity:0.8;

    }

    75% {

        transform:scale(1.3);

        opacity:0.4;

    }

    100% {

        transform:scale(1.4);

        opacity:0;

    }

}



@keyframes maprightFloat {
    from {
        transform:translateY(-50%) translateX(-20px);
        opacity: 0;
        -webkit-transform:translateY(-50%) translateX(-20px);
        -moz-transform:translateY(-50%) translateX(-20px);
        -ms-transform:translateY(-50%) translateX(-20px);
        -o-transform:translateY(-50%) translateX(-20px);
}

    to {
        transform:translateY(-50%) translateX(0);
        opacity: 1;
        -webkit-transform:translateY(-50%) translateX(0);
        -moz-transform:translateY(-50%) translateX(0);
        -ms-transform:translateY(-50%) translateX(0);
        -o-transform:translateY(-50%) translateX(0);
}
}