.chat[data-v-3fa68ef8]{background:#dfdfdf}.chat .h[data-v-3fa68ef8]{height:30px;background:#404247}.chat .top-name[data-v-3fa68ef8]{padding-bottom:10px;border-bottom:1px solid #e5e5e5}.chat .date[data-v-3fa68ef8]{font-size:14px;color:#999}.chat .badge[data-v-3fa68ef8]{width:24px;height:24px;line-height:24px;font-size:12px;text-align:center;border-radius:50%;background:red;flex-shrink:0}.container[data-v-3fa68ef8]{width:1200px;margin:auto;height:100vh;overflow:hidden;padding:20px}.container img[data-v-3fa68ef8]{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;overflow:hidden;border-radius:50%;flex-shrink:0}.container .left[data-v-3fa68ef8]{width:320px;background:#333;height:100%;flex-shrink:0;border-radius:10px 0 0 10px;color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.container .left .left-top[data-v-3fa68ef8]{height:70px;padding:0 15px}.container .left .li-right[data-v-3fa68ef8]{font-size:16px;margin-left:15px;width:calc(100% - 100px)}.container .left .li-right p[data-v-3fa68ef8]{font-size:14px;opacity:.5;padding-top:5px}.container .left .ul[data-v-3fa68ef8]{padding:5px 0}.container .left .ul li[data-v-3fa68ef8]{padding:10px 15px;border-bottom:1px solid #222;cursor:pointer}.container .left .ul li.curr[data-v-3fa68ef8]{background:#222}.container .right[data-v-3fa68ef8]{flex:1;height:100%;background:#f5f5f5;border-radius:0 10px 10px 0}.container .right .content[data-v-3fa68ef8]{height:calc(100% - 200px);width:100%;padding:20px}.container .right .content .scroll[data-v-3fa68ef8]{position:relative;height:calc(100% - 40px);overflow:auto;padding-top:10px}.container .right .content .item-left[data-v-3fa68ef8],.container .right .content .item-right[data-v-3fa68ef8]{padding:20px 0;font-size:14px;align-items:flex-start;min-height:50px;width:100%}.container .right .content .item-right[data-v-3fa68ef8]{justify-content:flex-end}.container .right .content .item-content[data-v-3fa68ef8]{background:#fff;padding:15px;max-width:50%}.container .right .content .item-content.l[data-v-3fa68ef8]{margin-left:20px}.container .right .content .item-content.r[data-v-3fa68ef8]{margin-right:20px}.container .right .send[data-v-3fa68ef8]{flex-shrink:0;height:200px;border-top:1px solid #d5d5d5;width:100%}.container .right .send .btn[data-v-3fa68ef8]{justify-content:flex-end;padding:0 10px;cursor:pointer}.container .right .send .textarea[data-v-3fa68ef8]{height:110px;width:100%;resize:none;border:none}.container .right .send .icon[data-v-3fa68ef8]{padding:10px 10px 0}.container .right .send .icon i[data-v-3fa68ef8]{font-size:24px}