.group-item-outer{width:12px;height:12px;border:1px solid #aaa;border-radius:50%;box-sizing:content-box}.group-item-outer.red{border-color:rgba(243,51,0,.3)}.group-item-outer.blue{border-color:rgba(47,147,253,.3)}.group-item-outer.green{border-color:rgba(51,224,135,.3)}.group-item-outer.yellow{border-color:rgba(255,212,51,.3)}.group-item-outer.purple{border-color:rgba(124,117,220,.3)}.group-item-outer.light_green{border-color:rgba(0,189,255,.3)}.group-item-outer.pink{border-color:rgba(253,92,122,.3)}.group-item-outer.dark_blue{border-color:rgba(50,61,160,.3)}.group-item-inner{width:8px;height:8px;border:2px solid #fff;border-radius:50%;box-sizing:content-box}.group-item-inner.red{background-color:#f33300}.group-item-inner.blue{background-color:#2f93fd}.group-item-inner.green{background-color:#33e087}.group-item-inner.yellow{background-color:#ffd433}.group-item-inner.purple{background-color:#7c75dc}.group-item-inner.light_green{background-color:#00bdff}.group-item-inner.pink{background-color:#fd5c7a}.group-item-inner.dark_blue{background-color:#323da0}.icbu-im-im-weblite-list .recent-list .search-text .highlight{color:#ff6a00}.icbu-im-im-weblite-list .recent-list-item{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;position:relative;cursor:pointer;height:62px;box-sizing:border-box;background-color:#fff}.icbu-im-im-weblite-list .recent-list-item:hover{background-color:#f3f3f3}.icbu-im-im-weblite-list .recent-list-item:hover .action-container{display:block}.icbu-im-im-weblite-list .recent-list-item.recent-list-item-select{background-color:#f8f8f8}.icbu-im-im-weblite-list .recent-list-item.recent-list-item-unread{color:#333}.icbu-im-im-weblite-list .recent-list-item.recent-list-item-unread .name{color:#000}.icbu-im-im-weblite-list .recent-list-item.recent-list-item-pin:after{content:"";position:absolute;top:4px;right:4px;width:0;height:0;border-color:hsla(0,0%,60%,.2) hsla(0,0%,60%,.2) transparent transparent;border-style:solid;border-width:8px}.icbu-im-im-weblite-list .recent-list-item.recent-list-with-product:hover .prodcut-img-wrapper{opacity:.2}.icbu-im-im-weblite-list .recent-list-item.recent-list-with-product .contact-info{position:relative}.icbu-im-im-weblite-list .recent-list-item.recent-list-with-product .company-name,.icbu-im-im-weblite-list .recent-list-item.recent-list-with-product .msg-wrapper{padding-right:44px}.icbu-im-im-weblite-list .recent-list-item.recent-list-with-product .prodcut-img-wrapper{position:absolute;width:36px;height:36px;border-radius:4px;overflow:hidden;right:0;bottom:0;border:.5px solid #ebebeb}.icbu-im-im-weblite-list .recent-list-item.recent-list-with-product .prodcut-img-wrapper img{width:36px;height:36px}.icbu-im-im-weblite-list .recent-list-item .portrait-container{position:relative;width:36px;height:36px;margin:0 12px;flex-shrink:0}.icbu-im-im-weblite-list .recent-list-item .portrait-container .head-portrait{width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:1px 1px 4px 0 rgba(0,0,0,.12)}.icbu-im-im-weblite-list .recent-list-item .portrait-container .head-portrait img{width:100%;height:100%}.icbu-im-im-weblite-list .recent-list-item .portrait-container .head-portrait .letter{font-size:20px;color:#fff;background-color:#50e3c2;line-height:36px;text-align:center}.icbu-im-im-weblite-list .recent-list-item .portrait-container .unread-num{position:absolute;right:-4px;top:-2px;background-color:#f33;color:#fff;font-size:12px;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;font-weight:400;border:1px solid #fff}.icbu-im-im-weblite-list .recent-list-item .portrait-container .mute-unread{position:absolute;right:0;top:4px;width:8px;height:8px;background-color:red;border-radius:50%}.icbu-im-im-weblite-list .recent-list-item .contact-info-wrapper{height:100%;display:flex;align-items:center;flex:1;overflow:hidden;border-bottom:.5px solid #ebebeb;box-sizing:border-box;padding-right:12px}.icbu-im-im-weblite-list .recent-list-item .contact-info{position:relative;flex-grow:1;min-width:0}.icbu-im-im-weblite-list .recent-list-item .contact-info .block{margin-right:5px;width:12px;height:12px}.icbu-im-im-weblite-list .recent-list-item .contact-info .mute{margin-right:5px;height:12px;margin-top:-4px}.icbu-im-im-weblite-list .recent-list-item .contact-name{line-height:20px;margin-bottom:4px;padding-right:70px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icbu-im-im-weblite-list .recent-list-item .name{font-size:16px;color:#333;font-weight:500}.icbu-im-im-weblite-list .recent-list-item .contact-time{color:#999;font-size:12px;position:absolute;right:0;top:0}.icbu-im-im-weblite-list .recent-list-item .company-name{font-size:12px;color:#333;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:15px}.icbu-im-im-weblite-list .recent-list-item .latest-msg{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;font-size:12px;color:#999;position:relative;padding-right:20px}.icbu-im-im-weblite-list .recent-list-item .latest-msg.latest-msg-rec{padding-right:25px}.icbu-im-im-weblite-list .recent-list-item .latest-msg.latest-msg-rec p{width:140px}.icbu-im-im-weblite-list .recent-list-item .latest-msg p{flex-grow:1;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.icbu-im-im-weblite-list .recent-list-item .latest-msg .next-icon-success{margin-right:5px}.icbu-im-im-weblite-list .recent-list-item .latest-msg .next-icon-success-filling{margin-right:5px;color:#ffcb00}.icbu-im-im-weblite-list .recent-list-item .latest-msg .unread-tag{color:#2192d9;margin-right:4px}.icbu-im-im-weblite-list .recent-list-item .latest-msg .read-tag{color:#666;margin-right:4px}.icbu-im-im-weblite-list .recent-list-item .latest-msg .send-failed{position:relative;top:-1px;display:inline-block;width:10px;height:10px;line-height:11px;margin-right:5px;text-align:center;border-radius:50%;color:#fff;font-size:8px;background-color:#e60909}.icbu-im-im-weblite-list .recent-list-item .action-container{position:absolute;right:7px;top:30px;display:none;height:20px;width:20px;background-color:hsla(0,0%,100%,.9);border-radius:50%;text-align:center;line-height:20px;border:1px solid #dcdee3}.icbu-im-im-weblite-list .recent-list-item .action-container.balloon-trigger-active{display:block}.icbu-im-im-weblite-list .mark-color-line{flex-shrink:0;width:5px;height:100%;background-color:transparent}.icbu-im-im-weblite-list .mark-color-line.red{background-color:#f33300}.icbu-im-im-weblite-list .mark-color-line.blue{background-color:#2f93fd}.icbu-im-im-weblite-list .mark-color-line.green{background-color:#33e087}.icbu-im-im-weblite-list .mark-color-line.yellow{background-color:#ffd433}.icbu-im-im-weblite-list .mark-color-line.purple{background-color:#7c75dc}.icbu-im-im-weblite-list .mark-color-line.light_green{background-color:#00bdff}.icbu-im-im-weblite-list .mark-color-line.pink{background-color:#fd5c7a}.icbu-im-im-weblite-list .mark-color-line.dark_blue{background-color:#323da0}.icbu-im-im-weblite-list .contact-list-content .loadmore-box .buyingleads-tip{font-size:12px;padding:16px 16px 40px;background-color:#f2f3f7}.label-pick-content{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}.label-pick-select{min-width:66px;line-height:32px;border-radius:16px}.label-pick-select-item{display:inline-block;width:12px;height:12px;border-radius:50%}.label-pick-select-item.red{background-color:#f33300}.label-pick-select-item.blue{background-color:#2f93fd}.label-pick-select-item.green{background-color:#33e087}.label-pick-select-item.yellow{background-color:#ffd433}.label-pick-select-item.purple{background-color:#7c75dc}.label-pick-select-item.light_green{background-color:#00bdff}.label-pick-select-item.pink{background-color:#fd5c7a}.label-pick-select-item.dark_blue{background-color:#323da0}.label-pick-input{margin-left:10px}.contact-action-menu.next-menu,.filter-menu.next-menu{box-shadow:none;border:none}.contact-action-menu.next-menu .label-menu,.filter-menu.next-menu .label-menu{max-width:145px}.contact-action-menu.next-menu .label-menu .next-menu-content,.filter-menu.next-menu .label-menu .next-menu-content{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;padding:0 10px 0 35px}.contact-action-menu.next-menu .label-item,.filter-menu.next-menu .label-item{height:22px;line-height:22px;padding:0!important;width:24px;display:flex;flex-flow:row wrap;justify-content:center;align-items:center}.contact-action-menu.next-menu .group-item-outer,.filter-menu.next-menu .group-item-outer{width:12px;height:12px}.contact-action-menu.next-menu .group-item-outer .group-item-inner,.filter-menu.next-menu .group-item-outer .group-item-inner{width:8px;height:8px}.contact-action-menu.next-menu .group-item-outer.selected,.filter-menu.next-menu .group-item-outer.selected{width:16px;height:16px;box-shadow:0 0 4px #999}.contact-action-menu.next-menu .group-item-outer.selected.red,.filter-menu.next-menu .group-item-outer.selected.red{border-color:#f33300}.contact-action-menu.next-menu .group-item-outer.selected.blue,.filter-menu.next-menu .group-item-outer.selected.blue{border-color:#2f93fd}.contact-action-menu.next-menu .group-item-outer.selected.green,.filter-menu.next-menu .group-item-outer.selected.green{border-color:#33e087}.contact-action-menu.next-menu .group-item-outer.selected.yellow,.filter-menu.next-menu .group-item-outer.selected.yellow{border-color:#ffd433}.contact-action-menu.next-menu .group-item-outer.selected.purple,.filter-menu.next-menu .group-item-outer.selected.purple{border-color:#7c75dc}.contact-action-menu.next-menu .group-item-outer.selected.light_green,.filter-menu.next-menu .group-item-outer.selected.light_green{border-color:#00bdff}.contact-action-menu.next-menu .group-item-outer.selected.pink,.filter-menu.next-menu .group-item-outer.selected.pink{border-color:#fd5c7a}.contact-action-menu.next-menu .group-item-outer.selected.dark_blue,.filter-menu.next-menu .group-item-outer.selected.dark_blue{border-color:#323da0}.contact-action-menu.next-menu .group-item-outer.selected .group-item-inner,.filter-menu.next-menu .group-item-outer.selected .group-item-inner{width:12px;height:12px}.contact-action-menu.next-menu .item-content,.filter-menu.next-menu .item-content{display:flex;align-items:center}.contact-action-menu.next-menu .item-content .icon-wrapper,.filter-menu.next-menu .item-content .icon-wrapper{display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-right:8px;overflow:hidden}.contact-action-menu.next-menu .item-content .icon-wrapper .menu-icon,.filter-menu.next-menu .item-content .icon-wrapper .menu-icon{width:14px}.contact-action-menu.next-menu .next-menu-content li:nth-child(2) .menu-icon,.filter-menu.next-menu .next-menu-content li:nth-child(2) .menu-icon{width:13px}.contact-action-menu.next-menu .next-menu-content li:nth-child(3) .menu-icon,.filter-menu.next-menu .next-menu-content li:nth-child(3) .menu-icon{width:15px}.next-balloon.contact-action-balloon,.next-balloon.filter-balloon{padding:0}.contact-header-balloon{width:148px;height:44px;box-shadow:1px 1px 8px 0 rgba(0,0,0,.15)}.contact-header-balloon span{font-size:14px;line-height:22px}.contact-header-balloon .next-switch{vertical-align:middle;color:#333;font-family:Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;font-size:14px;line-height:1.28571;outline:none;text-align:left;transition:all .3s cubic-bezier(.78,.14,.15,.86);overflow:hidden;cursor:pointer;float:right}.contact-header-balloon .next-switch,.contact-header-balloon .next-switch *,.contact-header-balloon .next-switch :after,.contact-header-balloon .next-switch :before{box-sizing:border-box}.contact-header-balloon .next-switch .next-switch-trigger{transition:all .4s cubic-bezier(.78,.14,.15,.86);transform-origin:left center;z-index:1}.contact-header-balloon .next-switch-small{position:relative;display:inline-block;border:1px solid transparent;width:36px;height:22px;border-radius:15px}.contact-header-balloon .next-switch-small>.next-switch-trigger{border:1px solid transparent;position:absolute;left:100%;transform:translateX(-100%);width:20px;height:20px;border-radius:15px}.contact-header-balloon .next-switch-small>.next-switch-children{font-size:12px;position:absolute;height:20px;line-height:20px}.contact-header-balloon .next-switch-on{background-color:#1dc11d}.contact-header-balloon .next-switch-on>.next-switch-trigger{box-shadow:1px 1px 3px 0 rgba(0,0,0,.32);background-color:#fff;border-color:transparent}.contact-header-balloon .next-switch-on>.next-switch-children{left:8px;color:#fff}.contact-header-balloon .next-switch-on:hover{background-color:#0da80d}.contact-header-balloon .next-switch-on:hover>.next-switch-trigger{background-color:#fff}.contact-header-balloon .next-switch-on[disabled]{background-color:#c4c6cf;cursor:not-allowed}.contact-header-balloon .next-switch-on[disabled]>.next-switch-trigger{right:0;box-shadow:1px 1px 3px 0 rgba(0,0,0,.32);background-color:#e6e7eb;border-color:transparent}.contact-header-balloon .next-switch-on[disabled]>.next-switch-children{color:#dcdee3}.contact-header-balloon .next-switch-off{background-color:#fff;border-color:#dcdee3}.contact-header-balloon .next-switch-off:hover{background-color:#f7f8fa;border-color:#c4c6cf}.contact-header-balloon .next-switch-off>.next-switch-trigger{left:0;transform:translateX(0);box-shadow:1px 1px 3px 0 rgba(0,0,0,.32);background-color:#fff;border-color:transparent}.contact-header-balloon .next-switch-off>.next-switch-trigger:hover{background-color:#fff}.contact-header-balloon .next-switch-off>.next-switch-children{right:8px;color:#ccc}.contact-header-balloon .next-switch-off[disabled]{background-color:#c4c6cf;border:1px solid transparent;cursor:not-allowed}.contact-header-balloon .next-switch-off[disabled]>.next-switch-trigger{box-shadow:1px 1px 3px 0 rgba(0,0,0,.32);background-color:#e6e7eb;border-color:transparent}.contact-header-balloon .next-switch-off[disabled]>.next-switch-children{color:#dcdee3}.icbu-im-im-weblite-list .list-no-data{text-align:center;font-size:16px;color:#666;padding-top:100px;height:300px;box-sizing:border-box}.icbu-im-im-weblite-list .list-no-data .nodata-img{width:100px;height:100px}.icbu-im-im-weblite-list .list-no-data .nodata-text{margin-top:20px}.icbu-im-im-weblite-list .list-no-data .nodata-text .content{font-size:14px;margin:20px}.icbu-im-im-weblite-list .list-no-data .buyingleads-tip{font-size:12px;padding:16px 40px!important;background-color:#fff!important}.icbu-im-im-weblite-list .contact-list-header{height:44px;border-radius:4px 4px 0 0;box-sizing:border-box;line-height:44px;position:relative;overflow:hidden;font-size:16px;cursor:pointer;border:1px solid #dcdee3;border-radius:0 4px 0 0;color:#000;background:#fff;box-shadow:0 1px 5px 0 rgba(0,0,0,.15);z-index:1;padding:0 12px 0 16px}.icbu-im-im-weblite-list .contact-list-header span{vertical-align:middle}.icbu-im-im-weblite-list .contact-list-header .fold-down-wrapper{position:absolute;right:0;top:0}.icbu-im-im-weblite-list .contact-list-header .fold-down-wrapper .next-icon{margin-right:12px}.icbu-im-im-weblite-list .contact-list-header .comment-wrapper{display:inline-block;position:relative;margin-right:8px;padding-right:4px}.icbu-im-im-weblite-list .contact-list-header .comment-wrapper .comments-icon{width:18px}.icbu-im-im-weblite-list .contact-list-header .comment-wrapper .online-tag{position:absolute;top:10px;right:0;height:8px;width:8px;border-radius:50%;display:inline-block;background-color:#1dc11d}.icbu-im-im-weblite-list .contact-list-header.contact-list-header-fold{background:#fff;color:#333;border-radius:4px 4px 0 0}.icbu-im-im-weblite-list .contact-list-header.contact-list-header-fold .header-action-container .next-icon{color:#666}.icbu-im-im-weblite-list .contact-list-header.contact-list-header-fold .unread-count{color:#fff;background-color:#ff6a00}.icbu-im-im-weblite-list .contact-list-header .header-action-container{position:absolute;right:6px;top:0;width:30px;text-align:right}.icbu-im-im-weblite-list .contact-list-header .header-action-container .next-icon-ellipsis{padding:0 8px}.icbu-im-im-weblite-list .contact-list-header .unread-count{display:inline-block;margin-left:10px;vertical-align:middle;font-size:14px;color:#fff;background-color:#f33;border-radius:20px;width:20px;height:20px;text-align:center;line-height:20px}.icbu-im-im-weblite-list .group-list-container{width:100%;height:calc(100% - 56px);overflow:auto}.icbu-im-im-weblite-list .group-list-container .list-wrapper{min-height:90px}.icbu-im-im-weblite-list .group-list-container .group-bar{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;height:40px;padding-right:12px;background-color:#f8f8f8;border-bottom:1px solid #dcdee3;cursor:pointer}.icbu-im-im-weblite-list .group-list-container .group-bar .mark-color-line{margin-right:12px}.icbu-im-im-weblite-list .group-list-container .group-name{height:40px;line-height:40px;color:#333;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icbu-im-im-weblite-list .group-list-container .placeholder{flex-grow:1}.icbu-im-im-weblite-list .group-list-container .no-contact{color:#999;text-align:center;padding-top:30px}.icbu-im-im-weblite-list .group-list-container .operate-icon{margin-left:5px}.icbu-im-im-weblite-list .common-load-more{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1}.icbu-im-im-weblite-list .tip-container{position:absolute;z-index:11;color:#fff;font-size:14px;padding:8px 10px;border-radius:3px;box-shadow:1px 2px 8px #999;background-color:#333;white-space:nowrap}.icbu-im-im-weblite-list .tip-container:after{content:"";position:absolute;top:-3px;left:50%;z-index:-1;margin-left:-3px;display:inline-block;width:8px;height:8px;background-color:#333;transform:rotate(45deg)}.icbu-im-im-weblite-list .tip-container .close{position:absolute;top:0;right:7px;z-index:2;cursor:pointer}.icbu-im-im-weblite-list .edit-menu-container{position:absolute;top:100%;left:0;z-index:9;width:100%;background-color:hsla(0,0%,100%,.8);box-sizing:border-box}.icbu-im-im-weblite-list .edit-menu-container .mark-list{padding:8px 12px;box-shadow:0 1px 3px #999;background-color:#fff}.icbu-im-im-weblite-list .edit-menu-container .edit-menu-item{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;height:32px}.icbu-im-im-weblite-list .edit-menu-container .group-name{margin:0 6px 0 10px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icbu-im-im-weblite-list .edit-menu-container .edit-icon,.icbu-im-im-weblite-list .edit-menu-container .group-remove{cursor:pointer;color:#999}.icbu-im-im-weblite-list .edit-menu-container .placeholder{flex-grow:1}.icbu-im-im-weblite-list .edit-menu-container .group-remove{margin-left:5px;flex-shrink:0}.list-label-dialog .next-feedback .next-icon-help{display:none}.list-label-dialog .next-feedback .next-feedback-title{padding-left:4px}.icbu-im-im-weblite-list .contact-filter-bar-container{position:relative;width:100%;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;padding:6px 10px;background-color:#fafafa;box-sizing:border-box;background:#fff;border-bottom:1px solid #ebebeb}.icbu-im-im-weblite-list .contact-filter-bar-container .filter-group{flex-grow:1;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box{position:relative;width:24px;height:24px;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;margin-right:4px;border-radius:5px;cursor:pointer}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box.clear{font-size:12px;color:#333}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box.clear:hover{color:#317ef3}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box.selected{background-color:#ececec}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box.selected .group-item-outer.red{border-color:#f33300}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box.selected .group-item-outer.blue{border-color:#2f93fd}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box.selected .group-item-outer.green{border-color:#33e087}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box.selected .group-item-outer.yellow{border-color:#ffd433}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box.selected .group-item-outer.purple{border-color:#7c75dc}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box.selected .group-item-outer.light_green{border-color:#00bdff}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box.selected .group-item-outer.pink{border-color:#fd5c7a}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box.selected .group-item-outer.dark_blue{border-color:#323da0}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box:hover .filter-tip{display:block}.icbu-im-im-weblite-list .contact-filter-bar-container .group-item-box .filter-icon{width:14px}.icbu-im-im-weblite-list .contact-filter-bar-container .placeholder{flex-grow:1}.icbu-im-im-weblite-list .contact-filter-bar-container .management-box{width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;flex-shrink:0}.icbu-im-im-weblite-list .contact-filter-bar-container .filter-tip{display:none;top:calc(100% + 4px);left:50%;transform:translateX(-50%)}.icbu-im-im-weblite-list .contact-filter-bar-container .filter-content{white-space:normal;padding-right:10px}.icbu-im-im-weblite-list .contact-filter-bar-container .filter-guide{top:100%;left:10px;max-width:280px}.icbu-im-im-weblite-list .contact-filter-bar-container .filter-guide:after{left:10px}.icbu-im-im-weblite-list .contact-filter-bar-container .guide-ellipsis{width:15px;height:15px;text-align:center;color:#333;margin-left:4px;background-color:#fff;border-radius:50%}.icbu-im-im-weblite-list .group-item-outer{width:12px;height:12px;border:1px solid #aaa;border-radius:50%;box-sizing:content-box}.icbu-im-im-weblite-list .group-item-outer.red{border-color:rgba(243,51,0,.3)}.icbu-im-im-weblite-list .group-item-outer.blue{border-color:rgba(47,147,253,.3)}.icbu-im-im-weblite-list .group-item-outer.green{border-color:rgba(51,224,135,.3)}.icbu-im-im-weblite-list .group-item-outer.yellow{border-color:rgba(255,212,51,.3)}.icbu-im-im-weblite-list .group-item-outer.purple{border-color:rgba(124,117,220,.3)}.icbu-im-im-weblite-list .group-item-outer.light_green{border-color:rgba(0,189,255,.3)}.icbu-im-im-weblite-list .group-item-outer.pink{border-color:rgba(253,92,122,.3)}.icbu-im-im-weblite-list .group-item-outer.dark_blue{border-color:rgba(50,61,160,.3)}.icbu-im-im-weblite-list .group-item-inner{width:8px;height:8px;border:2px solid #fff;border-radius:50%;box-sizing:content-box}.icbu-im-im-weblite-list .group-item-inner.red{background-color:#f33300}.icbu-im-im-weblite-list .group-item-inner.blue{background-color:#2f93fd}.icbu-im-im-weblite-list .group-item-inner.green{background-color:#33e087}.icbu-im-im-weblite-list .group-item-inner.yellow{background-color:#ffd433}.icbu-im-im-weblite-list .group-item-inner.purple{background-color:#7c75dc}.icbu-im-im-weblite-list .group-item-inner.light_green{background-color:#00bdff}.icbu-im-im-weblite-list .group-item-inner.pink{background-color:#fd5c7a}.icbu-im-im-weblite-list .group-item-inner.dark_blue{background-color:#323da0}.icbu-im-im-weblite-list .group-menu-container{position:absolute;top:56px;left:0;z-index:10;width:100%;height:calc(100% - 56px);background-color:hsla(0,0%,100%,.8);box-sizing:border-box}.icbu-im-im-weblite-list .group-menu-container .group-list{padding:12px 14px;background-color:#fff;box-shadow:0 1px 3px #999}.icbu-im-im-weblite-list .group-menu-container .group-menu-item{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;height:36px;cursor:pointer}.icbu-im-im-weblite-list .group-menu-container .group-menu-item:hover .menu-text{color:#ff6a00}.icbu-im-im-weblite-list .group-menu-container .menu-icon{height:16px}.icbu-im-im-weblite-list .group-menu-container .menu-text{color:#666;font-size:14px;margin-left:5px}.icbu-im-im-weblite-list .recent-contact-container{box-sizing:border-box;border-top:none}.icbu-im-im-weblite-list .recent-contact-container.weblite-list{width:100%}.icbu-im-im-weblite-list .recent-contact-container.weblite-list .contact-list-content{height:435px}.icbu-im-im-weblite-list .recent-contact-container.weblite-list .next-loading,.icbu-im-im-weblite-list .recent-contact-container.weblite-list .next-loading-component{height:100%}.icbu-im-im-weblite-list .recent-contact-container.weblite-list .loadmore-box{overflow-y:auto;height:100%}.icbu-im-im-weblite-list .recent-contact-container.weblite-list .recent-list .recent-list-item .portrait-container{margin-top:-14px}.icbu-im-im-weblite-list .recent-contact-container.messenger-list{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;width:320px;position:relative;height:100%;border-right:1px solid #ebebeb}.icbu-im-im-weblite-list .recent-contact-container.messenger-list .contact-list-content,.icbu-im-im-weblite-list .recent-contact-container.messenger-list .next-loading,.icbu-im-im-weblite-list .recent-contact-container.messenger-list .next-loading-component{height:100%}.icbu-im-im-weblite-list .recent-contact-container.messenger-list .loadmore-box{overflow-y:auto;height:100%}.icbu-im-im-weblite-list .recent-contact-container.messenger-list .recent-list{padding-top:0}.icbu-im-im-weblite-list .recent-contact-container.messenger-list .contacts-wrapper{width:100%;flex-grow:1;box-sizing:border-box}.icbu-im-im-weblite-list .recent-contact-container.messenger-list .contact-list-content{border:none}.icbu-im-im-weblite-list .recent-contact-container.messenger-list .recent-list-item{height:92px}.icbu-im-im-weblite-list .recent-contact-container.messenger-list .recent-list-item .latest-msg.latest-msg-rec p{width:200px}.icbu-im-im-weblite-list .recent-contact-container.messenger-list .portrait-container{height:48px;width:48px;margin-top:-5px;text-align:center}.icbu-im-im-weblite-list .recent-contact-container.messenger-list .portrait-container .head-portrait .letter{line-height:48px}.icbu-im-im-weblite-list .recent-contact-container.messenger-list .portrait-container .unread-num{width:20px;height:20px;line-height:20px;border:1px solid #fff}.icbu-im-im-weblite-list .recent-contact-container .contact-list-content{border:1px solid #dcdee3;border-top:none}.icbu-im-im-weblite-list .recent-contact-container .filter-list-header{border-bottom:1px solid #dcdee3;width:318px;box-sizing:border-box;background-color:#fff;z-index:2;height:56px;line-height:56px;font-size:16px;color:#333;text-align:center}.icbu-im-im-weblite-list .recent-contact-container .filter-list-header .filter-back{position:absolute;top:0;left:20px;cursor:pointer}.icbu-im-im-weblite-list .recent-contact-container .search-container{border-bottom:1px solid #dcdee3;padding:10px 50px 9px 16px;flex-shrink:0;width:320px;box-sizing:border-box;background-color:#fff;z-index:2;border-right:1px solid #ebebeb}.icbu-im-im-weblite-list .recent-contact-container .search-container .next-icon-close:before{font-size:16px;width:25px;font-weight:600;color:#999}.icbu-im-im-weblite-list .recent-contact-container .search-container .search-background{text-align:center;font-size:14px;color:#999;position:relative}.icbu-im-im-weblite-list .recent-contact-container .search-container .search-background .input-wrapper{padding:8px 12px;background-color:#fafafa;border-radius:36px}.icbu-im-im-weblite-list .recent-contact-container .search-container .search-background .filter-trigger{position:absolute;top:2px;right:-41px;cursor:pointer}.icbu-im-im-weblite-list .recent-contact-container .search-container .search-background .filter-trigger .icon-wrapper{width:32px;height:32px;border-radius:4px;background-image:url(https://img.alicdn.com/tfs/TB1vuKAEW61gK0jSZFlXXXDKFXa-39-39.png);background-repeat:no-repeat;background-position:50%;background-size:16px}.icbu-im-im-weblite-list .recent-contact-container .search-container .search-background .filter-trigger .icon-wrapper.active{background-color:#f5f5f5;background-image:url(https://img.alicdn.com/tfs/TB1IHCuE.z1gK0jSZLeXXb9kVXa-39-39.png)}.icbu-im-im-weblite-list .recent-contact-container .search-container .search-background .filter-trigger .icon-wrapper.color{background-image:url(https://img.alicdn.com/tfs/TB1jR7ygsKfxu4jSZPfXXb3dXXa-36-39.png)}.icbu-im-im-weblite-list .recent-contact-container .search-container .search-background .filter-trigger .icon-wrapper.category{background-image:url(https://img.alicdn.com/tfs/TB1KlaxE9f2gK0jSZFPXXXsopXa-42-42.png)}.icbu-im-im-weblite-list .recent-contact-container .search-container .search-background .filter-trigger .icon-wrapper.order{background-image:url(https://img.alicdn.com/tfs/TB179SGE8r0gK0jSZFnXXbRRXXa-42-42.png)}.icbu-im-im-weblite-list .recent-contact-container .search-container .tips-wrapper .tip-container{display:none;top:calc(100% + 4px);left:50%;transform:translateX(-50%)}.icbu-im-im-weblite-list .recent-contact-container .search-container .tips-wrapper:hover .tip-container{display:block}.icbu-im-im-weblite-list .recent-contact-container .search-container .search-input-container{color:#999;position:relative;font-size:14px}.icbu-im-im-weblite-list .recent-contact-container .search-container .search-input-container .input-wrapper{background-color:#fafafa;border-radius:36px;padding:3px 0 3px 12px;cursor:pointer}.icbu-im-im-weblite-list .recent-contact-container .search-container .search-input-container .next-input{border:none;background-color:#fafafa;width:210px}.icbu-im-im-weblite-list .recent-contact-container .search-container .search-input-container .next-input input{font-size:14px!important}.icbu-im-im-weblite-list .recent-contact-container .search-container .search-input-container .clear-trigger{position:absolute;top:8px;right:-40px;cursor:pointer}.icbu-im-im-weblite-list .recent-contact-container .contact-list-container{height:100%;background-color:#fff}.icbu-im-im-weblite-list .recent-contact-container .contacts-wrapper{height:100%;box-sizing:border-box;overflow-y:auto}.icbu-im-im-weblite-list .recent-contact-container .loading-box{display:block}.icbu-im-im-weblite-list{height:100%}