.icbu-im-im-weblite-list .recent-list{height:300px;overflow-y:auto}.icbu-im-im-weblite-list .recent-list .recent-list-item{align-items:center;background-color:#fff;box-sizing:border-box;cursor:pointer;display:flex;flex-flow:row nowrap;height:62px;justify-content:flex-start;padding:12px 12px 12px 56px;position:relative}.icbu-im-im-weblite-list .recent-list .recent-list-item:hover{background-color:rgba(77,114,181,.05)}.icbu-im-im-weblite-list .recent-list .recent-list-item.recent-list-item-unread{color:#333;font-weight:700}.icbu-im-im-weblite-list .recent-list .recent-list-item.recent-list-item-unread .company-name,.icbu-im-im-weblite-list .recent-list .recent-list-item.recent-list-item-unread .contact-time,.icbu-im-im-weblite-list .recent-list .recent-list-item.recent-list-item-unread .latest-msg{color:#333}.icbu-im-im-weblite-list .recent-list .recent-list-item.recent-list-item-pin:after{border-color:#c7c7c7 #c7c7c7 transparent transparent;border-style:solid;border-width:8px;content:"";height:0;position:absolute;right:4px;top:4px;width:0}.icbu-im-im-weblite-list .recent-list .recent-list-item.recent-list-with-product .extra-info{padding-right:4.4rem;position:relative}.icbu-im-im-weblite-list .recent-list .recent-list-item.recent-list-with-product .prodcut-img-wrapper{border-radius:.4rem;bottom:0;height:3.6rem;overflow:hidden;position:absolute;right:0;width:3.6rem}.icbu-im-im-weblite-list .recent-list .recent-list-item.recent-list-with-product .prodcut-img-wrapper img{height:3.6rem;width:3.6rem}.icbu-im-im-weblite-list .recent-list .recent-list-item .portrait-container{border-radius:50%;box-shadow:0 1px 2px 0 rgba(0,0,0,.12);flex-shrink:0;height:34px;overflow:hidden;width:34px}.icbu-im-im-weblite-list .recent-list .recent-list-item .portrait-container img{width:36px}.icbu-im-im-weblite-list .recent-list .recent-list-item .portrait-container .head-portrait{background-color:#c4c6cf;color:#fff;font-size:20px;line-height:36px;text-align:center}.icbu-im-im-weblite-list .recent-list .recent-list-item .contact-info{align-items:stretch;flex-flow:column nowrap;flex-grow:1;justify-content:flex-start;overflow:hidden}.icbu-im-im-weblite-list .recent-list .recent-list-item .contact-name{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;line-height:20px;margin-bottom:4px;position:relative}.icbu-im-im-weblite-list .recent-list .recent-list-item .contact-name .block,.icbu-im-im-weblite-list .recent-list .recent-list-item .contact-name .mute{height:12px;padding-right:6px}.icbu-im-im-weblite-list .recent-list .recent-list-item .name{color:#333;flex-grow:1;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icbu-im-im-weblite-list .recent-list .recent-list-item .official{background-color:#ffe9da;border-radius:4px;color:#ff6a00;flex-shrink:0;font-size:10px;margin:0 5px;padding:0 6px}.icbu-im-im-weblite-list .recent-list .recent-list-item .contact-time{color:#999;flex-shrink:0;font-size:12px}.icbu-im-im-weblite-list .recent-list .recent-list-item .company-name{color:#999;font-size:12px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icbu-im-im-weblite-list .recent-list .recent-list-item .extra-info-wrapper{align-items:center;display:flex;flex-flow:row nowrap;justify-content:flex-start;overflow:hidden}.icbu-im-im-weblite-list .recent-list .recent-list-item .latest-msg{align-items:stretch;color:#999;flex-flow:column nowrap;flex-grow:1;font-size:12px;justify-content:flex-start;position:relative}.icbu-im-im-weblite-list .recent-list .recent-list-item .latest-msg.latest-msg-rec{padding-right:25px}.icbu-im-im-weblite-list .recent-list .recent-list-item .latest-msg.latest-msg-rec p{width:140px}.icbu-im-im-weblite-list .recent-list .recent-list-item .latest-msg p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icbu-im-im-weblite-list .recent-list .recent-list-item .latest-msg .unread-num{background-color:#ff6a00;border-radius:3px;color:#fff;font-size:12px;line-height:16px;padding:0 6px;position:absolute;right:0;top:0}.icbu-im-im-weblite-list .recent-list .recent-list-item .latest-msg .next-icon-success,.icbu-im-im-weblite-list .recent-list .recent-list-item .latest-msg .next-icon-success-filling{margin-right:5px}.icbu-im-im-weblite-list .recent-list .recent-list-item .latest-msg .unread-tag{color:#2192d9;margin-right:4px}.icbu-im-im-weblite-list .recent-list .recent-list-item .latest-msg .read-tag{color:#666;margin-right:4px}.icbu-im-im-weblite-list .recent-list .recent-list-item .latest-msg .send-failed{background-color:#e60909;border-radius:50%;color:#fff;display:inline-block;font-size:.8rem;height:1rem;line-height:1.1rem;margin-right:.5rem;position:relative;text-align:center;top:1px;width:1rem}.icbu-im-im-weblite-list .recent-list .recent-list-item .latest-msg .read-status{color:#666;font-size:12px;margin-right:4px}.icbu-im-im-weblite-list .recent-list .recent-list-item .latest-msg .read-status.unread,.icbu-im-im-weblite-list .recent-list .search-text .highlight{color:#ff6a00}.contact-action-menu.next-menu,.filter-menu.next-menu{border:none;box-shadow:none}.next-balloon.contact-action-balloon,.next-balloon.filter-balloon{padding:0}.contact-header-balloon{width:240px}.contact-header-balloon span{font-size:14px;line-height:22px}.contact-header-balloon .next-switch{color:#333;cursor:pointer;float:right;font-family:Roboto,Helvetica Neue,Helvetica,Tahoma,Arial,PingFang SC,Microsoft YaHei;font-size:14px;line-height:1.28571;outline:none;overflow:hidden;text-align:left;transition:all .3s cubic-bezier(.78,.14,.15,.86);vertical-align:middle}.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{transform-origin:left center;transition:all .4s cubic-bezier(.78,.14,.15,.86);z-index:1}.contact-header-balloon .next-switch-small{border:1px solid transparent;border-radius:15px;display:inline-block;height:22px;position:relative;width:36px}.contact-header-balloon .next-switch-small>.next-switch-trigger{border:1px solid transparent;border-radius:15px;height:20px;left:100%;position:absolute;transform:translateX(-100%);width:20px}.contact-header-balloon .next-switch-small>.next-switch-children{font-size:12px;height:20px;line-height:20px;position:absolute}.contact-header-balloon .next-switch-on{background-color:#1dc11d}.contact-header-balloon .next-switch-on>.next-switch-trigger{background-color:#fff;border-color:transparent;box-shadow:1px 1px 3px 0 rgba(0,0,0,.32)}.contact-header-balloon .next-switch-on>.next-switch-children{color:#fff;left:8px}.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{background-color:#e6e7eb;border-color:transparent;box-shadow:1px 1px 3px 0 rgba(0,0,0,.32);right:0}.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{background-color:#fff;border-color:transparent;box-shadow:1px 1px 3px 0 rgba(0,0,0,.32);left:0;transform:translateX(0)}.contact-header-balloon .next-switch-off>.next-switch-trigger:hover{background-color:#fff}.contact-header-balloon .next-switch-off>.next-switch-children{color:#ccc;right:8px}.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{background-color:#e6e7eb;border-color:transparent;box-shadow:1px 1px 3px 0 rgba(0,0,0,.32)}.contact-header-balloon .next-switch-off[disabled]>.next-switch-children{color:#dcdee3}.icbu-im-im-weblite-list .list-no-data{box-sizing:border-box;color:#666;font-size:16px;height:300px;padding-top:100px;text-align:center}.icbu-im-im-weblite-list .list-no-data .nodata-img{height:100px;width:100px}.icbu-im-im-weblite-list .list-no-data .nodata-text{margin-top:20px;padding:0 10%}.icbu-im-im-weblite-list .contact-list-header{background:#526ec2;background:linear-gradient(45deg,#526ec2,#4e9dca);border-radius:4px 4px 0 0;box-sizing:border-box;color:#fff;cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#526ec2",endColorstr="#4e9dca",GradientType=1);font-size:16px;height:44px;line-height:44px;overflow:hidden;padding:0 12px;position:relative;width:240px}.icbu-im-im-weblite-list .contact-list-header.contact-list-header-fold{background:#fff;color:#333}.icbu-im-im-weblite-list .contact-list-header.contact-list-header-fold .header-action-container .next-icon{color:#999}.icbu-im-im-weblite-list .contact-list-header.contact-list-header-fold .unread-count{background-color:#ff6a00;color:#fff}.icbu-im-im-weblite-list .contact-list-header .online-tag{background-color:#1dc11d;border-radius:50%;display:inline-block;height:8px;margin-right:10px;width:8px}.icbu-im-im-weblite-list .contact-list-header .header-action-container{position:absolute;right:12px;top:0}.icbu-im-im-weblite-list .contact-list-header .unread-count{background-color:#fff;border-radius:10px;color:#526ec2;display:inline-block;font-size:14px;height:20px;line-height:20px;margin-left:10px;padding:0 6px;vertical-align:middle}.icbu-im-im-weblite-list .list-loading{margin-top:20rem;text-align:center}.icbu-im-im-weblite-list .recent-list{-webkit-overflow-scrolling:touch}.icbu-im-im-weblite-list .recent-list .recent-list-item{height:9rem;padding:1.6rem 0 0 1.6rem}.icbu-im-im-weblite-list .recent-list .recent-list-item.recent-list-item-unread .msg-wrapper .latest-msg.latest-msg-rec{padding-right:2rem}.icbu-im-im-weblite-list .recent-list .recent-list-item:hover{background-color:#fff}.icbu-im-im-weblite-list .recent-list .recent-list-item .portrait-container{height:4.8rem;margin-bottom:1.2rem;margin-right:1.2rem;width:4.8rem}.icbu-im-im-weblite-list .recent-list .recent-list-item .portrait-container img{min-height:4.8rem;min-width:4.8rem}.icbu-im-im-weblite-list .recent-list .recent-list-item .portrait-container .head-portrait{font-size:2rem;line-height:4.8rem}.icbu-im-im-weblite-list .recent-list .recent-list-item .contact-info{border-bottom:.1rem solid #dcdee3;padding-bottom:1.3rem;padding-right:1.6rem}.icbu-im-im-weblite-list .recent-list .recent-list-item .extra-info{align-items:stretch;flex-flow:column nowrap;flex-grow:1;justify-content:flex-start;overflow:hidden}.icbu-im-im-weblite-list .recent-list .recent-list-item .extra-info .m-text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icbu-im-im-weblite-list .recent-list .recent-list-item .contact-name{font-size:1.6rem;margin-bottom:.4rem}.icbu-im-im-weblite-list .recent-list .recent-list-item .contact-name .name{font-size:1.6rem}.icbu-im-im-weblite-list .recent-list .recent-list-item .contact-name .contact-time{font-size:1rem}.icbu-im-im-weblite-list .recent-list .recent-list-item .company-name{font-size:1.4rem;margin-bottom:.4rem}.icbu-im-im-weblite-list .recent-list .recent-list-item .msg-wrapper{font-size:1.4rem}.icbu-im-im-weblite-list .recent-list .recent-list-item .msg-wrapper .latest-msg{font-size:1.4rem;line-height:1.6rem}.icbu-im-im-weblite-list .recent-list .recent-list-item .msg-wrapper .latest-msg.latest-msg-rec{margin-right:.5rem;padding-right:0}.icbu-im-im-weblite-list .recent-list .recent-list-item .msg-wrapper .latest-msg.latest-msg-rec p{width:auto}.icbu-im-im-weblite-list .recent-list .recent-list-item .msg-wrapper .latest-msg i{line-height:1.6rem;margin-right:.4rem;vertical-align:middle}.icbu-im-im-weblite-list .recent-list .recent-list-item .msg-wrapper .latest-msg span{vertical-align:middle}.icbu-im-im-weblite-list .recent-list .recent-list-item .msg-wrapper .latest-msg p{color:#666}.icbu-im-im-weblite-list .recent-list .recent-list-item .action-container{flex-shrink:0;width:2.4rem}.icbu-im-im-weblite-list html[dir=rtl] .recent-list .recent-list-item .contact-name{padding-right:0}.icbu-im-im-weblite-list html[dir=rtl] .recent-list .recent-list-item .contact-time{left:0;right:auto}.icbu-im-im-weblite-list html[dir=rtl] .recent-list .recent-list-item .latest-msg{padding-right:0}.icbu-im-im-weblite-list html[dir=rtl] .recent-list .recent-list-item .latest-msg p{direction:ltr}.icbu-im-im-weblite-list html[dir=rtl] .recent-list .recent-list-item .latest-msg .unread-num{left:0;right:auto}.icbu-im-im-weblite-list body,.icbu-im-im-weblite-list html{height:100%}.icbu-im-im-weblite-list li,.icbu-im-im-weblite-list p,.icbu-im-im-weblite-list ul{margin:0;padding:0}.icbu-im-im-weblite-list li{list-style:none}.icbu-im-im-weblite-list body{position:relative}.icbu-im-im-weblite-list #app{bottom:0;box-sizing:border-box;height:100%;left:0;padding-top:5.6rem;position:absolute;right:0;top:0;width:100%;z-index:99}.icbu-im-im-weblite-list .contact-list-container,.icbu-im-im-weblite-list .contact-list-content,.icbu-im-im-weblite-list .contacts-wrapper,.icbu-im-im-weblite-list .recent-contact-container,.icbu-im-im-weblite-list .recent-list{height:100%}