/*!
 *  build: vue-admin-beautiful 
 *  vue-admin-beautiful author: chuzhixin 1204505056@qq.com 
 *  vue-admin-beautiful QQ Group(QQ群): 972435319、1139183756 
 *  time: 2024-6-6 18:31:36
 */#app{display:flex;height:100%}.chat-m-c{height:100%;background:#001529}.chat-m-c,.chat-m-c .m-d-time{display:flex;width:100%;justify-content:center;align-items:center}.chat-m-c .m-d-time{height:25px;color:#999;font-size:12px}.chat-m-c .msg-m-c{padding:0 42px 0 0;display:flex}.chat-m-c .msg-m-c .h-img{align-self:flex-start;width:42px;height:42px;border-radius:21px;margin-right:12px;min-width:42px}.chat-m-c .msg-m-c .msg-m{align-self:center;flex:1;flex-grow:1;display:flex}.chat-m-c .msg-m-c .msg-m .txt{max-width:412px;border-bottom-left-radius:20px;border-top-right-radius:20px;border-bottom-right-radius:20px;font-size:15px;color:#1a1a1a;padding:12px 12px 12px 17px;background:#39d37e}.chat-m-c .msg-m-c .msg-m .img{display:block;width:auto;min-width:100px;max-width:150px;height:auto}.chat-m-c .msg-m-c .msg-m .gift-m-c{display:flex}.chat-m-c .msg-m-c .msg-m .gift-m-c .gift-img-m{display:flex;flex-direction:column;justify-content:center;padding-right:5px}.chat-m-c .msg-m-c .msg-m .gift-m-c .gift-img-m .gift-img{width:64px;height:64px;margin:auto}.chat-m-c .msg-m-c .msg-m .gift-m-c .gift-img-m .name{font-size:12px;color:#3a3a3a;padding:4px 0;text-align:center}.chat-m-c .msg-m-c .msg-m .gift-m-c .num-img{align-self:center;width:23px;height:33px}.chat-m-c .msg-m-c .msg-m .voice-m{display:flex}.chat-m-c .msg-m-c .msg-m .voice-m .triangle{align-self:center;width:0;height:0;border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.chat-m-c .msg-m-c .msg-m .voice-m .voice{display:inline-flex;padding:12px;border-radius:12px;cursor:pointer}.chat-m-c .msg-m-c .msg-m .voice-m .voice .voice-img{align-self:center;display:block;width:20px;height:20px}.chat-m-c .msg-m-c .msg-m .voice-m .voice .time-s{align-self:center;color:#262626;font-size:12px;padding:0 5px;flex:1;flex-grow:1;max-width:185px}.chat-m-c .msg-m-c.left-m .msg-m .txt{background:#fff}.chat-m-c .msg-m-c.left-m .msg-m .voice-m{flex-direction:row-reverse}.chat-m-c .msg-m-c.left-m .msg-m .voice-m .voice{background:#fff}.chat-m-c .msg-m-c.right-m{padding:0 0 0 42px;flex-direction:row-reverse}.chat-m-c .msg-m-c.right-m .h-img{margin-right:0;margin-left:12px}.chat-m-c .msg-m-c.right-m .msg-m{flex-direction:row-reverse}.chat-m-c .msg-m-c.right-m .msg-m .txt{border-top-left-radius:20px;border-top-right-radius:0}.chat-m-c .msg-m-c.right-m .voice-m{display:flex}.chat-m-c .msg-m-c.right-m .voice-m .triangle{border-right:0;border-left:5px solid #39d37e}.chat-m-c .msg-m-c.right-m .voice-m .voice{flex-direction:row-reverse}.chat-m-c .msg-m-c.right-m .voice-m .voice.gradient-bg{background:#39d37e}.chat-m-c .msg-m-c.right-m .voice-m .voice .time-s{color:#fff;text-align:right}.chat-m-c .msg-m-c .card-c .card-c-m{width:237px;height:130px;background:#e9e9e9 url(../../static/img/card-bg.ee78e6bc.png) 0 no-repeat;background-size:contain;display:flex;justify-content:flex-end;align-items:center;border-radius:12px}.chat-m-c .msg-m-c .card-c .card-c-m .u-msg{max-width:140px;padding-right:5px}.chat-m-c .msg-m-c .card-c .card-c-m .u-msg .sub-title{border-bottom:1px solid #b9b6b4;text-align:center;font-size:14px;color:#1a1a1a;height:25px;line-height:25px}.chat-m-c .msg-m-c .card-c .card-c-m .u-msg .sub-title .txt-c{font-size:16px;font-weight:500;color:#000;padding:0}.chat-m-c .msg-m-c .card-c .card-c-m .u-msg .s-l-txt{padding-top:5px}.chat-m-c .msg-m-c .card-c .card-c-m .u-msg .s-l-txt .item-s{font-size:12px;color:#1a1a1a;min-height:18px;line-height:18px;display:flex;word-break:break-all}.chat-m-c .msg-m-c .card-c .card-c-m .u-msg .s-l-txt .item-s .icon{font-size:12px;padding-right:5px}.chat-m-c .msg-m-c .card-c .add-card-m,.chat-m-c .msg-m-c .card-c .add-card-m .add-card{display:flex;justify-content:center;align-items:center}.chat-m-c .msg-m-c .card-c .add-card-m .add-card{background-color:#ebebeb;width:150px;height:26px;border-radius:13px;color:#666;font-size:12px;margin-top:5px;cursor:pointer}.chat-m-c .chat-m{width:840px;height:600px;background:#f8f8f8;display:flex;justify-content:space-between}.chat-m-c .chat-m .left-c-m{width:280px;border-right:1px solid #f5f5f5;background:#fff}.chat-m-c .chat-m .left-c-m .ser-input{height:38px;border-bottom:1px solid #f5f5f5}.chat-m-c .chat-m .right-c-m{width:560px;border-left:1px solid #f5f5f5;display:flex;flex-direction:column;background:#fff}.chat-m-c .chat-m .right-c-m .top-m{height:38px;display:flex;justify-content:space-between;align-items:center;padding:0 10px}.chat-m-c .chat-m .right-c-m .top-m .u-c-msg{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-m-c .chat-m .right-c-m .top-m .conn-status{padding-left:20px;white-space:nowrap}.chat-m-c .chat-m .right-c-m .content-m{height:418px;background:#f9f9f9;display:flex;flex-direction:column;padding:10px 10px 80px 10px;overflow-y:auto}.chat-m-c .chat-m .right-c-m .content-m .chat-list-c{margin:10px 0}.chat-m-c .chat-m .right-c-m .send-con{height:100px}.chat-m-c .chat-m .right-c-m .send-con .textarea-c .vxe-textarea--inner{border:none}.chat-m-c .chat-m .right-c-m .footer-m{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.chat-m-c .chat-m .right-c-m .footer-m .left-b{display:flex;align-items:center}.chat-m-c .table-m .u-m-new{cursor:pointer}.chat-m-c .table-m .u-m-new .sub-title{display:flex;justify-content:space-between;align-items:center}.chat-m-c .table-m .u-m-new .sub-title .u-name-p{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#333;display:flex;align-items:center}.chat-m-c .table-m .u-m-new .sub-title .u-name-p .full-name{display:flex;align-items:center;justify-content:center;color:#096dd9;padding-right:3px}.chat-m-c .table-m .u-m-new .sub-title .chat-date{flex-grow:1;width:70px;text-align:right;font-size:12px;color:#666}.chat-m-c .table-m .u-m-new .chat-msg{font-size:12px;color:#666}.chat-m-c .table-m .vxe-table--render-default .vxe-table--body-wrapper{background:#eee;overflow-x:hidden}.chat-m-c .ant-tag{margin:0}.chat-m-c .ant-tabs-nav{margin-bottom:0!important}.chat-m-c .vxe-table--header-wrapper{display:none}.chat-m-c .vxe-table--render-default .vxe-body--row.row--current{background:#ccc!important}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background-color:#f5f5f5}::-webkit-scrollbar-thumb{background-color:#999;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#555}