.chat[data-v-dd260f4c]{width:100%;background:#fff}.chat .chat-box[data-v-dd260f4c]{width:1370px;margin:0 auto;display:flex}.chat .chat-box .box-left[data-v-dd260f4c]{width:1109px}.chat .chat-box .box-left .left-head[data-v-dd260f4c]{width:100%;height:100px;margin-left:24px}.chat .chat-box .box-left .left-head .head[data-v-dd260f4c]{display:flex;font-size:17px;color:#000;line-height:28px}.chat .chat-box .box-left .left-head .head em[data-v-dd260f4c]{margin-right:12px;color:#666;font-style:normal}.chat .chat-box .box-left .left-head .head span[data-v-dd260f4c]{margin-right:40px;cursor:pointer}.chat .chat-box .box-left .left-head .head span[data-v-dd260f4c]:hover{color:#409eff}.chat .chat-box .box-left .left-head .head span.active[data-v-dd260f4c]{color:#409eff;font-weight:600}.chat .chat-box .box-left .chat-content[data-v-dd260f4c]{width:100%;height:716px;border-top:1px solid #f7f8fc;background:#f7f8fc;display:flex;flex-direction:column}.chat .chat-box .box-left .chat-content .messages[data-v-dd260f4c]{flex:1;overflow-y:auto;padding:20px;scrollbar-width:none}.chat .chat-box .box-left .chat-content .messages[data-v-dd260f4c]::-webkit-scrollbar{display:none}.chat .chat-box .box-left .chat-content .messages .load-more-tip[data-v-dd260f4c]{text-align:center;font-size:12px;color:#999;padding:8px 0;cursor:pointer}.chat .chat-box .box-left .chat-content .messages .load-more-tip[data-v-dd260f4c]:hover{color:#2883e0}.chat .chat-box .box-left .chat-content .messages .load-more-tip.no-more[data-v-dd260f4c]{cursor:default;color:#ccc}.chat .chat-box .box-left .chat-content .messages .time-separator[data-v-dd260f4c]{text-align:center;padding:12px 0}.chat .chat-box .box-left .chat-content .messages .time-separator span[data-v-dd260f4c]{font-size:12px;color:#999}.chat .chat-box .box-left .chat-content .message[data-v-dd260f4c]{display:flex;align-items:flex-start;margin-bottom:14px}.chat .chat-box .box-left .chat-content .message .avatar[data-v-dd260f4c]{width:36px;height:36px;border-radius:4px;-o-object-fit:cover;object-fit:cover;margin-right:12px}.chat .chat-box .box-left .chat-content .message .msg-body[data-v-dd260f4c]{max-width:70%}.chat .chat-box .box-left .chat-content .message .msg-body .nickname[data-v-dd260f4c]{font-size:12px;color:#999;margin-bottom:4px}.chat .chat-box .box-left .chat-content .message .msg-body .nickname .auth-badge[data-v-dd260f4c]{font-size:11px;color:#fff;background:#409eff;padding:1px 4px;border-radius:2px;margin-left:4px;vertical-align:middle}.chat .chat-box .box-left .chat-content .message .msg-body .msg-time[data-v-dd260f4c]{font-size:11px;color:#bbb;margin-top:4px}.chat .chat-box .box-left .chat-content .message .bubble[data-v-dd260f4c]{background:#fff;padding:10px 12px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.03);word-break:break-all}.chat .chat-box .box-left .chat-content .message .bubble img[data-v-dd260f4c]{border-radius:6px;display:block}.chat .chat-box .box-left .chat-content .message .bubble .chat-img[data-v-dd260f4c]{cursor:pointer;max-width:140px}.chat .chat-box .box-left .chat-content .message .bubble .emoji[data-v-dd260f4c]{font-size:22px;display:inline-block}.chat .chat-box .box-left .chat-content .message .bubble .course-card[data-v-dd260f4c],.chat .chat-box .box-left .chat-content .message .bubble .file-card[data-v-dd260f4c],.chat .chat-box .box-left .chat-content .message .bubble .video-card[data-v-dd260f4c]{max-width:100%;margin:0}.chat .chat-box .box-left .chat-content .message .bubble.bubble-no-padding[data-v-dd260f4c]{padding:0;background:transparent;box-shadow:none}.chat .chat-box .box-left .chat-content .message .bubble .course-card[data-v-dd260f4c]{display:flex;align-items:center;background:#fff;border:1px solid #e8ecf0;border-radius:8px;padding:12px;width:340px}.chat .chat-box .box-left .chat-content .message .bubble .course-card .card-img[data-v-dd260f4c]{width:100px;height:60px;border-radius:4px;-o-object-fit:cover;object-fit:cover;margin-right:12px}.chat .chat-box .box-left .chat-content .message .bubble .course-card .card-info[data-v-dd260f4c]{flex:1;min-width:0;text-align:left}.chat .chat-box .box-left .chat-content .message .bubble .course-card .card-info .card-name[data-v-dd260f4c]{font-size:14px;font-weight:600;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat .chat-box .box-left .chat-content .message .bubble .course-card .card-info .card-intro[data-v-dd260f4c]{font-size:12px;color:#666;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat .chat-box .box-left .chat-content .message .bubble .course-card .card-info .card-count[data-v-dd260f4c]{font-size:12px;color:#999}.chat .chat-box .box-left .chat-content .message .bubble .file-card[data-v-dd260f4c]{display:flex;align-items:center;background:#fff;border:1px solid #e8ecf0;border-radius:8px;padding:12px;width:250px;cursor:pointer}.chat .chat-box .box-left .chat-content .message .bubble .file-card .file-type-icon[data-v-dd260f4c]{width:32px;height:32px;margin-right:12px}.chat .chat-box .box-left .chat-content .message .bubble .file-card .file-info[data-v-dd260f4c]{flex:1;min-width:0;text-align:left}.chat .chat-box .box-left .chat-content .message .bubble .file-card .file-info .file-name[data-v-dd260f4c]{font-size:14px;font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat .chat-box .box-left .chat-content .message .bubble .file-card .file-download-icon[data-v-dd260f4c]{font-size:18px;color:#2883e0}.chat .chat-box .box-left .chat-content .message .bubble .video-card[data-v-dd260f4c]{background:#fff;border:1px solid #e8ecf0;border-radius:8px;width:200px;cursor:pointer}.chat .chat-box .box-left .chat-content .message .bubble .video-card .video-cover[data-v-dd260f4c]{position:relative;border-radius:6px;overflow:hidden;background:#f0f0f0;min-height:160px}.chat .chat-box .box-left .chat-content .message .bubble .video-card .video-cover .video-img[data-v-dd260f4c]{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;display:block}.chat .chat-box .box-left .chat-content .message .bubble .video-card .video-cover .video-fallback[data-v-dd260f4c]{width:100%;height:160px;display:flex;align-items:center;justify-content:center}.chat .chat-box .box-left .chat-content .message .bubble .video-card .video-cover .video-fallback i[data-v-dd260f4c]{font-size:48px;color:#999}.chat .chat-box .box-left .chat-content .message .bubble .video-card .video-cover.video-error .video-img[data-v-dd260f4c]{display:none}.chat .chat-box .box-left .chat-content .message .bubble .video-card .video-cover.video-error .video-fallback[data-v-dd260f4c]{display:flex}.chat .chat-box .box-left .chat-content .message .bubble .video-card .video-cover .video-play-btn[data-v-dd260f4c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px;color:#fff;opacity:.9;background:rgba(0,0,0,.4);width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%}.chat .chat-box .box-left .chat-content .message .bubble .video-card .video-name[data-v-dd260f4c]{font-size:14px;font-weight:500;color:#333;margin:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat .chat-box .box-left .chat-content .message.agent[data-v-dd260f4c]{flex-direction:row}.chat .chat-box .box-left .chat-content .message.agent .bubble[data-v-dd260f4c]{background:#fff;display:inline-block}.chat .chat-box .box-left .chat-content .message.agent .msg-time[data-v-dd260f4c],.chat .chat-box .box-left .chat-content .message.agent .nickname[data-v-dd260f4c]{text-align:left}.chat .chat-box .box-left .chat-content .message.customer[data-v-dd260f4c]{flex-direction:row-reverse}.chat .chat-box .box-left .chat-content .message.customer .avatar[data-v-dd260f4c]{margin-left:12px;margin-right:0}.chat .chat-box .box-left .chat-content .message.customer .msg-body[data-v-dd260f4c],.chat .chat-box .box-left .chat-content .message.customer .msg-time[data-v-dd260f4c],.chat .chat-box .box-left .chat-content .message.customer .nickname[data-v-dd260f4c]{text-align:right}.chat .chat-box .box-left .chat-content .message.customer .bubble[data-v-dd260f4c]{text-align:left}.chat .chat-box .box-left .chat-content .message.system[data-v-dd260f4c]{justify-content:center}.chat .chat-box .box-left .chat-content .message.system .system-tip[data-v-dd260f4c]{font-size:12px;color:#999;background:#e2e2e2;padding:4px 12px;border-radius:4px;text-align:center}.chat .chat-box .box-left .chat-content .course-info[data-v-dd260f4c]{padding:6px;margin:0 0 8px 24px;width:124px;background:#fff;cursor:pointer}.chat .chat-box .box-left .chat-content .course-info .course-title[data-v-dd260f4c]{padding-left:6px;font-weight:400;font-size:14px;color:#999;line-height:20px}.chat .chat-box .box-left .chat-content .chat-input[data-v-dd260f4c]{border-top:1px solid #eaeef5;padding:12px 20px;background:#f7f8fc}.chat .chat-box .box-left .chat-content .chat-input .controls[data-v-dd260f4c]{display:flex;margin-bottom:8px;align-items:center}.chat .chat-box .box-left .chat-content .chat-input .controls .btn[data-v-dd260f4c]{cursor:pointer;border:0;background:transparent;font-size:20px;margin-right:15px;width:28px;height:28px}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel[data-v-dd260f4c]{border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:12px;margin-bottom:8px;max-height:240px;max-width:380px;overflow-y:auto}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel[data-v-dd260f4c]::-webkit-scrollbar{width:4px}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel[data-v-dd260f4c]::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel .emoji-tabs[data-v-dd260f4c]{display:flex;margin-bottom:10px}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel .emoji-tabs .tab-btn[data-v-dd260f4c]{width:28px;height:28px;cursor:pointer;margin-right:12px;border-radius:4px;padding:2px;transition:background .2s}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel .emoji-tabs .tab-btn.active[data-v-dd260f4c]{background:rgba(0,0,0,.06)}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel .emoji-tabs .cbz-tab[data-v-dd260f4c]{width:28px;height:28px}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel .emoji-content[data-v-dd260f4c]{display:flex;flex-wrap:wrap}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel .emoji-content .emoji-item[data-v-dd260f4c]{cursor:pointer;font-size:20px;margin:4px}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel .sticker-content[data-v-dd260f4c]{display:flex;flex-wrap:wrap}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel .sticker-content .sticker-item[data-v-dd260f4c]{width:80px;display:flex;flex-direction:column;align-items:center;cursor:pointer;margin:4px;padding:6px;border-radius:6px}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel .sticker-content .sticker-item[data-v-dd260f4c]:hover{background:#f5f7fa}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel .sticker-content .sticker-item .sticker-img[data-v-dd260f4c]{width:60px;height:60px;-o-object-fit:contain;object-fit:contain}.chat .chat-box .box-left .chat-content .chat-input .emoji-panel .sticker-content .sticker-item .sticker-name[data-v-dd260f4c]{font-size:12px;color:#666;margin-top:4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:72px}.chat .chat-box .box-left .chat-content .chat-input textarea[data-v-dd260f4c]{width:100%;height:68px;resize:none;padding:8px;border:none;background:none}.chat .chat-box .box-left .chat-content .chat-input .send-row[data-v-dd260f4c]{text-align:right;margin-top:8px}.chat .chat-box .box-left .chat-content .chat-input .send-row .send-btn[data-v-dd260f4c]{background:#409eff;color:#fff;border:0;padding:6px 14px;border-radius:4px;cursor:pointer}.chat .chat-box .box-right[data-v-dd260f4c]{width:411px;padding:20px}.chat .chat-box .box-right .r-head[data-v-dd260f4c]{display:flex;justify-content:space-between;margin-bottom:10px}.chat .chat-box .box-right .faq-list[data-v-dd260f4c]{margin-top:20px}.chat .chat-box .box-right .faq-list .faq-item[data-v-dd260f4c]{font-size:14px;cursor:pointer;line-height:30px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat .chat-box .box-right .faq-list .faq-item[data-v-dd260f4c]:hover{background:#f5f7fb}.chat .chat-box .box-right .faq-empty[data-v-dd260f4c]{text-align:center;padding:40px 0}.chat .chat-box .box-right .faq-empty p[data-v-dd260f4c]{font-size:12px;color:#666}.chat .chat-box .box-right .faq-detail .faq-detail-answer[data-v-dd260f4c]{margin-top:20px;line-height:22px;margin-bottom:30px;height:546px;overflow-y:auto}.chat .chat-box .box-right .faq-detail .faq-detail-answer[data-v-dd260f4c]::-webkit-scrollbar{display:none}.chat .chat-box .box-right .faq-detail .faq-detail-answer .faq-detail-title-row[data-v-dd260f4c]{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.chat .chat-box .box-right .faq-detail .faq-detail-answer .faq-detail-title-row .faq-detail-title[data-v-dd260f4c]{font-size:14px;color:#666;margin-bottom:0;flex:1;min-width:0;word-break:break-all}.chat .chat-box .box-right .faq-detail .faq-detail-answer .faq-detail-title-row .faq-back-btn[data-v-dd260f4c]{flex-shrink:0;font-size:13px;color:#2883e0;cursor:pointer;margin-left:12px;white-space:nowrap}.chat .chat-box .box-right .faq-detail .faq-detail-answer .faq-detail-title-row .faq-back-btn[data-v-dd260f4c]:hover{opacity:.8}.chat .chat-box .box-right .faq-detail .faq-detail-actions[data-v-dd260f4c]{text-align:right;padding:16px 0}.chat .dialog-content[data-v-dd260f4c] .el-input__inner{height:38px;line-height:38px;border-radius:34px}.chat .dialog-content .course-list[data-v-dd260f4c]{height:530px;overflow-y:scroll}.chat .dialog-content .course-list[data-v-dd260f4c]::-webkit-scrollbar{display:none}.chat .dialog-content .course-list .course-item[data-v-dd260f4c]{display:flex;justify-content:space-between;align-items:center;width:716px;height:160px;padding:20px;background:#fafcfe;border-radius:6px 6px 6px 6px;border:1px solid #d5e2ff;margin-bottom:25px}.chat .dialog-content .course-list .course-item .info[data-v-dd260f4c]{flex:1;margin:0 15px;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around}.chat .dialog-content .course-list .course-item .info p[data-v-dd260f4c]{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.chat .dialog-content .course-list .course-item .info .course-title[data-v-dd260f4c]{font-weight:700;font-size:18px;color:#333;line-height:34px}.chat .dialog-content .course-list .course-empty[data-v-dd260f4c]{display:flex;align-items:center;justify-content:center;height:400px}.chat .dialog-content .course-list .course-empty p[data-v-dd260f4c]{font-size:14px;color:#999}.chat[data-v-dd260f4c] .el-dialog__header{padding:0}.chat[data-v-dd260f4c] .el-dialog__headerbtn{display:none}.chat[data-v-dd260f4c] .video-dialog .el-dialog__body,.chat[data-v-dd260f4c] .video-dialog .el-dialog__header{padding:0}.chat[data-v-dd260f4c] .video-dialog .video-dialog-content .video-dialog-title{font-size:16px;font-weight:700;color:#333;text-align:center;padding:12px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat[data-v-dd260f4c] .video-dialog .video-dialog-content .video-dialog-el{width:100%;display:block;background:#000;height:400px}