/*-----------------------开始动态样式 start-----------------------------------*/
.yz-page.show .delay{	-webkit-animation-delay:0.5s;}
.yz-page.show .delay1{	-webkit-animation-delay:0.8s;}
.delay2{	-webkit-animation-delay:1.2s;}
.yz-page.show .delay3{	-webkit-animation-delay:1.5s;}
.yz-page.show .delay4{	-webkit-animation-delay:1.8s;}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
}
}
.yz-page.show .rollIn{-webkit-animation: rollIn 1.5s forwards;}

.yz-page.show .adown{-webkit-animation: adown 1.5s forwards;}
@-webkit-keyframes adown
{
   0%   {-webkit-transform: translate3d(0,-50px,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}

.yz-page.show .aup{-webkit-animation: aup 1.5s forwards;}
@-webkit-keyframes aup
{
   0%   {-webkit-transform: translate3d(0,50px,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}

.yz-page.show .abig{-webkit-animation: abig .8s linear forwards;}
@-webkit-keyframes abig
{
   0%   {-webkit-transform: scale(2,2);opacity:0;}
   100% {-webkit-transform: scale(1,1);opacity:1;}
}

.yz-page.show .abig02{-webkit-animation: abig02 .8s linear forwards;}
@-webkit-keyframes abig02
{
   0%   {-webkit-transform: scale(0,0);opacity:0;}
   100% {-webkit-transform: scale(1,1);opacity:1;}
}

.yz-page.show .aleft{-webkit-animation: aleft 1.5s forwards;}
@-webkit-keyframes aleft
{
   0%   {-webkit-transform: translate3d(-30px,0,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}
.yz-page.show .aright{-webkit-animation: aright 1.5s forwards;}
@-webkit-keyframes aright
{
   0%   {-webkit-transform: translate3d(30px,0,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}
.yz-page.show .alinet{-webkit-animation: alinet 1.5s forwards;}
@-webkit-keyframes alinet
{
   0%   {-webkit-transform: translate3d(100%,-100%,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}
.yz-page.show .alineb{-webkit-animation: alineb 1.5s forwards;}
@-webkit-keyframes alineb
{
   0%   {-webkit-transform: translate3d(-100%,100%,0);opacity:0;}
   100% {-webkit-transform: translate3d(0,0,0);opacity:1;}
}

.yz-page.show .ain{-webkit-animation: ain 1.5s forwards;}
@-webkit-keyframes ain
{
   0%   {-webkit-opacity:0; }
   100% {-webkit-opacity:1;}
}

.yz-page.show .flipInY{-webkit-animation: flipInY 1.5s forwards;}
@-webkit-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);opacity:1}
}

.yz-page.show .fada{-webkit-animation: fada 1.5s forwards;}
@-webkit-keyframes fada
{
  	0%   {-webkit-opacity:0; -webkit-transform:scale(0)}
   100% {-webkit-opacity:1; -webkit-transform:scale(1)}
}

.yz-page.show .tada{-webkit-animation: tada 2s forwards;}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1); opacity:1;}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);opacity:1;}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);opacity:1;}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);opacity:1;}
100%{-webkit-transform:scale(1) rotate(0);opacity:1;}
}
.yz-page.show .tipsL{-webkit-animation:tipsL ease-out 2.4s infinite;-webkit-animation-delay:1.5s;}
@-webkit-keyframes tipsL{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
.yz-page.show .tipsR{-webkit-animation:tipsL ease-out 2.4s infinite;-webkit-animation-delay:1.5s;}
@-webkit-keyframes tipsR{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

.yz-page.show .bounceInLeft{-webkit-animation: bounceInLeft 2s forwards;}
@-webkit-keyframes bounceInLeft{
0%{opacity:0;
-webkit-transform:translateX(-2000px)}
60%{opacity:1;
-webkit-transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);opacity:1;}
100%{-webkit-transform:translateX(0);opacity:1;}
}

.yz-page.show .bounceInRight{-webkit-animation: bounceInRight 2s forwards;}
@-webkit-keyframes bounceInRight{
0%{opacity:0;
-webkit-transform:translateX(2000px)}
60%{opacity:1;
-webkit-transform:translateX(-30px)}
80%{opacity:1;-webkit-transform:translateX(10px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}

.yz-page.show .swing{-webkit-animation: swing 2s forwards;}
@-webkit-keyframes swing{
0%{opacity:0;}
20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{opacity:1;-webkit-transform:rotate(0deg)}
}
/*-----------------------开始动态样式 end-----------------------------------*/