.el-popover{max-width:400px}.flow-condition .flow-condition-select{margin-right:8px}.flow-condition .flow-condition-controls{display:inline-block}.flow-condition .flow-condition-remove{margin-left:8px;padding:0;color:#666;height:32px;line-height:32px;vertical-align:middle}.flow-condition .el-select__tags .el-select__tags-text{max-width:152px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;line-height:23px}.flow-condition .el-select__tags .el-tag__close.el-icon-close{vertical-align:super}.flow-relation{position:relative;overflow:hidden;padding-right:16px}.flow-relation-text{z-index:5;position:relative;height:100%;transform:translateY(calc(50% - 12px))}.flow-relation-font{height:24px;width:24px;line-height:24px;text-align:center;background:#cad9fa;color:#513eff;font-size:14px;font-weight:600;cursor:pointer}.flow-relation-line{position:absolute;top:0;left:12px;width:2px;height:100%;background:#513eff;opacity:.2}.flow-box{overflow:hidden;padding:12px 16px;width:100%;background:#f5f6fa;color:#535875}.flow-box .flow-box-header .header-button-fold{margin-right:20px;color:#666}.flow-box .flow-box-header .flow-box-add{float:right;color:#535875}.flow-box .flow-box-title{font-size:14px;font-weight:600}.flow-box .flow-box-content{display:flex}.flow-box .flow-event-list{width:100%}.flow-box .flow-event{position:relative;padding-right:30px;padding-left:16px;margin-top:10px}.flow-box .flow-event:last-child{margin-bottom:10px}.flow-box .flow-event-select{margin-right:8px}.flow-box .flow-condition-box{display:flex;margin-top:0;overflow:hidden}.flow-box .flow-condition-relation{position:relative;flex:0 0 120px;width:120px}.flow-box .flow-condition-relation.one-condition{width:90px;flex:0 0 90px;top:5px}.flow-box .flow-condition-relation-text1,.flow-box .flow-condition-relation-text2{display:inline-block;padding:0 10px;height:100%;line-height:24px;transform:translateY(calc(50% - 12px));font-size:14px;font-weight:600}.flow-box .flow-condition-relation-text2{position:relative;z-index:5;padding-right:0}.flow-box .flow-condition-relation-text2>div{height:24px;width:24px;line-height:24px;text-align:center;background:#cad9fa;color:#513eff;font-size:14px;font-weight:600;cursor:pointer}.flow-box .flow-condition-relation-line{position:absolute;top:0;left:75px;width:2px;height:100%;background:#513eff}.flow-box .flow-condition-line{position:relative}.flow-box .flow-condition-line:before,.flow-box .flow-condition-line:last-child .flow-condition-select:first-child:before{position:absolute;width:21px;height:1px;background:#ccc;content:""}.flow-box .flow-condition-line:after,.flow-box .flow-condition-line:last-child .flow-condition-select:first-child:after{position:absolute;top:0;width:1px;height:calc(100% + 10px);background:#ccc;content:""}.flow-box .flow-condition-line:first-child:after,.flow-box .flow-condition-line:last-child .flow-condition-select:first-child:after{height:100%}.flow-box .flow-condition-line:after,.flow-box .flow-condition-line:before,.flow-box .flow-condition-line:last-child .flow-condition-select:first-child:after,.flow-box .flow-condition-line:last-child .flow-condition-select:first-child:before{left:-21px}.flow-box .flow-condition-line:before,.flow-box .flow-condition-line:first-child:after{top:16px}.flow-box .flow-condition-line:last-child:after,.flow-box .flow-condition-line:last-child:before{width:0;height:0}.flow-box .flow-condition-line:last-child .flow-condition-select:first-child:after,.flow-box .flow-condition-line:last-child .flow-condition-select:first-child:before{top:auto;bottom:18px}.flow-box .flow-condition-add{margin-left:10px;margin-bottom:16px;color:#535875}.flow-box .flow-event-remove{position:absolute;top:0;right:0;color:#535875}.flow-box .flow-condition-margin{margin-top:10px}.flow-box .flow-condition-margin:last-child{margin-bottom:10px}.flow-box .action-condition.flow-condition .flow-condition-select{width:100px}