.modal-body .new-msg[data-v-219b1cc0]{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background-color:#0866c6;color:#fff;padding:0 5px;border-radius:3px}.modal-footer[data-v-219b1cc0],.modal-header[data-v-219b1cc0]{display:block}.msg-list[data-v-219b1cc0]{max-height:350px;overflow-y:auto;padding-right:17px}.msg-list ul[data-v-219b1cc0]{margin:0;padding:0}.msg-list ul li[data-v-219b1cc0]{margin-bottom:20px}.msg-list ul li .date[data-v-219b1cc0]{text-align:center;margin-bottom:5px}.msg-list ul li .message-wrap[data-v-219b1cc0]{display:flex}.msg-list ul li .message-wrap>.user[data-v-219b1cc0]{background-color:#e0e0e0;min-width:40px;width:40px;height:40px;line-height:40px;text-align:center;border-radius:50%;margin-right:25px}.msg-list ul li .message-wrap>.content .text-wrap[data-v-219b1cc0]{position:relative;display:block}.msg-list ul li .message-wrap>.content .text-wrap .text-arrow[data-v-219b1cc0]{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;top:20px;left:-10px;margin-top:-10px;border-width:10px 10px 10px 0;border-right-color:#e0e0e0}.msg-list ul li .message-wrap>.content .text-wrap .text[data-v-219b1cc0]{max-width:600px;word-break:break-all;margin-bottom:5px;border-radius:8px;background-color:#e0e0e0;padding:10px 15px}.msg-list ul li .message-wrap>.content .img-list[data-v-219b1cc0]{display:flex}.msg-list ul li .message-wrap>.content .img-list .img-wrap[data-v-219b1cc0]{margin-right:5px;width:40px;height:40px;background-size:cover;background-position:50%;border:1px solid #ddd}.msg-list ul li.my .message-wrap[data-v-219b1cc0]{flex-direction:row-reverse}.msg-list ul li.my .message-wrap>.user[data-v-219b1cc0]{margin-right:0;margin-left:25px;background-color:#17a2b8;color:#fff}.msg-list ul li.my .message-wrap>.content .text-wrap .text-arrow[data-v-219b1cc0]{right:-10px;left:auto;border-width:10px 0 10px 10px;border-left-color:#17a2b8}.msg-list ul li.my .message-wrap>.content .text-wrap .text[data-v-219b1cc0]{background-color:#17a2b8;color:#fff}.msg-list ul li.my .message-wrap>.content .img-list .img-wrap[data-v-219b1cc0]{border-color:#17a2b8;cursor:pointer}.action[data-v-219b1cc0]{display:flex;margin-bottom:10px}.action>textarea[data-v-219b1cc0]{margin-right:15px}.action>button[data-v-219b1cc0]{border:1px solid #0866c6;border-radius:4px;background-color:#0866c6;color:#fff;min-width:90px;height:60px;font-size:16px}.upload[data-v-219b1cc0]{display:flex}.upload .upload-btn[data-v-219b1cc0]{margin-right:15px}.upload .upload-btn>a[data-v-219b1cc0]{position:relative;top:5px;background-color:#0866c6;color:#fff;padding:5px 15px;border-radius:3px}.upload .upload-img-list[data-v-219b1cc0]{display:flex}.upload .upload-img-list .img-wrap[data-v-219b1cc0]{position:relative;margin-right:10px;width:60px;height:60px;border:1px solid #ddd;background-size:cover;background-position:50%}.upload .upload-img-list .img-wrap .del[data-v-219b1cc0]{display:none;position:absolute;right:0;background-color:#0866c6;color:#fff;width:20px;height:20px;line-height:20px;text-align:center}.upload .upload-img-list .img-wrap[data-v-219b1cc0]:hover{border-color:#17a2b8}.upload .upload-img-list .img-wrap:hover .del[data-v-219b1cc0]{display:block}@media (min-width:576px){.modal-dialog[data-v-219b1cc0]{max-width:800px;width:800px}}