.chatroom .scrollbar_wrapper_box{overflow-x:hidden}.chatroom .scrollbar_main_box .el-scrollbar__view,.chatroom .scrollbar_wrapper_box .el-scrollbar__view{min-width:0}.chatroom[data-v-9c461afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;height:750px;background:transparent;-webkit-box-shadow:2px 0 10px 0 rgba(69,65,78,.3);box-shadow:2px 0 10px 0 rgba(69,65,78,.3)}.chatroom .left[data-v-9c461afc]{width:280px;height:100%;background:#f4f6f9}.chatroom .left .search[data-v-9c461afc]{width:100%;height:46px;background:transparent;padding:9px 16px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-shadow:0 1px 0 0 #e9eff5;box-shadow:0 1px 0 0 #e9eff5}.chatroom .left .search .input[data-v-9c461afc],.chatroom .left .search[data-v-9c461afc]{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chatroom .left .search .input[data-v-9c461afc]{width:210px;height:28px;background:#fff;padding:4px 9px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:14px}.chatroom .left .search .input img[data-v-9c461afc]{width:20px;height:20px;background:transparent;margin-right:3px}.chatroom .left .search .input input[data-v-9c461afc]{-webkit-box-flex:1;-ms-flex:1;flex:1;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 5px}.chatroom .left .search .input .close-icon[data-v-9c461afc]{width:14px;height:14px;background:transparent;cursor:pointer;background-image:url(/adminmrxd/images/close.png);background-size:100% 100%}.chatroom .left .search .input .close-icon[data-v-9c461afc]:hover{background-image:url(/adminmrxd/images/close_sel.png)}.chatroom .left .search .time-icon[data-v-9c461afc]{position:relative;cursor:pointer}.chatroom .left .search .time-icon .icon[data-v-9c461afc]{width:24px;height:24px;background:transparent;background-image:url(/adminmrxd/images/calendar.png);background-size:100% 100%}.chatroom .left .search .time-icon .icon[data-v-9c461afc]:hover{background-image:url(/adminmrxd/images/calendar_sel.png)}.chatroom .left .search .time-icon .time-choose[data-v-9c461afc]{position:absolute;top:0;left:0;opacity:0;z-index:10}.chatroom .left .search .time-icon .time-choose:hover+.icon[data-v-9c461afc]{background-image:url(/adminmrxd/images/calendar_sel.png)}.chatroom .left .tit[data-v-9c461afc]{width:100%;height:42px;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 17px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#111932;font-size:14px;font-weight:600;border-bottom:1px solid #eee}.chatroom .left .tit .other[data-v-9c461afc],.chatroom .left .tit[data-v-9c461afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chatroom .left .tit .other[data-v-9c461afc]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.chatroom .left .tit .other .time[data-v-9c461afc]{color:#111932;font-size:13px;font-weight:400}.chatroom .left .tit .other .close-icon[data-v-9c461afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:6px;cursor:pointer}.chatroom .left .tit .other .close-icon span[data-v-9c461afc]{width:14px;height:14px;background:transparent;background-image:url(/adminmrxd/images/close.png);background-size:100% 100%}.chatroom .left .tit .other .close-icon span[data-v-9c461afc]:hover{background-image:url(/adminmrxd/images/close_sel.png)}.chatroom .left .chat-list[data-v-9c461afc]{width:100%;height:calc(100% - 88px);background:transparent;overflow:hidden;position:relative}.chatroom .left .chat-list li[data-v-9c461afc]{width:100%;height:auto;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #eee;cursor:pointer}.chatroom .left .chat-list li.nomsg[data-v-9c461afc]{position:absolute;display:block;width:180px;top:50%;left:50%;text-align:center;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%);padding:0}.chatroom .left .chat-list li.nomsg img[data-v-9c461afc]{width:180px;height:180px}.chatroom .left .chat-list li.nomsg .text[data-v-9c461afc]{font-size:14px;font-family:PingFangSC,PingFang SC;font-weight:400;color:#252b3a;line-height:20px}.chatroom .left .chat-list li .l[data-v-9c461afc]{margin-right:9px}.chatroom .left .chat-list li .l img[data-v-9c461afc]{width:40px;height:40px;background:transparent;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chatroom .left .chat-list li .r[data-v-9c461afc]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:calc(100% - 50px)}.chatroom .left .chat-list li .r .t[data-v-9c461afc],.chatroom .left .chat-list li .r[data-v-9c461afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:auto;background:transparent}.chatroom .left .chat-list li .r .t[data-v-9c461afc]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:9px}.chatroom .left .chat-list li .r .t .name[data-v-9c461afc]{color:#111932;font-size:14px;font-weight:600;width:115px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chatroom .left .chat-list li .r .t .time[data-v-9c461afc]{color:#a7abb4;font-size:12px;font-weight:400}.chatroom .left .chat-list li .r .bottoms[data-v-9c461afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:auto;background:transparent;position:relative}.chatroom .left .chat-list li .r .bottoms .b[data-v-9c461afc]{color:#9d9ea3;font-size:12px;font-weight:400;width:calc(100% - 50px);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.chatroom .left .chat-list li .r .bottoms .circle-count[data-v-9c461afc]{-webkit-box-flex:1;-ms-flex:1;flex:1;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chatroom .left .chat-list li .r .bottoms .circle-count .circle[data-v-9c461afc],.chatroom .left .chat-list li .r .bottoms .circle-count[data-v-9c461afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chatroom .left .chat-list li .r .bottoms .circle-count .circle[data-v-9c461afc]{width:20px;height:20px;background:transparent;color:#f4f6f9;font-size:12px;font-weight:400;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;background-color:#ee3d40}.chatroom .right[data-v-9c461afc]{width:auto;height:100%;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.chatroom .right .nomsg2[data-v-9c461afc]{position:absolute;width:110px;top:50%;left:50%;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}.chatroom .right .nomsg2 img[data-v-9c461afc]{width:110px;height:110px}.chatroom .right .content[data-v-9c461afc]{width:100%;height:auto;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 20px;padding-bottom:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.chatroom .right .content .head img[data-v-9c461afc]{width:36px;height:36px;background:transparent;border-radius:50%;-o-object-fit:cover;object-fit:cover}.chatroom .right .content .type-0[data-v-9c461afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chatroom .right .content .type-0 ._time[data-v-9c461afc]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:5px 10px;color:#999;font-size:12px;font-weight:400;background-color:#f6f6f6;margin:auto;margin-top:20px;border-radius:4px}.chatroom .right .content .type-1[data-v-9c461afc]{margin-top:20px}.chatroom .right .content .type-1 .dialog[data-v-9c461afc]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:11px 7px;color:#333;font-size:14px;font-weight:400;max-width:360px;word-break:break-all;border-radius:6px}.chatroom .right .content .type-1-1[data-v-9c461afc]{display:-webkit-box;display:-ms-flexbox;display:flex}.chatroom .right .content .type-1-1 .head[data-v-9c461afc]{margin-right:8.5px}.chatroom .right .content .type-1-1 .dialog-1[data-v-9c461afc]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:11px 7px;color:#333;font-size:14px;font-weight:400;max-width:360px;word-break:break-all;border-radius:6px;border-top-left-radius:0;background-color:#f6f6f6}.chatroom .right .content .type-1-2[data-v-9c461afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chatroom .right .content .type-1-2 .head[data-v-9c461afc]{margin-left:8.5px}.chatroom .right .content .type-1-2 .dialog-2[data-v-9c461afc]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:11px 7px;color:#333;font-size:14px;font-weight:400;max-width:360px;word-break:break-all;border-radius:6px;border-top-right-radius:0;background-color:#e5f6fe}.chatroom .right .content .type-2[data-v-9c461afc]{margin-top:20px}.chatroom .right .content .type-2-1[data-v-9c461afc]{display:-webkit-box;display:-ms-flexbox;display:flex}.chatroom .right .content .type-2-1 .head[data-v-9c461afc]{margin-right:8.5px}.chatroom .right .content .type-2-1 .product-img img[data-v-9c461afc]{width:110px;height:auto;background:transparent}.chatroom .right .content .type-2-2[data-v-9c461afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chatroom .right .content .type-2-2 .head[data-v-9c461afc]{margin-left:8.5px}.chatroom .right .content .type-2-2 .product-img img[data-v-9c461afc]{width:110px;height:auto;background:transparent}.chatroom .right .content .type-4[data-v-9c461afc]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:20px}.chatroom .right .content .type-4 ._tip[data-v-9c461afc]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:6px 10px;color:#999;font-size:12px;font-weight:400;background-color:#f6f6f6;border-radius:4px}.chatroom .right .enter[data-v-9c461afc]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 20px;padding-bottom:0;-webkit-box-shadow:1px -1px 0 0 #e6ecf4;box-shadow:1px -1px 0 0 #e6ecf4}.chatroom .right .enter .choose-img[data-v-9c461afc]{margin-bottom:10px}.chatroom .right .enter .choose-img p[data-v-9c461afc]{width:24px;height:24px;background:transparent;background-image:url(/adminmrxd/images/photo.png);background-size:100% 100%;cursor:pointer}.chatroom .right .enter .choose-img p[data-v-9c461afc]:hover{background-image:url(/adminmrxd/images/photo_sel.png)}.chatroom .right .enter .choose-img .input-file[data-v-9c461afc]{position:absolute;z-index:-100;opacity:0}.chatroom .right .enter .bottoms[data-v-9c461afc]{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.chatroom .right .enter .bottoms .input[data-v-9c461afc]{-webkit-box-flex:1;-ms-flex:1;flex:1}.chatroom .right .enter .bottoms .input textarea[data-v-9c461afc]{width:100%;height:170px;background:transparent;color:#333;font-size:13px;font-weight:400;border:0}.chatroom .right .enter .bottoms .btn-group[data-v-9c461afc]{width:127px;height:100%;background:transparent}.chatroom .right .enter .bottoms .btn-group .btn[data-v-9c461afc]{width:102px;height:36px;background:var(--color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:16px;font-weight:400;position:absolute;right:0;bottom:20px;border-radius:2px;cursor:pointer}