@keyframes buxin {
 	0%{
		transform: scale(1);
	}
	50%{
		transform: scale(0.92);
		box-shadow: 5px 5px 7px rgba(128,128,128,0.60);
		-webkit-box-shadow: 5px 5px 7px rgba(128,128,128,0.60);
	}
	100%{
		transform: scale(1);
	}
}

@-webkit-keyframes handmove{
	0%{
		-webkit-transform: translate(0,10%);
		opacity: 0;
	}
	5%{
		-webkit-transform: translate(0,0);
		opacity: 1;
	}
	10%,20%{
		-webkit-transform: translate(0,10%);
		opacity: 1;
	}
	15%,25%{
		-webkit-transform: translate(0,0);
		opacity: 1;
	}
	80%{
		-webkit-transform: translate(322%,-136.0%);
		opacity: 1;
	}
	95%{
		-webkit-transform: translate(322%,-136.0%);
		opacity: 1;
	}
	100%{
		-webkit-transform: translate(322%,-136.0%);
		opacity: 0;
	}
}

@-webkit-keyframes imgup {
 	0% {-webkit-transform: translate(-50%, 0);opacity:0;}
	2% {-webkit-transform: translate(-50%, 0);opacity:1;}
	12% {-webkit-transform: translate(-50%, 0);opacity:1;}
   	14% {-webkit-transform: translate(-50%, -12.06%);opacity:1;}
	40% {-webkit-transform: translate(-50%, -12.06%);opacity:1;}
	42% {-webkit-transform: translate(-50%, -25.0%);opacity:1;}
	70% {-webkit-transform: translate(-50%, -25.0%);opacity:1;}
	72%{-webkit-transform: translate(-50%, -38.38%);opacity:1;}
  	100% {-webkit-transform: translate(-50%, -38.38%);opacity:1;}
}
@keyframes imgup {
 	0% {transform: translate(-50%, 0);opacity:0;}
	2% {transform: translate(-50%, 0);opacity:1;}
	12% {transform: translate(-50%, 0);opacity:1;}
   	14% {transform: translate(-50%, -12.06%);opacity:1;}
	40% {transform: translate(-50%, -12.06%);opacity:1;}
	42% {transform: translate(-50%, -25.0%);opacity:1;}
	70% {transform: translate(-50%, -25.0%);opacity:1;}
	72%{transform: translate(-50%, -38.38%);opacity:1;}
  	100% {transform: translate(-50%, -38.38%);opacity:1;}
}

@-webkit-keyframes flip{
    0% {
        background-position:50% 0;
    }
    25% {
       background-position:50% 33.33%;
    }
    55% {
       background-position:50% 66.66%;
    }
	85% {
       background-position:50% 100%;
    }
	100% {
       background-position:50% 100%;
    }
}
@keyframes flip{
    0% {
        background-position:50% 0;
    }
    25% {
       background-position:50% 33.33%;
    }
    55% {
       background-position:50% 66.66%;
    }
	85% {
       background-position:50% 100%;
    }
	100% {
       background-position:50% 100%;
    }
}

.quake {
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation-name: quake;
  animation-name: quake;
  animation-duration: 0.4s;
  -webkit-animation-duration: 0.4s;
  animation-delay: 0s;
  -webkit-animation-delay: 0s;
}
@-webkit-keyframes quake{
  20% {
    -webkit-transform: translate(-50%, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate(-50%, 0) rotate3d(0, 0, 0.5, 2deg);
  }
  40% {
    -webkit-transform: translate(-50%, 0) rotate3d(0, 0, 1, -2deg);
    transform: translate(-50%, 0) rotate3d(0, 0, 0.5, -2deg);
  }
  60% {
    -webkit-transform: translate(-50%, 0) rotate3d(0, 0, 1, 1deg);
    transform: translate(-50%, 0) rotate3d(0, 0, 0.5, 1deg);
  }
  80% {
    -webkit-transform: translate(-50%, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate(-50%, 0) rotate3d(0, 0, 0.5, -1deg);
  }
  100% {
    -webkit-transform: translate(-50%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate(-50%, 0) rotate3d(0, 0, 0.5, 0deg);
  }
}
@keyframes quake{
  20% {
    -webkit-transform: translate(-50%, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate(-50%, 0) rotate3d(0, 0, 1, 2deg);
  }
  40% {
    -webkit-transform: translate(-50%, 0) rotate3d(0, 0, 1, -2deg);
    transform: translate(-50%, 0) rotate3d(0, 0, 1, -2deg);
  }
  60% {
    -webkit-transform: translate(-50%, 0) rotate3d(0, 0, 1, 1deg);
    transform: translate(-50%, 0) rotate3d(0, 0, 1, 1deg);
  }
  80% {
    -webkit-transform: translate(-50%, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate(-50%, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: translate(-50%, 0) rotate3d(0, 0, 1, 0deg);
    transform: translate(-50%, 0) rotate3d(0, 0, 1, 0deg);
  }
}

@-webkit-keyframes scale{
	0% {-webkit-transform: scale(1);}
	100%{-webkit-transform: scale(0.8621);}
}
@keyframes scale{
	0% {transform: scale(1);}
	100% {transform: scale(0.8621);}
}

@-webkit-keyframes scale2{
	0% {-webkit-transform: translate(-50%, 0) scale(1);}
	100%{-webkit-transform: translate(-50%, 0) scale(0.74223);}
}
@keyframes scale2{
	0% {transform: translate(-50%, 0) scale(1);}
	100% {transform: translate(-50%, 0) scale(0.74223);}
}

.arrow-shake2 {
	-webkit-animation-delay: 2.8s;
    animation-delay: 2.8s;
	-webkit-animation: arrow-shake2 1.5s ease-out infinite;
    animation: arrow-shake2 1.5s ease-out infinite;
}
@-webkit-keyframes arrow-shake2{
    0%{opacity:0;-webkit-transform:translate(0,10px)}
    30%{opacity:1;-webkit-transform:translate(0,0)}
	60%{opacity:1;-webkit-transform:translate(0,-9px)}
    100%{opacity:0;-webkit-transform:translate(0,-20px)}
}
@keyframes arrow-shake2{
    0%{opacity:0;transform:translate(0,10px)}
    30%{opacity:1;transform:translate(0,0)}
	60%{opacity:1;transform:translate(0,-9px)}
    100%{opacity:0;transform:translate(0,-20px)}
}