.popup,
.popup-dialog {
    position: fixed;
    left: 0;
    // top: 0;
    bottom: 0;
    width: 100%;
    background-color: @white-base;
    z-index: 101;
    transition-property: transform;
    transition-duration: 250ms;
    padding-bottom: 60px;
}

.popup-mask {
    display: block;
    // position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: -1;
}

.popup-mask.popup-show {
    opacity: 1;
    z-index: 100;
    transition: opacity 0.3s;
}

.popup-animate-transiton {}

.popup-animate-enter {
    transform: translate3d(0, 100%, 0);
}

.popup-animate-leave-active {
    transform: translate3d(0, 100%, 0);
}

.popup-reverse {
    // position: absolute;
    top: 0;
    bottom: inherit;
    // position: relative!important;
}

.popup-animate-reverse-enter {
    transform: translate3d(0, -20%, 0);
}

.popup-animate-reverse-leave-active {
    transform: translate3d(0, -100%, 0);
    transition-duration: 0;
}