.opacity {
  opacity: 0;
  transition: 1s;
}

.top25 {
  transform: translate3d(0, -25%, 0);
}

.top50 {
  transform: translate3d(0, -50%, 0);
}

.top100 {
  transform: translate3d(0, -100%, 0);
}

.right25 {
  transform: translate3d(25%, 0, 0);
}

.right50 {
  transform: translate3d(50%, 0, 0);
}

.right100 {
  transform: translate3d(100%, 0, 0);
}

.bottom25 {
  transform: translate3d(0, 25%, 0);
}

.bottom50 {
  transform: translate3d(0, 50%, 0);
}

.bottom100 {
  transform: translate3d(0, 100%, 0);
}

.left25 {
  transform: translate3d(-25%, 0, 0);
}

.left50 {
  transform: translate3d(-50%, 0, 0);
}

.left100 {
  transform: translate3d(-100%, 0, 0);
}

.rotateX60 {
  transform: rotateX(60deg);
}

.rotateX120 {
  transform: rotateX(120deg);
}

.rotateY60 {
  transform: rotateY(60deg);
}

.rotateY120 {
  transform: rotateX(120deg);
}

/* 动画 */

.animate {
  transition: 1s;
}

.animated_visible.opacity {
  opacity: 1;
}

.animated_visible.top25,
.animated_visible.top50,
.animated_visible.top100,
.animated_visible.right25,
.animated_visible.right50,
.animated_visible.right100,
.animated_visible.bottom25,
.animated_visible.bottom50,
.animated_visible.bottom100,
.animated_visible.left25,
.animated_visible.left50,
.animated_visible.left100 {
  transform: translate3d(0, 0, 0);
}

.animated_visible.rotateX60,
.animated_visible.rotateX120 {
  transform: rotateX(0);
}

.animated_visible.rotateY60,
.animated_visible.rotateY120 {
  transform: rotateY(0);
}

/* 时间 */
.animated_visible.delay06 {
  transition-delay: 0.6s;
}
.animated_visible.delay07 {
  transition-delay: 0.7s;
}
.animated_visible.delay08 {
  transition-delay: 0.8s;
}
.animated_visible.delay09 {
  transition-delay: 0.9s;
}
.animated_visible.delay10 {
  transition-delay: 1s;
}
.animated_visible.delay11 {
  transition-delay: 1.1s;
}
.animated_visible.delay12 {
  transition-delay: 1.2s;
}

.animated_visible.delay13 {
  transition-delay: 1.3s;
}

.animated_visible.delay14 {
  transition-delay: 1.4s;
}

.animated_visible.delay15 {
  transition-delay: 1.5s;
}

.animated_visible.delay16 {
  transition-delay: 1.6s;
}

.animated_visible.delay17 {
  transition-delay: 1.7s;
}

.animated_visible.delay18 {
  transition-delay: 1.8s;
}

.animated_visible.delay19 {
  transition-delay: 1.9s;
}

.animated_visible.delay20 {
  transition-delay: 2s;
}

.animated_visible.delay21 {
  transition-delay: 2.1s;
}

.animated_visible.delay22 {
  transition-delay: 2.2s;
}

.animated_visible.delay23 {
  transition-delay: 2.3s;
}

.animated_visible.delay24 {
  transition-delay: 2.4s;
}

.animated_visible.delay25 {
  transition-delay: 2.5s;
}

.animated_visible.delay26 {
  transition-delay: 2.6s;
}

.animated_visible.delay27 {
  transition-delay: 2.7s;
}

.animated_visible.delay28 {
  transition-delay: 2.8s;
}

.animated_visible.delay29 {
  transition-delay: 2.9s;
}

.animated_visible.delay30 {
  transition-delay: 3s;
}

.animated_visible.delay31 {
  transition-delay: 3.1s;
}

.animated_visible.delay32 {
  transition-delay: 3.2s;
}

.animated_visible.delay33 {
  transition-delay: 3.3s;
}

.animated_visible.delay34 {
  transition-delay: 3.4s;
}

.animated_visible.delay35 {
  transition-delay: 3.5s;
}

.animated_visible.delay36 {
  transition-delay: 3.6s;
}

.animated_visible.delay37 {
  transition-delay: 3.7s;
}

.animated_visible.delay38 {
  transition-delay: 3.8s;
}

.animated_visible.delay39 {
  transition-delay: 3.9s;
}

.animated_visible.delay40 {
  transition-delay: 4s;
}

.animated_visible.delay41 {
  transition-delay: 4.1s;
}

.animated_visible.delay42 {
  transition-delay: 4.2s;
}

.animated_visible.delay43 {
  transition-delay: 4.3s;
}

.animated_visible.delay44 {
  transition-delay: 4.4s;
}

.animated_visible.delay45 {
  transition-delay: 4.5s;
}

.animated_visible.delay46 {
  transition-delay: 4.6s;
}

.animated_visible.delay47 {
  transition-delay: 4.7s;
}

.animated_visible.delay48 {
  transition-delay: 4.8s;
}

.animated_visible.delay49 {
  transition-delay: 4.9s;
}

.animated_visible.delay50 {
  transition-delay: 5s;
}