.wx-alert-mask { background: rgba(0, 0, 0, 0.3); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1000; } .wx-alert-dialog { background-color: #fff; border-radius: 3px; left: 50%; max-width: 600rpx; overflow: hidden; position: fixed; text-align: center; top: 50%; transform: translate(-50%, -50%); width: 80%; z-index: 5000; } .wx-alert-dialog-title { font-size: 18px; padding: 15px 15px 5px; } .wx-alert-dialog-content { word-wrap: break-word; color: #999; font-size: 16px; line-height: 1.3; min-height: 40px; padding: 15px 15px 5px; word-break: break-all; } .wx-alert-dialog-footer { align-items: center; display: -webkit-flex; display: flex; font-size: 17px; line-height: 45px; position: relative; } .wx-alert-dialog-footer::before { border-top: 1px solid #d5d5d6; color: #d5d5d6; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: 0; transform: scaleY(0.5); transform-origin: 0 0; } .wx-alert-dialog-btn { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border: 0rpx; display: block; flex: 1; position: relative; } .wx-alert-dialog-footer .wx-alert-dialog-btn:nth-of-type(1) { color: #353535; } .wx-alert-dialog-footer .wx-alert-dialog-btn:nth-of-type(2) { color: #3cc51f; } .wx-alert-dialog-footer .wx-alert-dialog-btn:nth-of-type(2):after { border-left: 1px solid #d5d5d6; bottom: 0; color: #d5d5d6; content: " "; left: 0; position: absolute; top: 0; transform: scaleX(0.5); transform-origin: 0 0; width: 1px; }