img{border-style:none}.chat-list{background:#fff;height:calc(100vh - 50px);border-right:1px solid #ececec;.tab-customer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;color:#97a8be;cursor:pointer;.tab-active{color:#409eff}.line-up{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;img{width:20px;height:20px}}}.session-aside{height:calc(100vh - 140px);overflow-y:auto;overflow-x:hidden}.chat-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 6px;height:70px;-webkit-box-sizing:border-box;box-sizing:border-box;border-left:3px solid transparent;cursor:pointer;&.active{background:#eff0f1;border-left:3px solid #1890ff}.avatar{position:relative;min-width:40px;height:40px;img{display:block;width:100%;height:100%;border-radius:50%}}.user-info{min-width:180px;margin:0 5px;-webkit-box-flex:1;-ms-flex:1;flex:1;.hd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:rgba(0,0,0,.65);margin-top:6px;.name{width:90px;font-weight:600;margin-right:5px}.label{color:#3875ea;font-size:12px;background:#d8e5ff;border-radius:2px;padding:5px 10px 3px 10px;width:80px;&.pc{background:#ecf5ff;color:#409eff}&.wechat-shop{background:#f0f9eb;color:#67c23a}&.wechat-work{background:rgba(100,64,194,.16);color:#6440c2}&.wechat-mp{background:rgba(252,202,0,.1);color:#fcca00}&.wechat-customer-server{background:rgba(222,134,143,.1);color:#de868f}&.wechat-mini-app{background:rgba(233,157,66,.1);color:#e99d42}}}.bd{margin-top:8px;font-size:12px;color:#8e959e;min-width:180px}}.right-box{position:relative;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-align:end;-ms-flex-align:end;align-items:flex-end;color:#8e959e;.num{margin-top:10px;height:20px}.time{font-size:12px;.timeout{color:red}}}}}.chat-box{background:#f8f9fb;.content-box{padding:0 20px;overflow-y:scroll;background:#f8f9fb;-ms-overflow-style:none;overflow:-moz-scrollbars-none;&::-webkit-scrollbar{width:0!important}.chat-item{margin-bottom:10px;.time{text-align:center;color:#999;font-size:14px;margin:5px 60px;&.time-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}&.time-end,&.time-start{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px}&.time-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.serverName{color:grey}}.flex-box{display:-webkit-box;display:-ms-flexbox;display:flex}.avatar{width:40px;height:40px;margin-right:16px;img{display:block;width:100%;height:100%;border-radius:50%}}.msg-right{background:#95ec69}&.right-box{.flex-box{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;.avatar{margin-right:0;margin-left:16px}}}}}}.msg-wrapper{max-width:320px;background:#fff;border-radius:10px;color:#000;font-size:14px;overflow:hidden;.pad16{padding:12px}.img-wraper{.el-image{min-width:60px;height:140px}}.file-wraper{.upload-icon{font-size:80px;color:#000}}.video-wraper{.upload-icon{font-size:80px;color:#000}video{width:100%;height:100%}}.card-wraper{min-width:250px;height:auto;cursor:pointer;.order-share{.order-info{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:6px 0;.item{color:#97a8be}.image{width:50px;height:50px}}.order-text{border-top:1px solid #ebeef5;padding-top:10px}.img-info{.img{width:100%;height:auto}}}.product-share{.detail-info{padding:10px 0;color:red}.detail-info,.name-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px}.name-info{padding-bottom:10px;border-top:1px solid #ebeef5}.product-id{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px;padding:5px;background:#f5f5f5}}}}.txt-wrapper{word-break:break-all}.drag-handle{width:3px;background-color:#ccc;cursor:col-resize;-webkit-transition:background-color .2s;transition:background-color .2s}.content-box[data-v-4280d6be]{height:600px;overflow-y:auto}.mark[data-v-4280d6be]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px}