.popup-cotainer{z-index:999}.popup-cotainer,.popup-mask{bottom:0;left:0;position:fixed;top:0}.popup-mask{background-color:#000000b3;right:0;z-index:1000}.popup-wrap{background-color:#fff;margin:0 auto;max-width:500px;position:fixed;text-align:center;z-index:2000}.popup-wrap .popup-title{align-items:center;color:#292c33;display:flex;font-size:16px;font-weight:600;height:60px;padding-left:20px;text-align:left}.popup-wrap .popup-content{max-height:80vh;overflow:scroll}.popup-wrap .close-btn{align-items:center;background:#d2d2d2;border-radius:50%;box-sizing:border-box;display:flex;height:20px;justify-content:center;position:absolute;right:20px;text-align:center;width:20px;z-index:9}.popup-wrap .close-btn .icon{height:14px;width:14px;fill:#fff}.popup-bottom{border-radius:20px 20px 0 0;bottom:0;left:0;right:0;width:100%}.popup-top{left:0;top:0;width:100%}.popup-left{height:100%;left:0;top:0}.popup-right{height:100%;right:0;top:0}.popup-ul{list-style:none;margin:0;padding:0}.popup-bottom-enter-active,.popup-bottom-leave-active,.popup-left-enter-active,.popup-left-leave-active,.popup-right-enter-active,.popup-right-leave-active,.popup-top-enter-active,.popup-top-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%)}