.msgBox[data-v-55007610]{height:100%;overflow-y:auto}.msgBox .msg-item[data-v-55007610]{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;margin-bottom:20px;padding-right:85px}.msgBox .msg-item .msg-item-left[data-v-55007610]{margin-right:12px;width:40px;height:40px;text-align:center;line-height:40px;border-radius:50%;background-color:#1890ff;color:#fff;font-size:20px;font-weight:700}.msgBox .msg-item .msg-item-right[data-v-55007610]{width:calc(100% - 52px)}.msgBox .msg-item .msg-item-right .top[data-v-55007610]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:4px;color:#999}.msgBox .msg-item .msg-item-right .top .time[data-v-55007610]{margin-left:12px}.msgBox .msg-item .msg-item-right .bottom[data-v-55007610]{width:100%}.msgBox .msg-item .msg-item-right .bottom .msgContent[data-v-55007610]{width:100%;padding:10px 12px;border-radius:2px 18px 18px 18px;background-color:#4c505f;color:#fff}.msgBox .msg-item .msg-item-right .bottom .msgContent .replyBox[data-v-55007610]{position:relative;display:block;margin-bottom:10px;padding:2px 10px;width:100%;background-color:rgba(232,232,233,.8);color:#666;font-size:14px;border-radius:2px;text-decoration:none}.msgBox .msg-item .msg-item-right .bottom .msgContent .replyBox[data-v-55007610]:before{content:"";position:absolute;top:0;left:3px;width:0;height:100%;border:2px solid #4c505f}.msgBox .msg-item .msg-item-right .bottom .msgContent .replyBox .replyTo[data-v-55007610]{font-weight:700}.msgBox .msg-item .msg-item-right .bottom .msgContent .replyBox .replyContent[data-v-55007610]{display:-moz-box;display:-webkit-box;display:box;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;white-space:normal}.msgBox .msg-item .msg-item-right .bottom .count[data-v-55007610]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:12px;width:20px;height:20px;font-size:12px;color:#999;border-radius:50%;border:1px solid #999;cursor:pointer}.msgBox .msg-item .msg-item-right .bottom .count[data-v-55007610]:hover{color:#1890ff;border-color:#1890ff}.msgBox .msg-item.self[data-v-55007610]{padding-right:0;padding-left:52px}.msgBox .msg-item.self .msg-item-left[data-v-55007610]{margin:0 0 0 12px}.msgBox .msg-item.self .msg-item-right .top[data-v-55007610]{-ms-flex-pack:end;justify-content:flex-end}.msgBox .msg-item.self .msg-item-right .top .time[data-v-55007610]{text-align:right}.msgBox .msg-item.self .msg-item-right .bottom[data-v-55007610]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.msgBox .msg-item.self .msg-item-right .bottom .msgContent[data-v-55007610]{background-color:#1890ff;border-radius:18px 2px 18px 18px}.msgBox .msg-item.self .msg-item-right .bottom .count[data-v-55007610]{margin:0 12px 0 0}.msgBox[data-v-55007610]::-webkit-scrollbar{width:4px}.msgBox[data-v-55007610]::-webkit-scrollbar-thumb{background-color:var(--font-gray);border-radius:2px}.msgBox[data-v-55007610]::-webkit-scrollbar-track{background:transparent}.readList[data-v-55007610]{height:300px;overflow-y:auto}.readList .item[data-v-55007610]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:12px}.readList .item .avatar[data-v-55007610]{margin-right:10px;width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#fff}.readList .item .avatar img[data-v-55007610]{display:block;width:100%;height:100%}.readList .item .nickname[data-v-55007610]{font-size:16px;color:#999}.readList .ant-empty[data-v-55007610]{height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.readList[data-v-55007610]::-webkit-scrollbar{width:4px}.readList[data-v-55007610]::-webkit-scrollbar-thumb{background-color:#fff;border-radius:2px}.readList[data-v-55007610]::-webkit-scrollbar-track{background:#b5b5b5}.readedDialog .ant-modal-content{background-color:#323644}.readedDialog .ant-modal-content .ant-modal-header{background-color:#5b5e69;border-color:#4c4d4f;border:1px solid #4c4d4f;border-bottom:none;color:#fff;padding-bottom:10px}.readedDialog .ant-modal-content .ant-modal-header .ant-modal-title{color:#fff}.readedDialog .ant-modal-content .ant-modal-header .ant-modal-title .tab{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.readedDialog .ant-modal-content .ant-modal-header .ant-modal-title .tab .tab-item{width:40%;padding-bottom:10px;border-bottom:2px solid transparent;color:#fff;text-align:center;font-size:18px;cursor:pointer}.readedDialog .ant-modal-content .ant-modal-header .ant-modal-title .tab .tab-item.active{border-color:#fff}.readedDialog .ant-modal-content .ant-modal-close{color:#999}.readedDialog .ant-modal-content .ant-modal-body{border:1px solid #4c4d4f}.readedDialog .ant-modal-content .ant-modal-body .ant-empty-description{color:#999}.readedDialog .ant-modal-content .ant-modal-body .card-container{background:transparent}.buttons-opration[data-v-17af73a0]{position:fixed;bottom:30px;right:50px}.buttons[data-v-17af73a0]:active,.buttons[data-v-17af73a0]:focus{background:#ccc}.out-div[data-v-17af73a0]{width:99%;overflow:scroll}.group[data-v-17af73a0]{margin-top:15px}.sendbutton[data-v-17af73a0]{background:#85ce61;left:20px;border:none;z-index:999}.endbutton[data-v-17af73a0]{background:#d42f2f;border-color:#d42f2f;left:20px;border:none;z-index:999;color:#fff}.danger[data-v-17af73a0]{background:#ff7875;border-color:#ff7875}.selected[data-v-17af73a0]{background:#555}.addbutton[data-v-17af73a0],.feedbackBtn[data-v-17af73a0]{left:20px;z-index:999}.begin_time[data-v-17af73a0]{background:#43cf7c;left:20px;border:none;z-index:999;color:#fff}.left-bar[data-v-17af73a0]{position:absolute;width:5px;height:70%;top:15%;background:#000;opacity:.5}.del[data-v-17af73a0]{background:#fbc4c4;color:#e96900}.green[data-v-17af73a0]{background:#42d885;color:#42d885}.grey[data-v-17af73a0]{background:#aaa;color:#aaa}.bule[data-v-17af73a0]{background:#5c98d6;color:#5c98d6}.clear[data-v-17af73a0]{clear:both}.background-color[data-v-17af73a0]{position:absolute;width:100%;height:100%;opacity:.1;cursor:pointer}.background-color[data-v-17af73a0]:hover{opacity:.3;transition:opacity .5s}.items[data-v-17af73a0]{float:left;width:250px}.deletebutton[data-v-17af73a0]{background:#999;border:none;width:40px;height:40px;font-size:20px;margin-left:105px;margin-top:50px;color:#fff!important;border-radius:25px;opacity:.6}.content[data-v-17af73a0]{height:140px;padding:15px;background:#fff;font-size:15px;cursor:pointer;overflow:hidden}.content-time[data-v-17af73a0]{text-align:center;font-size:16px;font-weight:700;margin-top:30px;line-height:30px}.items-one[data-v-17af73a0]{background:#fff;width:100%;overflow:hidden;height:140px;border:1px solid #eee;position:relative}.buttons[data-v-17af73a0]{width:100%;line-height:30px;text-align:center;padding:5px;cursor:pointer;background:#f1f4f9;border:1px solid #ddd}.delete-diolag[data-v-17af73a0]{position:absolute;width:100%;height:100%;z-index:99}.reload[data-v-17af73a0]{background:#e96900!important}.progressWrap[data-v-17af73a0]{padding:12px 0;width:90%}.preview[data-v-17af73a0]{cursor:pointer}.preview[data-v-17af73a0]:hover{color:#1890ff}.delBtn[data-v-17af73a0]{margin-left:12px}.delBtn[data-v-17af73a0]:hover{color:#ff4d4f}.msgBox[data-v-17af73a0]{height:100%;overflow-y:auto}.msgBox .msg-item[data-v-17af73a0]{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;margin-bottom:20px;padding-right:85px}.msgBox .msg-item .msg-item-left[data-v-17af73a0]{margin-right:12px;width:40px;height:40px;text-align:center;line-height:40px;border-radius:50%;background-color:#1890ff;color:#fff;font-size:20px;font-weight:700}.msgBox .msg-item .msg-item-right[data-v-17af73a0]{width:calc(100% - 52px)}.msgBox .msg-item .msg-item-right .time[data-v-17af73a0]{color:#999}.msgBox .msg-item .msg-item-right .bottom[data-v-17af73a0]{width:100%}.msgBox .msg-item .msg-item-right .bottom .msgContent[data-v-17af73a0]{width:100%;padding:10px 12px;border-radius:2px 18px 18px 18px;background-color:#4c505f;color:#fff}.msgBox .msg-item .msg-item-right .bottom .msgContent .replyBox[data-v-17af73a0]{position:relative;display:block;margin-bottom:10px;padding:2px 10px;width:100%;background-color:rgba(232,232,233,.8);color:#666;font-size:14px;border-radius:2px;text-decoration:none}.msgBox .msg-item .msg-item-right .bottom .msgContent .replyBox[data-v-17af73a0]:before{content:"";position:absolute;top:0;left:2px;width:0;height:100%;border:2px solid #4c505f}.msgBox .msg-item .msg-item-right .bottom .msgContent .replyBox .replyTo[data-v-17af73a0]{font-weight:700}.msgBox .msg-item .msg-item-right .bottom .msgContent .replyBox .replyContent[data-v-17af73a0]{display:-moz-box;display:-webkit-box;display:box;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;word-break:break-all;text-overflow:ellipsis;white-space:normal}.msgBox .msg-item .msg-item-right .bottom .count[data-v-17af73a0]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-left:12px;width:20px;height:20px;font-size:12px;color:#999;border-radius:50%;border:1px solid #999;cursor:pointer}.msgBox .msg-item.self[data-v-17af73a0]{padding-right:0;padding-left:52px}.msgBox .msg-item.self .msg-item-left[data-v-17af73a0]{margin:0 0 0 12px}.msgBox .msg-item.self .msg-item-right .time[data-v-17af73a0]{text-align:right}.msgBox .msg-item.self .msg-item-right .bottom[data-v-17af73a0]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.msgBox .msg-item.self .msg-item-right .bottom .msgContent[data-v-17af73a0]{background-color:#1890ff;border-radius:18px 2px 18px 18px}.msgBox .msg-item.self .msg-item-right .bottom .count[data-v-17af73a0]{margin:0 12px 0 0}.msgBox[data-v-17af73a0]::-webkit-scrollbar{width:4px}.msgBox[data-v-17af73a0]::-webkit-scrollbar-thumb{background-color:var(--font-gray);border-radius:2px}.msgBox[data-v-17af73a0]::-webkit-scrollbar-track{background:transparent}.msgListDialog .ant-drawer-content{background-color:#323644}.msgListDialog .ant-drawer-content .ant-drawer-header{background-color:#5b5e69;border-bottom:0}.msgListDialog .ant-drawer-content .ant-drawer-header .ant-drawer-title{color:#fff}.msgListDialog .ant-drawer-content .ant-drawer-close{color:#999}.msgListDialog .ant-drawer-content .ant-drawer-close:hover{color:#fff}.msgListDialog .ant-drawer-content .ant-drawer-body{height:calc(100% - 54px)}.popoverContent{max-width:400px}