//------------
.slide-fade-leave-active,
.slide-fade-enter-active {
    transform-style: preserve-3d;
    transition: all .5s ; //cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

.slide-fade-enter,
.slide-fade-leave-to
/* .slide-fade-leave-active for <2.1.8 */

{
    transform: translateX(100%);
    opacity: 0;
}
//------------
.router-fade-enter-active,
.router-fade-leave-active {
    transition: opacity .3s;
}

.router-fade-enter,
.router-fade-leave-active {
    opacity: 0;
}

//-----prop弹窗类动效-------
.zgh-prop-leave-active,
.zgh-prop-enter-active {
    transform-style: preserve-3d;
    transition: all .3s ;
    //transform: scale(1) translate(-50%, -50%);
    opacity: 1;

}

.zgh-prop-enter{
    transform: translate(-50%, -50%)  scale(1.18) !important;
    opacity: 0;
}
.zgh-prop-leave-active
{
    transform: translate(-50%, -50%) scale(.85) !important;
    opacity: 0;
}

//-----toast类动效-------
// .zgh-toast-leave-active,
// .zgh-toast-enter-active {
//   transform-style: preserve-3d;
//   transition: all .3s ;
//   //transform: scale(1) translate(-50%, -50%);
//   opacity: 1;

// }

// .zgh-toast-enter{
//   transform: translate(-50%, 200%)  !important;
//   opacity: 0;
// }
// .zgh-toast-leave-active
// {
//   transform: translate(-50%, 200%)  !important;
//   opacity: 0;
// }

.zgh-toast-enter-active {
  animation: toast .4s;
}
.zgh-toast-leave-active{
  animation: toast .4s reverse;
}

@keyframes toast {
  0% {
    transform: translate(-50%,200%) translate3d(0,0,0);
  }
  70% {
    transform: translate(-50%,-10%) translate3d(0,0,0);
  }
  100% {
    transform: translate(-50%,0%) translate3d(0,0,0);
  }
}
//opcity 效果

.zgh-opcity-leave-active,
.zgh-opcity-enter-active {
  transition: all .3s;
  opacity: .4;

}

.zgh-opcity-enter{
  opacity: 0;
}
.zgh-opcity-leave-active
{
  opacity: 0;
}

//下拉类型
.zgh-dropdown-leave-active,
.zgh-dropdown-enter-active {
  transform-style: preserve-3d;
  transition: all .2s ;
  transform-origin:center top;
  opacity: 1;

}

.zgh-dropdown-enter{
  transform:  scale(0.7) !important;
  opacity: 0;
}
.zgh-dropdown-leave-active
{

  transform:scale(0.7) !important;
  opacity: 0;
}