console.log(2);
$('.shakeTop,.shakeBottom').on('webkitAnimationEnd',function (){
    $('.shakeTop .shake-icon,.shakeBottom .shake-icon').hide();
    $('#shake>.shake-icon').show();
    setTimeout(function (){
        $('.shake-tips').show();
    },500);

    console.log('1')
});
$('#shake>.shake-icon').on('webkitAnimationEnd',function (){
    $(this).hide();
    $('.shakeTop>.shake-icon,.shakeBottom>.shake-icon').show();
    // $('.shakeTop').css('animation','shakeIn1 .8s ease-in-out reverse');
    // $('.shakeBottom').css('animation','shakeIn2 .8s ease-in-out reverse');
   $('.shakeTop').removeClass("animation");
   setTimeout(function(){$('.shakeTop').addClass('animation2');},1);
    $('.shakeBottom').removeClass("animation");
  setTimeout(function(){$('.shakeBottom').addClass('animation2');},1);
    console.log('2');
});