#system{width:450px;height:100%}#system .top{width:100%;height:25%;background-color:rgba(0,0,0,.46)}#system .top .title{width:100%;height:20%;margin-top:1%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#system .top .title,#system .top .title>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#system .top .title>div{margin-top:2%}#system .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%}#system .top .title>div .name{font-size:22px;color:#fff;font-weight:700;margin-left:20px;font-family:MicrosoftYaHei-Bold}#system .top .content{height:80%}#system .top .content,#system .top .content #echarts{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}#system .top .content #echarts{height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#system .bottom{width:450px;height:70.5%;margin-top:4%;background-color:rgba(0,0,0,.46)}#system .bottom .title{width:100%;height:40px;margin-top:1%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#system .bottom .title,#system .bottom .title>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#system .bottom .title>div{margin-top:2%}#system .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%}#system .bottom .title>div .name{font-size:22px;color:#fff;font-weight:700;margin-left:20px;font-family:MicrosoftYaHei-Bold}#system .bottom .border{width:100%;height:90%;padding:1% 0;margin-top:2%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#system .bottom .border .slide{width:100%}#system .bottom .border .slide .slide1{width:100%;margin-top:-1%;padding:0 1%}#system .bottom .border .slide .slide1 .c{width:90%;border-top:1px solid hsla(0,0%,100%,.2);-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2% 1%;cursor:pointer}#system .bottom .border .slide .slide1 .c,#system .bottom .border .slide .slide1 .c .c_top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#system .bottom .border .slide .slide1 .c .c_top{margin-left:4%;background:-webkit-gradient(linear,left top,right top,from(rgba(255,80,51,.5)),to(rgba(255,80,51,0)));background:linear-gradient(90deg,rgba(255,80,51,.5),rgba(255,80,51,0));width:100%;font-family:Microsoft YaHei;font-size:18px;font-weight:400;color:#ffea00;border-radius:16px 0 0 0;margin-top:2%}#system .bottom .border .slide .slide1 .c .c_top .c_top_left1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20%;height:30px;background:#ff5033;border-radius:16px 0 16px 0}#system .bottom .border .slide .slide1 .c .c_top .c_top_left1 span{font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#fff;width:100%;text-align:center}#system .bottom .border .slide .slide1 .c .c_top .c_top_left2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20%;height:30px;background:#ff8033;border-radius:16px 0 16px 0}#system .bottom .border .slide .slide1 .c .c_top .c_top_left2 span{font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#fff;width:100%;text-align:center}#system .bottom .border .slide .slide1 .c .c_top .c_top_left3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20%;height:30px;background:#c1a621;border-radius:16px 0 16px 0}#system .bottom .border .slide .slide1 .c .c_top .c_top_left3 span{font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#fff;width:100%;text-align:center}#system .bottom .border .slide .slide1 .c .c_top .text{width:80%;margin-left:2%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#system .bottom .border .slide .slide1 .c .c_bottom{margin-left:4%;width:100%;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin-bottom:2%;margin-top:4%}#system .bottom .border .slide .slide1 .c .c_bottom span:first-of-type{vertical-align:middle;margin-left:1%}#system .bottom .border .slide .slide1 .c .c_bottom span:nth-of-type(2){vertical-align:middle;font-size:16px;font-family:Microsoft YaHei;margin-left:2%;font-weight:400;color:#fff}#system .bottom .border .slide .slide1 .c .c_bottom span:nth-of-type(3){vertical-align:middle;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:hsla(0,0%,100%,.6);float:right}#system .bottom .border .slide .slide1 .c-show,#system .bottom .border .slide .slide1 .c:hover{background:-webkit-gradient(linear,left top,right top,from(rgba(255,80,51,.3)),to(rgba(255,80,51,0)));background:linear-gradient(90deg,rgba(255,80,51,.3),rgba(255,80,51,0))}#system .bottom .border .slide .slide2{width:100%;margin-top:-1%;padding:0 1%}#system .bottom .border .slide .slide2 .c{width:90%;margin-left:4%;border-top:1px solid hsla(0,0%,100%,.2);-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2% 1%;cursor:pointer}#system .bottom .border .slide .slide2 .c,#system .bottom .border .slide .slide2 .c .c_top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#system .bottom .border .slide .slide2 .c .c_top{background:-webkit-gradient(linear,left top,right top,from(rgba(255,80,51,.5)),to(rgba(255,80,51,0)));background:linear-gradient(90deg,rgba(255,80,51,.5),rgba(255,80,51,0));width:100%;font-family:Microsoft YaHei;font-size:18px;font-weight:400;color:#ffea00;border-radius:16px 0 0 0;margin-top:2%}#system .bottom .border .slide .slide2 .c .c_top .c_top_left1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20%;height:30px;background:#ff5033;border-radius:16px 0 16px 0}#system .bottom .border .slide .slide2 .c .c_top .c_top_left1 span{font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#fff;width:100%;text-align:center}#system .bottom .border .slide .slide2 .c .c_top .c_top_left2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20%;height:30px;background:#ff8033;border-radius:16px 0 16px 0}#system .bottom .border .slide .slide2 .c .c_top .c_top_left2 span{font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#fff;width:100%;text-align:center}#system .bottom .border .slide .slide2 .c .c_top .c_top_left3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20%;height:30px;background:#c1a621;border-radius:16px 0 16px 0}#system .bottom .border .slide .slide2 .c .c_top .c_top_left3 span{font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#fff;width:100%;text-align:center}#system .bottom .border .slide .slide2 .c .c_top .text{width:80%;margin-left:2%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#system .bottom .border .slide .slide2 .c .c_bottom{width:100%;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin-bottom:2%;margin-top:4%}#system .bottom .border .slide .slide2 .c .c_bottom span:first-of-type{vertical-align:middle;margin-left:1%}#system .bottom .border .slide .slide2 .c .c_bottom span:nth-of-type(2){vertical-align:middle;font-size:16px;font-family:Microsoft YaHei;margin-left:2%;font-weight:400;color:#fff}#system .bottom .border .slide .slide2 .c .c_bottom span:nth-of-type(3){vertical-align:middle;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:hsla(0,0%,100%,.6);float:right}#system .bottom .border .slide-paused,#system .bottom .border .slide:hover{-webkit-animation-play-state:paused!important;animation-play-state:paused!important}@-webkit-keyframes alarmrolls{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-50.2%,0);transform:translate3d(0,-50.2%,0)}}@keyframes alarmrolls{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-50.2%,0);transform:translate3d(0,-50.2%,0)}}#system .bottom .border .noslide{width:100%;height:100%}#system .bottom .border .noslide .c{width:90%;margin-left:4%;border-top:1px solid hsla(0,0%,100%,.2);-ms-flex-wrap:wrap;flex-wrap:wrap;padding:2% 1%}#system .bottom .border .noslide .c,#system .bottom .border .noslide .c .c_top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#system .bottom .border .noslide .c .c_top{background:-webkit-gradient(linear,left top,right top,from(rgba(255,80,51,.5)),to(rgba(255,80,51,0)));background:linear-gradient(90deg,rgba(255,80,51,.5),rgba(255,80,51,0));width:100%;font-family:Microsoft YaHei;font-size:18px;font-weight:400;color:#ffea00;border-radius:16px 0 0 0;margin-top:2%}#system .bottom .border .noslide .c .c_top .c_top_left1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20%;height:30px;background:#ff5033;border-radius:16px 0 16px 0}#system .bottom .border .noslide .c .c_top .c_top_left1 span{font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#fff;width:100%;text-align:center}#system .bottom .border .noslide .c .c_top .c_top_left2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20%;height:30px;background:#ff8033;border-radius:16px 0 16px 0}#system .bottom .border .noslide .c .c_top .c_top_left2 span{font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#fff;width:100%;text-align:center}#system .bottom .border .noslide .c .c_top .c_top_left3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20%;height:30px;background:#c1a621;border-radius:16px 0 16px 0}#system .bottom .border .noslide .c .c_top .c_top_left3 span{font-size:14px;font-family:Microsoft YaHei;font-weight:700;color:#fff;width:100%;text-align:center}#system .bottom .border .noslide .c .c_top .text{width:80%;margin-left:2%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#system .bottom .border .noslide .c .c_bottom{width:100%;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:#fff;margin-bottom:2%;margin-top:4%}#system .bottom .border .noslide .c .c_bottom span:first-of-type{vertical-align:middle;margin-left:1%}#system .bottom .border .noslide .c .c_bottom span:nth-of-type(2){vertical-align:middle;font-size:16px;font-family:Microsoft YaHei;margin-left:2%;font-weight:400;color:#fff}#system .bottom .border .noslide .c .c_bottom span:nth-of-type(3){vertical-align:middle;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:hsla(0,0%,100%,.6);float:right}#system .bottom .border .noslide .c:first-of-type{border:none}#system .bottom ::-webkit-scrollbar{width:0}#system .bottom .border1{width:100%;height:90%;padding:1% 0;margin-top:1%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#system .bottom .border1 span{color:hsla(0,0%,100%,.3);font-weight:bolder;font-size:25px}