.file[data-v-73f5fdb7]{width:100%}div>a[data-v-441aa0d1]{color:#1a73e8}div>a>img[data-v-441aa0d1]{max-height:300px;max-width:300px}.chat-container[data-v-4cb3c3c6]{-ms-flex-direction:column;flex-direction:column;height:480px;max-width:800px;margin:0 auto;padding:20px;background-color:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);overflow:hidden;color:#222}.chat-container[data-v-4cb3c3c6],.chat-window[data-v-4cb3c3c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;border-radius:8px}.chat-window[data-v-4cb3c3c6]{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:10px;gap:10px;background-color:#f5f5f5;overflow-y:auto}.member-container[data-v-4cb3c3c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:5px;color:#222}.member[data-v-4cb3c3c6]{width:80px}.member .head[data-v-4cb3c3c6]{width:60px;height:60px}.member .head img[data-v-4cb3c3c6]{border-radius:8.18px}.member .sender[data-v-4cb3c3c6]{padding:5px;width:56px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages[data-v-4cb3c3c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.message-item[data-v-4cb3c3c6]{display:column;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.message-item .time[data-v-4cb3c3c6]{width:100%;text-align:center;margin:5px}.message-item .time span[data-v-4cb3c3c6]{background-color:#dadada;padding:2px;color:#fff}.message-item .message-item2[data-v-4cb3c3c6]{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row}.message-item3[data-v-4cb3c3c6],.message-item .message-item2[data-v-4cb3c3c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.message-item3[data-v-4cb3c3c6]{margin:0 8px;width:450px;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.message-item3 .sender[data-v-4cb3c3c6]{font-size:14px;color:#aaa}.r[data-v-4cb3c3c6]{-webkit-box-orient:horizontal!important;-webkit-box-direction:reverse!important;-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.r .sender[data-v-4cb3c3c6]{display:none}.r .message-item3[data-v-4cb3c3c6]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.r .message[data-v-4cb3c3c6]{background-color:#95ec69}.r .message[data-v-4cb3c3c6]:hover{background-color:#89d961}.message[data-v-4cb3c3c6]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:85%;padding:8px 12px;border-radius:8px;background-color:#fff;margin-bottom:auto;font-size:16px}.message[data-v-4cb3c3c6]:hover{background-color:#ebebeb}.message button[data-v-4cb3c3c6]{font-size:16px}.head[data-v-4cb3c3c6]{width:34px;height:34px}.head img[data-v-4cb3c3c6]{width:100%;height:100%}.message-item2 .head img[data-v-4cb3c3c6]{border-radius:4.63px}.input-area[data-v-4cb3c3c6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-top:10px}.messageInput[data-v-4cb3c3c6]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px;border:1px solid #ccc;border-radius:4px}.sendButton[data-v-4cb3c3c6]{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.upload-demo[data-v-4cb3c3c6]{width:60px!important}.upload-demo button[data-v-4cb3c3c6]{margin-top:5px}.put[data-v-4cb3c3c6]{width:50%;padding:8px 12px;border-radius:8px;background-color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.put-title[data-v-4cb3c3c6]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;font-size:16px}.put-info[data-v-4cb3c3c6]{width:70%;color:#999;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 0}.put-img[data-v-4cb3c3c6]{width:25%;margin-left:4%;padding:8px 0}.put-img img[data-v-4cb3c3c6]{width:100%}