.im-user[data-v-3c5b541d]{box-sizing:border-box;padding:20px 0}.im-user-title[data-v-3c5b541d]{overflow:hidden;margin-bottom:10px;padding:0 20px}.im-user-title span[data-v-3c5b541d]{float:left;font-size:22px;font-weight:600;color:#222}.im-user-title i[data-v-3c5b541d]{float:right;margin-left:20px;font-size:16px;cursor:pointer}.im-user-search[data-v-3c5b541d]{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-3c5b541d]{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-3c5b541d]{padding-top:12px;height:400px;max-height:90%}.im-user-list li[data-v-3c5b541d]{display:flex;overflow:hidden;align-items:center;margin-bottom:12px;position:relative;cursor:pointer;padding:10px 20px}.im-user-list li.on[data-v-3c5b541d]{background-color:#f5f5f5}.im-user-list__thumb[data-v-3c5b541d]{width:50px;height:50px;position:relative}.im-user-list__thumb img[data-v-3c5b541d]{width:50px;height:50px;border-radius:50%}.im-user-list__thumb.on[data-v-3c5b541d]: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-3c5b541d]{padding:0 15px 0 10px;width:calc(100% - 90px)}.im-user-list__content h5[data-v-3c5b541d]{font-size:15px;font-family:PingFangSC-Medium,PingFang SC;font-weight:600;color:#222;padding-bottom:6px}.im-user-list__content p[data-v-3c5b541d]{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-3c5b541d]{color:#8590a6;font-size:12px;position:absolute;top:50%;right:25px;margin-top:-5px}.im-user-list__content[data-v-3c5b541d]: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-3c5b541d]:before{display:inline-block}.im-user-list--msg .im-user-list__content p[data-v-3c5b541d]{color:#004d92}.im-user-list--msg .im-user-list__content[data-v-3c5b541d]:before{display:inline-block}.im-user-list--msg .im-user-list__content i[data-v-3c5b541d]{display:none}.im-add-title[data-v-6e195562]{overflow:hidden;padding:15px 20px;border-bottom:1px solid #eee}.im-add-title h5[data-v-6e195562]{float:left;font-size:17px;font-family:PingFangSC-Medium,PingFang SC;font-weight:600;color:#222;line-height:35px}.im-add-title i[data-v-6e195562]{float:right;font-size:14px;color:#222;line-height:35px;cursor:pointer}.im-add-content[data-v-6e195562]{padding:20px 30px 20px 20px}.im-add-more[data-v-6e195562]{font-size:12px;color:#999;text-align:center;margin-top:10vh}.im-user-list[data-v-6e195562]{padding:0 20px;height:350px;overflow-x:auto;max-height:90%;margin-top:15px}.im-user-list li[data-v-6e195562]{display:flex;overflow:hidden;align-items:center;padding-bottom:12px;margin-bottom:12px;width:100%;justify-content:space-between;position:relative}.im-user-list li[data-v-6e195562]:before{content:"";bottom:0;right:0;left:60px;height:1px;position:absolute;background:#f1f1f1}.im-user-list-wp[data-v-6e195562]{display:flex;align-items:center}.im-user-list__thumb[data-v-6e195562]{width:50px;height:50px;position:relative}.im-user-list__thumb img[data-v-6e195562]{width:50px;height:50px;border-radius:50%}.im-user-list__content[data-v-6e195562]{padding:0 15px 0 10px}.im-user-list__content h5[data-v-6e195562]{font-size:15px;font-family:PingFangSC-Medium,PingFang SC;font-weight:600;color:#222;padding-bottom:6px}.im-user-list__content p[data-v-6e195562]{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-6e195562]{color:#8590a6;font-size:12px;position:absolute;top:50%;right:5px;margin-top:-5px}.im-add-title[data-v-6e230f4d]{overflow:hidden;padding:15px 20px;border-bottom:1px solid #eee}.im-add-title h5[data-v-6e230f4d]{float:left;font-size:17px;font-family:PingFangSC-Medium,PingFang SC;font-weight:600;color:#222;line-height:35px}.im-add-title i[data-v-6e230f4d]{float:right;font-size:14px;color:#222;line-height:35px}.im-add-nav[data-v-6e230f4d]{display:flex;justify-content:center;align-items:center}.im-add-nav span[data-v-6e230f4d]{font-size:15px;color:#999;margin:0 10px;padding:5px;cursor:pointer}.im-add-nav span.on[data-v-6e230f4d]{color:#333}.im-add-nav i[data-v-6e230f4d]{height:10px;background:#ddd;width:1px}.im-add-content[data-v-6e230f4d]{padding:20px 30px 20px 20px}.im-add-more[data-v-6e230f4d]{font-size:12px;color:#999;text-align:center;margin-top:10vh}.im-user-list[data-v-6e230f4d]{padding:0 20px;height:350px;overflow-x:auto;max-height:90%;margin-top:15px}.im-user-list li[data-v-6e230f4d]{display:flex;overflow:hidden;align-items:center;padding-bottom:12px;margin-bottom:12px;width:100%;justify-content:space-between;position:relative}.im-user-list li[data-v-6e230f4d]:before{content:"";bottom:0;right:0;left:60px;height:1px;position:absolute;background:#f1f1f1}.im-user-list li .status[data-v-6e230f4d]{font-size:14px;color:#666;font-weight:500;cursor:pointer}.im-user-list-wp[data-v-6e230f4d]{display:flex;align-items:center}.im-user-list__thumb[data-v-6e230f4d]{width:50px;height:50px;position:relative}.im-user-list__thumb img[data-v-6e230f4d]{width:50px;height:50px;border-radius:50%}.im-user-list__content[data-v-6e230f4d]{padding:0 15px 0 10px}.im-user-list__content h5[data-v-6e230f4d]{font-size:15px;font-family:PingFangSC-Medium,PingFang SC;font-weight:600;color:#222;padding-bottom:6px}.im-user-list__content p[data-v-6e230f4d]{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-6e230f4d]{color:#8590a6;font-size:12px;position:absolute;top:50%;right:5px;margin-top:-5px}.im[data-v-974585fa]{position:fixed;bottom:calc(10vh + 75px);right:15px;z-index:200}.im-index[data-v-974585fa]{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-974585fa]{border-right:1px solid #eee;width:350px;box-sizing:border-box}.im-index-content[data-v-974585fa]{width:550px;box-sizing:border-box}.im-btn[data-v-974585fa]{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-974585fa]:hover{right:12px;opacity:1}.im-btn i[data-v-974585fa]{font-size:24px;color:#fff}.im-btn p[data-v-974585fa]{font-size:12px;color:#fff;padding-top:5px}.slide-fade-enter-active[data-v-974585fa],.slide-fade-leave-active[data-v-974585fa]{transition:all .5s ease}.slide-fade-enter[data-v-974585fa],.slide-fade-leave-to[data-v-974585fa]{transform:translateX(900px);opacity:0}