[data-v-14067aac]:root{--primary:#0056ff;--danger:#ff434e;--success:#51c41c;--warning:#ff6300;--active-color:#ff4c29;--background-color:#37405e;--sub-text-color:#a6aab7;--subpage-background-color:#f5f5f5;--duration:.25s;--radius:10px;--el-color-primary:var(--primary);--dp-font-size:14px;--dp-input-padding:5px 30px 5px 12px}.bell-button[data-v-14067aac]{position:relative}.bell-button .i[data-v-14067aac]{background:var(--danger);border-radius:50%;height:5px;position:absolute;right:0;top:0;width:5px}.list[data-v-14067aac]{align-items:center;border:1px solid #dbe5f4;cursor:pointer;display:flex;justify-content:flex-start;padding:5px 10px;transition:all var(--duration)}.list[data-v-14067aac]:not(:last-child){border-bottom:0}.list[data-v-14067aac]:hover{background:#f5f5f5}.list .avatar[data-v-14067aac]{border-radius:50%;flex:none;font-size:12px;height:40px;margin-right:10px;width:40px}.list .title[data-v-14067aac]{align-items:center;display:flex;justify-content:flex-start}.list .title .name[data-v-14067aac]{color:#333;font-size:16px;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .title .dot[data-v-14067aac]{background-color:red;border-radius:50%;flex:none;height:10px;width:10px}.list .content[data-v-14067aac]{overflow:hidden;text-overflow:ellipsis}.list .content[data-v-14067aac],.list .date[data-v-14067aac]{color:#666;font-size:14px;white-space:nowrap}.list .date[data-v-14067aac]{flex:none;margin-left:auto}