.im-content[data-v-d46d40aa]{background-color:#fff}.im-content-null[data-v-d46d40aa]{padding-top:35%;text-align:center;color:#a6a7a7}.im-content-null i[data-v-d46d40aa]{font-size:50px}.im-content-null p[data-v-d46d40aa]{font-size:16px;padding-top:10px}.im-content-title[data-v-d46d40aa]{overflow:hidden;padding:15px 20px}.im-content-title__thumb[data-v-d46d40aa]{float:left;position:relative}.im-content-title__thumb img[data-v-d46d40aa]{width:35px;height:35px;border-radius:50%}.im-content-title__thumb img[data-v-d46d40aa]:before{content:"";width:5px;height:5px;border:1px solid #fff;position:absolute;right:-2px;bottom:-2px}.im-content-title h5[data-v-d46d40aa]{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-d46d40aa]{float:right;font-size:14px;color:#222;line-height:35px;cursor:pointer}.im-content-body[data-v-d46d40aa]{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-d46d40aa]{margin-bottom:20px;display:flex}.im-content-body li.my-msg[data-v-d46d40aa]{justify-content:flex-end}.im-content-body li.my-msg .im-content-body__text[data-v-d46d40aa]{margin-right:10px}.im-content-body li.my-msg .im-content-body__text h6[data-v-d46d40aa]{text-align:right}.im-content-body li.my-msg .im-content-body__text .msg[data-v-d46d40aa]{background:#12be6e;color:#fff;text-align:right}.im-content-body__thumb[data-v-d46d40aa]{width:35px;height:35px;border-radius:50%}.im-content-body__text[data-v-d46d40aa]{max-width:80%;padding-left:10px;display:flex;flex-direction:column;align-items:flex-start}.im-content-body__text.on[data-v-d46d40aa]{align-items:flex-end}.im-content-body__text h6[data-v-d46d40aa]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666;margin-bottom:5px;margin-top:8px}.im-content-body__text .msg[data-v-d46d40aa]{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-d46d40aa]{height:33px;display:flex;align-items:center;border-bottom:1px solid #eee;padding:0 15px}.im-content-btn li[data-v-d46d40aa]{display:flex;align-items:center}.im-content-btn li i[data-v-d46d40aa]{font-size:18px;color:#222}.im-content-btn li span[data-v-d46d40aa]{font-size:12px;color:#222;margin-left:5px}.im-content-input[data-v-d46d40aa]{height:80px;padding:15px}.im-content-input textarea[data-v-d46d40aa]{height:calc(100% - 40px);width:100%;border:1px solid #fff;font-size:15px;outline:none}.im-content-input__btn[data-v-d46d40aa]{text-align:right;padding-top:10px}.im-content-input__btn button[data-v-d46d40aa]{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}.im-user[data-v-7d8a5b21]{box-sizing:border-box;padding:20px 0}.im-user-title[data-v-7d8a5b21]{overflow:hidden;margin-bottom:10px;padding:0 20px}.im-user-title span[data-v-7d8a5b21]{float:left;font-size:22px;font-weight:600;color:#222}.im-user-title i[data-v-7d8a5b21]{float:right;margin-left:20px;font-size:16px;cursor:pointer}.im-user-search[data-v-7d8a5b21]{max-width:100%;height:35px;background:#f0f2f5;border-radius:19px;padding:1px 15px;margin:0 20px;box-sizing:border-box;display:flex;align-items:center}.im-user-search input[data-v-7d8a5b21]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;color:#333;box-sizing:border-box;background:transparent;border:0;max-height:100%;width:85%;margin-left:10px;outline:none}.im-user-list[data-v-7d8a5b21]{padding-top:12px;height:400px;max-height:90%}.im-user-list li[data-v-7d8a5b21]{display:flex;overflow:hidden;align-items:center;margin-bottom:12px;position:relative;cursor:pointer;padding:10px 20px}.im-user-list li.on[data-v-7d8a5b21]{background-color:#f5f5f5}.im-user-list__thumb[data-v-7d8a5b21]{width:50px;height:50px;position:relative}.im-user-list__thumb img[data-v-7d8a5b21]{width:50px;height:50px;border-radius:50%}.im-user-list__thumb.on[data-v-7d8a5b21]:before{display:none;content:"";width:8px;height:8px;background:#12be6e;position:absolute;border:1px solid #fff;z-index:2;right:2px;bottom:2px;border-radius:50%}.im-user-list__content[data-v-7d8a5b21]{padding:0 15px 0 10px;width:calc(100% - 90px)}.im-user-list__content h5[data-v-7d8a5b21]{font-size:15px;font-family:PingFangSC-Medium,PingFang SC;font-weight:600;color:#222;padding-bottom:6px}.im-user-list__content p[data-v-7d8a5b21]{font-size:12px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.im-user-list__content i[data-v-7d8a5b21]{color:#8590a6;font-size:12px;position:absolute;top:50%;right:25px;margin-top:-5px}.im-user-list__content i.unread[data-v-7d8a5b21]{font-style:normal;background:#004d92;width:18px;height:18px;line-height:18px;text-align:center;color:#fff;border-radius:50%;font-size:10px}.im-user-list__content[data-v-7d8a5b21]:before{display:none;content:"";width:9px;height:9px;background:#004d92;position:absolute;z-index:2;right:25px;top:50%;margin-top:-5px;border-radius:50%}.im-user-list--line .im-user-list__thumb[data-v-7d8a5b21]:before{display:inline-block}.im-user-list--msg .im-user-list__content p[data-v-7d8a5b21]{color:#004d92}.im-user-list--msg .im-user-list__content[data-v-7d8a5b21]:before{display:inline-block}.im-user-list--msg .im-user-list__content i[data-v-7d8a5b21]{display:none}.im[data-v-0e442cba]{position:fixed;z-index:200}.im-index[data-v-0e442cba]{background:#fff;box-shadow:0 0 30px 0 #d4d8dc;border-radius:10px;display:flex;width:900px;box-sizing:border-box}.im-index-user[data-v-0e442cba]{border-right:1px solid #eee;width:350px;box-sizing:border-box}.im-index-content[data-v-0e442cba]{width:550px;box-sizing:border-box}.im-btn[data-v-0e442cba]{width:60px;height:60px;background:#12be6e;box-shadow:0 0 30px 0 #d4d8dc;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;right:15px;bottom:9vh;cursor:pointer;z-index:100;opacity:.9;transition:all .3s ease}.im-btn[data-v-0e442cba]:hover{right:12px;opacity:1}.im-btn i[data-v-0e442cba]{font-size:24px;color:#fff}.im-btn p[data-v-0e442cba]{font-size:12px;color:#fff;padding-top:5px}.slide-fade-enter-active[data-v-0e442cba],.slide-fade-leave-active[data-v-0e442cba]{transition:all .5s ease}.slide-fade-enter[data-v-0e442cba],.slide-fade-leave-to[data-v-0e442cba]{transform:translateX(900px);opacity:0}