.popup-mask[data-v-784fb393]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999;background:rgba(0,0,0,.5)}.popup-box[data-v-784fb393]{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;overflow:hidden}.popup-header[data-v-784fb393]{position:absolute;top:0;left:0;right:0;height:48px;line-height:48px;text-align:center;background:#fff;border-bottom:1px solid #eee;z-index:1}.popup-title[data-v-784fb393]{font-size:16px;font-weight:600;color:#323233}.popup-close[data-v-784fb393]{position:absolute;right:16px;top:0;font-size:24px;color:#969799;cursor:pointer;line-height:48px}.popup-close[data-v-784fb393]:active{color:#323233}.popup-body[data-v-784fb393]{position:absolute;top:48px;left:0;right:0;bottom:56px;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.popup-footer[data-v-784fb393]{position:absolute;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid #eee;box-sizing:border-box;padding:8px 16px;text-align:right}.popup-btn[data-v-784fb393]{height:40px;padding:0 24px;border:none;border-radius:20px;font-size:14px;cursor:pointer;margin-left:12px}.popup-btn[data-v-784fb393]:active{opacity:.8}.popup-btn--cancel[data-v-784fb393]{background:#f5f5f5;color:#323233}.popup-btn--confirm[data-v-784fb393]{background:#1989fa;color:#fff}.test-page[data-v-707a1f6e]{padding:20px}.open-btn[data-v-707a1f6e]{padding:12px 32px;background:#1989fa;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.open-btn[data-v-707a1f6e]:active{opacity:.8}.demo-block[data-v-707a1f6e]{margin:12px 16px;padding:16px;background:#f7f8fa;border-radius:8px;border:1px solid #ebedf0}.demo-block p[data-v-707a1f6e]{margin:4px 0;color:#323233;font-size:14px}