.wrap-leave-active {
	transition: all .2s;
}

/* 渐隐渐现，可用于弹窗的半透明遮罩 */
.fade-enter-active,
.fade-leave-active {
	transition: all .2s;
}
.fade-enter, 
.fade-leave-to {
	opacity: 0;
}

/* 缩放进入退出 */
.scale-enter-active,
.scale-leave-active {
	transition: all .2s;
}
.scale-enter,
.scale-leave-to {
	transform: scale(0);
}

/* 屏幕左右飞入飞出 */
.r2l-enter-active,
.r2l-leave-active,
.l2r-enter-active,
.l2r-leave-active{
	transition: all .2s ease-in-out;
}
.r2l-enter, 
.r2l-leave-to {
	transform: translateX(100%);
}
.l2r-enter, 
.l2r-leave-to {
	transform: translateX(-100%);
}
.r2l-leave,
.r2l-enter-to,
.l2r-leave,
.l2r-enter-to {
	transform: translateX(0);
}
/* 屏幕上下飞入飞出 */
.t2b-enter-active,
.t2b-leave-active,
.b2t-enter-active,
.b2t-leave-active{
	transition: all .2s ease-in-out;
}
.t2b-enter, 
.t2b-leave-to {
	transform: translateY(-100%);
}
.b2t-enter,
.b2t-leave-to {
	transform: translateY(100%);
}
.t2b-enter-to,
.t2b-leave,
.b2t-enter-to,
.b2t-leave {
	transform: translateY(0);
}