efaas-flow-design 1.0.0

package/efaas-flow-design.css

@@ -0,0 +1 @@
+.designer-wrap{width:100%;height:100vh;overflow:hidden}.designer-wrap .designer-nav-box{width:100%;height:50px;box-shadow:0 2px 8px rgba(92,99,115,.25);box-sizing:border-box;display:flex;position:relative;z-index:100}.designer-wrap .designer-nav-box .designer-nav-return{flex:0 0 auto;display:flex;align-items:center;margin-left:20px;font-size:14px;font-weight:700;color:#575757;cursor:pointer}.designer-wrap .designer-nav-box .designer-nav-return img{margin-right:10px}.designer-wrap .designer-nav-box .designer-nav-return .select-version-box{width:100%;display:flex;cursor:pointer;align-items:center;font-size:16px;color:#575757;font-weight:700;margin-right:30px;position:relative}.designer-wrap .designer-nav-box .designer-nav-return .select-version-box .title{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.designer-wrap .designer-nav-box .designer-nav-return .select-version-box .version{color:#575757}.designer-wrap .designer-nav-box .designer-nav-center{flex:1 0 auto;text-align:center;line-height:50px}.designer-wrap .designer-nav-box .designer-nav-center .designer-nav-center-wrap{display:inline-block}.designer-wrap .designer-nav-box .designer-nav-center .designer-nav-center-wrap .designer-nav-center-wrap-item{display:inline-block;margin-right:35px;font-size:16px;font-weight:700;color:#575757;cursor:pointer}.designer-wrap .designer-nav-box .designer-nav-center .designer-nav-center-wrap .designer-nav-center-wrap-item .act-item{border-bottom:3px solid #ff6a00;padding-bottom:12px;color:#575757}.designer-wrap .designer-nav-box .designer-nav-button{flex:0 0 auto;margin-right:25px;display:flex;justify-content:flex-end;align-items:center}.designer-wrap .designer-nav-box .designer-nav-button button{margin-right:5px}.designer-wrap .designer-base-info{margin:0 auto;padding:24px 0;height:100%;text-align:center;overflow-y:auto;background-color:#f2f3f5}.designer-wrap .designer-base-info .base-info-panel{display:inline-block;width:1128px;padding:24px 288px;background-color:#fff;text-align:left}.designer-wrap .designer-content-box{width:100%;height:calc(100vh - 50px);overflow:hidden}.designer-wrap .designer-content-box .flow-design-wrap{width:100%;height:100%;background-color:#f2f3f5;position:relative}.designer-wrap .designer-content-box .flow-design-wrap:before{display:table;content:""}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container{display:flex;width:100%;height:100%;overflow:scroll}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content{margin:30px auto}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row-container{display:flex;flex-direction:column;flex-grow:1}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row{align-items:center;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box{flex-grow:1;padding:0 50px;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:1px;height:100%;background-color:#cccfdb}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box .node-start-btn{padding-bottom:20px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box .after-node-btn{padding:20px 0 35px;position:relative;text-align:center}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-box .after-node-btn img{cursor:pointer}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item{padding-top:0}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-start,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi{position:relative;display:flex;z-index:2;justify-content:center;align-items:center;width:60px;height:60px;border-radius:60px;color:#f8f8fa;background-image:linear-gradient(90deg,#ff6a00,#f78b3e),linear-gradient(#ff6a00,#ff6a00);background-blend-mode:normal,normal;box-shadow:0 2px 10px 0 rgba(255,107,2,.5);font-size:18px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi{cursor:pointer;background-image:linear-gradient(90deg,#ff4056,#ff4056),linear-gradient(#ff6173,#ff6173)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi:hover .close-icon{display:flex}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi .close-icon{position:absolute;display:none;justify-content:center;align-items:center;top:-2px;left:-5px;width:20px;height:20px;background:#9e9e9e;color:#fff;font-size:14px;border-radius:16px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .node-temmi .close-icon .close-icon:hover{background:red}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box{cursor:pointer;width:210px;height:100px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(75,82,94,.2);border-radius:4px;position:relative;box-sizing:border-box}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-sp,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-start-bg{background-image:linear-gradient(90deg,#ff6a00,#f78b3e),linear-gradient(#ff6a00,#ff6a00)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-launch{background-image:linear-gradient(90deg,#a9b4cd,#a9b4cd),linear-gradient(#a9b4cd,#a9b4cd)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-cc{background-image:linear-gradient(90deg,#268bfb -16.37%,#33e1ae 137.34%),linear-gradient(#ff6a00,#ff6a00)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-tz{background-image:linear-gradient(90deg,#498ff2,#6da4f2),linear-gradient(#ff6a00,#ff6a00)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-fill{background-image:linear-gradient(90deg,#29cc80,#5ccc98),linear-gradient(#29cc80,#29cc80)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-transact{background-image:linear-gradient(90deg,#935af6,#f65ac2),linear-gradient(#935af6,#935af6)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete{background-image:linear-gradient(90deg,#aaaab3,#aaaab3),linear-gradient(#c4c4cc,#c4c4cc)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-zl{background-image:linear-gradient(90deg,#ff9313,#faab4b),linear-gradient(#ff6a00,#ff6a00)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-status-current{background-image:linear-gradient(90deg,#1890ff,#1890ff),linear-gradient(#1890ff,#1890ff)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-status-not{background-image:linear-gradient(90deg,#909399,#909399),linear-gradient(#909399,#909399)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-status-complete{background-image:linear-gradient(90deg,#20b2aa,#20b2aa),linear-gradient(#20b2aa,#20b2aa)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-name{padding:15px;font-size:14px;box-sizing:border-box;border-radius:4px 4px 0 0;height:44px;justify-content:space-between;display:flex;align-items:center;color:#fff;background-color:#ff6a00}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-name .node-name-title{font-weight:700}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-name .node-name-level{width:50%;text-align:right}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-main{align-items:center;height:calc(100% - 44px);border-top:none;box-sizing:border-box;display:flex;padding-left:16px;padding-right:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#575757;font-size:14px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-main span{overflow:hidden;text-overflow:ellipsis}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-main .hint-title{color:#ff6a00;font-size:12px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box.has-error{border:1px solid #ff5b4c;box-shadow:0 0 3px 0 #ff5b4c}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-error{position:absolute;right:-40px;top:32px;font-size:32px;color:#ff5b4c}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box:hover .close-icon{display:flex}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .close-icon{position:absolute;display:none;justify-content:center;align-items:center;top:-5px;left:-5px;width:20px;height:20px;background:#9e9e9e;color:#fff;font-size:14px;border-radius:16px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .close-icon:hover{background:red}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest{cursor:pointer;width:210px;height:60px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(75,82,94,.2);border-radius:4px;position:relative;box-sizing:border-box}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest:hover .close-icon{display:flex}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-name{padding:15px;margin-right:-1px;font-size:14px;font-weight:700;color:#575757;background-color:#fff;border:none!important;height:60px;box-sizing:border-box;border-radius:4px 4px 0 0;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;justify-content:center;display:flex;align-items:center}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-name span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .close-icon{position:absolute;display:none;justify-content:center;align-items:center;top:-5px;left:-5px;width:20px;height:20px;background:#9e9e9e;color:#fff;font-size:14px;border-radius:16px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .close-icon:hover{background:red}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-delete-layer,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete-layer{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.7);border-radius:4px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-delete-layer button,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete-layer button{margin-right:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-delete-layer .node-delete-cancel,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete-layer .node-delete-cancel{color:#fff;border-color:#fff}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-branch-suggest .node-delete-layer .ant-btn-ghost,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item .flow-node-box .node-delete-layer .ant-btn-ghost{background-color:initial}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-item-active{box-shadow:0 3px 30px 0 rgba(255,106,0,.75)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch{position:relative;display:flex;flex-direction:row;border-top:1px solid #cccfdb;border-bottom:1px solid #cccfdb}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .clear-left-border,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .clear-right-border{position:absolute;top:0;bottom:0;width:100%}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .branch-node{position:absolute;top:0;left:50%;z-index:2;transform:translate(-50%,-50%);cursor:pointer}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .meet-node{position:absolute;bottom:0;left:50%;z-index:2;transform:translate(-50%,50%)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col{display:flex;flex-direction:column;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-left-border{left:0}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-left-border:before{content:"";position:absolute;left:0;top:-5px;width:50%;background:#f2f3f5;height:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-left-border:after{content:"";position:absolute;left:0;bottom:-5px;width:50%;background:#f2f3f5;height:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-right-border{right:0}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-right-border:before{content:"";position:absolute;right:-.5px;top:-5px;width:50%;background:#f2f3f5;height:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .clear-right-border:after{content:"";position:absolute;right:-.5px;bottom:-5px;width:50%;background:#f2f3f5;height:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .flow-row{flex-grow:1}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .flow-node-branch{padding-bottom:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .flow-node-branch .node-name{color:#575757;background-color:#fff;border-bottom:1px solid #dee0e3}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .flow-branch .flow-col .flow-item{margin-top:20px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .after-branch-btn{padding:20px 0 41px;position:relative;text-align:center}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .after-branch-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:1px;height:100%;background-color:#ccc}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-row .after-branch-btn img{cursor:pointer;z-index:2;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-end-box{padding-bottom:120px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-container .flow-design-content .flow-end-box .flow-end{position:relative;display:flex;z-index:2;justify-content:center;align-items:center;width:60px;height:60px;border-radius:60px;color:#f8f8fa;background-image:linear-gradient(-30deg,#bbbbc4,#d5d5de),linear-gradient(#bcbcc5,#bcbcc5);background-blend-mode:normal,normal;box-shadow:0 2px 10px 0 hsla(240,4%,58%,.5);font-size:18px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate{position:fixed;top:70px;right:20px;flex-direction:row-reverse;flex-wrap:wrap;z-index:20}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-fullscreen{cursor:pointer;margin-left:10px}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-fullscreen .flow-fullscreen-icon{display:inline-block;width:30px;height:30px;opacity:1;background:#fff;border:1px solid #d9d9d9;border-radius:2px;background-repeat:no-repeat;background-position:50%;background-image:url(https://welink.huaweicloud.com/workflow-design/hae/img/fullscreen.52ee2f27.svg)}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom{display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;height:30px;z-index:999}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom span{font-size:14px;width:60px;height:30px;line-height:30px;text-align:center;background:#fff;border-color:#d9d9d9;border-width:1px 0;border-style:solid}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-less,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-more{width:30px;height:30px;border:1px solid #d9d9d9;cursor:pointer;background-color:#fff;background-size:30px 30px;background-repeat:no-repeat;position:relative}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-less:before,.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-more:before{content:"";position:absolute;top:14px;left:9px;width:11px;height:1px;background:#008dff}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-operate .flow-design-zoom .flow-design-zoom-more:after{content:"";position:absolute;top:9px;left:14px;width:1px;height:11px;background:#008dff}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-map{width:202px;height:150px;opacity:1;background:#aaa;border:1px solid #333;position:fixed;right:20px;bottom:22px;text-align:center;cursor:grab;z-index:10;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-map img{max-width:100%;max-height:100%}.designer-wrap .designer-content-box .flow-design-wrap .flow-design-map .map-mask{width:200px;height:120px;opacity:1;border:1px solid #f5340d;position:absolute;top:0;left:0}.designer-wrap .designer-content-box .flowSetting-box{display:flex;width:100%}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box{height:calc(100vh - 50px);overflow:auto;flex:0 0 240px;background-color:#f2f3f5;padding-top:20px;overflow-y:auto}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group{margin-bottom:25px}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group .flowSetting-nav-group-item{width:100%;padding:12px 20px;box-sizing:border-box;cursor:pointer}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group .flowSetting-nav-group-item img{margin-right:10px;vertical-align:sub}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group .flowSetting-nav-group-item span{color:#575757;font-size:14px}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-nav-box .flowSetting-nav-group .act-item{font-weight:700;width:220px;background-color:rgba(255,106,0,.1);border-radius:0 20px 20px 0}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box{height:calc(100vh - 50px);overflow:auto;width:100%;padding:20px 20px;background:#fff;box-sizing:border-box}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-header{margin-bottom:12px;display:flex;justify-content:space-between}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-header .flowSetting-card-header-title{height:22px;width:138px;font-family:PingFangSC-Medium;font-size:14px;color:#171a1d;letter-spacing:0;line-height:22px}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-header .flowSetting-card-header-title img{margin-right:10px;vertical-align:sub}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-header .flowSetting-card-header-title span{color:#575757;font-size:14px}.designer-wrap .designer-content-box .flowSetting-box .flowSetting-content-box .flowSetting-card-des{height:44px;font-family:PingFangSC-Regular;font-size:14px;color:rgba(23,26,29,.4);letter-spacing:0;line-height:22px}.flow-ant-drawer-title{color:#fff;margin-left:10px}.flow-setting-module .flow-setting-content{box-sizing:border-box;font-size:14px;color:#575757}.flow-setting-module .flow-setting-content .flow-setting-item{margin-bottom:20px;font-size:14px;color:#575757}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-item-title{margin-bottom:10px;font-weight:700}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-item-title .light-text{color:#8f959e;font-weight:400}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid #dee0e3;justify-content:space-between}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left{display:flex;align-items:center}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left .flow-setting-option-desc{margin-left:9px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left .flow-setting-option-desc p{margin:0;padding:0;font-family:Microsoft YaHei}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left .flow-setting-option-desc .setting-option-title{color:#575757;font-size:14px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-option .flow-setting-option-item .flow-setting-option-item-left .flow-setting-option-desc .setting-option-desc{color:#979797;font-size:12px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box{max-height:90%}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group{background-color:#f2f3f5;padding-bottom:10px;margin-top:15px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item{border-radius:3px;display:flex;justify-content:flex-start;padding:10px 10px 5px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item .flow-setting-condition-option{display:flex;justify-content:space-around;width:100%}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item .flow-setting-condition-value{background:#fff;width:45%;color:#c0c4cc;font-size:13px;height:40px;line-height:40px;box-sizing:border-box;border-radius:5px;border:1px solid #dcdfe6}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item .flow-setting-condition-del{width:38px;height:38px;background-color:#fff;border-radius:3px;border:1px solid #dee0e3;display:flex;align-items:center;justify-content:center;color:#a3a8af;font-size:16px;cursor:pointer;flex:0 0 auto}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group .flow-setting-condition-item .flow-setting-condition-del:hover{background-color:#dcdcdc}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-group-connector{margin-top:15px;color:#8e8e8e;font-size:14px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-add{width:100px;height:34px;background-color:#fff;border-radius:3px;border:1px solid #dee0e3;color:#8e8e8e;text-align:center;font-size:13px;cursor:pointer;line-height:34px;margin-top:15px;margin-left:13px}.flow-setting-module .flow-setting-content .flow-setting-item .flow-setting-condition-box .flow-setting-condition-add:hover{background-color:#dcdcdc}.flow-setting-module .flow-setting-content .flow-setting-item .tpl-flex-box{display:flex;color:#575757;font-size:14px;justify-content:space-between}.flow-setting-module .flow-setting-content .flow-setting-item .hint-info{line-height:22px;color:#646a73}.flow-setting-module .flow-setting-content .flow-setting-item .hint-info p{position:relative;padding-left:10px}.flow-setting-module .flow-setting-content .flow-setting-item .hint-info p:before{content:"";width:4px;height:4px;position:absolute;top:9px;left:0;border-radius:2px;background:#ff8126}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-title{color:#171a1d;font-size:14px;font-weight:600}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-desc{color:rgba(23,26,29,.4);font-size:12px;padding-top:6px;padding-bottom:18px}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-defaultTab{margin-top:12px}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-defaultTab .flow-block-defaultTpl{border-radius:6px;background:rgba(23,26,29,.04);padding:8px 12px}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-defaultTab .flow-block-defaultSample{font-size:12px;color:rgba(23,26,29,.4);padding-top:8px}.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-var{padding:3px 10px;background:hsla(210,7%,53%,.16);border-radius:4px;margin:0 2px}.flow-setting-approval-title,.flow-setting-module .flow-setting-content .flow-setting-block .flow-block-content .flow-block-card-header{display:flex;align-items:center;justify-content:space-between}.flow-setting-approval-title .del-icon{cursor:pointer}.flow-setting-auth-table{font-size:14px;color:#8e8e8e;font-weight:400;position:relative}.flow-setting-auth-table div{margin:0;padding:0;font-family:Microsoft YaHei}.flow-setting-auth-table .flow-setting-auth-table-header{padding-left:9px;box-sizing:border-box;display:flex;align-items:center;width:100%;height:40px;background-color:#f2f3f5}.flow-setting-auth-table .flow-setting-auth-table-body{color:#575757;background-color:#fff;display:block;height:auto;width:100%;padding-left:9px;box-sizing:border-box;align-items:center}.flow-setting-auth-table .flow-setting-auth-table-body .flow-setting-auth-table-name-column-row{height:40px;width:100%;display:flex;align-items:center;border-bottom:1px solid #dee0e3;position:relative}.flow-setting-auth-table .flow-setting-auth-table-name-column-25{width:25%}.flow-setting-auth-table .flow-setting-auth-table-name-column-30{width:40%}.flow-setting-auth-table .flow-setting-auth-table-name-column-25 span,.flow-setting-auth-table flow-setting-auth-table-name-column-30 span{display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-setting-auth-table .flow-setting-auth-table-option-column{flex-grow:1;display:flex;position:relative}.flow-setting-auth-table .flow-setting-auth-table-option-column .flow-setting-auth-table-option-column-item-25{width:30%}.flow-setting-auth-table .flow-setting-auth-table-option-column .flow-setting-auth-table-option-column-item-25 span{font-size:12px}.flow-setting-auth-table .flow-setting-auth-table-option-column .flow-setting-auth-table-option-column-item-50{width:50%}.flow-ant-drawer-footer{position:absolute;bottom:0;width:100%;border-top:1px solid #e8e8e8;padding:10px 16px;left:0;background:#fff;border-radius:0 0 4px 4px}.flow-helper .flow-helper-strengthen,.flow-helper .flow-helper-template{position:absolute;color:#171a1d;z-index:90;display:flex;background:#fff;align-items:center;cursor:pointer;font-family:PingFangSC,PingFangSC-Medium;font-weight:500;padding:10px 10px 10px 12px;border-radius:0 100px 100px 0;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.flow-helper .flow-helper-template{left:0;top:55px;margin-top:20px}.flow-helper .flow-helper-strengthen{left:0;top:127px}.flow-helper .flow-helper-strengthen .process-icon{color:#0089ff;width:16px;font-size:14px}.flow-helper .flow-helper-title{font-family:PingFangSC,PingFangSC-Medium;font-weight:500;height:20px;margin:0 32px 0 6px}.flow-helper .flow-helper-icon{color:#0089ff;width:16px}.flow-helper .flow-helper-right-icon{color:rgba(23,26,29,.24);font-size:12px}.flow-helper .flow-helper-drawer-header{padding-left:8px}.flow-helper .flow-helper-drawer-header .flow-helper-drawer-header-title{font-size:18px;line-height:25px;font-family:PingFangSC-Medium;color:#111f2c}.flow-helper .flow-helper-drawer-header .flow-helper-drawer-header-content{font-size:12px;line-height:20px;color:rgba(17,31,44,.4)}.flow-helper .flow-helper-drawer-item{display:inline-flex;align-items:center;background:#f2f2f7;padding:12px;border-radius:4px;margin:6px 0;width:256px;cursor:pointer}.flow-helper .flow-helper-drawer-item .flow-helper-drawer-item-icon{font-size:22px;margin-right:12px}.flow-helper .flow-helper-drawer-item .flow-helper-drawer-item-title{font-size:15px;line-height:22px;color:#191f25}.flow-helper .flow-helper-drawer-item .flow-helper-drawer-item-content{line-height:20px;font-size:12px;color:rgba(17,31,44,.4)}.flow-helper .flow-helper-drawer-row{display:flex;align-items:center;padding-left:8px;margin-bottom:10px}.flow-helper .flow-helper-drawer-row .flow-helper-drawer-row-title{font-size:15px;color:#171a1d;line-height:22px;vertical-align:middle;margin-right:10px}.flow-helper .flow-helper-drawer-row .flow-helper-drawer-row-foot-text{margin-top:5px;padding-left:8px}.flow-helper-drawer-item-popover-img{display:block;height:500px;width:500px;margin-bottom:12px}.flow-tips{position:absolute;left:20px;top:20px;z-index:199;text-align:left}.flow-tips .flow-tips-item{line-height:20px;font-size:16px;display:inline-block;margin-right:15px}.flow-tips .flow-tips-item .flow-tips-item-icon{font-size:20px;margin-right:5px}.flow-tips .flow-tips-item .flow-tips-complete{color:#20b2aa}.flow-tips .flow-tips-item .flow-tips-current{color:#1890ff}.flow-tips .flow-tips-item .flow-tips-not{color:#909399}.screenshot{position:fixed;bottom:86px;right:34px;z-index:2048;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.screenshot .screenshot-dropdown{width:120px;position:absolute;bottom:47px;right:0;z-index:2;background-color:#fff;border:1px solid #ebeef5;border-radius:4px;box-shadow:-1px -1px 14px #cccccc6e;padding:4px 4px}.screenshot .screenshot-dropdown>div{line-height:36px;margin:0;font-size:14px;color:#606266;cursor:pointer;outline:none;text-align:center;border-bottom:1px solid #dddddd63}.screenshot .screenshot-dropdown>div:hover{background-color:#ecf5ff;color:#66b1ff}.screenshot .screenshot-dropdown>div:last-child{border-bottom:none}.screenshot .screenshot-dropdown>div img{margin-right:10px;vertical-align:sub}.screenshot .screenshot-dropdown>div span{color:#575757;font-size:14px}.screenshot .screenshot-btn{box-shadow:0 0 6px rgba(0,0,0,.12);width:40px;height:40px;font-size:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;border-radius:50%;transition:all .5s;opacity:.2}.screenshot .screenshot-btn:hover{opacity:1!important}.approver-tip-content{width:440px}.approver-tip-content .main-title{font-weight:500;color:#000;font-size:14px;line-height:22px;margin-bottom:4px}.approver-tip-content .content{color:#646a73;font-size:14px;line-height:22px;margin-bottom:4px}.flow-ant-menu-vertical{border-right:0 solid #e8e8e8!important;width:130px}.modalClass .ant-modal-body{overflow-y:scroll;height:500px}.w-fill{width:100%}.h-100{height:100px!important}.margin-top-10{margin-top:10px}.margin-bottom-20{margin-bottom:20px}::-webkit-scrollbar{width:8px;height:8px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:hsla(0,0%,79%,.5);cursor:pointer;border-radius:10px}::-webkit-scrollbar-track{background-color:transparent}.xn-mr-5[data-v-7749d089]{margin-right:5px}.xn-mr-10[data-v-7749d089]{margin-right:10px}.selectorTreeDiv[data-v-7749d089]{max-height:500px;overflow:auto}.ant-form-item[data-v-7749d089]{margin-bottom:0!important}.user-table[data-v-7749d089]{overflow:auto;max-height:450px}.user-container[data-v-7749d089]{display:flex;align-items:center;flex-direction:column;margin-right:10px;text-align:center}.user-avatar[data-v-7749d089]{width:30px;border-radius:50%}.user-name[data-v-7749d089]{font-size:12px;max-width:50px;white-space:nowrap;overflow:hidden}.user-delete[data-v-7749d089]{z-index:99;color:rgba(0,0,0,.25);position:relative;display:flex;flex-direction:column}.delete-icon[data-v-7749d089]{position:absolute;right:-2px;z-index:5;top:-3px;cursor:pointer;visibility:hidden}.show-delete-icon[data-v-7749d089]{visibility:visible}.xn-mr-5[data-v-d67fa942]{margin-right:5px}.xn-mr-10[data-v-d67fa942]{margin-right:10px}.selectorTreeDiv[data-v-d67fa942]{max-height:500px;overflow:auto}.ant-form-item[data-v-d67fa942]{margin-bottom:0!important}.selector-table[data-v-d67fa942]{overflow:auto;max-height:450px}.xn-mr-5[data-v-5c97cb6c]{margin-right:5px}.xn-mr-10[data-v-5c97cb6c]{margin-right:10px}.selectorTreeDiv[data-v-5c97cb6c]{max-height:500px;overflow:auto}.ant-form-item[data-v-5c97cb6c]{margin-bottom:0!important}.selector-table[data-v-5c97cb6c]{overflow:auto;max-height:450px}.userSel[data-v-0d9b2dcf]{height:40px;margin-top:5px;display:flex;align-items:center;border-top:1px dashed;border-bottom:1px dashed;color:#0e70d9c7}