//globl transition css

/*fade*/
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.28s;
}

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

/*fade*/
.breadcrumb-enter-active,
.breadcrumb-leave-active {
  transition: all .5s;
}

.breadcrumb-enter,
.breadcrumb-leave-active {
  opacity: 0;
  transform: translateX(20px);
}

.breadcrumb-move {
  transition: all .5s;
}

.breadcrumb-leave-active {
  position: absolute;
}

.flip-list-move {
	transition: transform 0.5s;
}

.fade-list-move {
	transition: all 0.4s ease-in-out;
}

.fade-text-move {
	transition: opacity .4s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}

/* 进入过渡生效时的状态 */
.slide-list-enter-active {
  transition: all .4s ease-in-out;
}
/* 离开过渡生效时的状态 */
.slide-list-leave-active {
  transition: all .2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
}
/* 进入过渡的开始状态 离开过渡的结束状态 */
.slide-list-enter, .slide-list-leave-to {
  transform: translateX(40px);
  opacity: 0;
}