/* 容器 */
.login-container{
  background-color: #fff;
  height: 550px;
  border-radius: 10px;
}
/* 容器 */

/* 背景图 */
.login-background{
  width: 400px;
  height: 100%;
  background-size: 100% !important;
}
/* 背景图 */

/* content */
.login-content{
  width: 454px;
  height: 100%;
}

.transition-entry-active{
  animation: .5s transitionEntry forwards;
  z-index: 9;
}
.transition-entry-active,.transition-leave-active{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #fff;
}
.transition-leave-active{
  animation: .5s transitionEntry forwards reverse;
  z-index: 8;
}

@keyframes transitionEntry {
  0%{
    transform: translateX(-100%) rotate(90deg);
  }
  100%{
    transform: translateX(0) rotate(0);
  }
}
/* content */