<div id="msg_modal" uk-modal="" class="uk-modal">
    <div class="uk-modal-dialog uk-overflow-auto" uk-overflow-auto="">
        <div class="msg_title"><i class="ri-mail-unread-line"></i>消息盒子</div>
        <button class="uk-modal-close-default uk-icon uk-close" type="button" uk-close=""></button>
        <div class="msg_modal_inner">
            <p class="no_posts"><small># 暂无消息 #</small>
                <img class="s_nodata" rc="/themes/theme-pix/assets/img/no-data.webp">
            </p>
            <p class="msg_limit">只显示最新10条未读和已读信息</p>
        </div>
    </div>
    <style>
        .msg_modal_inner .unread_box .box .mark_read{
            display: none;
            position: absolute;
            right: 0;
            top: 0;
            z-index: 1000;
            cursor: pointer;
        }
        .msg_modal_inner .unread_box .box:hover .mark_read{
            display: block;
        }
        .msg_modal_inner .unread_box .box .mark_read:hover{
            color: red;
        }

        .msg_modal_inner .box{
            position: relative;
        }
        .msg_modal_inner .notification-content .head {
            display: none;
        }
    </style>
</div>