@xysfe/actui/es/GoldCancelDialog/style.css

A fantastic mobile ui lib implement by Vue

.cancel-dialog[data-v-550d9670],.code-dialog[data-v-550d9670]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);line-height:1;width:290px;background-color:#fff;border-radius:8px}.cancel-dialog-close[data-v-550d9670],.code-dialog-close[data-v-550d9670]{display:block;position:absolute;top:0;right:0;padding:13px 13px 0 0}.cancel-dialog-close i[data-v-550d9670],.code-dialog-close i[data-v-550d9670]{position:relative;display:block;width:12px;height:12px}.cancel-dialog-close i[data-v-550d9670]:after,.cancel-dialog-close i[data-v-550d9670]:before,.code-dialog-close i[data-v-550d9670]:after,.code-dialog-close i[data-v-550d9670]:before{position:absolute;content:"";width:12px;height:2px;background:#b3b3b3;top:4.28571px;border-radius:1px;left:1.71429px}.cancel-dialog-close i[data-v-550d9670]:before,.code-dialog-close i[data-v-550d9670]:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.cancel-dialog-close i[data-v-550d9670]:after,.code-dialog-close i[data-v-550d9670]:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.cancel-dialog-title[data-v-550d9670],.code-dialog-title[data-v-550d9670]{display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:18px;line-height:26px;font-weight:700;color:#3c3c3c;text-align:center;padding:18px 17px 0;overflow:hidden}.cancel-dialog-content[data-v-550d9670],.code-dialog-content[data-v-550d9670]{padding:15px 17px}.cancel-dialog-text[data-v-550d9670],.code-dialog-text[data-v-550d9670]{font-size:15px;line-height:22px;color:#333;word-break:break-all}.cancel-dialog-remarks[data-v-550d9670]{font-size:14px;color:#333;padding:8px 14px;line-height:22px;background-color:#f7f8fc;border-radius:8px;margin-top:10px;word-break:break-all}.cancel-dialog-tips[data-v-550d9670]{font-size:12px;color:#999;line-height:18px;margin-top:10px}.cancel-dialog-tips-icon[data-v-550d9670]{margin-right:2px}.cancel-dialog-title+.cancel-dialog-content[data-v-550d9670]{padding-top:4px}.cancel-dialog-btn[data-v-550d9670]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;text-align:center;font-size:16px}.cancel-btn-item[data-v-550d9670]{-webkit-box-flex:1;-webkit-flex:1;flex:1;position:relative;border-top:1px solid #f9f9f9;padding:13px 0 15px;color:#999}.cancel-btn-item[data-v-550d9670]:nth-child(2n):before{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";display:block;width:1px;height:16px;background-color:#f5f5f5}.cancel-dialog-btn-right[data-v-550d9670]{color:#8c7fee}.code-dialog-action[data-v-550d9670]{margin:12px 0 14px;width:100%;padding:3px 12px;background:#f7f8fc;border-radius:3px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.code-dialog-action .code-dialog-input[data-v-550d9670]{font-size:15px;height:40px;background:#f7f8fc;line-height:40px;width:100%;margin-right:8px;border:none;color:#333;padding:0 5px}.code-dialog-action .code-dialog-sendBtn[data-v-550d9670]{font-size:12px;min-width:70px;text-align:center}.code-dialog-submitBtn[data-v-550d9670]{font-size:16px;color:#fff;background-color:#8c7fee;height:40px;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;border-radius:22px}