.contact-item[data-v-58312592]{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:10px 9px;border-radius:4px;display:flex;align-items:center;cursor:pointer}.contact-item img[data-v-58312592]{flex:0 0 auto;width:36px;height:36px;border-radius:8px}.contact-item .name[data-v-58312592]{font-size:14px;flex:1;margin-left:12px}.contact-item .name .text[data-v-58312592]{margin:0;font-size:14px;line-height:14px;color:#36363a}.contact-item .name .job[data-v-58312592]{margin:0;margin-top:6px;font-size:12px;line-height:12px;color:#9899a1}.contact-item .next-bar[data-v-58312592]{cursor:pointer;padding:11px 18px;font-size:0}.contact-item.active[data-v-58312592],.contact-item[data-v-58312592]:focus,.contact-item[data-v-58312592]:hover{background:#f2f3f5}.user-panel-contair[data-v-20c38d69]{position:fixed;width:100%;height:100%;left:0;top:0;z-index:999}.user-panel[data-v-20c38d69]{position:fixed;left:460px;top:200px;box-shadow:0 0 10px 5px rgba(0,0,0,.1);box-sizing:border-box;width:320px;height:410px;background:#fff;transition:all .3s cubic-bezier(.645,.045,.355,1)}.user-panel-user[data-v-20c38d69]{padding:20px 20px;display:flex;flex-direction:row;align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0}.user-panel-user img[data-v-20c38d69]{width:48px;height:48px;border-radius:8px}.user-panel-user .user-panel-user-label[data-v-20c38d69]{margin-left:20px}.user-panel-user .user-panel-user-label h1[data-v-20c38d69]{padding:0;margin:0;font-size:16px;line-height:16px;color:#36363a}.user-panel-user .user-panel-user-label p[data-v-20c38d69]{padding:0;margin:0;font-size:12px;line-height:12px;color:#9899a1;margin-top:10px}.user-panel-row[data-v-20c38d69]{padding:15px 20px}.user-panel-row .user-panel-row-item[data-v-20c38d69]{height:44px;line-height:44px;font-size:14px;color:#36363a}.user-panel-row .user-panel-row-item .label[data-v-20c38d69]{color:#9899a1;display:inline-block;width:50px}.user-panel-row .user-panel-row-item .link[data-v-20c38d69]{color:#4bcdcf}.footer-btn[data-v-20c38d69]{margin-top:28px}.address-book-contact[data-v-3cf9b1a9]{position:relative;height:100%}.address-book-contact h1[data-v-3cf9b1a9]{margin:0;padding:0 20px;line-height:54px;font-size:16px;color:#36363a}.address-book-contact .contact-list[data-v-3cf9b1a9]{width:100%;position:absolute;top:54px;bottom:0;left:0;right:0;overflow:auto;padding:0 10px}.empty[data-v-3cf9b1a9]{width:100%;position:absolute;top:54px;bottom:0;left:0;right:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty .empty-wrapper[data-v-3cf9b1a9]{text-align:center}.empty .empty-wrapper img[data-v-3cf9b1a9]{width:148px;height:96px}.empty .empty-wrapper p[data-v-3cf9b1a9]{line-height:34px;font-size:14px;color:#9899a1}