@-webkit-keyframes slideUp {
    from {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    }

    to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    }
}

@keyframes slideUp {
    from {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    }

    to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    }
}

.weui-animate-slide-up {
    -webkit-animation: slideUp ease 0.3s forwards;
    animation: slideUp ease 0.3s forwards;
}

@-webkit-keyframes slideDown {
    from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    }

    to {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    }
}

@keyframes slideDown {
    from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    }

    to {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    }
}

.weui-animate-slide-down {
    -webkit-animation: slideDown ease 0.3s forwards;
    animation: slideDown ease 0.3s forwards;
}

@-webkit-keyframes fadeIn {
    from {
    opacity: 0;
    }

    to {
    opacity: 1;
    }
}

@keyframes fadeIn {
    from {
    opacity: 0;
    }

    to {
    opacity: 1;
    }
}

.weui-animate-fade-in {
    -webkit-animation: fadeIn ease 0.3s forwards;
    animation: fadeIn ease 0.3s forwards;
}

@-webkit-keyframes fadeOut {
    from {
    opacity: 1;
    }

    to {
    opacity: 0;
    }
}

@keyframes fadeOut {
    from {
    opacity: 1;
    }

    to {
    opacity: 0;
    }
}

.weui-animate-fade-out {
    -webkit-animation: fadeOut ease 0.3s forwards;
    animation: fadeOut ease 0.3s forwards;
}