/*****动画********************************************/
.fingerAnimate{
	animation:fingerAnimate 1.5s infinite ease-in-out;
	-webkit-animation:fingerAnimate 1.5s infinite ease-in-out;
	-moz-animation:fingerAnimate 1.5s infinite ease-in-out;
	/*animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;  */
	}
@keyframes fingerAnimate{
	0%{ 
		
		transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-webkit-transform:translate3d(0,0,0);
		}
	50%{ 
		
		transform:translate3d(0,220px,0);
		-moz-transform:translate3d(0,220px,0);
		-webkit-transform:translate3d(0,220px,0);
		}
	100%{ 
		
		transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-webkit-transform:translate3d(0,0,0);
		
		}	
		
	}

@-webkit-keyframes fingerAnimate{
	0%{ 
		
		transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-webkit-transform:translate3d(0,0,0);
		}
	50%{ 
		
		transform:translate3d(0,240px,0);
		-moz-transform:translate3d(0,240px,0);
		-webkit-transform:translate3d(0,240px,0);
		}
	100%{ 
		
		transform:translate3d(0,0,0);
		-moz-transform:translate3d(0,0,0);
		-webkit-transform:translate3d(0,0,0);
		
		}		
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}	
	
	
.shouzhiAnimate{
	animation:shouzhiAnimate 0.8s  infinite ease-in-out;
	-webkit-animation:shouzhiAnimate 0.8s infinite ease-in-out;
	-moz-animation:shouzhiAnimate 0.8s infinite ease-in-out;
	/*animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;  */
	}
@keyframes shouzhiAnimate{
	0%{ 
		transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);	
		
		}
	
	50%{ 
		transform:scale(1.1);
		-moz-transform:scale(1.1);
		-webkit-transform:scale(1.1);	
		
		}
	100%{ 
		transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);	
		
		}		
		
	}

@-webkit-keyframes shouzhiAnimate{
	0%{ 
		transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);	
		
		}
	
	50%{ 
		transform:scale(1.1);
		-moz-transform:scale(1.1);
		-webkit-transform:scale(1.1);	
		
		}
	100%{ 
		transform:scale(1);
		-moz-transform:scale(1);
		-webkit-transform:scale(1);	
		
		}
}



	
.arcAnimate1{
	animation:arcAnimate1 0.5s  alternate ease-in-out;
	-webkit-animation:arcAnimate1 0.5s alternate ease-in-out;
	-moz-animation:arcAnimate1 0.5s alternate ease-in-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;  
	}
@keyframes arcAnimate1{
	0%{ 
		transform:scale(0,0);
		-moz-transform:scale(0,0);
		-webkit-transform:scale(0,0);	
		
		}
	
	100%{ 
		transform:scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform:scale(1,1);	
		
		}
	
				
		
	}

@-webkit-keyframes arcAnimate1{
	0%{ 
		transform:scale(0,0);
		-moz-transform:scale(0,0);
		-webkit-transform:scale(0,0);	
		
		}
	
	100%{ 
		transform:scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform:scale(1,1);	
		
		}		
}	
/*@keyframes arcAnimate1{
	0%{ 
		transform:scale(0,0);
		-moz-transform:scale(0,0);
		-webkit-transform:scale(0,0);	
		
		}
	
	35%{ 
		transform:scale(1.1,1.1);
		-moz-transform:scale(1.1,1.1);
		-webkit-transform:scale(1.1,1.1);	
		
		}
	60%{ 
		transform:scale(0.9,0.9);
		-moz-transform:scale(0.9,0.9);
		-webkit-transform:scale(0.9,0.9);	
		
		}
	85%{ 
		transform:scale(1.05,1.05);
		-moz-transform:scale(1.05,1.05);
		-webkit-transform:scale(1.05,1.05);
		
		}
		
	100%{ 
		transform:scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform:scale(1,1);	
		
		}	
	
				
		
	}

@-webkit-keyframes arcAnimate1{
	0%{ 
		transform:scale(0,0);
		-moz-transform:scale(0,0);
		-webkit-transform:scale(0,0);	
		
		}
	
	35%{ 
		transform:scale(1.1,1.1);
		-moz-transform:scale(1.1,1.1);
		-webkit-transform:scale(1.1,1.1);	
		
		}
	60%{ 
		transform:scale(0.9,0.9);
		-moz-transform:scale(0.9,0.9);
		-webkit-transform:scale(0.9,0.9);	
		
		}
	85%{ 
		transform:scale(1.05,1.05);
		-moz-transform:scale(1.05,1.05);
		-webkit-transform:scale(1.05,1.05);
		
		}
		
	100%{ 
		transform:scale(1,1);
		-moz-transform:scale(1,1);
		-webkit-transform:scale(1,1);	
		
		}		
}*/
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}
.animated{
  -webkit-animation-duration: .75s;animation-duration: .75s;
  -webkit-animation-fill-mode: both;animation-fill-mode: both;
}