/*
* @Author: gentleknife
* @Date:   2019-10-15 10:53:28
* @Last Modified time: 2019-05-17 16:05:04
*/
@keyframes godown
{
0%{margin-top:0;}
25%{margin-top:-10px;}
50%{margin-top:10px;}
75%{margin-top:0;}
100%{margin-top:0;}
}

@-moz-keyframes godown /* Firefox */
{
0%{margin-top:0;}
25%{margin-top:-10px;}
50%{margin-top:10px;}
75%{margin-top:0;}
100%{margin-top:0;}
}

@-webkit-keyframes godown /* Safari 和 Chrome */
{
0%{margin-top:0;}
25%{margin-top:-10px;}
50%{margin-top:10px;}
75%{margin-top:0;}
100%{margin-top:0;}
}

@-o-keyframes godown /* Opera */
{
0%{margin-top:0;}
25%{margin-top:-10px;}
50%{margin-top:10px;}
75%{margin-top:0;}
100%{margin-top:0;}
}

@keyframes mybounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
}

.mybounce {
  -webkit-animation-name: mybounce;
  animation-name: mybounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}