.main[data-v-2e015632]{display:flex;border-radius:10px;overflow:hidden;height:calc(100vh - 216px);width:1200px}.main .chat-list[data-v-2e015632]{width:320px;background:#5158b0;flex-shrink:0;display:flex;padding-top:100px;position:relative;box-sizing:border-box}.main .chat-list>div.send-wrap[data-v-2e015632]{width:100%;height:100px;display:flex;align-items:center;padding:0 16px;box-sizing:border-box;border-bottom:1px solid #5b63be;background-color:#414aa9;position:absolute;top:0;left:0}.main .chat-list>div.send-wrap>.img[data-v-2e015632]{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-right:12px;flex-shrink:0;flex-grow:0}.main .chat-list>div.send-wrap>.img>img[data-v-2e015632]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main .chat-list>div.send-wrap>.name[data-v-2e015632]{flex-shrink:1;flex-grow:1;font-size:16px;color:#fff;word-break:break-all}.main .chat-list>div.acceptor-wrap[data-v-2e015632]{width:100%}.main .chat-list>div.acceptor-wrap div.acceptor-item[data-v-2e015632]{height:90px;display:flex;align-items:center;color:#fff;padding:0 16px;box-sizing:border-box;border-bottom:1px solid #454dab;transition:background .3s linear;cursor:pointer;position:relative}.main .chat-list>div.acceptor-wrap div.acceptor-item.active[data-v-2e015632]{background:#3a419c}.main .chat-list>div.acceptor-wrap div.acceptor-item.active[data-v-2e015632]:before{content:"";width:4px;height:100%;position:absolute;left:0;top:0;background:#ff66a6}.main .chat-list>div.acceptor-wrap div.acceptor-item[data-v-2e015632]:hover{background:#3a419c;transition:background .3s linear}.main .chat-list>div.acceptor-wrap div.acceptor-item>.img[data-v-2e015632]{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-right:12px;flex-shrink:0;flex-grow:0}.main .chat-list>div.acceptor-wrap div.acceptor-item>.img>img[data-v-2e015632]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main .chat-list>div.acceptor-wrap div.acceptor-item>.center-txt[data-v-2e015632]{flex-shrink:1;flex-grow:1;display:flex;overflow:hidden;flex-direction:column;font-size:16px;line-height:28px;height:56px}.main .chat-list>div.acceptor-wrap div.acceptor-item>.center-txt>span.message[data-v-2e015632]{color:#8fd1d8;font-size:13px;letter-spacing:1px;text-overflow:ellipsis;line-height:28px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.main .chat-list>div.acceptor-wrap div.acceptor-item>.date-num[data-v-2e015632]{width:50px;height:56px;flex-shrink:0;flex-grow:0;display:flex;flex-direction:column;align-items:flex-end}.main .chat-list>div.acceptor-wrap div.acceptor-item>.date-num>span[data-v-2e015632]{text-align:right;color:#63bfc9;font-size:14px;line-height:28px}.main .chat-list>div.acceptor-wrap div.acceptor-item>.date-num>span>i[data-v-2e015632]{width:20px;height:20px;margin:4px;display:flex;padding-right:1px;padding-bottom:1px;box-sizing:border-box;justify-content:center;align-items:center;background:#ff8700;border-radius:50%;color:#fff}.main .chat-wrap[data-v-2e015632]{flex-shrink:1;flex-grow:1;height:100%;background:#ededed;box-sizing:border-box;display:flex;flex-direction:column}.main .chat-wrap div.current-chat-name[data-v-2e015632]{padding:0 20px;font-weight:bolder;color:#3a419c;font-size:24px;height:56px;line-height:56px;border-bottom:1px solid #dcdcdd;flex-shrink:0;flex-grow:0}.main .chat-wrap div.current-chat-wrap[data-v-2e015632]{flex-shrink:1;flex-grow:1;height:calc(100% - 227px);box-sizing:border-box;border-bottom:1px solid #dcdcdd}.main .chat-wrap div.current-chat-wrap div.current-chat-list div.chat-item-wrap[data-v-2e015632]{width:100%;display:flex;align-items:flex-start;padding:0 20px;box-sizing:border-box;flex-direction:column}.main .chat-wrap div.current-chat-wrap div.current-chat-list div.chat-item-wrap div.line[data-v-2e015632]{width:100%;text-align:center;font-size:12px;margin:10px 0;color:#9e9e9e;display:none}.main .chat-wrap div.current-chat-wrap div.current-chat-list div.chat-item-wrap div.line.active[data-v-2e015632]{display:block}.main .chat-wrap div.current-chat-wrap div.current-chat-list div.chat-item-wrap div.item[data-v-2e015632]{width:76%;display:flex;margin:12px 0}.main .chat-wrap div.current-chat-wrap div.current-chat-list div.chat-item-wrap div.item>.img[data-v-2e015632]{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-right:16px;flex-shrink:0;flex-grow:0}.main .chat-wrap div.current-chat-wrap div.current-chat-list div.chat-item-wrap div.item>.img>img[data-v-2e015632]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main .chat-wrap div.current-chat-wrap div.current-chat-list div.chat-item-wrap div.item>.content[data-v-2e015632]{background:#fff;border-radius:10px;padding:14px;position:relative;word-break:break-all;line-height:22px;font-size:14px}.main .chat-wrap div.current-chat-wrap div.current-chat-list div.chat-item-wrap.my[data-v-2e015632]{flex-direction:column;align-items:flex-end}.main .chat-wrap div.current-chat-wrap div.current-chat-list div.chat-item-wrap.my div.item[data-v-2e015632]{width:76%;display:flex;flex-direction:row-reverse;margin:12px 0}.main .chat-wrap div.current-chat-wrap div.current-chat-list div.chat-item-wrap.my div.item>.img[data-v-2e015632]{width:40px;height:40px;border-radius:50%;overflow:hidden;margin-left:16px;flex-shrink:0;flex-grow:0}.main .chat-wrap div.current-chat-wrap div.current-chat-list div.chat-item-wrap.my div.item>.img>img[data-v-2e015632]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.main .chat-wrap div.current-chat-wrap div.current-chat-list div.chat-item-wrap.my div.item>.content[data-v-2e015632]{position:relative;background:#d5d7f3}.main .chat-wrap div.current-chat-input[data-v-2e015632]{flex-shrink:0;flex-grow:0;height:160px;padding:20px;box-sizing:border-box;position:relative}.main .chat-wrap div.current-chat-input div.view[data-v-2e015632]{width:100%;height:100%;overflow:hidden;border-radius:8px}.main .chat-wrap div.current-chat-input div.view div.input-wrap[data-v-2e015632]{height:100%;margin-right:-17px}.main .chat-wrap div.current-chat-input div.view div.input-wrap textarea[data-v-2e015632]{resize:none;width:100%;height:100%;border:none;outline:none;padding:10px;box-sizing:border-box;overflow-y:scroll}.main .chat-wrap div.current-chat-input>div.send[data-v-2e015632]{position:absolute;bottom:30px;right:30px;color:#089bab;padding:6px 12px;border-radius:10px;background:#abd5db;opacity:.5;cursor:pointer;transition:opacity .3s linear}.main .chat-wrap div.current-chat-input>div.send i[data-v-2e015632]{font-size:30px}.main .chat-wrap div.current-chat-input>div.send[data-v-2e015632]:hover{opacity:1;transition:opacity .3s linear}div.foot[data-v-2e015632]{width:100%;height:30px;display:flex;align-items:center;justify-content:center;margin-bottom:30px;font-size:14px;color:#abd5db}