.chat-view[data-v-7b5d5e91]{width:18.22917vw;height:calc(100% - 2.08333vw);position:fixed;left:0;top:3.125vw;z-index:1000;display:flex;transition:all .3s ease;.msg-box[data-v-7b5d5e91]{flex-grow:1;flex-direction:column;background-color:#fff;border-radius:0 .41667vw .41667vw 0;box-shadow:.10417vw 0 .52083vw rgba(0,0,0,.1);width:100%;margin:.52083vw;margin-bottom:15%;.title[data-v-7b5d5e91]{height:3.125vw;align-items:center;justify-content:space-between;box-shadow:0 .10417vw .625vw 0 rgba(0,0,0,.1);padding:0 1.04167vw;background:#409eff;color:#fff;border-radius:0 .41667vw 0 0;.clos-box[data-v-7b5d5e91]{i[data-v-7b5d5e91]{font-size:1.25vw;cursor:pointer}}}.chat-list[data-v-7b5d5e91]{flex:1;overflow:hidden;overflow-y:auto;padding:.52083vw;background:#f5f7fa;.msg-img[data-v-7b5d5e91]{max-width:10.41667vw;max-height:7.8125vw;border-radius:.20833vw;object-fit:cover}.file-value[data-v-7b5d5e91]{cursor:pointer}.msg-common[data-v-7b5d5e91]{margin-bottom:.625vw;align-items:flex-start;padding:.20833vw 0;div[data-v-7b5d5e91]{max-width:80%}}.left[data-v-7b5d5e91]{justify-content:flex-start;.name[data-v-7b5d5e91]{margin-right:.52083vw}.value[data-v-7b5d5e91]{background:#fff;border-radius:0 .41667vw .41667vw .41667vw;position:relative}}.name[data-v-7b5d5e91]{background:#409eff;color:#fff;align-items:center;justify-content:center;height:2.08333vw;width:2.08333vw;border-radius:50%;font-size:.83333vw;flex-shrink:0}.value[data-v-7b5d5e91]{background:#fff;max-width:100%;padding:.52083vw;word-wrap:break-word;word-break:normal;border-radius:.20833vw;box-shadow:0 .10417vw .20833vw rgba(0,0,0,.1)}.right[data-v-7b5d5e91]{justify-content:flex-end;.name[data-v-7b5d5e91]{margin-left:.52083vw}.value[data-v-7b5d5e91]{background:#ecf5ff;border-radius:.41667vw 0 .41667vw .41667vw}}}.chat-bottom[data-v-7b5d5e91]{width:100%;height:7.8125vw;flex-direction:column;border-top:1px solid #eee;.chat-type[data-v-7b5d5e91]{height:2.08333vw;line-height:2.08333vw;background:#fff;padding:0 .52083vw;border-bottom:1px solid #f1f1f1;i[data-v-7b5d5e91]{font-size:1.04167vw;margin-right:.78125vw;cursor:pointer}span[data-v-7b5d5e91]{padding:.20833vw;text-align:center;cursor:pointer}.select-file[data-v-7b5d5e91]{position:relative;input[data-v-7b5d5e91]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}}}.chat-input[data-v-7b5d5e91]{flex-grow:1;flex-direction:column;position:relative;textarea[data-v-7b5d5e91]{width:100%;height:100%;resize:none;outline:none;padding:.52083vw;padding-right:3.64583vw;font-size:.83333vw;border:none;box-sizing:border-box}.send-btn[data-v-7b5d5e91]{position:absolute;right:.52083vw;bottom:.78125vw;z-index:10}}}}}.emoji-view[data-v-7b5d5e91]{display:flex;flex-wrap:wrap;padding:.26042vw;[data-v-7b5d5e91] .emoji-item{display:flex;font-size:1.25vw;padding:.26042vw;text-align:center;cursor:pointer;transition:all .2s;&[data-v-7b5d5e91]:hover{background:#f0f9eb;border-radius:.20833vw}}}.message-image[data-v-7b5d5e91],.msg-img[data-v-7b5d5e91]{max-width:7.8125vw;max-height:6.25vw;border-radius:.20833vw;cursor:pointer}.image-container[data-v-7b5d5e91]{padding:.15625vw;background-color:#fff;border-radius:.20833vw;display:inline-block}.message-content[data-v-7b5d5e91]{max-width:70%;word-break:break-word}