@xysfe/actui/lib/Dialog/style.css

A fantastic mobile ui lib implement by Vue

.act-popup{position:fixed;left:0;right:0;top:0;bottom:0;max-width:100vw;content:"viewport-units-buggyfill; max-width: 100vw"}.act-popup-container,.act-popup-mask{position:absolute;width:100%;height:100%}.act-popup-mask{overflow:hidden}.act-popup-mask:before{content:".";display:block;width:1px;height:1px;background-color:rgba(0,0,0,.1);margin-left:-10px}.act-popup-container{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.act-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.act-popup-center .act-popup-content{position:absolute;top:-50%;left:-50%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-popup-top-radius{border-top-left-radius:12px;border-top-right-radius:12px}.act-popup-top-radius.act-popup-content{overflow:hidden}[data-v-a275e3e0]{-webkit-tap-highlight-color:transparent}.act-layer[data-v-a275e3e0]{max-width:60em;width:86%;z-index:99;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;line-height:1}.act-layer .layer-wrap[data-v-a275e3e0]{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.act-layer .head-img[data-v-a275e3e0]{border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden}.act-layer .head-img img[data-v-a275e3e0]{display:block;width:100%}.act-layer-header[data-v-a275e3e0]{position:relative;margin-bottom:1.4em;z-index:2}.act-layer-header[data-v-a275e3e0]:after{content:"";position:absolute;bottom:-1.4em;left:-10%;right:-10%;height:5.6em;border-radius:0 0 50% 50%;background-color:currentColor;z-index:-1}.act-layer-slim .act-layer-header[data-v-a275e3e0]{margin-bottom:0;padding-top:1.5em;background-color:initial!important}.act-layer-slim .act-layer-header[data-v-a275e3e0]:after{top:0;left:-12%;right:-12%;height:1.5em}.act-layer-content[data-v-a275e3e0]{border-bottom-left-radius:8px;border-bottom-right-radius:8px;position:relative;z-index:1}.act-layer-content.fix-gap[data-v-a275e3e0]:before{content:"";position:absolute;width:100%;background-color:inherit;height:2px;top:-1px}.act-layer-close[data-v-a275e3e0]{width:100%;margin-top:2em}.act-layer-close img[data-v-a275e3e0]{display:block;margin:0 auto;width:3.5em;height:3.5em;pointer-events:auto!important}.act-dialog-title[data-v-4504c656]{padding:2em 1.5em 0}.act-dialog-title h5[data-v-4504c656]{margin:0;line-height:2em;color:#fff;text-align:center;font-weight:400}.act-dialog-title h5 span[data-v-4504c656]{font-size:1.8em}.act-dialog-content[data-v-4504c656]{border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden}.act-dialog-content-txt[data-v-4504c656]{margin:0;padding:3em 2em;line-height:2.2em;color:#484848}.act-dialog-content-txt span[data-v-4504c656]{font-size:1.8em}.act-dialog-content-btn[data-v-4504c656]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-dialog-content-btn1[data-v-4504c656]{margin:0 auto;padding-bottom:2.2em}.act-dialog-content-btn1 div[data-v-4504c656]{display:inline-block;line-height:2em;border-radius:4em;padding:1.2em 3.5em;margin:0 auto;color:#fff;background-color:#fff}.act-dialog-content-btn1 div span[data-v-4504c656]{font-size:1.8em}.act-dialog-content-btn2[data-v-4504c656]{height:4.7em;line-height:4.7em}.act-dialog-content-btn2 div[data-v-4504c656]{-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#000;height:4.7em;text-align:center}.act-dialog-content-btn2 div span[data-v-4504c656]{font-size:1.8em}.act-dialog-content-btn2 div[data-v-4504c656]:first-child{border-top:1px solid #c8c8c8;color:#c8c8c8}.act-dialog-content-btn2 div[data-v-4504c656]:nth-child(2){color:#000}.act-dialog-content-btn3[data-v-4504c656]{border-top:1px solid #c8c8c8}.act-dialog-content-btn3 div[data-v-4504c656]{width:100%;height:4.7em;line-height:4.7em;text-align:center}.act-dialog-content-btn3 div span[data-v-4504c656]{font-size:1.8em}