#msg_popup{width:36px;height:36px;border-radius:6px;cursor:pointer;margin-left:20px;position:relative;user-select:none}#msg_popup .icon-xiaoxi1{font-size:18px}#msg_popup:hover{background:rgba(23,159,151,0.06);color:#179f97}#msg_popup:hover .msg_panel{display:block}#msg_popup.open .msg_panel{display:block}#msg_popup .msg_btn{width:100%;height:100%;display:flex;align-items:center;justify-content:center}#msg_popup .msg_badge{position:absolute;top:0;left:20px;min-width:14px;height:14px;padding:0 2px;line-height:14px;font-size:12px;color:#fff;background:#ff4d4f;border-radius:7px;text-align:center;box-shadow:0 0 0 2px rgba(0,0,0,0.03)}#msg_popup .msg_panel{position:absolute;top:0;right:-12px;padding-top:50px;z-index:999;display:none}#msg_popup .msg_panel .panel_inner{display:flex;width:496px;max-height:458px;background:#ffffff;box-shadow:0px 2px 20px 0px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden}#msg_popup .msg_panel .panel_left,#msg_popup .msg_panel .panel_right{width:100%}#msg_popup .panel_header{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;padding:0 30px;background:#ffffff;border-bottom:1px solid #f1f1f1;box-sizing:border-box}#msg_popup .panel_header .title{font-weight:600;font-size:16px;color:#333}#msg_popup .panel_header .title .total_count{font-weight:400;font-size:14px;color:#666666}#msg_popup .panel_header .title .total_count i{color:#fa3c3c}#msg_popup .panel_header .mark_read{width:72px;height:28px;display:flex;align-items:center;justify-content:center;line-height:28px;background:#f6f6f6;border-radius:4px;color:#333333;cursor:pointer;transition:all 0.2s ease}#msg_popup .panel_header .mark_read:hover{background:#ededed}#msg_popup .scroll_box{height:320px}#msg_popup .scroll_box .el-scrollbar{height:100%}#msg_popup .scroll_box .el-scrollbar__wrap{overflow-x:hidden !important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}#msg_popup .scroll_box .el-scrollbar__bar.is-horizontal{display:none}#msg_popup .msg_list .loading_tip,#msg_popup .msg_list .no_more_tip{text-align:center;font-size:12px;color:#999;padding:10px 0}#msg_popup .msg_list .item{display:flex;align-items:flex-start;gap:10px;padding:0px 20px;transition:background 0.2s ease;cursor:pointer}#msg_popup .msg_list .item:hover{background:#fafcfc}#msg_popup .msg_list .item:last-child{border-bottom:none}#msg_popup .msg_list .item .dot_box{width:8px;height:8px;margin-top:20px}#msg_popup .msg_list .item .dot_box .dot{width:100%;height:100%;border-radius:50%;background:#ff4d4f}#msg_popup .msg_list .item .content{flex:1;min-width:0;border-bottom:1px solid #f5f8f8;font-size:13px;color:#444;padding:14px 0px}#msg_popup .msg_list .item .content .msg_title{line-height:1.6;margin-bottom:4px;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:flex;align-items:center}#msg_popup .msg_list .item .content .msg_title .msg_icon_box{padding:6px;background:#7bbbf6;border-radius:4px 4px 4px 4px;display:flex;align-items:center;justify-content:center;margin-right:10px}#msg_popup .msg_list .item .content .msg_title .msg_icon_box.msg_icon_box_2{background:#fb6041}#msg_popup .msg_list .item .content .msg_title .msg_icon_box.msg_icon_box_5{background:#0bb18f}#msg_popup .msg_list .item .content .msg_title .msg_icon_box.msg_icon_box_6{background:#0bb18f}#msg_popup .msg_list .item .content .msg_title .msg_icon_box.msg_icon_box_7{background:#0bb18f}#msg_popup .msg_list .item .content .msg_title .msg_icon_box.msg_icon_box_8{background:#0bb18f}#msg_popup .msg_list .item .content .msg_title .msg_icon_box .msg_icon{font-size:12px;line-height:12px;color:#ffffff}#msg_popup .msg_list .item .content .msg_title .title{font-size:14px;color:#333333;font-weight:bold}#msg_popup .msg_list .item .content .msg_desc{font-size:14px;color:#666666}#msg_popup .msg_list .item .content .msg_time{font-size:12px;color:#999}#msg_popup .panel_footer{padding:12px 20px;text-align:center;border-top:1px solid #f5f5f5;background:#fff;display:flex;align-items:center;justify-content:space-between}#msg_popup .panel_footer .setting{font-size:18px;color:#666666}#msg_popup .panel_footer .setting:hover{color:#179f97}#msg_popup .panel_footer .view_all{color:#179f97;text-decoration:none;font-size:13px;transition:opacity 0.2s ease}#msg_popup .panel_footer .view_all:hover{opacity:0.8}#msg_popup .msg_empty{height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#999999}#msg_popup .msg_empty .empty_illu{margin-bottom:12px}#msg_popup .msg_empty .empty_illu img{width:200px;height:88px}#msg_popup .msg_empty .empty_text{font-size:14px}