.supplier-im[data-v-15cbf068]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row;flex-flow:row}.supplier-im .client-list[data-v-15cbf068]{width:0;-webkit-box-flex:0;-ms-flex:0 0 300px;flex:0 0 300px}.supplier-im .client-list .item[data-v-15cbf068]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;background:#fff;padding:10px 0;cursor:pointer}.supplier-im .client-list .item[data-v-15cbf068]:hover{background:#f4faff}.supplier-im .client-list .item .left[data-v-15cbf068]{-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px}.supplier-im .client-list .item .center[data-v-15cbf068]{width:0;-webkit-box-flex:1;-ms-flex:auto;flex:auto;padding:0 10px}.supplier-im .client-list .item .right[data-v-15cbf068]{-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px}.supplier-im .client-list .item .client-name[data-v-15cbf068]{font-weight:700;margin-bottom:10px}.supplier-im .client-list .item .client-msg[data-v-15cbf068]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-im .client-list .item .duration[data-v-15cbf068]{margin-bottom:10px}.supplier-im .chat-wrapper[data-v-15cbf068]{border-left:1px solid #eee;margin-left:15px;padding-left:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.supplier-im .chat-wrapper .header[data-v-15cbf068]{font-size:18px;padding:10px 0 15px 0;font-weight:700}.supplier-im .chat-wrapper .chat-list[data-v-15cbf068],.supplier-im .chat-wrapper .operation-area .input-textarea[data-v-15cbf068]{height:0;-webkit-box-flex:1;-ms-flex:auto;flex:auto;background:#f5f5f5;border-radius:6px;padding:15px;-webkit-box-shadow:0 0 15px -5px rgba(58,83,255,.2) inset;box-shadow:inset 0 0 15px -5px rgba(58,83,255,.2);overflow:auto}.supplier-im .chat-wrapper .chat-list .chat-row[data-v-15cbf068],.supplier-im .chat-wrapper .operation-area .input-textarea .chat-row[data-v-15cbf068]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.supplier-im .chat-wrapper .chat-list .chat-row .chat-avatar[data-v-15cbf068],.supplier-im .chat-wrapper .operation-area .input-textarea .chat-row .chat-avatar[data-v-15cbf068]{-webkit-box-shadow:0 10px 15px -5px rgba(0,0,0,.5);box-shadow:0 10px 15px -5px rgba(0,0,0,.5)}.supplier-im .chat-wrapper .chat-list .chat-row .chat-content[data-v-15cbf068],.supplier-im .chat-wrapper .operation-area .input-textarea .chat-row .chat-content[data-v-15cbf068]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;max-width:40%}.supplier-im .chat-wrapper .chat-list .chat-row .chat-content .text[data-v-15cbf068],.supplier-im .chat-wrapper .operation-area .input-textarea .chat-row .chat-content .text[data-v-15cbf068]{background:#fff;padding:14px;line-height:1.5;margin-left:10px;border-radius:5px;-webkit-box-shadow:0 10px 15px -5px rgba(0,0,0,.2);box-shadow:0 10px 15px -5px rgba(0,0,0,.2);font-size:16px}.supplier-im .chat-wrapper .chat-list .chat-row .chat-content .text[data-v-15cbf068] img,.supplier-im .chat-wrapper .operation-area .input-textarea .chat-row .chat-content .text[data-v-15cbf068] img{height:24px;vertical-align:top}.supplier-im .chat-wrapper .chat-list .chat-row .chat-content .image[data-v-15cbf068],.supplier-im .chat-wrapper .operation-area .input-textarea .chat-row .chat-content .image[data-v-15cbf068]{width:100%;height:auto;border-radius:10px;margin-left:10px}.supplier-im .chat-wrapper .chat-list .chat-row .chat-content .meta[data-v-15cbf068],.supplier-im .chat-wrapper .operation-area .input-textarea .chat-row .chat-content .meta[data-v-15cbf068]{line-height:1;margin:10px}.supplier-im .chat-wrapper .chat-list .chat-row.self[data-v-15cbf068],.supplier-im .chat-wrapper .operation-area .input-textarea .chat-row.self[data-v-15cbf068]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.supplier-im .chat-wrapper .chat-list .chat-row.self .chat-content[data-v-15cbf068],.supplier-im .chat-wrapper .operation-area .input-textarea .chat-row.self .chat-content[data-v-15cbf068]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.supplier-im .chat-wrapper .chat-list .chat-row.self .chat-content .text[data-v-15cbf068],.supplier-im .chat-wrapper .operation-area .input-textarea .chat-row.self .chat-content .text[data-v-15cbf068]{margin-right:10px;background:#4d62f5;color:#fff;-webkit-box-shadow:0 10px 15px -5px rgba(58,83,255,.6);box-shadow:0 10px 15px -5px rgba(58,83,255,.6)}.supplier-im .chat-wrapper .chat-list .chat-row.self .chat-content .image[data-v-15cbf068],.supplier-im .chat-wrapper .operation-area .input-textarea .chat-row.self .chat-content .image[data-v-15cbf068]{margin-right:10px}.supplier-im .chat-wrapper .operation-area[data-v-15cbf068]{-webkit-box-flex:0;-ms-flex:0 0 300px;flex:0 0 300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;position:relative}.supplier-im .chat-wrapper .operation-area .tools[data-v-15cbf068]{padding:10px}.supplier-im .chat-wrapper .operation-area .tools .btn[data-v-15cbf068]{font-size:20px;margin-right:10px;position:relative;cursor:pointer}.supplier-im .chat-wrapper .operation-area .tools .btn input[type=file][data-v-15cbf068]{position:absolute;left:0;top:0;width:21px;height:21px;opacity:0;cursor:pointer}.supplier-im .chat-wrapper .operation-area .input-textarea[data-v-15cbf068]{font-size:16px;padding:0;font-family:monospace}.supplier-im .chat-wrapper .operation-area .send-btn[data-v-15cbf068]{position:absolute;bottom:10px;right:10px}.chat-emoji-box{display:grid;grid-template-columns:repeat(10,24px);grid-template-rows:repeat(8,24px);grid-row-gap:6px;grid-column-gap:6px}.chat-emoji-box .emoji{cursor:pointer;line-height:1}.ql-editor img{height:20px;vertical-align:top}