#control{width:450px;height:100%}#control .top{width:100%;height:25%;background-color:rgba(0,0,0,.46)}#control .top .title{width:100%;height:20%;margin-top:1%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#control .top .title,#control .top .title>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#control .top .title>div{margin-top:2%}#control .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%}#control .top .title>div .name{font-size:22px;color:#fff;font-weight:700;margin-left:20px;font-family:MicrosoftYaHei-Bold}#control .top .content{height:80%}#control .top .content,#control .top .content #tjecharts{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}#control .top .content #tjecharts{height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#control .bottom{width:100%;height:70%;background-color:rgba(0,0,0,.46);margin-top:5%}#control .bottom .title{width:100%;height:10%;margin-top:1%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#control .bottom .title,#control .bottom .title>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#control .bottom .title>div{margin-top:2%}#control .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%}#control .bottom .title>div .name{font-size:22px;color:#fff;font-weight:700;margin-left:20px;font-family:MicrosoftYaHei-Bold}#control .bottom .content{width:100%;height:30%;display:-webkit-box;display:-ms-flexbox;display:flex}#control .bottom .content #jcecharts2{-webkit-box-flex:1.2;-ms-flex:1.2;flex:1.2;width:50%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#control .bottom .content .echarts_content{color:hsla(0,0%,100%,.7);width:50%;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#control .bottom .content .echarts_content div:first-of-type{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-top:10%}#control .bottom .content .echarts_content div:first-of-type span:first-of-type{width:8px;height:8px;background:#39ffc5;border-radius:2px}#control .bottom .content .echarts_content div:first-of-type span:nth-of-type(2){color:hsla(0,0%,100%,.7);margin-left:5%}#control .bottom .content .echarts_content div:first-of-type span:nth-of-type(3){margin-top:1%;color:#fff;margin-left:25%}#control .bottom .content .echarts_content div:nth-of-type(2){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:10%}#control .bottom .content .echarts_content div:nth-of-type(2) span:first-of-type{width:8px;height:8px;background:#ff8438;border-radius:2px}#control .bottom .content .echarts_content div:nth-of-type(2) span:nth-of-type(2){color:hsla(0,0%,100%,.7);margin-left:5%}#control .bottom .content .echarts_content div:nth-of-type(2) span:nth-of-type(3){color:#fff;margin-top:1%;margin-left:25%}#control .bottom .bottom_content{width:100%;height:60%}#control .bottom .bottom_content .bc_title{margin-left:4%;width:92%;height:8%;background:rgba(0,255,255,.16);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;font-family:Microsoft YaHei;font-weight:700;color:#0ff}#control .bottom .bottom_content .bc_title span:first-of-type{margin-left:2%}#control .bottom .bottom_content .bc_title span:nth-of-type(3){margin-right:2%}#control .bottom .bottom_content .bc_content{height:82%;overflow:auto;margin-top:1%;margin:16px 0}#control .bottom .bottom_content .bc_content ul{list-style-type:none}#control .bottom .bottom_content .bc_content ul li{margin-left:-10%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:16px;font-family:Microsoft YaHei;font-weight:400;margin-bottom:3.5%;line-height:35px}#control .bottom .bottom_content .bc_content ul li span:first-of-type{width:15%;margin-left:5%;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#control .bottom .bottom_content .bc_content ul li span:nth-of-type(2){width:60%;margin-left:-15%;text-align:center;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#control .bottom .bottom_content .bc_content ul li span:nth-of-type(3){width:25%;margin-left:-20%;text-align:center;color:#39ffc5;font-weight:700}#control .bottom .bottom_content .bc_content ul li span:nth-of-type(4){width:25%;margin-left:-20%;text-align:center;font-weight:700}#control .bottom .bottom_content ::-webkit-scrollbar{width:0}