@keyframes gui_dong {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes xiafu {
  0% {
    transform: translate(0px, 0px);
  }

  100% {
    transform: translate(0px, -30px);
  }
}

@keyframes home_title {
  0% {
    opacity: 0;
    transform: rotateX(50deg) rotateZ(25deg) scale(.3);
  }

  100% {
    opacity: 1;
    transform: rotateX(0deg) rotateZ(0deg) scale(1);
  }
}

@keyframes xiafu3 {
  0% {
    transform: translate(0px, 0px);
  }

  100% {
    transform: translate(0px, -10px);
  }
}

@keyframes shangfu {
  0% {
    transform: translate(0px, 0px);
  }

  100% {
    transform: translate(0px, 30px);
  }
}

@keyframes shangfu2 {
  0% {
    transform: translate(0px, 0px);
  }

  100% {
    transform: translate(0px, 20px);
  }
}

@keyframes shangfu3 {
  0% {
    transform: translate(0px, 0px);
  }

  100% {
    transform: translate(0px, 10px);
  }
}

@keyframes shan {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes shan2 {
  0% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}
@keyframes zuoyou {
  0% {
    transform: translate(-20px, 0px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes zuoyou2 {
  0% {
    transform: translate(-10px, 0px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes youzuo {
  0% {
    transform: translate(20px, 0px);
  }

  100% {
    transform: translate(0px, 0px);
  }
}

@keyframes huan {
  0% {
    transform: translate(10px, 0px);
  }

  100% {
    transform: translate(-10px, 0px);
  }
}

@keyframes deng {
  0% {
    transform: rotate3d(1, 1, 1, 8deg) rotateZ(-20deg) translate3d(13px, 2px, 0px);
  }

  100% {
    transform: rotate3d(1, 1, 1, 8deg) rotateZ(20deg) translate3d(-13px, -2px, 0px);
  }
}

@keyframes deng2 {
  0% {
    transform: rotateZ(0deg) translate3d(0px, 0px, 0px);
  }

  100% {
    transform: rotateZ(-68deg) translate3d(0px, 18px, 0px);
  }
}

@keyframes deng3 {
  0% {
    transform: rotate3d(1, 1, 1, 8deg) rotateZ(-20deg) translate3d(5px, -6px, 0px);
  }

  100% {
    transform: rotate3d(1, 1, 1, 8deg) rotateZ(93deg) translate3d(0px, 38px, -145px);
  }
}

@keyframes typeDong {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  100% {
    -webkit-transform: scale3d(1.2, 1.2, 1.2);
    transform: scale3d(1.2, 1.2, 1.2)
  }
}

@keyframes index_show {
  0% {

    transform: scale(1);
  }

  100% {

    transform: scale(.9);
  }
}

@keyframes index_hide {
  0% {

    transform: scale(.9);
  }

  100% {

    transform: scale(1);
  }
}

@keyframes show_page {
  0% {
    left: 100%;
    transform: scale(.9);
  }

  50% {
    left: 0%;
    transform: scale(.9);
  }

  100% {
    left: 0%;
    transform: scale(1);
  }
}

@keyframes hide_page {
  0% {
    left: 0%;
    transform: scale(1);

  }

  50% {
    left: 0%;
    transform: scale(.9);
  }

  100% {
    left: 100%;
    transform: scale(.9);
  }
}

@keyframes yanhua {
  0% {
    transform: scale(.8);

  }

  100% {
    transform: scale(1);
  }

}

@keyframes long {
  0% {
    transform: translate(0px, 0px);
  }

  25% {
    transform: translate(-25px, -10px);
  }

  50% {
    transform: translate(-15px, 15px);
  }

  75% {
    transform: translate(13px, 5px);
  }

  100% {
    transform: translate(2px, 8px) scale(1.1);
  }
}

@keyframes back {
  0% {
    transform: translate(0px, 0px);
  }

  100% {
    transform: translate(0px, -20px);
  }
}

@keyframes pabiao {
  0% {
    transform-origin: top left;
    transform: rotate(-12deg);

  }

  100% {
    transform-origin: top left;
    transform: rotate(17deg);
  }
}

@keyframes wushi {
  0% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(-10deg);
  }
}

@keyframes qian {
  0% {
    transform: scale(1) translateY(-0px);
  }

  100% {
    transform: scale(1.1) translateY(-20px);
  }
}

@keyframes fangda {
  0% {
    transform: scale(1);
  }

  100% {
    transform: scale(1.1);
  }
}

@keyframes bg_san {
  0% {
    opacity: 0.5;
  }

  50% {
    opacity: 0.1;
  }

  60% {
    opacity: 0.5;
  }

  65% {
    opacity: 0.3;
  }

  70% {
    opacity: 0.5;
  }

  75% {
    opacity: 0.2;
  }

  80% {
    opacity: 0.5;
  }

  100% {
    opacity: 0.1;
  }
}