.customer-qun-box[data-v-577f4276]{display:flex;flex-direction:row;justify-content:space-between}.customer-qun-box .qun-list[data-v-577f4276]{width:48%;border:1px solid #e9e9e9;border-radius:5px;padding:10px;height:400px;overflow-x:hidden;overflow-y:auto;margin-right:10px}.customer-qun-box .qun-list .groupItem[data-v-577f4276]{padding:8px 2px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.customer-qun-box .qun-list .groupItem .groupName[data-v-577f4276]{padding-left:4px}.customer-qun-box .qun-list .lookMore[data-v-577f4276]{display:flex;align-items:center;justify-content:center;padding:10px 0;color:#409eff;cursor:pointer}.customer-qun-box .selected-list[data-v-577f4276]{width:49%;border:1px solid #e9e9e9;border-radius:5px;padding:10px;height:400px;overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}.customer-qun-box .selected-list .selected-item[data-v-577f4276]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:90%;margin:10px}.customer-qun-box .selected-list .selected-item i[data-v-577f4276]{color:red;cursor:pointer}.customer-qun-box .list-header[data-v-577f4276]{border-bottom:1px solid #e9e9e9;padding:0 0 10px 0;margin-bottom:10px}@mixin clearfix(){:after,:before{content:" ";display:table}:after{clear:both}}.datepicker{font-size:14px;font-family:Avenir,Helvetica,Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:#0000;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,.65098039);position:relative;display:inline-block}.datepicker .form-control{box-sizing:border-box;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857;color:#555;background-color:#fff;background-image:none;border:1px solid #d9d9d9;border-radius:4px;box-shadow:none}.datepicker .form-control:focus,.datepicker .form-control:hover{outline:0;border-color:#40a9ff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.datepicker button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}input.datepicker-input.with-reset-button{padding-right:25px}.datepicker>button.close{position:absolute;top:0;right:0;outline:none;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}.datepicker>button.close:focus{opacity:.2}.datepicker-wrapper{position:absolute;z-index:1000}.datepicker-popup{border:1px solid #fff;border-radius:5px;background:#fff;margin-top:2px;box-shadow:0 2px 8px rgba(0,0,0,.15);@include clearfix}.datepicker-inner{width:218px;float:left}.datepicker-body{padding:10px 10px;text-align:center}.datepicker-body p{margin:0 0 10px}.datepicker-body span,.datepicker-ctrl p,.datepicker-ctrl span{display:inline-block;width:28px;line-height:28px;height:28px}.datepicker-ctrl p{width:65%}.datepicker-ctrl span{position:absolute}.datepicker-body span{text-align:center}.datepicker-monthRange span{width:48px;height:50px;line-height:45px}.datepicker-item-disable{background-color:#fff!important;cursor:not-allowed!important}.datepicker-item-disable,.datepicker-item-gray,.decadeRange span:first-child,.decadeRange span:last-child{color:#999}.datepicker-dateRange-item-active,.datepicker-dateRange-item-active:hover{background:#3276b1!important;color:#fff!important}.datepicker-item-disabled{color:#aaa;text-decoration:line-through}.datepicker-monthRange{margin-top:10px}.datepicker-ctrl p,.datepicker-ctrl span,.datepicker-dateRange span,.datepicker-monthRange span{cursor:pointer}.datepicker-ctrl i:hover,.datepicker-ctrl p:hover,.datepicker-dateRange-item-hover,.datepicker-dateRange span:hover,.datepicker-monthRange span:hover{background-color:#eee}.datepicker-dateRange .daytoday-end,.datepicker-dateRange .daytoday-end:hover,.datepicker-dateRange .daytoday-start,.datepicker-dateRange .daytoday-start:hover{background:#3276b1!important;color:#fff!important}.datepicker-dateRange .daytoday-range,.datepicker-dateRange .daytoday-range:hover{background-color:#ddd}.datepicker-weekRange span{font-weight:700}.datepicker-label{background-color:#f8f8f8;font-weight:700;padding:7px 0;text-align:center}.datepicker-ctrl{position:relative;line-height:30px;font-weight:700;text-align:center;top:3px}.month-btn{font-weight:700;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker-preBtn{left:2px;font-size:18px}.datepicker-nextBtn{right:2px;font-size:18px}[class*=" calendaricon-"],[class^=calendaricon-]{font-family:calendar!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.calendaricon-angle-left:before{content:"\f104"}.calendaricon-angle-right:before{content:"\f105"}.departmentTree .tree-node{cursor:pointer}.departmentTree .tree-children-node{padding:8px 0 0 30px;cursor:pointer}.departmentTree .node-content{width:80%}.departmentTree .node-right{float:right}.departmentTree .el-icon-arrow-down,.departmentTree .el-icon-arrow-right{padding:4px;font-weight:600}.departmentTree .el-icon-check{font-weight:600}.red{color:#f56c6c}.blue{color:#409eff}.pagination-position{text-align:center;padding:32px}.arsenal_icon{margin-right:5px}::-webkit-scrollbar{width:6px;background-color:#f2f6fc}::-webkit-scrollbar-thumb{border-radius:6px;background-color:#c0c4cc}.el-dialog__body{padding:16px!important}input::-webkit-input-placeholder{color:#ccc!important;font-family:微软雅黑}input::-moz-input-placeholder{color:#ccc!important;font-family:微软雅黑}input::-ms-input-placeholder{color:#ccc!important;font-family:微软雅黑}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{background-color:#faffbd;background-image:none;color:#000}textarea::-webkit-input-placeholder{color:#ccc!important;font-size:14px;font-family:微软雅黑}textarea::-moz-input-placeholder{color:#ccc!important;font-size:14px;font-family:微软雅黑}textarea::-ms-input-placeholder{color:#ccc!important;font-size:14px;font-family:微软雅黑}textarea{color:#606266!important;font-size:14px;font-family:微软雅黑}h1,h2,h3,h4,h5,h6{color:#606266;text-align:left}.content-header{padding:8px 16px;background:#f5f8fb;box-shadow:0 2px 10px -5px #d1dfec;border-bottom:1px solid #d1dfec}.content-header .leftInfo{flex:auto;height:38px;line-height:38px;display:flex;justify-content:flex-start}.content-header .leftInfo .headerName{font-size:16px;color:#303133;margin-left:16px}.content-header .leftInfo .gotoPage{flex:none;width:120px;font-size:12px;color:#909399;text-align:left}.content-header .leftInfo .header-r-box{width:280px;flex:auto;text-align:right}#left-sub-nav .el-tabs__nav{width:150px;border:none}#left-sub-nav .el-tabs__nav .el-tabs__item{text-align:center!important;height:48px;line-height:48px;border:none}#left-sub-nav .el-tabs__nav-scroll{background-color:#fff;height:calc(100vh - 60px)}.tar{text-align:right}.tac{text-align:center}.tal{text-align:left}.handle-icon{display:inline-block;margin-right:8px;color:#409eff;cursor:pointer}.el-drawer__header{font-size:18px!important;color:#303133}.el-form-item__label{text-align:left!important}.tast-list-box{margin:15px;background-color:#fff;width:calc(100vw - 200px);height:calc(100vh - 90px);padding:10px}.tast-list-box .task-list-header{display:flex;flex-direction:row;justify-content:space-between;margin:0 15px;padding:0 0 10px 0;border-bottom:1px solid #ddd}.tast-list-box .task-list-content .operation-button{display:flex;flex-direction:row;align-items:center}.tast-list-box .task-list-content .operation-button .el-switch{margin-right:10px}.tast-list-box .task-list-content .operation-button .el-switch.is-disabled{opacity:1!important}.tast-list-box .task-list-content .operation-button .el-switch.is-disabled .el-switch__core,.tast-list-box .task-list-content .operation-button .el-switch.is-disabled .el-switch__label{cursor:pointer!important}.drawer-container{padding:20px;display:flex;flex-direction:row;justify-content:space-between;height:calc(100vh - 140px);overflow:hidden;overflow-y:scroll}.drawer-container .drawer-form-content{width:60%;padding:20px}.drawer-container .drawer-form-content .el-cascader{width:100%}.drawer-container .drawer-form-content .form-tag{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.drawer-container .drawer-form-content .form-tag .el-tag{margin:2px 3px}.drawer-container .drawer-form-content .add-qun{cursor:pointer;color:#409eff}.drawer-container .drawer-form-content .send-content-type{display:flex;flex-direction:row;justify-content:space-between}.drawer-container .drawer-form-content .send-content-type .el-button{margin-right:20px}.drawer-container .drawer-form-content .welcome-content{display:flex;flex-direction:column;justify-content:center}.drawer-container .drawer-form-content .welcome-content .welcome-status{display:flex;flex-direction:row}.drawer-container .drawer-form-content .welcome-content .welcome-status .el-switch{margin-top:8px}.drawer-container .drawer-form-content .welcome-content .welcome-status .el-select{margin-left:15px}.drawer-container .drawer-form-content .welcome-content .welcome-config{margin-top:10px;border:1px solid #dcdfe6;border-radius:5px;padding:0 10px;position:relative}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-textarea{border-bottom:1px solid #dcdfe6}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-textarea .el-textarea__inner{border:none!important;height:250px}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-textarea .el-input__count{display:none!important}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-textarea .el-button{position:absolute;top:0;right:0;background-color:#ddd;padding:5px;color:#999;font-size:12px}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-other{display:flex;flex-direction:row;justify-content:flex-end;line-height:15px;margin-top:5px}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-other .upload-box{display:flex;flex-direction:row;justify-content:flex-end;line-height:15px}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-other .el-link{margin:10px 0 10px 10px;border:1px solid #409eff;padding:5px;font-size:13px;border-radius:5px}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-other .selected-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-other .selected-item .selected-name i{font-size:14px;color:#696969}.drawer-container .drawer-form-content .welcome-content .welcome-config .welcome-config-other .selected-item .selected-name span{color:#353535;margin-right:20px}.drawer-container .drawer-preview{width:40%;display:flex;flex-direction:column;align-items:center}.drawer-container .drawer-preview .business-card-template-preview-content{margin:0 20px 0 20px;width:316px;height:550px;background:url(../img/phone.55f3262c.png) no-repeat;background-size:316px 550px;margin-top:0}.drawer-container .drawer-preview .business-card-template-preview-content .card-box{background-color:#2c3138;border-radius:10px;box-shadow:0 0 10px #999;display:flex;flex-direction:column;justify-content:space-between;padding:20px;margin:10px 10px 0 10px;transform:scale(.75);position:relative;top:30px;height:30%}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-base-info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:#f0d7b1}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-base-info .user-base-info-text{display:flex;flex-direction:column}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-base-info .user-base-info-text .name{font-size:24px;margin-bottom:10px}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-base-info .user-base-info-img{width:30%}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-base-info .user-base-info-img image{width:50px;height:50px}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-more-info{display:flex;flex-direction:column;justify-content:center;margin-top:10px}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-more-info .user-more-info-item{display:flex;flex-direction:row;justify-content:flex-start;color:#aeb7bd;padding:4px 0;font-size:9px}.drawer-container .drawer-preview .business-card-template-preview-content .card-box .user-more-info .user-more-info-item i{margin-right:10px}.drawer-container .drawer-preview .business-card-template-preview-content .edit-box{position:fixed;top:160px;right:0;background-color:#fff;padding:10px;border-radius:20px 0 0 20px;display:none;flex-direction:row;align-items:center}.drawer-container .drawer-preview .business-card-template-preview-content .edit-box i{margin-right:5px}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box{display:flex;flex-direction:row;justify-content:space-between;margin:0 0 10px 0;padding:10px;background-color:#fff;height:5%;transform:scale(.75)}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box .card-operation-item{display:flex;flex-direction:row;margin-left:10px;align-items:center}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box .card-operation-item image{width:25px;height:25px;border-radius:50%;margin-left:-5px;z-index:2}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box .card-operation-item .count{background-color:#e9e9eb;height:25px;line-height:25px;padding:0 10px;border-radius:0 10px 10px 0;margin-left:-5px;z-index:1;color:#b2b2b2}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box .share{font-size:14px;color:#0f6eff}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box .share button{border:#fff;background-color:#0f6eff;color:#fff;display:flex;flex-direction:row;align-items:center;font-size:14px;height:25px;border-radius:none}.drawer-container .drawer-preview .business-card-template-preview-content .card-operation-box .share button i{font-size:20px;margin-right:5px}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box{display:flex;flex-direction:column;z-index:999;padding:5px 20px 20px 20px;transform:scale(.75);height:100%;position:relative;top:-20px}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0 0 10px 0;border-bottom:1px solid #bcbec2}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content{margin:10px 0;height:100%;overflow-y:auto;overflow-x:hidden}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .message-box{display:flex;flex-direction:row;justify-content:flex-start;margin:10px 0}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .message-box .chatbot-message{background-color:#fff;padding:10px;border:1px solid #e9e9eb;border-radius:0 20px 20px 20px;max-width:70vw}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .message-box .chatbot-message p{width:100%;word-break:break-all;line-height:25px;white-space:pre-line}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .mini-program{border-radius:0 20px 20px 20px;display:flex;flex-direction:column;justify-content:flex-start;margin:10px 0;background-color:#fff}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .mini-program .mini-program-name{font-size:14px;margin:10px;word-break:break-all;color:#999}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .mini-program .mini-program-title{font-size:16px;margin:10px;word-break:break-all}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .mini-program .mini-program-img .el-image{width:100%;height:120px;border-radius:0 0 20px 20px}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .chatbot-card{display:flex;flex-direction:column;justify-content:flex-start;margin:10px 0;background-color:#fff}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .chatbot-card .chatbot-card-img .el-image{width:100%;height:120px}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .chatbot-card .chatbot-card-title{font-size:16px;margin:10px;word-break:break-all}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .chatbot-card .chatbot-card-desc{margin:0 10px 10px 10px;font-size:13px;color:#999;word-break:break-all;line-height:20px}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .chatbot-card .chatbot-card-click{margin:0 10px 10px 10px;padding-top:5px;border-top:1px solid #e9e9eb;font-size:13px;color:#999;word-break:break-all;line-height:20px}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .message-box-user{display:flex;flex-direction:row;justify-content:flex-end}.drawer-container .drawer-preview .business-card-template-preview-content .chatbot-box .chatbot-content .message-box-user .user-message{background-color:#0f6eff;color:#fff;padding:10px;border:1px solid #e9e9eb;border-radius:20px 0 20px 20px;max-width:70vw}.drawer-container .drawer-preview .code-preview-download{display:flex;flex-direction:column;align-items:center}.select-channel{display:flex;flex-direction:row;align-items:center}.select-channel .el-select{margin-left:10px}.form-item-box{display:flex;flex-direction:row;align-items:center}.form-item-box .el-cascader{margin-left:10px}.induction-days{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;border-radius:5px;padding:0 5px}.induction-days span{color:#606266}.induction-days .el-input{width:100px!important;margin:0 5px}.induction-days .el-select{width:100px}.induction-days .el-select .el-input{width:80px!important}.send-date{height:40px}.send-date .el-date-editor{margin-left:10px}.send-date .sendTime{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.drawer-footer{position:absolute;bottom:0;width:100%;display:flex;flex-direction:row;justify-content:center;padding-bottom:20px;background-color:#fff}.drawer-footer .el-button{width:40%}.add-chatbot-miniprogram-content{margin-top:10px;border:1px solid #dcdfe6;border-radius:5px;padding:10px 10px}.add-chatbot-miniprogram-content .el-cascade{width:100%!important}.add-chatbot-miniprogram-content .el-input{margin-bottom:10px}.add-chatbot-miniprogram-content .el-input .el-input__inner{border:none!important;border-radius:0!important;border-bottom:1px solid #dcdfe6!important}.add-chatbot-miniprogram-content .el-textarea{margin-bottom:10px}.add-chatbot-miniprogram-content .el-textarea .el-textarea__inner{border:none!important;border-radius:0!important;border-bottom:1px solid #dcdfe6!important}.add-chatbot-miniprogram-content .el-upload{width:100%}.custom-tree-node{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-right:8px}.tast-list-box .drawer-container .newCustomer{margin-top:14px}.tast-list-box .drawer-container .newCustomer .alert-text{background-color:#fdf6ec;color:#e6a23c;padding:0 16px;border-radius:4px;display:flex;align-items:center}.tast-list-box .task-pagination{position:absolute;right:40px;bottom:20px}.bind-bot-self-tree-box{text-align:left;flex:auto;position:relative;line-height:28px;height:56px;padding:0}.bind-bot-self-tree-box .selected-box{border:1px solid #e4e7ed;height:56px;overflow-y:auto;display:flex;justify-content:space-between}.bind-bot-self-tree-box .selected-box .tag-box{height:56px;flex:auto}.bind-bot-self-tree-box .selected-box .tag-box .placeholder{height:56px;line-height:56px;color:#c0c4cc;margin-left:8px}.bind-bot-self-tree-box .selected-box .tag-box .el-tag{margin-left:6px}.bind-bot-self-tree-box .selected-box .handle-teg-box{flex:none;width:15px;margin-left:10px;line-height:100%;cursor:pointer;position:absolute;right:1px;top:20px}.bind-bot-self-tree-box .selected-box .handle-teg-box span{height:10px;flex:none}.bind-bot-self-tree-box .bind-bot-self-tree{padding-top:5px;padding-left:6px;z-index:100000000000000000;position:relative;top:3px;background-color:#fff;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed;border-bottom:1px solid #e4e7ed;border-radius:6px;max-height:400px;overflow:auto;min-height:200px}.bind-bot-self-tree{max-height:calc(100vh - 400px);min-height:500px;overflow-y:scroll;overflow-x:hidden}.bind-bot-self-tree .el-tree-node__content>label.el-checkbox{position:absolute;right:0}.screenQun .dialog-title{margin-bottom:10px;padding-top:5px}.screenQun .memberShow{margin-top:21px}.selectMember .el-dialog{margin-top:5vh!important}