.chat[data-v-1d061092]{width:100%;background:#fff}.chat .chat-box[data-v-1d061092]{width:1370px;margin:0 auto;display:flex}.chat .chat-box .box-left[data-v-1d061092]{width:1109px}.chat .chat-box .box-left .left-head[data-v-1d061092]{width:100%;height:100px;margin-left:24px}.chat .chat-box .box-left .left-head .head[data-v-1d061092]{display:flex;font-size:17px;color:#000;line-height:28px}.chat .chat-box .box-left .left-head .head em[data-v-1d061092]{margin-right:12px;color:#666;font-style:normal}.chat .chat-box .box-left .left-head .head span[data-v-1d061092]{margin-right:40px;cursor:pointer}.chat .chat-box .box-left .left-head .head span[data-v-1d061092]:hover{color:#409eff}.chat .chat-box .box-left .left-head .head span.active[data-v-1d061092]{color:#409eff;font-weight:600}.chat .chat-box .box-left .chat-content[data-v-1d061092]{width:100%;height:956px;border-top:1px solid #f7f8fc;background:#f7f8fc;display:flex;flex-direction:column}.chat .chat-box .box-left .chat-content .messages[data-v-1d061092]{flex:1;overflow-y:auto;padding:20px}.chat .chat-box .box-left .chat-content .message[data-v-1d061092]{display:flex;align-items:flex-start;margin-bottom:14px}.chat .chat-box .box-left .chat-content .message .avatar[data-v-1d061092]{width:36px;height:36px;border-radius:4px;background:#eee;color:#666;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:14px}.chat .chat-box .box-left .chat-content .message .bubble[data-v-1d061092]{max-width:70%;background:#fff;padding:10px 12px;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.chat .chat-box .box-left .chat-content .message .bubble img[data-v-1d061092]{max-width:300px;border-radius:6px;display:block}.chat .chat-box .box-left .chat-content .message .bubble .emoji[data-v-1d061092]{font-size:22px;display:inline-block}.chat .chat-box .box-left .chat-content .message.agent[data-v-1d061092]{flex-direction:row}.chat .chat-box .box-left .chat-content .message.agent .bubble[data-v-1d061092]{background:#fff}.chat .chat-box .box-left .chat-content .message.customer[data-v-1d061092]{flex-direction:row-reverse}.chat .chat-box .box-left .chat-content .message.customer .avatar[data-v-1d061092]{margin-left:12px;margin-right:0}.chat .chat-box .box-left .chat-content .course-info[data-v-1d061092]{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-1d061092]{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-1d061092]{border-top:1px solid #eaeef5;padding:12px 20px;background:#f7f8fc}.chat .chat-box .box-left .chat-content .chat-input .controls[data-v-1d061092]{margin-bottom:8px}.chat .chat-box .box-left .chat-content .chat-input .controls .btn[data-v-1d061092]{cursor:pointer;border:0;background:transparent;font-size:20px;margin-right:15px}.chat .chat-box .box-left .chat-content .chat-input textarea[data-v-1d061092]{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-1d061092]{text-align:right;margin-top:8px}.chat .chat-box .box-left .chat-content .chat-input .send-row .send-btn[data-v-1d061092]{background:#409eff;color:#fff;border:0;padding:6px 14px;border-radius:4px;cursor:pointer}.chat .chat-box .box-left .chat-content .chat-input .emoji-item[data-v-1d061092]{cursor:pointer;font-size:20px;margin:4px}.chat .chat-box .box-right[data-v-1d061092]{width:411px;padding:20px}.chat .chat-box .box-right .r-head[data-v-1d061092]{display:flex;justify-content:space-between;margin-bottom:10px}.chat .chat-box .box-right .faq-list .faq-item[data-v-1d061092]{font-size:14px;cursor:pointer;padding:8px;border-radius:4px}.chat .chat-box .box-right .faq-list .faq-item[data-v-1d061092]:hover{background:#f5f7fb}.chat .dialog-content[data-v-1d061092] .el-input__inner{height:38px;line-height:38px;border-radius:34px}.chat .dialog-content .course-list[data-v-1d061092]{height:530px;overflow-y:scroll}.chat .dialog-content .course-list[data-v-1d061092]::-webkit-scrollbar{display:none}.chat .dialog-content .course-list .course-item[data-v-1d061092]{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-1d061092]{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-1d061092]{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-1d061092]{font-weight:700;font-size:18px;color:#333;line-height:34px}.chat[data-v-1d061092] .el-dialog__header{padding:0}.chat[data-v-1d061092] .el-dialog__headerbtn{display:none}