.im-content[data-v-d9c459e2]{background-color:#fff}.im-content.border[data-v-d9c459e2]{border:1px solid #eee}.im-content-title[data-v-d9c459e2]{overflow:hidden;padding:15px 20px}.im-content-title__thumb[data-v-d9c459e2]{float:left;position:relative}.im-content-title__thumb img[data-v-d9c459e2]{width:35px;height:35px;border-radius:50%}.im-content-title__thumb img[data-v-d9c459e2]:before{content:"";width:5px;height:5px;border:1px solid #fff;position:absolute;right:-2px;bottom:-2px}.im-content-title h5[data-v-d9c459e2]{float:left;font-size:17px;font-family:PingFangSC-Medium,PingFang SC;font-weight:600;color:#222;line-height:35px;margin-left:10px}.im-content-title i[data-v-d9c459e2]{float:right;font-size:14px;color:#222;line-height:35px;cursor:pointer}.im-content-body[data-v-d9c459e2]{padding:20px;height:300px;box-sizing:border-box;border-top:1px solid #eee;border-bottom:1px solid #eee;overflow-y:auto}.im-content-body li[data-v-d9c459e2]{margin-bottom:20px;display:flex}.im-content-body li.my-msg[data-v-d9c459e2]{justify-content:flex-end}.im-content-body li.my-msg .im-content-body__text[data-v-d9c459e2]{margin-right:10px}.im-content-body li.my-msg .im-content-body__text h6[data-v-d9c459e2]{text-align:right}.im-content-body li.my-msg .im-content-body__text .msg[data-v-d9c459e2]{background:#12be6e;color:#fff}.im-content-body__thumb[data-v-d9c459e2]{width:35px;height:35px;border-radius:50%}.im-content-body__text[data-v-d9c459e2]{max-width:80%;padding-left:10px;display:flex;flex-direction:column;align-items:flex-start}.im-content-body__text.on[data-v-d9c459e2]{align-items:flex-end}.im-content-body__text h6[data-v-d9c459e2]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666;margin-bottom:5px;margin-top:5px}.im-content-body__text .msg[data-v-d9c459e2]{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#222;background:#f6f6f6;border-radius:4px;padding:6px 10px;line-height:1.6;letter-spacing:1px}.im-content-btn[data-v-d9c459e2]{height:33px;display:flex;align-items:center;border-bottom:1px solid #eee;padding:0 15px}.im-content-btn li[data-v-d9c459e2]{display:flex;align-items:center}.im-content-btn li i[data-v-d9c459e2]{font-size:18px;color:#222}.im-content-btn li span[data-v-d9c459e2]{font-size:12px;color:#222;margin-left:5px}.im-content-input[data-v-d9c459e2]{height:80px;padding:15px}.im-content-input textarea[data-v-d9c459e2]{height:calc(100% - 40px);width:100%;border:1px solid #fff;font-size:15px;outline:none}.im-content-input__btn[data-v-d9c459e2]{text-align:right;padding-top:10px}.im-content-input__btn button[data-v-d9c459e2]{width:120px;height:34px;background:#16c674;border-radius:4px;text-align:center;line-height:34px;border:0;font-size:14px;color:#fff;line-height:14px}audio[data-v-d9c459e2]{opacity:0;width:0;height:0;z-index:-100;position:relative}