#monitoring{width:450px;height:100%}#monitoring .top{width:100%;height:25%;background-color:rgba(0,0,0,.46)}#monitoring .top .title{width:100%;height:20%;margin-top:1%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#monitoring .top .title,#monitoring .top .title>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#monitoring .top .title>div{margin-top:2%}#monitoring .top .title>div .hr{width:40px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAANNJREFUOE/tlEFqwlAURc81A4vjNuhKqptIlmAcJUuyo9oltGtQupSIOrW0g3glSRsVQYiDguAffXj/Xf67nHc1/nakghcAB6RvD/oo722Pkq1zRP+3cTnradBWpHyv5Ms+bpz1pNsUGvozgqLyFoL06tGGnudClbdGy6uFRl6cePs/Ql4T4ZoxRKonGsZa/cgrcjgwppCGsbZCpz6ENIzdhWpeveLuUZlHF4LtEpBnSzv5ceyCabUFAdlrV+9/weYNMbu6RodMjzS1Zy9i4apmlO0B7+W5Q1FF0EgAAAAASUVORK5CYII=) no-repeat 100% 100%}#monitoring .top .title>div .name{font-size:22px;color:#fff;font-weight:700;margin-left:20px;font-family:MicrosoftYaHei-Bold}#monitoring .top .content{height:80%}#monitoring .top .content,#monitoring .top .content #tjecharts{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}#monitoring .top .content #tjecharts{-webkit-box-flex:1.2;-ms-flex:1.2;flex:1.2;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#monitoring .center{width:100%;height:34%;margin-top:6%;background-color:rgba(0,0,0,.46)}#monitoring .center .title{width:100%;height:40px;margin-top:1%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#monitoring .center .title,#monitoring .center .title>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#monitoring .center .title>div{margin-top:2%}#monitoring .center .title>div .hr{width:40px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAANNJREFUOE/tlEFqwlAURc81A4vjNuhKqptIlmAcJUuyo9oltGtQupSIOrW0g3glSRsVQYiDguAffXj/Xf67nHc1/nakghcAB6RvD/oo722Pkq1zRP+3cTnradBWpHyv5Ms+bpz1pNsUGvozgqLyFoL06tGGnudClbdGy6uFRl6cePs/Ql4T4ZoxRKonGsZa/cgrcjgwppCGsbZCpz6ENIzdhWpeveLuUZlHF4LtEpBnSzv5ceyCabUFAdlrV+9/weYNMbu6RodMjzS1Zy9i4apmlO0B7+W5Q1FF0EgAAAAASUVORK5CYII=) no-repeat 100% 100%}#monitoring .center .title>div .name{font-size:22px;color:#fff;font-weight:700;margin-left:20px;font-family:MicrosoftYaHei-Bold}#monitoring .center .content{width:90%;margin-left:5%;margin-top:4%;height:69%;position:relative}#monitoring .center .content .jiankong{width:100%;height:100%;overflow:hidden}#monitoring .center .content .jiankong iframe{width:100%;height:100%;margin-left:-2px;margin-top:-2px}#monitoring .center .content:before{left:0;border-left:2px solid #60f6ff}#monitoring .center .content:after,#monitoring .center .content:before{position:absolute;top:0;width:8px;height:8px;border-top:2px solid #60f6ff;content:""}#monitoring .center .content:after{right:0;border-right:2px solid #60f6ff}#monitoring .center .content .content-footer{position:absolute;bottom:0;left:0;width:100%}#monitoring .center .content .content-footer:before{position:absolute;bottom:0;left:0;width:8px;height:8px;border-left:2px solid #60f6ff;border-bottom:2px solid #60f6ff;content:""}#monitoring .center .content .content-footer:after{position:absolute;bottom:0;right:0;width:8px;height:8px;border-right:2px solid #60f6ff;border-bottom:2px solid #60f6ff;content:""}#monitoring .bottom{width:100%;height:34%;margin-top:5.5%;background-color:rgba(0,0,0,.46)}#monitoring .bottom .title{width:100%;height:40px;margin-top:1%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#monitoring .bottom .title,#monitoring .bottom .title>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#monitoring .bottom .title>div{margin-top:2%}#monitoring .bottom .title>div .hr{width:40px;height:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAUCAYAAACAl21KAAAAAXNSR0IArs4c6QAAANNJREFUOE/tlEFqwlAURc81A4vjNuhKqptIlmAcJUuyo9oltGtQupSIOrW0g3glSRsVQYiDguAffXj/Xf67nHc1/nakghcAB6RvD/oo722Pkq1zRP+3cTnradBWpHyv5Ms+bpz1pNsUGvozgqLyFoL06tGGnudClbdGy6uFRl6cePs/Ql4T4ZoxRKonGsZa/cgrcjgwppCGsbZCpz6ENIzdhWpeveLuUZlHF4LtEpBnSzv5ceyCabUFAdlrV+9/weYNMbu6RodMjzS1Zy9i4apmlO0B7+W5Q1FF0EgAAAAASUVORK5CYII=) no-repeat 100% 100%}#monitoring .bottom .title>div .name{font-size:22px;color:#fff;font-weight:700;margin-left:20px;font-family:MicrosoftYaHei-Bold}#monitoring .bottom .content{width:90%;margin-left:5%;margin-top:4%;height:69%;position:relative}#monitoring .bottom .content .jiankong{width:100%;height:100%;overflow:hidden}#monitoring .bottom .content .jiankong iframe{width:100%;height:100%;margin-left:-2px;margin-top:-2px}#monitoring .bottom .content:before{left:0;border-left:2px solid #60f6ff}#monitoring .bottom .content:after,#monitoring .bottom .content:before{position:absolute;top:0;width:8px;height:8px;border-top:2px solid #60f6ff;content:""}#monitoring .bottom .content:after{right:0;border-right:2px solid #60f6ff}#monitoring .bottom .content .content-footer{position:absolute;bottom:0;left:0;width:100%}#monitoring .bottom .content .content-footer:before{position:absolute;bottom:0;left:0;width:8px;height:8px;border-left:2px solid #60f6ff;border-bottom:2px solid #60f6ff;content:""}#monitoring .bottom .content .content-footer:after{position:absolute;bottom:0;right:0;width:8px;height:8px;border-right:2px solid #60f6ff;border-bottom:2px solid #60f6ff;content:""}