/*
* @Author: itw_chenqing
* @Date:   2018-01-04 13:30:19
* @Last Modified by:   itw_chenqing
* @Last Modified time: 2018-01-15 13:20:21
*/
.shake_left{
	-webkit-animation-name:shake_left;
	-moz-animation-name:shake_left;
	animation-name:shake_left;
	-webkit-animation-duration: 4s; 
	-moz-animation-duration: 4s; 
	animation-duration: 4s; 
	-webkit-nimation-iteration-count:10;
	-moz-animation-iteration-count:10;
	animation-iteration-count:10;
	-moz-animation-direction:alternate;
	-webkit-animation-direction:alternate;
	animation-direction:alternate;
	-webkit-animation-direction:alternate;
	-moz-animation-direction:alternate;
	
	animation-timing-function: ease-in-out;

}
.shake_right{
	-webkit-animation-name:shake_right;
	-moz-animation-name:shake_right;
	animation-name:shake_right;
	-webkit-animation-duration: 4s; 
	-moz-animation-duration: 4s; 
	animation-duration: 4s; 
	-webkit-nimation-iteration-count:10;
	-moz-animation-iteration-count:10;
	animation-iteration-count:10;
	-moz-animation-direction:alternate;
	-webkit-animation-direction:alternate;
	animation-direction:alternate;
	-webkit-animation-direction:alternate;
	-moz-animation-direction:alternate;
	
	animation-timing-function: ease-in-out;

}


@keyframes shake_left{
	0%{transform:translateX(0)}
	4%{transform: translateY(0)}
	8%{transform:translateX(0) translateY(0)}
	12%{transform:translateX(-.01rem) translateY(0rem)}
	16%{transform:translateX(-.01rem) translateY(.01rem)}
	20%{transform:translateX(-.02rem) translateY(.01rem)}
	24%{transform:translateX(-.02rem) translateY(.02rem)}
	28%{transform:translateX(-.03rem) translateY(.02rem)}
	32%{transform:translateX(-.03rem) translateY(.03rem)}
	36%{transform:translateX(-.04rem) translateY(.03rem)}
	40%{transform:translateX(-.04rem) translateY(.04rem)}
	44%{transform:translateX(-.05rem) translateY(.04rem)}
	48%{transform:translateX(-.05rem) translateY(.05rem)}
	52%{transform:translateX(-.06rem) translateY(.05rem)}
	56%{transform:translateX(-.06rem) translateY(.06rem)}
	60%{transform:translateX(-.07rem) translateY(.06rem)}
	64%{transform:translateX(-.07rem) translateY(.07rem)}
	68%{transform:translateX(-.08rem) translateY(.07rem)}
	72%{transform:translateX(-.08rem) translateY(.08rem)}
	76%{transform:translateX(-.09rem) translateY(.08rem)}
	80%{transform:translateX(-.09rem) translateY(.09rem)}
	84%{transform:translateX(-.1rem) translateY(.09rem)}
	88%{transform:translateX(-.1rem) translateY(.1rem)}
	92%{transform:translateX(-.11rem) translateY(.1rem)}
	96%{transform:translateX(-.1rem) translateY(.1rem)}
	100%{transform:translateX(-.1rem) translateY(.1rem)}

}
@keyframes shake_right{
	0%{transform:translateX(0)}
	4%{transform: translateY(0)}
	8%{transform:translateX(0) translateY(0)}
	12%{transform:translateX(.01rem) translateY(0rem)}
	16%{transform:translateX(.01rem) translateY(.01rem)}
	20%{transform:translateX(.02rem) translateY(.01rem)}
	24%{transform:translateX(.02rem) translateY(.02rem)}
	28%{transform:translateX(.03rem) translateY(.02rem)}
	32%{transform:translateX(.03rem) translateY(.03rem)}
	36%{transform:translateX(.04rem) translateY(.03rem)}
	40%{transform:translateX(.04rem) translateY(.04rem)}
	44%{transform:translateX(.05rem) translateY(.04rem)}
	48%{transform:translateX(.05rem) translateY(.05rem)}
	52%{transform:translateX(.06rem) translateY(.05rem)}
	56%{transform:translateX(.06rem) translateY(.06rem)}
	60%{transform:translateX(.07rem) translateY(.06rem)}
	64%{transform:translateX(.07rem) translateY(.07rem)}
	68%{transform:translateX(.08rem) translateY(.07rem)}
	72%{transform:translateX(.08rem) translateY(.08rem)}
	76%{transform:translateX(.09rem) translateY(.08rem)}
	80%{transform:translateX(.09rem) translateY(.09rem)}
	84%{transform:translateX(.1rem) translateY(.09rem)}
	88%{transform:translateX(.1rem) translateY(.1rem)}
	92%{transform:translateX(.11rem) translateY(.1rem)}
	96%{transform:translateX(.1rem) translateY(.1rem)}
	100%{transform:translateX(.1rem) translateY(.1rem)}

}