@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 23.7 kB
CSS
.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}.act-gold-popup-fade-enter[data-v-f3b563a0]{opacity:0}.act-gold-popup-fade-enter-active[data-v-f3b563a0]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-gold-popup-move-enter[data-v-f3b563a0]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.act-gold-popup-move-enter-active[data-v-f3b563a0]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-gold-popup-container[data-v-f3b563a0]{position:absolute;bottom:0;left:0;width:100%;line-height:1;background-color:#fff;border-radius:12px 12px 0 0}.act-gold-popup-container .act-gold-popup-hd[data-v-f3b563a0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative;text-align:center;font-size:17px;color:#333}.act-gold-popup-container .act-gold-popup-hd[data-v-f3b563a0] h3{padding:13px 40px;line-height:20px;font-size:17px}.act-gold-popup-container .act-gold-popup-hd i[data-v-f3b563a0]{display:block;position:absolute;top:50%;z-index:1;margin:12px;background-repeat:no-repeat}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]{position:absolute;top:-5px;right:-4px;display:block;width:20px;height:20px}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]:after,.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]:before{position:absolute;content:"";width:16px;height:2px;background:#b3b3b3;top:9px;left:2.5px}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.act-gold-popup-container .act-gold-popup-hd.act-gold-popup-hd-custom[data-v-f3b563a0]{min-height:36px;line-height:36px}[data-v-3349a91e] .bscroll-vertical-scrollbar{width:5px}[data-v-3349a91e] .bscroll-indicator{background:rgba(0,0,0,.2)}.scroll-wrapper[data-v-3349a91e]{position:relative;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.scroll-wrapper .scroll-content[data-v-3349a91e]{width:100%;position:relative;z-index:1}p[data-v-1d95b7c8]{margin:0}.act-file[data-v-1d95b7c8]{width:100%;padding:16px 0 2px}.act-file .act-file-title[data-v-1d95b7c8]{text-align:left;margin-bottom:8px;position:relative}.act-file .act-file-title .title-desc[data-v-1d95b7c8]{font-size:15px;color:#666;line-height:20px}.act-file .act-file-title .required[data-v-1d95b7c8]{display:inline-block;width:30px;height:16px;line-height:16px;background:-webkit-linear-gradient(left,#ff738d,#ff465e);background:linear-gradient(90deg,#ff738d,#ff465e);border-radius:5px 8px 8px 0;opacity:.8;text-align:center;color:#fff;font-weight:700;font-size:10px;position:relative;margin-left:6px;vertical-align:text-top}.act-file .act-file-download[data-v-1d95b7c8]{position:absolute;right:0;top:0;color:#8c7fee;font-size:13px;line-height:20px}.act-file .act-file-linktips[data-v-1d95b7c8]{font-size:12px;padding-left:10px;cursor:pointer;color:#8c7fee}.act-file .act-img-item[data-v-1d95b7c8]{position:relative;width:74px;height:74px;border-radius:8px;border:1px solid #f5f5f5;background-color:#fff;margin-bottom:8px;margin-right:8px;float:left}.act-file .act-img-item img[data-v-1d95b7c8]{width:100%;height:100%;border-radius:5px;object-fit:cover}.act-file .act-img-item.act-img-item-empty[data-v-1d95b7c8]{border:none;background-color:transparent}.act-file .act-img-item[data-v-1d95b7c8]:nth-child(4n){margin-right:0}.act-file .example-cover[data-v-1d95b7c8]{position:absolute;right:0;top:0;text-align:center;display:-webkit-box;display:flex;display:-webkit-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;font-size:13px;width:100%;height:100%;border-radius:5px;background:rgba(9,3,51,.4)}.act-file .act-file-item[data-v-1d95b7c8]{position:relative;border-bottom:1px solid #f5f5f5;padding:13px 41px 13px 0;font-size:14px;color:#333;word-break:break-all;white-space:normal}.act-file .act-file-item p[data-v-1d95b7c8]{text-align:left}.act-file .act-file-item .act-file-type[data-v-1d95b7c8]{display:inline-block;margin-right:5px;color:#b3b3b3}.act-file .act-img-list[data-v-1d95b7c8]{margin-bottom:14px}.act-file .act-img-list.align-right[data-v-1d95b7c8]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.act-file .act-img-list[data-v-1d95b7c8]:last-child{margin-bottom:0}.act-file .act-img-list .act-img-del[data-v-1d95b7c8]{position:absolute;right:2px;top:2px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:20px;height:15px}.act-file .act-img-list .act-img-del[data-v-1d95b7c8]:before{content:"";display:block;position:absolute;right:0;top:0;width:20px;height:15px;background-color:#000;border-radius:7px;opacity:.7}.act-file .act-img-list .act-img-del[data-v-1d95b7c8]:after{content:"";display:block;z-index:10;width:7.5px;height:7.5px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAA/0lEQVQokaWSsW3DMBBFH5UIgqpkkiAjsMsKnkCItAR5S9hIFoi7zKA+lZdw6y4QIuRS+GwwEln5yvv/HXj/6GKMAIQQauBeRL4pVAihBWYR+QGorPkETMAphNAVwA44AZP5capaG+gS7yAiuwTsgW2iK9Cgqq2qTrquPsaIqvYZbVLVFjN0GYOq6keh38UYzzuLyDswZFbdZHqD+c+wDdgVBizBaxZVqpiwL4D7FFzBlmruqQAb09dw5hy52v4bcEvaN925AmagXjzvmmrhCjUw3znnfr33n8CrDRpE5C11juP45b0/Ai+W07OIHC+f5AA0wMPlAyzL+o9AY37+AI4RLdWZ6apWAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%;background-position:50%}.act-file .act-file-list[data-v-1d95b7c8]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;margin-top:2px;border-top:1px solid #f5f5f5;line-height:20px}.act-file .act-file-list .act-file-del[data-v-1d95b7c8]{position:absolute;right:0;top:15px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:16px;height:16px;background-color:#ff5a6e;border-radius:50%;opacity:.6}.act-file .act-file-list .act-file-del[data-v-1d95b7c8]:after{content:"";display:block;width:7.5px;height:7.5px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABQ0lEQVRIS82XsU7EMAyGP4sBMfMuMMOIeBbYOQESErcfz4IYYYZn4ebTTUauitSGNInT6kLnxl9/239qi6oeAXfALXAKfAE3IvLJAo+qngMvwBmwBTbAWlT1HngKGDvgWkTe57BV9RJ4BU6COA8G/u6VhoxZ8ATUOFsDa0JVFTwD7XAGtlpa/qceF7wEan1kYCv+R6QOww8pghdCLdaFWHTHgcmG88bowHPhXmhX42E+awLUnPkD9irvPzrm02x/jBQ7077v3z+ucUQU7FCeutiSTpgEz4Rn7ZcEV8Kz0GhzxXLXd+4bkKqnHbW6X5X8XLKKB6oPCy70adY+YSb/X3NVKA1F+e1UCF32AimEdmoWuzI90F/L1JwZ+bg2gOOSGdW83SDQbPRpOew1G2+bDfQtVphHm6ttaVvZonagpc0WuOcfOccY4Y9dcNwAAAAASUVORK5CYII=) no-repeat;background-size:100% 100%;background-position:50%}.act-file div.act-file-add[data-v-1d95b7c8]{margin-top:22px}.act-file .act-file-add[data-v-1d95b7c8]{background:#f9f9f9;border-radius:8px;text-align:center}.act-file .act-file-add .icon-add[data-v-1d95b7c8]{width:27px;height:22px;margin-top:26px}.act-doc-content[data-v-136d6d72]{line-height:1.5;height:400px}.act-picker-back[data-v-136d6d72]{width:36px;height:100%;position:absolute;left:4px;top:0}.act-picker-back[data-v-136d6d72]:before{content:"";position:absolute;top:18px;left:14px;display:block;width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;border-color:#b3b3b3;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.act-doc-box[data-v-388e54c7]{height:100%;position:relative}.act-doc-box .loading[data-v-388e54c7]{position:absolute;z-index:9999;bottom:25px;width:100%}.act-doc-box .loading.center[data-v-388e54c7]{bottom:50%}.doc-fixed-header[data-v-388e54c7]{background:#fff;padding:0 1.35rem .8rem}.doc-fixed-header .fixed-tip[data-v-388e54c7]{padding:.6rem .8rem;font-size:1.1rem;line-height:1.5;color:#999;background:#f7f8fc;border-radius:.8rem .8rem .8rem .8rem}.act-scroll-text[data-v-388e54c7]{padding:0 14px}.act-scroll-list li[data-v-388e54c7]{position:relative}.act-scroll-list li img[data-v-388e54c7]{width:100%}.loading-indicator[data-v-388e54c7]{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;height:80px}.scroll-wrapper[data-v-3d7beb70]{position:relative;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.scroll-wrapper[data-v-3d7beb70] .bscroll-vertical-scrollbar{width:5px}.scroll-wrapper[data-v-3d7beb70] .bscroll-indicator{background:rgba(0,0,0,.2)}.scroll-wrapper .scroll-list[data-v-3d7beb70]{background-color:#525659}.scroll-wrapper .scroll-list>li[data-v-3d7beb70]{position:relative;background-color:#fff;margin-top:1rem}.scroll-wrapper .scroll-list>li[data-v-3d7beb70]:first-child{margin-top:0}.scroll-wrapper .scroll-list>li>img[data-v-3d7beb70]{width:100%}.scroll-wrapper .scroll-text[data-v-3d7beb70]{padding:0 1.4rem}.scroll-wrapper .scroll-content[data-v-3d7beb70]{position:relative;z-index:1;display:inline-block;width:100%}.scroll-wrapper .pulldown-wrapper[data-v-3d7beb70]{position:absolute;width:100%;left:0;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;-webkit-transition:all;transition:all}.scroll-wrapper .pulldown-wrapper>.after-trigger[data-v-3d7beb70]{margin-top:10px}.scroll-wrapper .pullup-wrapper[data-v-3d7beb70]{width:100%;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;padding:16px 0}.scroll-wrapper.scroll-pdf[data-v-3d7beb70]{width:200%;height:200%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:scale(.5);transform:scale(.5);padding:0}.scroll-wrapper.scroll-pdf[data-v-3d7beb70] .bscroll-vertical-scrollbar{width:10px}.pdf-act-loading{position:absolute;left:50%;top:50%;margin-left:-1.2rem;margin-top:-1.2rem;width:2.4rem;height:2.4rem;background:url("data:image/gif;base64,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") no-repeat;background-size:100%}.pdf-act-page{position:relative}.loading-wrap{width:30px;height:30px;margin:8px auto}.loading-cont-cir,.loading-cont-cir:after,.loading-cont-cir:before{border-radius:50%;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation:loading-cir 1.2s infinite ease-in-out;animation:loading-cir 1.2s infinite ease-in-out}.loading-cont-cir{width:24px;height:24px;font-size:30px;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s;top:-1em;margin:0 auto}.loading-cont-cir:before{right:100%;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loading-cont-cir:after{left:100%}.loading-cont-cir:after,.loading-cont-cir:before{content:"";display:block;position:absolute;top:0;width:inherit;height:inherit}@-webkit-keyframes loading-cir{0%,80%,to{box-shadow:0 1.1em 0 -1em}40%{box-shadow:0 1.1em 0 -.2em}}@keyframes loading-cir{0%,80%,to{box-shadow:0 1.1em 0 -1em}40%{box-shadow:0 1.1em 0 -.2em}}#pdf-bottom-loading{pointer-events:none}.act-doc-item{position:relative;display:block;margin-left:14px;padding:15px 50px 15px 0;border-bottom:1px solid #eff1f3;font-size:16px;color:#8c7fee}.act-doc-item:after{content:"";position:absolute;top:50%;right:1.4rem;display:block;width:8px;height:8px;margin-top:-4px;border-top:2px solid;border-right:2px solid;border-color:#b3b3b3;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.cpn--act-file-list-material[data-v-9cedad7c]{text-align:left}.cpn--act-file-list-material .tip-wrapper[data-v-9cedad7c]{font-size:1.2rem;line-height:1.8rem;margin-bottom:1rem}@-webkit-keyframes fakeProgress-data-v-9cedad7c{0%{width:0}20%{width:20%}30%{width:20%}50%{width:50%}60%{width:50%}to{width:90%}}@keyframes fakeProgress-data-v-9cedad7c{0%{width:0}20%{width:20%}30%{width:20%}50%{width:50%}60%{width:50%}to{width:90%}}.cpn--act-file-list-material .upload-material-cps-bg[data-v-9cedad7c]{background:rgba(240,90,75,.06)}.cpn--act-file-list-material .upload-material[data-v-9cedad7c]{display:-webkit-box;display:-webkit-flex;display:flex;background:rgba(140,127,238,.06);border-radius:.8rem;padding:.95rem .6rem;margin-bottom:1.2rem}.cpn--act-file-list-material .upload-material .act-material-icon-box .icon-upload-material[data-v-9cedad7c]{width:4.9rem;height:4.9rem}.cpn--act-file-list-material .upload-material .act-material-content-box[data-v-9cedad7c]{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.cpn--act-file-list-material .upload-material .act-material-content-box .upload-desc-box[data-v-9cedad7c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;margin-left:1.2rem}.cpn--act-file-list-material .upload-material .act-material-content-box .upload-desc-box .upload-text[data-v-9cedad7c]{font-size:1.5rem;color:#333;line-height:2.2rem}.cpn--act-file-list-material .upload-material .act-material-content-box .upload-desc-box .upload-tip[data-v-9cedad7c]{font-size:1.2rem;color:#999;line-height:1.8rem}.cpn--act-file-list-material .upload-material .act-material-content-box .upload-btn[data-v-9cedad7c]{background:-webkit-linear-gradient(left,#b6adfb,#9589f4);background:linear-gradient(90deg,#b6adfb,#9589f4)}.cpn--act-file-list-material .upload-material .act-material-content-box .upload-btn-cps[data-v-9cedad7c],.cpn--act-file-list-material .upload-material .act-material-content-box .upload-btn[data-v-9cedad7c]{height:2.6rem;padding:0 1.2rem;border-radius:99rem;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff}.cpn--act-file-list-material .upload-material .act-material-content-box .upload-btn-cps[data-v-9cedad7c]{background:-webkit-linear-gradient(right,#f05a4b,#fc7468);background:linear-gradient(270deg,#f05a4b,#fc7468)}.cpn--act-file-list-material .upload-material .act-material-content-box .disabled-btn[data-v-9cedad7c]{opacity:.6}.cpn--act-file-list-material .upload-list[data-v-9cedad7c]{background:#f7f8fc;border-radius:.8rem;padding:1rem 1.4rem}.cpn--act-file-list-material .upload-list .upload-item .file-info[data-v-9cedad7c]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cpn--act-file-list-material .upload-list .upload-item .file-info .file-name[data-v-9cedad7c]{font-size:1.4rem;line-height:2rem;color:#333}.cpn--act-file-list-material .upload-list .upload-item .file-info .upload-status .icon-upload-fail[data-v-9cedad7c]{width:1.4rem;height:1.4rem}.cpn--act-file-list-material .upload-list .upload-item .upload-progress[data-v-9cedad7c]{background:#e7e7e7;border-radius:.3rem;height:.3rem;margin:.9rem 0;position:relative}.cpn--act-file-list-material .upload-list .upload-item .upload-progress .upload-progress-bar[data-v-9cedad7c]{position:absolute;left:0;top:0;z-index:10;background:#8c7fee;border-radius:.3rem;height:.3rem;width:0}.cpn--act-file-list-material .upload-list .upload-item .upload-progress .upload-progress-bar-cps[data-v-9cedad7c]{position:absolute;left:0;top:0;z-index:10;background:#f05a4b;border-radius:.3rem;height:.3rem;width:0}.cpn--act-file-list-material .upload-list .upload-item .upload-progress .fake-progress-animation[data-v-9cedad7c]{-webkit-animation:fakeProgress-data-v-9cedad7c 5s linear forwards;animation:fakeProgress-data-v-9cedad7c 5s linear forwards}.cpn--act-file-list-material .upload-list .upload-item .upload-progress .fake-progress-animation-stop[data-v-9cedad7c]{-webkit-animation-play-state:paused;animation-play-state:paused}.cpn--act-file-list-material .upload-list .upload-item .upload-progress .fake-progress-animation-done[data-v-9cedad7c]{width:100%}.cpn--act-file-list-material .upload-list .upload-desc-tip[data-v-9cedad7c]{font-size:1.2rem;color:#999;line-height:1.8rem}.cpn--act-file-list-material .act-upload-material[data-v-9cedad7c]{margin-bottom:2rem}.cpn--act-file-list-material .img-list-wrapper .image-list-info[data-v-9cedad7c]{margin:2rem 0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.cpn--act-file-list-material .img-list-wrapper .image-list-info .uploaded-info[data-v-9cedad7c]{font-size:1.5rem;color:#333}.cpn--act-file-list-material .img-list-wrapper .image-list-info .clear-btn-cps[data-v-9cedad7c]{font-size:1.3rem;color:#f05a4b}.cpn--act-file-list-material .img-list-wrapper .image-list-info .clear-btn[data-v-9cedad7c]{font-size:1.3rem;color:#8c7fee}.cpn--act-file-list-select-layer .method-select .select-item[data-v-7dbe56aa]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:5.9rem;border-bottom:.1rem solid #f5f5f5;-webkit-box-align:center;-webkit-align-items:center;align-items:center;font-size:1.5rem;color:#333}.cpn--act-file-list-select-layer .method-select .cancel-btn[data-v-7dbe56aa]{border-top:.9rem solid #f7f8fc;background-color:#fff;color:#999}.cpn--act-image-list .act-img-list[data-v-04361d0f]{margin-bottom:14px}.cpn--act-image-list .act-img-list .act-img-item[data-v-04361d0f]{position:relative;width:74px;height:74px;border-radius:8px;border:1px solid #f5f5f5;background-color:#fff;margin-bottom:8px;margin-right:8px;float:left}.cpn--act-image-list .act-img-list .act-img-item img[data-v-04361d0f]{width:100%;height:100%;border-radius:5px;object-fit:cover}.cpn--act-image-list .act-img-list .act-img-item.act-img-item-empty[data-v-04361d0f]{border:none;background-color:transparent}.cpn--act-image-list .act-img-list .act-img-item[data-v-04361d0f]:nth-child(4n){margin-right:0}.cpn--act-image-list .act-img-list.align-right[data-v-04361d0f]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.cpn--act-image-list .act-img-list[data-v-04361d0f]:last-child{margin-bottom:0}.cpn--act-image-list .act-img-list .act-img-del[data-v-04361d0f]{position:absolute;right:2px;top:2px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:20px;height:15px}.cpn--act-image-list .act-img-list .act-img-del[data-v-04361d0f]:before{content:"";display:block;position:absolute;right:0;top:0;width:20px;height:15px;background-color:#000;border-radius:7px;opacity:.7}.cpn--act-image-list .act-img-list .act-img-del[data-v-04361d0f]:after{content:"";display:block;z-index:10;width:7.5px;height:7.5px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAA/0lEQVQokaWSsW3DMBBFH5UIgqpkkiAjsMsKnkCItAR5S9hIFoi7zKA+lZdw6y4QIuRS+GwwEln5yvv/HXj/6GKMAIQQauBeRL4pVAihBWYR+QGorPkETMAphNAVwA44AZP5capaG+gS7yAiuwTsgW2iK9Cgqq2qTrquPsaIqvYZbVLVFjN0GYOq6keh38UYzzuLyDswZFbdZHqD+c+wDdgVBizBaxZVqpiwL4D7FFzBlmruqQAb09dw5hy52v4bcEvaN925AmagXjzvmmrhCjUw3znnfr33n8CrDRpE5C11juP45b0/Ai+W07OIHC+f5AA0wMPlAyzL+o9AY37+AI4RLdWZ6apWAAAAAElFTkSuQmCC) no-repeat;background-size:100% 100%;background-position:50%}