.vodal,
.vodal-mask{top:0;left:0;width:100%;height:100%;z-index:100;}
.vodal{position:fixed;}
.vodal-mask{position:absolute;background:rgba(0, 0, 0, .3);}
.vodal-dialog{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:101;padding:15px;background:#fff;border-radius:3px;box-shadow:0 1px 3px rgba(0, 0, 0, .2);}
.vodal-close{position:absolute;cursor:pointer;top:16px;right:16px;width:16px;height:16px;}
.vodal-close:before,
.vodal-close:after{position:absolute;content:'';height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#999;border-radius:100%;-webkit-transition:background .2s;transition:background .2s;}
.vodal-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.vodal-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.vodal-close:hover:before,
.vodal-close:hover:after{background:#333;}
@-webkit-keyframes vodal-fade-enter{from{opacity:0;}
}
@keyframes vodal-fade-enter{from{opacity:0;}
}
.vodal-fade-enter-active{-webkit-animation:vodal-fade-enter both ease-in;animation:vodal-fade-enter both ease-in;}
@-webkit-keyframes vodal-fade-leave{to{opacity:0}
}
@keyframes vodal-fade-leave{to{opacity:0}
}
.vodal-fade-leave-active{-webkit-animation:vodal-fade-leave both ease-out;animation:vodal-fade-leave both ease-out;}