.app[data-v-fcc0467c]{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:800px;height:600px;overflow:hidden;border-radius:3px}.app .main[data-v-fcc0467c],.app .sidebar[data-v-fcc0467c]{height:100%}.app .sidebar[data-v-fcc0467c]{float:left;width:200px;color:#f4f4f4;background-color:#2e3238}.app .main[data-v-fcc0467c]{position:relative;overflow:hidden;background-color:#eee}.app .text[data-v-fcc0467c]{position:absolute;width:100%;bottom:0;left:0}.app .message[data-v-fcc0467c]{height:calc(100% - 160px)}.card[data-v-426cdbca]{padding:12px;border-bottom:1px solid #24272c}.card footer[data-v-426cdbca]{margin-top:10px}.card .avatar[data-v-426cdbca],.card .name[data-v-426cdbca]{vertical-align:middle}.card .avatar[data-v-426cdbca]{border-radius:2px}.card .name[data-v-426cdbca]{display:inline-block;margin:0 0 0 15px;font-size:16px}.card .search[data-v-426cdbca]{padding:0 10px;width:100%;font-size:12px;color:#fff;line-height:30px;border-radius:4px;border:1px solid #3a3a3a;background-color:#26292e}.list li[data-v-7939548a]{padding:12px 15px;border-bottom:1px solid #292c33;cursor:pointer;transition:background-color .1s}.list li[data-v-7939548a]:hover{background-color:hsla(0,0%,100%,.03)}.list li.active[data-v-7939548a]{background-color:hsla(0,0%,100%,.1)}.list .avatar[data-v-7939548a],.list .name[data-v-7939548a]{vertical-align:middle}.list .avatar[data-v-7939548a]{border-radius:2px}.list .name[data-v-7939548a]{display:inline-block;margin:0 0 0 15px}.text[data-v-16110b27]{height:160px;border-top:1px solid #ddd}.text .send[data-v-16110b27]{position:absolute;bottom:0;right:0;padding:5px 10px;margin:10px;font-size:16px;background-color:#eee;border:1px solid #bbb;border-radius:2px;cursor:pointer;opacity:.8}.text .send[data-v-16110b27]:hover{opacity:1}.text textarea[data-v-16110b27]{padding:10px;height:100%;width:100%;border:none;outline:none;font-family:Microsoft YaHei;resize:none}.message[data-v-94575486]{padding:20px 15px;overflow:hidden}.message li[data-v-94575486]{margin-bottom:15px}.message .time[data-v-94575486]{margin:7px 0;text-align:center}.message .time>span[data-v-94575486]{display:inline-block;padding:0 18px;font-size:12px;color:#fff;border-radius:2px;background-color:#dcdcdc}.message .avatar[data-v-94575486]{float:left;margin:0 10px 0 0;border-radius:3px}.message .text[data-v-94575486]{display:inline-block;position:relative;padding:0 10px;max-width:calc(100% - 40px);min-height:30px;line-height:2.5;font-size:12px;text-align:left;word-break:break-all;background-color:#fafafa;border-radius:4px}.message .text .line[data-v-94575486]{margin:2px 0;padding:0}.message .text[data-v-94575486]:before{content:" ";position:absolute;top:9px;right:100%;border:6px solid transparent;border-right-color:#fafafa}.message .self[data-v-94575486]{text-align:right}.message .self .avatar[data-v-94575486]{float:right;margin:0 0 0 10px}.message .self .text[data-v-94575486]{background-color:#b2e281}.message .self .text[data-v-94575486]:before{right:inherit;left:100%;border-right-color:transparent;border-left-color:#b2e281}