.codigger-side-contact{height:100vh}.codigger-side-contact .contact-category-list .contact-item{display:flex;align-items:center;height:66px;padding:4px 0 4px 16px}.codigger-side-contact .contact-category-list .contact-item:hover{background:rgba(134,180,251,.3);cursor:pointer}.codigger-side-contact .contact-category-list .contact-item .contact-img{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:hsla(0,0%,100%,.06);border-radius:50%}.codigger-side-contact .contact-category-list .contact-item .contact-img img{width:24px;height:24px}.codigger-side-contact .contact-category-list .contact-item .contact-name{margin-left:10px;font-weight:700;font-size:14px;color:#fff}.codigger-side-contact .menu-contact-list{height:calc(100% - 52px);overflow-y:auto}.codigger-side-contact .menu-contact-list .contact-list-wrap{position:relative;height:auto;min-height:100%}.codigger-side-contact .menu-contact-list .contact-list-wrap .empty-wrap,.codigger-side-contact .menu-contact-list .contact-list-wrap .loading-wrap{position:absolute;top:50%;transform:translateY(-50%);margin-top:-10px}.codigger-side-organize-list{height:100%}.codigger-side-organize-list .search-section .search-wrap{margin-left:44px}.codigger-side-organize-list .main-content-body{height:calc(100% - 52px);overflow-y:auto}.codigger-side-organize-list .organize-list .menu-item:hover,.codigger-side-organize-list .organize-list .menu-wrap:hover{background:rgba(134,180,251,.3);cursor:pointer}.codigger-side-organize-list .organize-list .menu-wrap{display:flex;justify-content:space-between;align-items:center;height:66px;padding:4px 17px 4px 16px;color:#fff}.codigger-side-organize-list .organize-list .menu-wrap.menu-wrap-active{background:rgba(134,180,251,.1)}.codigger-side-organize-list .organize-list .menu-wrap section{display:flex}.codigger-side-organize-list .organize-list .menu-wrap .organize-icon-wrap{display:flex;justify-content:center;align-items:center;width:48px;height:48px;margin-right:10px;background:hsla(0,0%,100%,.06);border-radius:50%}.codigger-side-organize-list .organize-list .menu-wrap .menu-title{font-weight:700}.codigger-side-organize-list .organize-list .menu-wrap .menu-num{color:hsla(0,0%,100%,.5)}.codigger-side-organize-list .organize-list .menu-wrap .menu-num b{font-weight:400;margin-right:10px}.codigger-side-organize-list .organize-list .menu-item{margin-bottom:10px;padding:4px 0;color:#fff}.codigger-side-organize-list .organize-list .menu-item .contact-img{width:48px;height:48px;margin-right:10px}.codigger-side-organize-list .organize-list .menu-item .contact-img .lazy-avatar-img{border-radius:50%}.codigger-side-organize-list .organize-list .menu-item span{font-weight:700}.codigger-organize-members{height:100%}.codigger-organize-members .contact-list-wrap{height:calc(100% - 62px)}.codigger-organize-members .contact-list-wrap .contact-wrap{height:66px}.codigger-side-my-group-chat .search-section .search-wrap{margin-left:44px}.codigger-side-my-group-chat .group-chat-list .group-chat-item{display:flex;justify-content:space-between;align-items:center;height:66px;padding:4px 17px 4px 16px}.codigger-side-my-group-chat .group-chat-list .group-chat-item:hover{background:rgba(134,180,251,.3);cursor:pointer}.codigger-side-my-group-chat .group-chat-list .group-chat-item .group-chat-info{display:flex;align-items:center}.codigger-side-my-group-chat .group-chat-list .group-chat-item .group-chat-info .group-chat-img{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:hsla(0,0%,100%,.06);border-radius:50%}.codigger-side-my-group-chat .group-chat-list .group-chat-item .group-chat-info .group-chat-img img{width:24px;height:24px}.codigger-side-my-group-chat .group-chat-list .group-chat-item .group-chat-info .group-chat-name{margin:0 10px;font-weight:700;font-size:14px;color:#fff}.codigger-side-my-group-chat .group-chat-list .group-chat-item .group-chat-info .group-chat-num{color:hsla(0,0%,100%,.5)}.codigger-side-my-group-chat .group-chat-list .group-chat-item .fold-icon{width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMZJREFUOE+l0qESQUEYxfH/GTNUlUeQBIXRGEFWibrH0NTbvYIkeAEjq7qgKcwxKxmzu/caW7bs/vbMd1b8ufTnfZKA7aakW9kDUcD2ElgDI0mnHBIFnnYhCMhF0JN0TSGpBHXgYBiEXTCR9IghuRm0DEegbdjUpNVPQDhsux8SACHRQtL2Gymt0fbOMAXOgo4kfyJZILRhKIC7YBhrJDeDd3xDQzCPxQ9JUi1UGmAO2BvGZRXmgC6wAWa5T5QEyv5/5RaqQC/pgEkRw6ls3gAAAABJRU5ErkJggg==) no-repeat}.codigger-side-group-chat-list{height:100%}.codigger-side-group-chat-list .breadcrumb-wrap{margin-bottom:0}.codigger-side-group-chat-list .group-contact-list{height:calc(100% - 52px)}.codigger-side-group-chat-list .group-contact-list .menu-contact-list{height:100%;padding-top:10px;overflow-y:auto}.codigger-side-group-chat-list .group-contact-list .menu-contact-list .contact-list-wrap{position:relative;height:auto;min-height:calc(100% - 56px)}.codigger-side-group-chat-list .group-contact-list .menu-contact-list .contact-list-wrap .empty-wrap,.codigger-side-group-chat-list .group-contact-list .menu-contact-list .contact-list-wrap .loading-wrap{position:absolute;top:50%;transform:translateY(-50%)}.codigger-side-group-chat-list .group-contact-list .load-more{padding:15px 0 20px;text-align:center;color:#86b4fb}.codigger-side-all-users{height:100%;display:flex;flex-direction:column}.codigger-side-all-users .search-section .search-wrap{margin-left:44px}.codigger-side-all-users .total{font-size:12px;line-height:18px;color:hsla(0,0%,100%,.5);margin-top:6px;margin-bottom:6px;text-align:center}.codigger-side-all-users .empty{margin-top:67px;display:flex;flex-direction:column;align-items:center}.codigger-side-all-users .empty .icon{width:96px;height:96px;margin-bottom:10px}.codigger-side-all-users .empty .text{font-size:14px;line-height:20px;color:#86b4fb}.codigger-side-all-users .user-list-wrapper{overflow:auto}.codigger-side-all-users .user-list{display:flex;flex-direction:column;flex:auto;overflow:auto;flex-shrink:0}.codigger-side-all-users .user-list .contact-wrap{height:66px;padding:0 16px;display:flex;align-items:center;flex-shrink:0}.codigger-side-all-users .user-list .contact-wrap:hover{background:rgba(134,180,251,.3);cursor:pointer}.codigger-side-all-users .user-list .contact-wrap .contact-img{width:48px;height:48px;border-radius:50%;margin-right:10px}.codigger-side-all-users .user-list .contact-wrap .contact-name{font-size:14px;color:#fff;font-weight:700}.codigger-side-customer-list{height:100%;display:flex;flex-direction:column}.codigger-side-customer-list .search-section .search-wrap{margin-left:44px}.codigger-side-customer-list .customer-list{display:flex;flex-direction:column;flex:auto;overflow:auto}.codigger-side-customer-list .customer-list .customer-list-item{height:66px;padding:0 16px;display:flex;align-items:center;position:relative}.codigger-side-customer-list .customer-list .customer-list-item:hover{background:rgba(134,180,251,.3);cursor:pointer}.codigger-side-customer-list .customer-list .customer-list-item .icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:hsla(0,0%,100%,.06);border-radius:50%}.codigger-side-customer-list .customer-list .customer-list-item .icon-wrapper .icon{width:24px;height:24px}.codigger-side-customer-list .customer-list .customer-list-item .name{margin:0 10px;font-weight:700;font-size:14px;color:#fff}.codigger-side-customer-list .customer-list .customer-list-item .num{color:hsla(0,0%,100%,.5)}.codigger-side-customer-list .customer-list .customer-list-item .fold-icon{width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMZJREFUOE+l0qESQUEYxfH/GTNUlUeQBIXRGEFWibrH0NTbvYIkeAEjq7qgKcwxKxmzu/caW7bs/vbMd1b8ufTnfZKA7aakW9kDUcD2ElgDI0mnHBIFnnYhCMhF0JN0TSGpBHXgYBiEXTCR9IghuRm0DEegbdjUpNVPQDhsux8SACHRQtL2Gymt0fbOMAXOgo4kfyJZILRhKIC7YBhrJDeDd3xDQzCPxQ9JUi1UGmAO2BvGZRXmgC6wAWa5T5QEyv5/5RaqQC/pgEkRw6ls3gAAAABJRU5ErkJggg==) no-repeat;position:absolute;right:16px}.codigger-side-customer-item .contact-is-customer{background:transparent!important}.codigger-side-customer-item .contact-is-customer:hover{background:rgba(134,180,251,.3)!important}