.dialog-container .left-side .recent-contact{display:flex;margin-bottom:10px;cursor:pointer}.bc-wrapper .el-dialog__body{position:relative;padding:0}.bc-wrapper .el-checkbox__label{padding:0}.bc-picker{display:flex;height:535px;overflow:hidden;border-radius:4px}.bc-picker-filter{flex-shrink:0;width:248px}.bc-picker-filter .el-form{height:100%}.bc-picker-filter .el-form-item{margin:10px 25px 0}.bc-picker-filter .bot-list-wrapper.el-form-item{margin:10px 0 0}.bc-picker-filter .bot-list-wrapper .el-form-item__label{padding:0 25px}.bc-picker-filter .bot-list-wrapper .el-form-item__content{height:calc(100% - 32px)}.bc-picker-filter-query .el-input__inner{border-radius:9999px}.bc-picker-filter-header{margin-top:18px;margin-bottom:25px;display:flex;align-items:center;font-size:14px;font-weight:700;color:#344149}.bc-picker-options{flex:1;border-left:1px solid #f3f3f3}.bc-picker-options-header{display:flex;padding:0 36px 0 20px;height:52px;border-bottom:1px solid #f7f5f5;align-items:center;justify-content:space-between}.bc-picker-options-header .el-form-item--small.el-form-item{margin-bottom:0!important}.bc-picker-options-header .el-input__inner{border-radius:9999px}.bc-picker-options-title{font-weight:600;color:#344149}.bc-picker-options-operation,.bc-picker-options-title{display:flex;align-items:center}.bc-picker-options-operation .el-form{display:flex}.bc-picker-options-operation-batch{margin-left:15px}.bc-picker-options-operation-batch .el-button--text{font-size:14px}.bc-selections{position:relative;flex:1;overflow:hidden}.bc-selections,.bc-selections .bc-selections-inner{height:0;background-color:#fff;transition:height .25s cubic-bezier(.075,.82,.165,1)}.bc-selections .bc-selections-inner{display:flex;align-items:center;flex-wrap:wrap;border-top:1px solid rgba(0,0,0,.01)}.bc-selections .bc-picker-option-accordion .el-collapse-item{padding:0 25px}.bc-selections .bc-picker-option-accordion .el-collapse-item__header{padding:10px 0}.bc-selections .bc-picker-collpase-item{display:flex;align-items:center;justify-content:space-between;padding-right:15px;width:100%}.bc-selections .bc-picker-collpase-item-main{display:flex;align-items:center}.bc-selections .bc-picker-collpase-avatar{width:36px;height:36px;border-radius:9999px}.bc-selections .bc-picker-collpase-text{margin-left:10px;font-size:16px;font-weight:700;color:#333}.bc-selections .bc-selections-inner-wrapper{padding-bottom:20px;background-color:#f7f7f7}.bc-selections.collapsed{display:flex;align-items:center;padding:0 300px 0 25px;height:45px;box-shadow:0 -4px 4px 0 hsla(0,0%,90.6%,.2);transition:height .25s cubic-bezier(.075,.82,.165,1)}.bc-selections.collapsed .bc-selections-inner{height:0;opacity:0;transition:all .25s cubic-bezier(.075,.82,.165,1)}.bc-selections.collapsed .bc-picker-option-accordion{height:0}.bc-selections.collapsed .bc-picker-option-accordion .el-collapse-item{display:none}.bc-selections.expanded{overflow:initial}.bc-selections.expanded .bc-selections-inner{display:block;position:absolute;left:0;bottom:45px;z-index:1;box-sizing:border-box;padding-bottom:20px;width:100%;height:535px;opacity:1;background-color:#fff;overflow:hidden;transition:all .25s cubic-bezier(.075,.82,.165,1)}.bc-selections.expanded .bc-picker-option-accordion{height:auto;border:none}.bc-selections.expanded .bc-picker-option-accordion .el-collapse-item{display:block;background-color:#fff}.bc-selections.expanded .bc-picker-option-accordion .el-collapse-item__wrap{border:none}.bc-selections.expanded .bc-picker-option-accordion .el-collapse-item__header{color:#c0c4cc;border-color:#fff}.bc-selections.expanded .selections-clearup span{display:flex;align-items:center;font-size:14px;color:#666}.bc-selections.expanded .bc-selections-collapse-toggle i{transform:rotate(180deg)}.bc-selections.expanded .bc-picker-option.selected{position:relative;padding:0 15px;margin:20px 0 0 20px;width:252px;height:60px;background-color:#fff!important;border-radius:4px}.bc-selections.expanded .bc-picker-option.selected .bc-picker-option-avatar{width:36px;height:36px}.bc-selections.expanded .bc-picker-option.selected .bc-picker-option-primary,.bc-selections.expanded .bc-picker-option.selected .bc-picker-option-sub{line-height:19px}.bc-selections .bc-selections-collapse-toggle{position:absolute;z-index:2;top:50%;right:20px;margin-top:-9px;width:160px;height:18px;line-height:18px;color:#3371ff;text-align:right;cursor:pointer}.bc-selections .bc-selections-collapse-toggle i{transition:transform .35s ease-in-out}.bc-selections .el-tabs__header{margin-bottom:0}.bc-selections .el-tabs__nav-wrap .el-tabs__item{height:45px;line-height:45px}.bc-selections .el-tabs__item.is-top{display:inline-flex;align-items:center}.bc-option-search{padding:15px}.bc-option-search .el-icon-search:before{font-weight:bolder}.bc-picker-option-wrapper{box-sizing:border-box;padding-bottom:25px;height:calc(100% - 53px);background:#f7f5f5;overflow:auto}.bc-picker-option{box-sizing:border-box;display:inline-flex;padding:0 15px;margin:20px 0 0 25px;width:280px;height:60px;background:#fff;border-radius:4px;flex-direction:row-reverse;align-items:center;justify-content:space-between;transition:background-color .05s linear}.bc-picker-option.bc-picker-option-disabled{cursor:default}.bc-picker-option.bc-picker-option-disabled .bc-picker-option-nickname{color:#dcdfe6}.bc-picker-option.bc-picker-option-disabled .bc-picker-option-avatar{filter:grayscale(25%);opacity:.5}.bc-picker-option.bc-picker-option-disabled:hover{background-color:transparent}.bc-picker-option.selected{flex-direction:row;margin:0 0 0 10px;padding:0;width:36px;height:60px;background-color:transparent!important}.bc-picker-option.selected .bc-picker-option-avatar{width:36px;height:36px}.bc-picker-option.selected .bc-picker-option-nickname{margin-left:8px;line-height:1.25}.bc-picker-option.selected .badge{display:inline-block;width:36px;height:36px;line-height:36px;font-size:14px;text-align:center;color:#fff;background-color:#3371ff;border-radius:9999px}.bc-picker-option:hover{background-color:#e7e8e9}.bc-picker-option-inner{display:flex;align-items:center}.bc-picker-option-selected-remove{position:absolute;right:9px;top:9px;font-size:18px;color:#f50;cursor:pointer}.bc-picker-option-avatar{width:36px;height:36px;border-radius:50%}.bc-picker-option-text{padding-left:8px;width:180px;overflow:hidden}.bc-picker-option-primary{margin-bottom:8px;font-size:12px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc-picker-option-sub{display:flex;align-items:center;font-size:14px;color:#999}.bc-picker-badge{display:inline-block;margin-left:8px;width:32px;height:14px;line-height:14px;text-align:center;font-size:10px;font-style:normal;font-weight:500;color:#3371ff;border-radius:9999px;border:1px solid #3371ff}.bc-picker-option-close{font-size:18px;color:#c6c9cd;cursor:pointer}.bc-picker-option-close:hover{color:#3371ff}.bot-list{margin:10px 0 0;height:440px;overflow:auto}.bot-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 40px;cursor:default}.bot-item.active,.bot-item:hover{background-color:#efefef}.bot-item:hover .bot-item-close{display:inline-block;color:#dedede}.bot-item.online:before{background-color:#3371ff}.bot-item.offline:before,.bot-item.online:before{position:absolute;content:"";left:25px;width:6px;height:6px;line-height:1;border-radius:3px}.bot-item.offline:before{background-color:#c5c5c5}.bot-item-badge{display:inline-block;padding:3px 10px;line-height:1;border-radius:9999px;background-color:#dfeaff;color:#3371ff}.bot-item-main{display:flex;align-items:center}.bot-avatar{width:36px;height:36px;border-radius:50%}.bot-text{margin-left:10px}.bot-text-primary{width:125px;line-height:18px;font-weight:500;color:#333}.bot-text-sub{width:125px;line-height:18px;font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-item-close{display:none;position:absolute;top:-9px;right:-9px;width:18px;height:18px;font-size:18px;color:#dcdfe6;background-color:#fff;border-radius:50%;cursor:pointer}.footer-with-status{display:flex;align-items:center;justify-content:space-between}.footer-status-item{color:#666}.footer-status-item>em{font-style:normal;color:#3371ff}.footer-status-item+.footer-status-item{margin-left:25px}.tag-selected{margin-right:15px;border-radius:13px;font-size:14px;height:auto;width:auto;overflow:hidden;white-space:normal;word-break:break-all;position:relative;background-color:#f6f6f6;color:#666;display:inline-flex;align-items:center}.tag-selected .tag-level-img{height:16px}.tag-selected .tag-text{padding-left:8px}.tag-selected.single .tag-text{display:inline-block;width:109px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-selected+.tag-selected{margin-bottom:15px}.bot-contact{display:flex;align-items:center}.bot-contact .bot-contact-avatar{width:36px;height:36px;border-radius:36px}.bot-contact .bot-contact-text{margin-left:10px;font-size:14px;line-height:1}.bot-contact .bot-contact-sub{margin-top:5px;font-size:12px;color:#999}.bot-tab{display:inline-flex;align-items:center;text-align:left}.bot-tab>img{width:24px;height:24px;border-radius:24px}.bot-tab>span{margin-left:5px;width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-tab>em{font-style:normal;color:#c0c4cc}.bot-contact-remove{font-size:18px;color:#f50;cursor:pointer}.wechat-tag .el-tag.el-tag--info{display:flex;max-width:140px;align-items:center}.wechat-tag .el-tag.el-tag--info .el-select__tags-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:120px}.wechat-tag .el-tag.el-tag--info .el-tag__close{margin-top:0}.select-weChat{position:relative;width:200px}.select-weChat .select-room{flex:1;display:flex;flex-wrap:wrap;border-radius:4px;align-items:center;position:relative;cursor:pointer}.select-weChat .select-room .select-icon{padding-left:0;line-height:normal;color:#3371ff;display:flex;justify-content:center;align-items:center}.select-weChat .selected-contact{display:inline-flex;margin:0 8px 6px 0}.select-weChat .selected-contact img{width:24px;height:24px;border-radius:24px}.select-weChat .select-icon{margin-right:8px}