@-webkit-keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-enter{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes van-slide-up-leave{to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-enter{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes van-slide-down-leave{to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@-webkit-keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-enter{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes van-slide-left-leave{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-enter{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes van-slide-right-leave{to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes van-fade-in{from{opacity:0}to{opacity:1}}@keyframes van-fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes van-fade-out{from{opacity:1}to{opacity:0}}@keyframes van-fade-out{from{opacity:1}to{opacity:0}}@-webkit-keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes van-rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.van-fade-enter-active
{
    -webkit-animation: .3s van-fade-in both ease-out;
    animation: .3s van-fade-in both ease-out;
}
.van-fade-leave-active
{
    -webkit-animation: .3s van-fade-out both ease-in;
    animation: .3s van-fade-out both ease-in;
}
.van-slide-up-enter-active
{
    -webkit-animation: van-slide-up-enter .3s both ease-out;
    animation: van-slide-up-enter .3s both ease-out;
}
.van-slide-up-leave-active
{
    -webkit-animation: van-slide-up-leave .3s both ease-in;
    animation: van-slide-up-leave .3s both ease-in;
}
.van-slide-down-enter-active
{
    -webkit-animation: van-slide-down-enter .3s both ease-out;
    animation: van-slide-down-enter .3s both ease-out;
}
.van-slide-down-leave-active
{
    -webkit-animation: van-slide-down-leave .3s both ease-in;
    animation: van-slide-down-leave .3s both ease-in;
}
.van-slide-left-enter-active
{
    -webkit-animation: van-slide-left-enter .3s both ease-out;
    animation: van-slide-left-enter .3s both ease-out;
}
.van-slide-left-leave-active
{
    -webkit-animation: van-slide-left-leave .3s both ease-in;
    animation: van-slide-left-leave .3s both ease-in;
}
.van-slide-right-enter-active
{
    -webkit-animation: van-slide-right-enter .3s both ease-out;
    animation: van-slide-right-enter .3s both ease-out;
}
.van-slide-right-leave-active
{
    -webkit-animation: van-slide-right-leave .3s both ease-in;
    animation: van-slide-right-leave .3s both ease-in;
}
.van-popup-slide-bottom-enter-active, .van-popup-slide-left-enter-active, .van-popup-slide-right-enter-active, .van-popup-slide-top-enter-active
{
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.van-popup-slide-bottom-leave-active, .van-popup-slide-left-leave-active, .van-popup-slide-right-leave-active, .van-popup-slide-top-leave-active
{
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
.van-popup-slide-top-enter, .van-popup-slide-top-leave-active
{
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
}
.van-popup-slide-right-enter, .van-popup-slide-right-leave-active
{
    -webkit-transform: translate3d(100%,-50%,0);
    transform: translate3d(100%,-50%,0);
}
.van-popup-slide-bottom-enter, .van-popup-slide-bottom-leave-active
{
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}
.van-popup-slide-left-enter, .van-popup-slide-left-leave-active
{
    -webkit-transform: translate3d(-100%,-50%,0);
    transform: translate3d(-100%,-50%,0);
}
.van-popup__close-icon
{
    position: absolute;
    z-index: 1;
    color: #c8c9cc;
    font-size: 22px;
    cursor: pointer;
}
.van-popup__close-icon:active
{
    color: #969799;
}
.van-popup__close-icon--top-left
{
    top: 16px;
    left: 16px;
}
.van-popup__close-icon--top-right
{
    top: 16px;
    right: 16px;
}
.van-popup__close-icon--bottom-left
{
    bottom: 16px;
    left: 16px;
}
.van-popup__close-icon--bottom-right
{
    right: 16px;
    bottom: 16px;
}