.supplier-im[data-v-378cd7b4]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;-ms-flex-flow:row!important;flex-flow:row!important;width:70%;margin-top:2%;margin-left:15%;margin-bottom:2%;background:#f7f8fa;border-radius:6px}.supplier-im .client-list[data-v-378cd7b4]{width:0;background:#fff;-webkit-box-flex:0;-ms-flex:0 0 355px;flex:0 0 355px;margin-left:7px;margin-right:7px}.supplier-im .client-list .activeItem[data-v-378cd7b4]{background:#f3f3f3!important}.supplier-im .client-list .listDiv[data-v-378cd7b4]{overflow:auto;height:93%}.supplier-im .client-list .listDiv .item[data-v-378cd7b4]{display:-webkit-box;display:-ms-flexbox;display:flex;height:64px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;background:#fff;padding:10px 15px;cursor:pointer}.supplier-im .client-list .listDiv .item[data-v-378cd7b4]:hover{background:#f4faff}.supplier-im .client-list .listDiv .item .left[data-v-378cd7b4]{width:38px;height:38px;background:url(../img/head.cb6b38ec.png) no-repeat;background-position:6px 5px;background-size:28px;background-color:#0b318f;border-radius:50%}.supplier-im .client-list .listDiv .item .center[data-v-378cd7b4]{width:0;-webkit-box-flex:1;-ms-flex:auto;flex:auto;padding:0 10px}.supplier-im .client-list .listDiv .item .right[data-v-378cd7b4]{-webkit-box-flex:0;-ms-flex:0 0 60px;flex:0 0 60px;margin-bottom:23px}.supplier-im .client-list .listDiv .item .right .time[data-v-378cd7b4]{font-size:12px;color:#999;font-weight:400}.supplier-im .client-list .listDiv .item .client-name[data-v-378cd7b4]{font-weight:700;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-im .client-list .listDiv .item .client-msg[data-v-378cd7b4]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#999;font-weight:400}.supplier-im .client-list .listDiv .item .duration[data-v-378cd7b4]{margin-bottom:10px}.supplier-im .chat-wrapper[data-v-378cd7b4]{border-left:1px solid #eee;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-378cd7b4]{font-size:16px;font-weight:400;color:#000;padding-left:25px;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #d5dae0}.supplier-im .chat-wrapper .chat-list[data-v-378cd7b4],.supplier-im .chat-wrapper .operation-area .input-textarea[data-v-378cd7b4]{height:0;-webkit-box-flex:1;-ms-flex:auto;flex:auto;padding:15px;border-bottom:1px solid #d5dae0;overflow:auto}.supplier-im .chat-wrapper[data-v-378cd7b4] ::-webkit-scrollbar{background-color:#f7f8fa}.supplier-im .chat-wrapper .time-row[data-v-378cd7b4]{width:100%;padding-left:40%}.supplier-im .chat-wrapper .chat-row[data-v-378cd7b4]{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-row .chat-avatar[data-v-378cd7b4]{-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-row .chat-content[data-v-378cd7b4]{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%;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.supplier-im .chat-wrapper .chat-row .chat-content .text[data-v-378cd7b4]{padding-left:10px;padding-right:10px;background:#fff;line-height:2.5;border-radius:4px;font-size:14px;height:auto;font-weight:400;color:#000}.supplier-im .chat-wrapper .chat-row .chat-content .text[data-v-378cd7b4] img{padding-left:4px;padding-top:5.5px}.supplier-im .chat-wrapper .chat-row .chat-content .image[data-v-378cd7b4]{width:30%;height:auto;border-radius:10px;margin-left:10px}.supplier-im .chat-wrapper .chat-row .chat-content .meta[data-v-378cd7b4]{line-height:1;margin:10px}.supplier-im .chat-wrapper .chat-row.self[data-v-378cd7b4]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.supplier-im .chat-wrapper .chat-row.self .chat-content[data-v-378cd7b4]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.supplier-im .chat-wrapper .chat-row.self .chat-content .image[data-v-378cd7b4]{margin-right:10px}.supplier-im .chat-wrapper .operation-area[data-v-378cd7b4]{-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-378cd7b4]{margin-left:10px;padding:10px;padding-bottom:5px!important}.supplier-im .chat-wrapper .operation-area .tools .emojiIcon[data-v-378cd7b4]{height:30px;width:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAEa0lEQVRYR9WZR4gVQRCGXXM+GBBMiygmRDDhYgIDiAEPilkvYs4ihj0oqGA+mLNezGEvooJiAFFUTKCLCQOu68GwHkzoGv9v6X7Mzs6b8HaeoeGn5013V/9T3V1dVS+jTGqlrIZ1EnoKHYXmQgOhmhH3SfVL4ZFwQ7ggXBd+Rp0uI+KAhuo/TRgtNIo49oX67xc2C/lhx4YlWFsClwrjhYpG+FPVZ4RLwn3hufDBtNVQnSm0EroJfYUmpq1Q9S5hsVAQRDQMwWHmq+uYJTqqer1wJUi4o515ugpoH3lskbfCdOGwnxw/guU1cKMw2Qg4r3qGcC8CMa+urY3cXqZxm5H73atzMoJVzZcNVP1FmCtsKSUx93C0uVaoLJwQhguf3Z28CKK5HGGQwB4ZIFyLmZwV11kPJwX2+HFhiFBMk14EUfkk4Y3QQ3iQJnJWbEs9XBTqCtsFu6WK2t0EUfMho2r2SLo05/5mNImtrCKMEg7aDk6CqBltcVonCjvTrDm3eOZEg+8EtMoKFtPgVqNeTmvvP0zOTndOD6xcYqmtBhvr5WNDuK1qDO/fKBj2O8IvoZmQZwmu0I+Fwj5hrAczbo81jra9ep4ncCsEFedYJmYOv7G0c5WuFLIhiFXnmuKe5Vq67DHjOr2b5XrPuzlB7NTuNXaVUYjX8O56yanmvs6EICfoqvBMaCrwle6CPazleslm5mAFlahj4fRE4O7O4ke2sFzA/k1JMlvUSZxiUhlrbXHREh8TsOBjBNwhr+K1TDgMs4PUp3avsav1foHPWPYgezEHgneFNkJ74XaSQXEdEsSHOWDt1O+WkAtB3B72EgY60D8LobE4usAFQ10Awa8CGqokhDEbcRAIkgEXvKjC/4LgP7/EYQ5J0JLE3V7skIQxM3ETCJJXzMyEMdQIfCgQ/8ZRkIVLlaxYz6rIUGcJRGh+Vx2CuD/nx8FOMvwMdYmrLoyzAC8yB7hkBDmlKZgPXCkyD16F8JRYO+Es0Mm6W7j7I31mJ9heUhp2GouMZT4ycPdHCAl3i764WngQRHRce8kc1nJqI/rqnyLJUxpHtPgjyXgc1lyByA7PKt8Zk5AzmSrgdvfxIYCVPyAMjkiSUJbTyc2VrJxVA+FGwrNyB02cLu7lMEHTOPXDTasXQPS12rEUewL6TVD7DgF/oIWpS4SdrD17gAg/TNjJgSFMZNkwrvUF7vNXArEF2wFtczD8Ck4zwRoZDbTMmKLyrwXuaJCkQaJ4EcSzIYNlUx/99EzyMR3FnfoYalbAlyCNqJorEHIsD2my3TEzJNdI9oxtQn6GtFyo5JHlUcEIsCrndJN+K23MjCmBmE0OEKQj95uXAsIkMDk4CLQJzCN63iBETWB2MSvhTGDO1LtEHiZVgoyDHNYf0+JMAZ/Wb5sCztPzezNJTdVkK9AWca47BYzJWSTgi/qWMBp0CuDGYT8SAXI3RyncrUSNm4TYk+huIvZvCGxlBwE3DPLVTcePhgR/Q9wUsHEp/Q3xG5Uk/1Ml1C1vAAAAAElFTkSuQmCC) no-repeat;background-size:22px;background-position:5px 5px}.supplier-im .chat-wrapper .operation-area .tools .btn[data-v-378cd7b4]{font-size:20px;position:relative;cursor:pointer;margin-left:10px}.supplier-im .chat-wrapper .operation-area .tools .btn .picIcon[data-v-378cd7b4]{height:30px;width:30px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAADBElEQVRYR9WYSajNURzH7zNmHjeGsjCXkOGxMSTKwgYLZCxkiPdWhlAWkmlhiAiLJ4QFEVZIWfAMCyRCSvIkyviMZfh8X+fU//3vve+d/x3OPe/Up/O///v/n/O5Z/idc09ZKvBUFrhfKirYCtnlMAeGQHvP8rXU9whOwSH4rfqtYC+uL8Fwz1LZqrvPF9OgRoKt4TYMg+ewHq7CF8+yHalvMmyH/vAAxkhwNeyDZ7oBnzyLxavrbBpsAHmFBG/BWJgJ50osZ6ufwcVZqJbgV9CE6FSCbs3WHuruz/BLgv/MU6GFnDqvJi+o2LgL5ptWPk6+BupiVJGTUwvuQGJtTET3FIqKnZwEP2DRJWaie92KbWfnRmNj8CMPKi5FU1CCmbp4J7brQmnB4CeJh4ZKNaeS0TAJRoCWuJ52nDc2BospqA3BSpgFPbJVVArBgchsAa39zYzYC/IrcBMewyt4p+98CrY1YhXkLUDB/iQcAW1Y4skpDhaqi0dR0GnoC3+hCjbD6wYqSBPUs9qkqnm1WdQm9iK8zNNyCe/vB22M1X2L4K5DmRkFM72nwo6C1uEfDgVHH9nKhw3mxmHySvjpWEaaYBte7A69QV0yHqZCB1NgDfkmOAZ2i9ZQXXuM0B9y7doPOorZx5zGoKTnglaOfubNa+QLQcLZkjYT20ATQWHkfEI5Pe4kaMtVMF0KWvq0230L06E6Q8X6QRoOmgwKJRdykEssaOvow0UVTITvoL+G1yMC+tsqaU2IZaBxl2tK1ILRSlryQZNmgZGcQH4P2pl8EPkBWJWrmXkvZ0G9ry7XZFF3KpaNBAXgjaBQokmWdMbHf09egipMOx0tT5rtN6Ac1LX6C3snz9bT63kLqhCFJAX1rkboDPnsAsgVTFAFjYPd8B4Ww5tCC4b8x722SRx9aPbthadmgId0eFRpj98064aCPX7T7FTX+0xa86eAPX57yHV59ADzMjd0RhhCqneAaYUU11bAPBgMWhl8pm9U9gROgHY+9Y6AfYokqiu0I7c0+f/UqLdzLBUJ8QAAAABJRU5ErkJggg==) no-repeat;background-size:22px;background-position:5px 3px}.supplier-im .chat-wrapper .operation-area .tools .btn input[type=file][data-v-378cd7b4]{position:absolute;left:0;top:0;width:21px;height:21px;opacity:0;cursor:pointer}.supplier-im .chat-wrapper .operation-area .input-textarea[data-v-378cd7b4]{font-size:16px;padding:0;border-style:none;font-family:Microsoft YaHei!important;font-weight:400}.supplier-im .chat-wrapper .operation-area .send-btn[data-v-378cd7b4]{position:absolute;bottom:10px;right:10px;width:70px;height:32px;background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#000}.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{padding-top:0!important}.ql-editor img{height:20px;vertical-align:top}