.custom-node{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #ccc;border-left:none;border-top:none;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.1),0 40px 12px 0 rgba(0,0,0,.04);box-shadow:0 0 0 0 rgba(0,0,0,.1),0 40px 12px 0 rgba(0,0,0,.04);display:-ms-flexbox;display:flex;height:150px;justify-content:center;position:relative;-webkit-transform:rotateX(60deg) rotate(45deg);transform:rotateX(60deg) rotate(45deg);width:150px}.custom-node-base{left:40px;position:absolute;top:50px;width:100px}.double-node{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #ccc;border-left:none;border-top:none;display:-ms-flexbox;display:flex;height:150px;justify-content:center;position:relative;-webkit-transform:rotateX(60deg) rotate(45deg);transform:rotateX(60deg) rotate(45deg);width:150px}.double-node-base1{left:15px;position:absolute;top:65px;width:100px}.double-node-base2{left:60px;position:absolute;top:40px;width:100px}.four-node{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;background-color:#fff;border:1px solid #ccc;border-left:none;border-top:none;display:-ms-flexbox;display:flex;height:170px;justify-content:center;-webkit-transform:rotateX(60deg) rotate(45deg);transform:rotateX(60deg) rotate(45deg);width:200px}.four-node-base1{left:0;position:absolute;top:60px;width:100px}.four-node-base2{left:60px;position:absolute;top:30px;width:100px}.four-node-base3{left:70px;position:absolute;top:100px;width:100px}.four-node-base4{left:130px;position:absolute;top:70px;width:100px}.node-icon-title{color:#999;font-size:8px;font-weight:500;left:-15px;text-align:center;top:-50px;width:100px}.node-icon,.node-icon-title{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;height:40px;justify-content:center;position:absolute}.node-icon{cursor:pointer;left:5px;top:-20px;width:60px}.node-icon-no-base{top:-10px!important}.node-icon:hover{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:iconActive;animation-name:iconActive}.node-card{color:#999;min-height:150px;padding:15px;width:380px}.ant-popover-content{opacity:.9}.base-active{-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:baseActive;animation-name:baseActive;left:5px;position:absolute;top:0}.custom-node-title{color:#4d4d4d;font-size:12px;font-weight:500;left:-40px;position:absolute;top:20px;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);width:100px}.node-base{width:100px}@-webkit-keyframes baseActive{to{top:-3px}}@keyframes baseActive{to{top:-3px}}@-webkit-keyframes iconActive{to{top:-23px}}@keyframes iconActive{to{top:-23px}}@-webkit-keyframes ant-line{to{stroke-dashoffset:-1000}}@keyframes ant-line{to{stroke-dashoffset:-1000}}