vue-ui-wl/dist/static/css/popups.e9a581d903102221148a3e141ef11ad4.css

vue component

.pop-mask[data-v-9dbb157c]{position:fixed;z-index:2;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;transition:opacity .3s ease}.pop-wrapper[data-v-9dbb157c]{display:table-cell;vertical-align:middle}.pop-container[data-v-9dbb157c]{position:relative;margin:0 auto;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease;font-family:Helvetica,Arial,sans-serif;box-sizing:border-box}.pop-container-padding[data-v-9dbb157c]{padding:20px 30px}.pop-close[data-v-9dbb157c]{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;position:absolute;color:#999;background-color:#f5f5f5;box-shadow:0 2px 8px rgba(0,0,0,.33);cursor:pointer;z-index:1;top:-10px;right:-10px;transition:all .3s ease}.pop-close[data-v-9dbb157c]:hover{transform:scale(1.1)}.pop-header[data-v-9dbb157c]{margin-top:0;color:#333;text-align:center}.pop-body[data-v-9dbb157c]{margin:20px 0}.pop-body-zero[data-v-9dbb157c]{margin:0;line-height:0}.pop-footer[data-v-9dbb157c]{overflow:hidden}.pop-default-button[data-v-9dbb157c]{height:40px;width:80px;margin:10px;border:none;font-size:14px}.right[data-v-9dbb157c]{text-align:right}.left[data-v-9dbb157c]{text-align:left}.center[data-v-9dbb157c]{text-align:center}.pop-default-cancel[data-v-9dbb157c]{color:#666;background:#e1e1e1}.pop-default-sure[data-v-9dbb157c]{color:#fff;background:#34a853}.pop-enter-active[data-v-9dbb157c],.pop-leave-active[data-v-9dbb157c]{transition:opacity .6s;opacity:1}.pop-enter[data-v-9dbb157c],.pop-leave-to[data-v-9dbb157c]{opacity:0}.pop-enter .pop-container[data-v-9dbb157c],.pop-leave-to .pop-container[data-v-9dbb157c]{transform:scale(1.1)}