You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

2 lines
3.2KB

  1. .childFlow{width:100%}.childFlow .node{font-size:14px}.childFlow .node .line{width:4px;height:20px;background:#dcdee2}.childFlow .node .add_icon{width:24px;height:24px;background:#ffffff;box-shadow:0 4px 8px rgba(9,103,253,.08),0 6px 13px rgba(9,103,253,.08);border:1px solid rgba(9,103,253,.06);border-radius:100%;color:#0967fd;z-index:2}.childFlow .node .add_icon:after{width:4px;height:20px;background:#dcdee2;content:"";display:block;position:absolute;left:50%;transform:translate(-50%,100%);bottom:0}.childFlow .node .add_icon:before{width:4px;height:20px;background:#dcdee2;content:"";display:block;position:absolute;left:50%;transform:translate(-50%);top:-20px}.childFlow .node .box{z-index:2;background:#ffffff;box-shadow:0 4px 8px rgba(9,103,253,.1);border-radius:4px;border:1px solid rgba(9,103,253,.06);width:200px;padding:8px;cursor:pointer;position:relative}.childFlow .node .box .tit{padding:4px 8px;border-radius:4px;font-weight:600;line-height:20px;margin-bottom:8px;position:relative}.childFlow .node .box.box_APPROVAL .tit{background:linear-gradient(270deg,#ffae00 0%,#ff8600 100%);color:#fff}.childFlow .node .box.box_CONSTRCTION .tit{background:linear-gradient(270deg,#D4AA00 0%,#D48600 100%);color:#fff}.childFlow .node .box.box_condition .tit{background:#f5f8fa;color:#333}.childFlow .node .box.box_SEAL .tit{background:linear-gradient(270deg,#FE7875 0%,#F5222D 100%);color:#fff}.childFlow .node .box.box_CC .tit{background:#f5f8fa;color:#333}.childFlow .node .box.box_virtualNode{display:none}.childFlow .node .box:hover .delIcon{display:block}.childFlow .conNode{position:relative}.childFlow .conNode .conOut{background:#fff}.childFlow .conNode .topLine{height:4px;background:#dcdee2;position:absolute;left:0;right:0}.childFlow .conNode .topLine span{display:inline-block;position:absolute;z-index:10;left:50%;transform:translate(-50%);top:-10px;width:88px;height:24px;line-height:24px;border:1px solid #1b71e3;border-radius:4px}.childFlow .conNode:after{height:4px;background:#dcdee2;position:absolute;left:0;right:0;bottom:0}.childFlow .conNode .conModel{position:relative}.childFlow .conNode .conModel:nth-of-type(1){background:#fff;z-index:3}.childFlow .conNode .conModel:nth-of-type(1):after{content:"";position:absolute;top:0;width:50%;height:4px;background:#dcdee2;right:0}.childFlow .conNode .conModel:nth-of-type(1):before{bottom:0;content:"";background:#dcdee2;height:4px;width:50%;right:0;position:absolute}.childFlow .conNode .conModel:last-of-type{background:#fff;margin-right:0;z-index:3}.childFlow .conNode .conModel:last-of-type:after{content:"";position:absolute;top:0;width:50%;height:4px;background:#dcdee2;left:0}.childFlow .conNode .conModel:last-of-type:before{bottom:0;content:"";background:#dcdee2;height:4px;width:50%;left:0;position:absolute}.childFlow .conNode .conModel:after{content:"";position:absolute;top:0;width:50%;height:4px;background:#dcdee2;right:0}.childFlow .conNode .bot_line{height:4px;background:#dcdee2;position:absolute;left:0;right:0;bottom:0;z-index:2}.childFlow .conNode .spec_line{width:4px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);background:#dcdee2;z-index:0}.childFlow .delIcon{position:absolute;width:24px;height:24px;right:-12px;top:-12px;display:none;z-index:99}