[data-v-d39cc9ec] .el-tabs__item.is-active,[data-v-d39cc9ec] .el-tabs__item:hover{color:#2e4fed}[data-v-d39cc9ec] .el-tabs__active-bar{background-color:#2e4fed}.el-image__inner[data-v-d39cc9ec],.el-image__placeholder[data-v-d39cc9ec],[data-v-d39cc9ec] .el-image__error{max-height:130px}.page[data-v-d39cc9ec]{display:flex;flex-wrap:nowrap;height:calc(100vh - 100px)}.box-card[data-v-d39cc9ec]{height:100vh;width:200px}.text[data-v-d39cc9ec]{font-size:14px}.item[data-v-d39cc9ec]{margin-bottom:18px}.center[data-v-d39cc9ec]{width:380px;border:1px solid #e7e7e7;padding:20px 10px;background-color:#fff}.bottomPage[data-v-d39cc9ec]{margin-top:10px}.bottomPage .no-border-tabs>.el-tabs__header[data-v-d39cc9ec]{border-bottom:none!important}.bottomPage .chatCoList .chatCoItem[data-v-d39cc9ec]{border:1px solid #828282}.rightPage[data-v-d39cc9ec]{border:1px solid #e7e7e7;padding:10px 10px;background-color:#fff;width:100%}.chater-list-wrapper[data-v-d39cc9ec]{height:670px;overflow-y:auto}.chater-list-wrapper[data-v-d39cc9ec]::-webkit-scrollbar{width:6px;background:#f4f4f4}.chater-list-wrapper[data-v-d39cc9ec]::-webkit-scrollbar-thumb{width:6px;height:10px;background:#d4d4d4;border-radius:3px}.topButton[data-v-d39cc9ec]{display:flex;height:35px;justify-content:space-between;border-bottom:1px solid #e7e7e7}.Name[data-v-d39cc9ec]{font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}.chater-header[data-v-d39cc9ec]{display:flex;width:300px;height:38px;border-bottom:1px solid #f4f4f4}.chater-header-item[data-v-d39cc9ec]{width:100px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.ellipsis-item[data-v-d39cc9ec]{font-size:14px}.display-flex[data-v-d39cc9ec]{display:flex}.chater-header-item-active[data-v-d39cc9ec]{width:84px;height:26px;background:rgba(157,96,255,.2);border-radius:18px;line-height:26px;text-align:center;font-size:12px;color:#7438d5}.chater-header-container[data-v-d39cc9ec]{flex:1;overflow:auto;background:#f9f9f9}.chater-header-list[data-v-d39cc9ec]{padding:8px 5px 8px 0;border-bottom:1px solid #f4f4f4;cursor:pointer;background:#fff;font-size:12px}.chater-header-list[data-v-d39cc9ec]:hover{background:#d5ddfb}.chater-el-icon-close[data-v-d39cc9ec]{font-size:10px;width:12px;display:flex;justify-content:center;align-items:center}.chater-el-icon-close i[data-v-d39cc9ec]{display:none}.leftTime[data-v-d39cc9ec]{display:block;color:#999;font-size:10px}.chater-header-list:hover .leftTime[data-v-d39cc9ec]{display:none}.chater-header-list:hover .chater-el-icon-close i[data-v-d39cc9ec]{display:block}.chater-header-list-active[data-v-d39cc9ec],.chater-header-list-offline-active[data-v-d39cc9ec]{background:#d5ddfb}.chater-header-list-image[data-v-d39cc9ec]{width:35px;height:35px;background:#c4c4c4;border:1px solid #e6e6e6;margin-right:5px;border-radius:20px}.chater-header-list-image img[data-v-d39cc9ec]{width:100%;height:100%;border-radius:20px}.chater-header-list-message[data-v-d39cc9ec]{flex:1;display:flex;flex-direction:column;justify-content:center}.chater-header-list-message-1[data-v-d39cc9ec]{display:flex;justify-content:space-between;line-height:14px;margin-bottom:6px}.chater-header-list-message-2[data-v-d39cc9ec]{line-height:12px;font-size:12px;display:flex;justify-content:space-between;align-items:center;color:#999}.line-status-online[data-v-d39cc9ec]{width:5px;height:5px;border-radius:50%;background-color:#7fffd4}.offline-status[data-v-d39cc9ec]{width:5px;display:flex;justify-content:space-between;align-items:center;border-radius:50%;margin-right:3px}.line-status-offline[data-v-d39cc9ec]{width:5px;height:5px;border-radius:50%;background-color:#ee5959}.specific-createtime[data-v-d39cc9ec]{color:#999;text-align:center;font-size:12px}.chater-right[data-v-d39cc9ec]{flex:1;position:relative}.message-dot[data-v-d39cc9ec]{padding:3px 5px;border-radius:10px;text-align:center;background:#f15847;color:#fff}.kefu-access-status[data-v-d39cc9ec]{position:absolute;top:20px;left:16px;width:565px;height:42px;background:#fffcf7;box-shadow:0 2px 12px rgba(0,0,0,.1);border-radius:4px;padding:0 16px;font-size:14px;color:#f0af41;display:flex;align-items:center;justify-content:space-between;z-index:100}.kefu-access-status-left i[data-v-d39cc9ec]{margin-right:8px}.shopro-chat-container[data-v-d39cc9ec]{height:640px;padding:20px;overflow:auto}.shopro-chat-container-item[data-v-d39cc9ec]{display:flex;margin-bottom:22px}.shopro-chat-container-item-system[data-v-d39cc9ec]{width:100%}.shopro-chat-container-item-image[data-v-d39cc9ec]{width:38px;height:38px;border:1px solid #e6e6e6;border-radius:19px;margin-right:14px}.shopro-chat-container-item-image-1[data-v-d39cc9ec]{width:38px;height:38px;border:1px solid #e6e6e6;border-radius:19px;margin-left:14px}.shopro-chat-container-item-message[data-v-d39cc9ec]{background:#f6f6f6;border-radius:6px 6px 6px 0;max-width:432px}.shopro-chat-container-item-message-1[data-v-d39cc9ec]{max-width:432px;border-radius:20px 20px 0 20px;color:#444;background:#e0f4f9;max-height:150px}.shopro-chat-container-item-message-text[data-v-d39cc9ec]{padding:10px;line-height:18px}.shopro-chat-container-item-message-text img[data-v-d39cc9ec]{width:100%}.shopro-send-container[data-v-d39cc9ec]{width:100%;height:120px;padding:0 24px 0 16px;border-top:1px solid #e6e6e6}.shopro-send-tip-container[data-v-d39cc9ec]{height:33px;display:flex;align-items:center}.shopro-send-tip-item[data-v-d39cc9ec]{width:22px;height:22px;margin-right:12px;cursor:pointer}.shopro-send-textarea[data-v-d39cc9ec]{height:44px;overflow:auto}.shopro-send-textarea[data-v-d39cc9ec]::-webkit-scrollbar-thumb{height:20px}.shopro-send-textarea textarea[data-v-d39cc9ec]{height:44px;width:554px!important;border:none;margin:0}.shopro-send-textarea textarea[data-v-d39cc9ec]:focus{border:none!important}.shopro-send-button-container[data-v-d39cc9ec]{padding:12px 0;height:64px}.shopro-send-button[data-v-d39cc9ec]{width:78px;height:30px;line-height:30px;text-align:center;font-size:13px;color:#fff;background:#1890ff;border-radius:4px;float:right;cursor:pointer}#inputFile[data-v-d39cc9ec]{display:none}.shopro-chat-goods-item[data-v-d39cc9ec]{min-width:240px;height:60px;border-radius:4px;padding:8px;display:flex;align-items:center}.shopro-chat-goods-image[data-v-d39cc9ec]{width:44px;height:44px;border:1px solid #e6e6e6;border-radius:3px;margin-right:10px}.shopro-chat-goods-image .el-image[data-v-d39cc9ec],.shopro-chat-image[data-v-d39cc9ec]{position:relative;border-radius:3px!important;max-width:300px}.shopro-chat-goods-message[data-v-d39cc9ec]{display:flex;flex-direction:column;justify-content:space-between;flex:1;height:100%}.shopro-chat-goods-bodys[data-v-d39cc9ec]{justify-content:space-between;height:20px}.customer-service[data-v-d39cc9ec]{color:#fff;justify-content:flex-end}.customer-user[data-v-d39cc9ec]{color:#444;justify-content:flex-start}.customer-system[data-v-d39cc9ec]{justify-content:center}.shopro-chat-system[data-v-d39cc9ec]{height:30px;line-height:30px;padding:0 10px;border-radius:10px;background:#f9f9f9}.shopro-chat-emoji-container[data-v-d39cc9ec]{display:flex;flex-wrap:wrap;height:150px;overflow:auto;padding:10px 10px 5px}.shopro-chat-emoji-image[data-v-d39cc9ec]{width:24px;height:24px;cursor:pointer;border-radius:3px;margin-right:10px;margin-bottom:5px}.shopro-chat-container-tip[data-v-d39cc9ec]{font-size:16px;color:#999;margin-top:30px;text-align:center}.shopro-send-pre[data-v-d39cc9ec],.shopro-send-pre[data-v-d39cc9ec]:default,.shopro-send-pre[data-v-d39cc9ec]:focus{border:none!important;outline:none;background:none;height:44px;padding:0}.shopro-send-pre[data-v-d39cc9ec]:empty:before{content:attr(data-placeholder);color:#aaa;pointer-events:none}.shopro-send-pre[data-v-d39cc9ec]:empty:focus:before{content:""}.shopro-send-textarea[data-v-d39cc9ec]::-webkit-scrollbar{width:6px}.shopro-send-textarea[data-v-d39cc9ec]::-webkit-scrollbar-thumb{width:6px;background:#ccc;height:10px;border-radius:3px}.scrollbar-containering[data-v-d39cc9ec]::-webkit-scrollbar{width:6px;background:#f4f4f4}.scrollbar-containering[data-v-d39cc9ec]::-webkit-scrollbar-thumb{width:6px;background:#e6e6e6;height:10px;border-radius:3px}.el-popover[data-v-d39cc9ec]{padding:0}.el-popover-common-words[data-v-d39cc9ec]{max-height:150px;overflow-y:auto;font-size:12px}.emoji[data-v-d39cc9ec]{width:20px!important;height:20px!important;margin:0 2px}.no-more-data[data-v-d39cc9ec]{text-align:center;font-size:14px;color:#999}