/* CSS Document */
/*-----------------------开始动态样式 start-----------------------------------*/
  
	.yz-page.show .fadeInBig{-webkit-animation: fadeInBig 1.5s forwards; -webkit-animation-delay:0s;}
	@-webkit-keyframes fadeInBig
	{
		0% {opacity:0;-webkit-transform:scale(0,0);}
		100% {opacity:1;-webkit-transform:scale(1,1);}
	}
	
	.yz-page.show .fadeInDownNoBig{-webkit-animation: fadeInDownNoBig 1.5s forwards;}
	@-webkit-keyframes fadeInDownNoBig
	{
		0% {opacity:0;-webkit-transform:translateX(5px) scaleY(0);}
		100% {opacity:1;-webkit-transform:translateX(0) scaleY(1);}
	}
	
	.yz-page.show .fadeIn{-webkit-animation: fadeIn 1.5s forwards;}
	@-webkit-keyframes fadeIn
	{
		  0% {opacity:0;}
		  100% {opacity:1;}
	}
	
	.yz-page.show .lightlightSpeedInY{-webkit-animation: lightlightSpeedInY 2s forwards;}
	@-webkit-keyframes lightlightSpeedInY
	{
		  0% {-webkit-transform:translateY(-10%);opacity:0;}
		  60% {-webkit-transform:translateY(2%);opacity:1;}
		  100% {-webkit-transform:translateY(0%);opacity:1;}
	}

	.yz-page.show .lightlightSpeedIn-Y{-webkit-animation: lightlightSpeedIn-Y 2s forwards;}
	@-webkit-keyframes lightlightSpeedIn-Y
	{
		  0% {opacity:0;}
		  100% {opacity:1;}
	}
	
	.yz-page.show .lightSpeedIn{-webkit-animation: lightSpeedIn 1s forwards;}
	@-webkit-keyframes lightSpeedIn
	{
		  0% {-webkit-transform:translateY(-500%);opacity:0;}
		  60% {-webkit-transform:translateY(0%);opacity:1;}
		  80% {-webkit-transform:translateY(0%);opacity:1;}
		  100% {-webkit-transform:translateY(0%);opacity:1;}
	}

	.yz-page.show .lightSpeedInY{-webkit-animation: lightSpeedInY 1s forwards;}
	@-webkit-keyframes lightSpeedInY
	{
		  0% {-webkit-transform:translateY(-500%);opacity:0;}
		  60% {-webkit-transform:translateY(10%);opacity:1;}
		  80% {-webkit-transform:translateY(-10%);opacity:1;}
		  100% {-webkit-transform:translateY(0%);opacity:1;}
	}

	.yz-page.show .lightSpeedInX{-webkit-animation: lightSpeedInX 1s forwards;}
	@-webkit-keyframes lightSpeedInX
	{
		  0% {-webkit-transform:translateX(-200%);opacity:0;}
		  60% {-webkit-transform:translateX(2%);opacity:1;}
		  80% {-webkit-transform:translateX(-2%);opacity:1;}
		  100% {-webkit-transform:translateX(0%);opacity:1;}
	}
	.yz-page.show .lightSpeedIn-X{-webkit-animation: lightSpeedIn-X 1.5s forwards;}
	@-webkit-keyframes lightSpeedIn-X
	{
		  0% {-webkit-transform:translateX(200%);opacity:0;}
		  60% {-webkit-transform:translateX(-2%);opacity:1;}
		  80% {-webkit-transform:translateX(2%);opacity:1;}
		  100% {-webkit-transform:translateX(0%);opacity:1;}
	}
	.yz-page.show .lightSpeedInSlow-X{-webkit-animation: lightSpeedInSlow-X 1.5s forwards;}
	@-webkit-keyframes lightSpeedInSlow-X
	{
		  0% {-webkit-transform:translateX(50%);opacity:0;}
		  60% {-webkit-transform:translateX(-2%);opacity:1;}
		  80% {-webkit-transform:translateX(2%);opacity:1;}
		  100% {-webkit-transform:translateX(0%);opacity:1;}
	}
	
	.yz-page.show .fadeInBigTwo{-webkit-animation: fadeInBigTwo 1.5s forwards;}
	@-webkit-keyframes fadeInBigTwo
	{
		  0% {opacity:0; -webkit-transform:scale(0,0);}
		  40% {opacity:1;-webkit-transform:scale(1.2,1.2);}
		  80% {opacity:1;-webkit-transform:scale(.5,.5);}
		  100% {opacity:1;-webkit-transform:scale(1,1);}
	}
	
	.yz-page.show .fadeInTwo{-webkit-animation: fadeInTwo 1.5s forwards;}
	@-webkit-keyframes fadeInTwo
	{
		  0% {opacity:0;}
		  40% {opacity:1;}
		  80% {opacity:0;}
		  100% {opacity:1;}
	}
/*-----------------------开始动态样式 end-----------------------------------*/


.yz-page.show .flipInX{-webkit-animation: flipInX 1.5s forwards;}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {opacity: 1;
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.yz-page.show .zoomIn{-webkit-animation: zoomIn 1s forwards;}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

 100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.yz-page.show .rotateInDownLeft{-webkit-animation: rotateInDownLeft 1s forwards;}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.yz-page.show .rotateInDownRight{-webkit-animation: rotateInDownRight 1s forwards;}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.yz-page.show .flipInY{-webkit-animation: flipInY 2s forwards;}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
	opacity: 1;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
	opacity: 1;
  }
}


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

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.yz-page.show .fadeInDown{-webkit-animation: fadeInDown 1s forwards;}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-40px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}