.popup-cotainer{z-index:1999}.popup-mask{z-index:1000}.popup-wrap{z-index:2000;text-align:center}.popup-wrap .close-btn{position:absolute;z-index:9;top:0;right:0;width:44px;height:44px;text-align:center}.popup-bottom{bottom:0;left:0;width:100%;border-radius:20px 20px 0 0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.popup-bottom:after{position:fixed;right:0;bottom:0;left:0;height:env(safe-area-inset-bottom);background:#1b1b1b;content:""}.popup-top{top:0;left:0;width:100%}.popup-left{top:0;left:0;height:100%}.popup-right{top:0;right:0;height:100%}.popup-bottom-enter-active,.popup-bottom-leave-active,.popup-top-enter-active,.popup-top-leave-active,.popup-left-enter-active,.popup-left-leave-active,.popup-right-enter-active,.popup-right-leave-active{transition:all .3s ease}.popup-bottom-enter,.popup-bottom-leave-to{opacity:0;transform:translateY(100%)}.popup-top-enter,.popup-top-leave-to{opacity:0;transform:translateY(-100%)}.popup-left-enter,.popup-left-leave-to{opacity:0;transform:translate(-100%)}.popup-right-enter,.popup-right-leave-to{opacity:0;transform:translate(100%)}