.flow-condition .condition-btn{text-align:center;margin:10px 0}.relation-content{height:100%}.relation-content .step-btn{margin-bottom:10px}.relation-content .field-content{border:1px solid #e0e0e0;height:calc(100% - 40px);overflow-y:auto}.relation-content .field-content .field-list{height:100%;padding-bottom:30px}.relation-content .field-content .field-list .el-col{border:1px solid transparent}.relation-content .field-content .field-list .field-grid{padding:15px 10px;margin:0;position:relative;border-left:5px solid transparent}.relation-content .field-content .field-list .field-grid:hover{background:#ecf5ff}.relation-content .field-content .field-list .field-grid.active{background:#b3d8ff}.relation-content .field-content .field-list .field-grid .field-delete{position:absolute;right:15px;bottom:-5px;z-index:1009}.relation-content .field-content .ghost{background:#fff;border:1px dashed #409eff!important}.relation-viewer-content{position:relative}.f-relation-content{height:100%}.f-relation-content .select-content{padding-bottom:6px}.f-relation-content .flow-content{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100% - 35px);border:1px solid #cbd5dd}.f-relation-content .flow-content .flow-table{width:240px;height:100%;overflow-y:auto;border-right:1px solid #cbd5dd}.f-relation-content .flow-content .flow-table .flow-list{height:30px;line-height:30px;font-size:14px;padding-left:10px;cursor:pointer}.f-relation-content .flow-content .flow-table .flow-list.active{color:#3f89d4}.f-relation-content .flow-content .flow-form{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.f-relation-content .flow-content .flow-form .form-btn{padding-left:10px;line-height:40px;border-bottom:1px solid #e0e0e0}.f-relation-content .flow-content .flow-form .form-content{height:calc(100% - 40px);overflow-y:auto}.f-relation-content .flow-content .flow-form .form-content .field-list{height:100%;padding-bottom:30px}.f-relation-content .flow-content .flow-form .form-content .field-list .el-col{border:1px solid transparent}.f-relation-content .flow-content .flow-form .form-content .field-list .field-grid{padding:15px 10px;margin:0;position:relative;border-left:5px solid transparent}.f-relation-content .flow-content .flow-form .form-content .field-list .field-grid:hover{background:#ecf5ff}.f-relation-content .flow-content .flow-form .form-content .field-list .field-grid.active{background:#b3d8ff}.f-relation-content .flow-content .flow-form .form-content .field-list .field-grid .field-delete{position:absolute;right:15px;bottom:-5px;z-index:1009}.f-relation-content .flow-content .flow-form .form-content .ghost{background:#fff;border:1px dashed #409eff!important}.relation-viewer-content{display:-webkit-box;display:-ms-flexbox;display:flex;height:500px}.relation-viewer-content .editor-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.relation-viewer-content .form-content{width:300px}.relation-viewer-content .c-editor-content{position:absolute;height:100%;top:0;left:0;width:100%;background-color:#fff;z-index:10}.relation-viewer-content .c-editor-content .relation-viewer-content{height:100%}.page-flow-design .content-content{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100% - 40px)}.page-flow-design .content-content .flow-editor{-webkit-box-flex:1;-ms-flex:1;flex:1;border:1px solid #e5e5e5}.page-flow-design .content-content .flow-config{width:340px;padding:0 10px}.page-flow-design .content-content .flow-config .config-content{height:100%}.page-flow-design .content-content .config-btn{height:36px;line-height:36px}.page-flow-design .content-content .config-title{height:36px;line-height:36px;color:#000;font-size:14px;font-weight:700;background-color:#e5e5e5;padding-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex}.page-flow-design .content-content .config-title .config-text{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.page-flow-design .content-content .config-config{height:calc(100% - 86px);margin-top:10px;padding-right:10px;overflow-y:auto}.page-flow-design .content-content .config-config .config-label{margin-bottom:10px}.page-flow-design .content-content .config-config .config-label .config-name{width:85px;float:left;text-align:right;line-height:28px}.page-flow-design .content-content .config-config .config-label .config-input{margin-left:85px}.page-flow-design .content-content .config-config .config-label .config-input .el-tag:first-child{width:calc(100% - 45px)}.page-flow-design .content-content .config-config .config-label .config-input .el-tag:first-child .el-select__tags-text{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;width:calc(100% - 10px);overflow:hidden}.page-flow-design .content-content .config-config .config-label .config-input .el-tag:first-child .el-tag__close{background-color:#c0c4cc;right:-4px}