/*动画专用css*/
.hpAnimate
{
	animation: hpAnimate 1.2s ease-in-out infinite;
	-webkit-animation: hpAnimate 1.2s ease-in-out infinite;	
}

@keyframes hpAnimate
{
0%{transform:rotate(0deg);transform-origin:50% 50%;}
40%{transform:rotate(90deg);transform-origin:50% 50%;}
50%{transform:rotate(90deg);transform-origin:50% 50%;}
90%{transform:rotate(0deg);transform-origin:50% 50%;}
100%{transform:rotate(0deg);transform-origin:50% 50%;}
}

@-webkit-keyframes hpAnimate
{
0%{-webkit-transform:rotate(0deg);-webkit-transform-origin:50% 50%;}
40%{-webkit-transform:rotate(90deg);-webkit-transform-origin:50% 50%;}
50%{-webkit-transform:rotate(90deg);-webkit-transform-origin:50% 50%;}
90%{-webkit-transform:rotate(0deg);-webkit-transform-origin:50% 50%;}
100%{-webkit-transform:rotate(0deg);-webkit-transform-origin:50% 50%;}
}

.pc_a
{
	animation: pc_a 0.9s ease-in-out 1;
	-webkit-animation: pc_a 0.9s ease-in-out 1;	
}

@keyframes pc_a
{
0%{transform:rotate(0deg) rotateX(90deg);}
100%{transform:rotate(0deg) rotateX(0deg);}
}

@-webkit-keyframes pc_a
{
0%{-webkit-transform:rotate(0deg) rotateX(90deg);}
100%{-webkit-transform:rotate(0deg) rotateX(0deg);}
}

.move_from_downR_short
{
	animation: move_from_downR_short 1s ease-out 1;
	-webkit-animation: move_from_downR_short 1s ease-out 1;
	animation-fill-mode:forwards;			
	-webkit-animation-fill-mode:forwards;	
}

@keyframes move_from_downR_short
{
0% {transform:translate3d(0.3rem,1rem,0);opacity: 0;}
100% {transform:translate3d(0rem,0rem,0);opacity: 1;}
}

@-webkit-keyframes move_from_downR_short
{
0% {-webkit-transform:translate3d(0.3rem,1rem,0);opacity: 0;}
100% {-webkit-transform:translate3d(0rem,0rem,0);opacity: 1;}
}