html,body{height:100%;margin:0;padding:0;overflow:hidden}html{background:#0b0c1e;color:#94d5cf;font-family:"Microsoft Yahei"}.title{text-align:center;font-size:28px;height:50px;line-height:60px}img.border{position:absolute;width:45%;height:50%;z-index:-100}img.border.lt{left:10px;top:40px}img.border.rb{right:10px;bottom:5px}::-webkit-scrollbar{display:none}.sy-col{display:flex;flex-flow:row;margin:2px 0}.sy-col>.sy-row{height:100%;flex:1}.sy-col>.sy-col{width:100%;flex:1}.sy-row{display:flex;flex-flow:column;margin:0 2px}.sy-row>.sy-col{width:100%;flex:1}.sy-row>.sy-row{height:100%;flex:1}.sy-panel{position:relative}.sy-panel .sy-panel-title{flex:none;height:30px;line-height:30px;text-align:left;font-size:18px;color:#ebfff1;position:absolute;z-index:2000;top:10px;left:8px;display:inline-block;margin-left:10px;padding-left:5px;padding-right:5px}.sy-panel .sy-panel-content{flex:1}.sy-panel .sy-panel-chart{flex:1}.sy-panel .sy-panel-border{position:absolute;left:0;top:0;right:0;bottom:0;border-style:solid;background:0;z-index:-1;border-width:32px 37px;border-image-source:url("../img/line.png");border-image-slice:32 37 fill}.sy-panel .sy-panel-border.line{border-width:32px 37px;border-image-source:url("../img/line.png");border-image-slice:32 37 fill}.sy-panel .sy-panel-border.dotted{border-width:71px 23px;border-image-source:url("../img/dotted.png");border-image-slice:71 23}.sy-panel .sy-panel-border.rt{border-width:5px;border-image-slice:15 12;border-image-source:url("../img/bg_rt.png")}.sy-panel .sy-panel-border.rb{border-width:5px;border-image-slice:30 12;border-image-source:url("../img/bg_rb.png")}.sy-panel .sy-panel-border.lb{border-width:5px;border-image-slice:30 12;border-image-source:url("../img/bg_lb.png")}.sy-panel .sy-panel-border.lt{border-width:5px;border-image-slice:15 12;border-image-source:url("../img/bg_lt.png")}.flow-title{position:absolute;top:35px;left:10px;right:20px;height:40px;display:flex;flex-flow:row;font-size:14px;line-height:40px;text-align:center}.flow-content{position:absolute;top:65px;left:10px;right:20px;bottom:10px;overflow:hidden}.flow-content .flow-name{text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.flow-title .flow-name,.flow-content .flow-name,.flow-title .flow-layout-flex,.flow-content .flow-layout-flex{flex:1;height:40px}.flow-title .flow-state,.flow-content .flow-state,.flow-title .flow-time,.flow-content .flow-time,.flow-title .flow-layout-width,.flow-content .flow-layout-width{text-align:center;width:50px;height:40px}