alert.html

<div class="eui_modal" style="position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px;">
    <div class="eui_mask" style="position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 1040; background-color: rgba(0, 0, 0, 1); opacity: 0.5;"></div>
    <div style="width: 100%; margin: 0rem auto; z-index: 1040; outline: 0px;">
        <div style="width: 50%; margin: 3rem auto; min-width: 10rem;">
            <div style="position: relative; background-color: rgb(45, 48, 57); border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: rgba(0, 0, 0, 0.498039) 0px 5px 15px; border-radius: 0.25rem; background-clip: padding-box; outline: 0px; z-index: 1060;">
                <div class="eui_modal_header" style="padding: 0 1rem; border-bottom: 1px solid rgb(65, 72, 87); color: rgb(82, 121, 143);">
                    <button style="display: inline-block; padding: 0px; cursor: pointer; background: transparent; border: 0px; -webkit-appearance: none; float: right; font-size: 2rem; font-weight: 400; line-height: 1; color: rgb(72, 139, 200); opacity: 0.85; text-transform: none; overflow: visible;"><span aria-hidden="true">×</span></button>
                    <h4 style="margin: 0.5rem 0; font-size: 1rem; display: inline-block;">数据加载失败</h4>
                </div>
                <div class="eui_modal_body" style="position: relative; padding: 1rem;">网络连接失败</div>
                <div class="eui_modal_body" style="padding: 1rem; text-align: right; border-top: 1px solid rgb(65, 72, 87);">
                    <button style="border: 1px solid #ddd; appearance: none; outline: none; background: #fff;">确定</button>
                </div>
            </div>
        </div>
    </div>
</div>