

.animation {
  -webkit-animation-name: move;
          animation-name: move;
  -webkit-animation-duration: .4s;
          animation-duration: .4s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}

.a1 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

.a2 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

.a3 {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

.a4 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

.a5 {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.a55 {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
}
.a6 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

@-webkit-keyframes move {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes move {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px);
  }
  100% {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes left {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    padding: 20px 40px;
    width: 440px;
  }
}
@keyframes left {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    /*padding: 20px 40px;*/
    width: 600px;
  }
}
@media screen and (max-width:1366px) {
    .login-body .login_body .login_main .login_form{width:420px;}
  .login-body .login_body .login_main .login_form .tab-content {padding:40px 70px;
  }

  @keyframes left {
  0% {
    opacity: 0;
    width: 0;
  }
  100% {
    opacity: 1;
    /*padding: 20px 0px;*/
    width: 420px;
  }
}
  .a2{margin-top: 80px;}
}