.demo-upload-list{display:inline-block;width:60px;height:60px;text-align:center;line-height:60px;border:1px solid transparent;border-radius:4px;overflow:hidden;background:#fff;position:relative;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);margin-right:4px}.demo-upload-list img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.demo-upload-list-cover{display:none;position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.6)}.demo-upload-list:hover .demo-upload-list-cover{display:block}.demo-upload-list-cover i{color:#fff;font-size:20px;cursor:pointer;margin:0 2px}.friend-list[data-v-1936774c]{padding:0;list-style:none}.friend-item[data-v-1936774c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;border-bottom:1px solid #eee}.avatar[data-v-1936774c]{width:50px;height:50px;border-radius:50%;margin-right:10px}.notification-dot[data-v-1936774c]{position:relative;margin-top:-40px;margin-right:0;width:10px;height:10px;background-color:red;border-radius:50%;display:block}.friend-info h2[data-v-1936774c]{margin:0;font-size:16px}.friend-info p[data-v-1936774c]{margin:5px 0;font-size:14px;color:#666}.card_body[data-v-1936774c]{width:auto;height:100vh}.chat-left[data-v-1936774c]{background-color:#d7d7d5;padding:20px}.chat-middle[data-v-1936774c]{background-color:#fff;padding:20px}.chat-right[data-v-1936774c]{background-color:#d7d7d5;padding:20px}.chat[data-v-1936774c]{height:70vh}.chat-message-heard[data-v-1936774c]{height:80px;background-color:#d7d7d5;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.chat-message-heard .good[data-v-1936774c],.chat-message-heard[data-v-1936774c]{display:-webkit-box;display:-ms-flexbox;display:flex}.bad[data-v-1936774c],.good[data-v-1936774c]{float:left;display:-webkit-box;display:-ms-flexbox;display:flex}.bad[data-v-1936774c]{padding-left:20px}.chat-message-body[data-v-1936774c]{background-color:#f8f8f6;width:100%;height:70vh;overflow:auto}.message-card[data-v-1936774c]{margin:5px}.message-row-left[data-v-1936774c]{-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.message-row-left[data-v-1936774c],.message-row-right[data-v-1936774c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal}.message-row-right[data-v-1936774c]{-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.message-content[data-v-1936774c]{margin:-5px 5px 5px 5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.message-body[data-v-1936774c]{border:1px solid #d9dad9;padding:5px;border-radius:3px;background-color:#fff}.message-time[data-v-1936774c]{margin:0 5px;font-size:14px;color:#d9dad9}.footer-btn[data-v-1936774c]{float:right;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:100px}.spin-icon-load[data-v-1936774c]{-webkit-animation:ani-spin-data-v-1936774c 1s linear infinite;animation:ani-spin-data-v-1936774c 1s linear infinite}@-webkit-keyframes ani-spin-data-v-1936774c{form{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-spin-data-v-1936774c{form{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}