.set-enter,
.set-leave-to {
    opacity: 0;
    transform: translateX(100%);
}
.set-enter-active,
.set-leave-active{
    transition: all  0.5s ease-in;
}


.drawLeft-enter,
.drawLeft-leave-to {
    opacity: 0;
    transform: translateX(-100%);
}
.drawLeft-enter-active,
.drawLeft-leave-active{
    transition: all  0.5s ease-in;
}


.drawRight-enter,
.drawRight-leave-to {
    opacity: 0;
    transform: translateX(100%);
}
.drawRight-enter-active,
.drawRight-leave-active{
    transition: all  0.5s ease-in;
}


.main-enter, .main-leave-to {
    opacity: 0;
}
.main-enter-active, .main-leave-active{
    transition:  all 0.5s ease-in;
}
.xibaobi-enter, .xibaobi-leave-to{
    opacity: 0;
}
.xibaobi-enter-active, .xibaobi-leave-active{
    transition: all 0.5s ease;
}