.monitor-tree-container{width:1.14583rem;background:#16212b;border-radius:.02083rem;height:calc(100vh - .98958rem);padding-bottom:.05208rem;font-size:.07292rem}.monitor-tree-container .icon-plus{background:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADaADAAQAAAABAAAADQAAAACpyhiuAAAAX0lEQVQoFWP8////TAZSAamaQOqZSLUEpJ66moDOmIHLFfhsYsSliQVdAmoDWAM0kP4zMjJmoKiDSqCIgTj4xPE57z+GSVABnJownIRkAk5NSGowmGRpYsTlYQzjkQQA5acmx9u9Mi4AAAAASUVORK5CYII=) no-repeat 50%;transform:none}.monitor-tree-container .is-leaf.icon-plus{background:initial}.monitor-tree-container .el-tree-node__content{padding-left:.0625rem!important}.monitor-tree-container .el-tree-node__content .el-tree-node__expand-icon{padding:.05208rem}.monitor-tree-container .el-tree-node__children{margin-left:.09375rem}.monitor-tree-container .el-tree-node__expand-icon.expanded{background:url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAADaADAAQAAAABAAAADQAAAACpyhiuAAAARElEQVQoFWP8////TAZSAamaQOqZSLUEpH6Qa2JB9xPQozOAYoxI4v8ZGRkzkPgMGJrQFSArhrEHeUCQ5TxGUpMRKDAA1aET3hyuMWgAAAAASUVORK5CYII=) no-repeat 50%;transform:none}.monitor-tree-container .search{margin:.08333rem;width:.97917rem}.monitor-tree-container .search .el-input__inner{border-radius:.01042rem;border:1px solid hsla(0,0%,100%,.2);background:#16212b;color:hsla(0,0%,100%,.7)}.monitor-tree-container .search .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.2)}.monitor-tree-container .search .el-input__inner::placeholder{color:hsla(0,0%,100%,.2)}.monitor-tree-container .search .el-input__inner::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}.monitor-tree-container .search .el-input__inner:-moz-placeholder,.monitor-tree-container .search .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.4)}.monitor-tree-container .search .el-input__inner:-ms-input-placeholder{color:hsla(0,0%,100%,.4)}.monitor-tree-container .search .el-input__inner:focus{border:1px solid rgba(25,177,102,.8)}.monitor-tree-container .filter-tree{overflow:scroll;margin-right:.05208rem;margin-left:.01042rem;height:calc(100vh - 1.30208rem);background:inherit}.monitor-tree-container .filter-tree .el-tree-node__label{padding:.02083rem}.monitor-tree-container .filter-tree .el-tree-node__content{margin:.02083rem 0}.monitor-tree-container .filter-tree .el-tree-node.is-current>.el-tree-node__content,.monitor-tree-container .filter-tree .el-tree-node:focus>.el-tree-node__content,.monitor-tree-container .filter-tree .el-tree-node__content:hover{background:inherit;color:#19b166}.monitor-tree-container .filter-tree .el-tree-node.is-current>.el-tree-node__content .el-tree-node__label,.monitor-tree-container .filter-tree .el-tree-node:focus>.el-tree-node__content .el-tree-node__label,.monitor-tree-container .filter-tree .el-tree-node__content:hover .el-tree-node__label{background:rgba(25,177,102,.2)}.monitor-tree-container .filter-tree .el-tree-node>.el-tree-node__children{overflow:initial}.no-scroll{overflow:hidden}.monitor-container{margin-left:.08333rem;display:flex}.monitor-container .nav{width:1.14583rem}.monitor-container .main{width:100%;height:calc(100vh - .78125rem);overflow-x:hidden;overflow-y:auto;margin:0 .08333rem}.monitor-container .main .content{margin-top:.08333rem}.monitor-container .main .footer{margin:.08333rem 0 .20833rem 0}.monitor-container .monitor-header-header-container{background:#16212b;border-radius:.02083rem}.monitor-container .monitor-header-header-container .title{height:.20833rem;margin:.08333rem;font-size:.09375rem;display:flex}.monitor-container .monitor-header-header-container .title .image{width:.20833rem;height:.20833rem}.monitor-container .monitor-header-header-container .title .name{color:#fff;height:.13021rem;align-self:center;margin-left:.08333rem}.monitor-container .monitor-header-header-container .title .info{height:.09375rem;width:.09375rem;color:#fff;opacity:.6;align-self:center;margin-left:.04167rem}.monitor-container .monitor-header-header-container .title .note{width:.20833rem;height:.11458rem;margin-left:.08333rem;border-radius:.01042rem;align-self:center}.monitor-container .monitor-header-header-container .title .note img{width:100%}.monitor-container .monitor-header-header-container .title .error{color:#fc361d}.monitor-container .monitor-header-header-container .content-header-container{padding-bottom:.125rem;text-align:center}.monitor-container .monitor-header-header-container .content-header-container .value{height:.14583rem;font-size:.10417rem;color:#fca72f;font-weight:500;line-height:.14583rem}.monitor-container .monitor-header-header-container .content-header-container .name{height:.10417rem;font-size:.07292rem;color:hsla(0,0%,100%,.6);line-height:.10417rem}.monitor-container .monitor-header-header-container .content-header-container .content{margin-top:.08333rem}.monitor-container .monitor-body-container{position:relative;height:2.17188rem;background:#16212b;border-radius:.02083rem}.monitor-container .monitor-body-container .header{height:.23958rem;margin-left:.08333rem;display:flex}.monitor-container .monitor-body-container .header .image{margin:.05729rem 0;width:.125rem;height:.125rem;vertical-align:middle}.monitor-container .monitor-body-container .header .title{display:inline-block;overflow-wrap:break-word;color:#fff;font-size:.08333rem;vertical-align:middle;text-align:left;margin:.05729rem 0 .05729rem .04167rem}.monitor-container .monitor-body-container .header .custom-radio-group{margin:.04688rem .16667rem;font-size:.07292rem}.monitor-container .monitor-body-container .header .custom-radio-group .el-radio-button__inner{height:.14583rem;line-height:.14583rem;padding:0 .07813rem;background:#16212b;border:1px solid #444d55;color:hsla(0,0%,100%,.7)}.monitor-container .monitor-body-container .header .custom-radio-group .el-radio-button__original-radio:checked+.el-radio-button__inner{color:hsla(0,0%,100%,.8);background-color:#19b166;border-color:#19b166;box-shadow:-1px 0 0 0 #19b166}.monitor-container .monitor-body-container .header .date{position:absolute;right:.08333rem;font-size:.07292rem;display:flex}.monitor-container .monitor-body-container .header .date .el-date-editor--date.el-input,.monitor-container .monitor-body-container .header .date .el-date-editor--daterange.el-input,.monitor-container .monitor-body-container .header .date .el-date-editor--daterange.el-input__inner,.monitor-container .monitor-body-container .header .date .el-date-editor--monthrange.el-input,.monitor-container .monitor-body-container .header .date .el-date-editor--monthrange.el-input__inner,.monitor-container .monitor-body-container .header .date .el-date-editor--timerange.el-input,.monitor-container .monitor-body-container .header .date .el-date-editor--timerange.el-input__inner{align-self:center;width:1.36979rem;background:#16212b;border-radius:.01042rem;border:1px solid hsla(0,0%,100%,.2)}.monitor-container .monitor-body-container .header .date .el-date-editor--daterange>.el-range-input,.monitor-container .monitor-body-container .header .date .el-date-editor--monthrange>.el-range-input{background:#16212b}.monitor-container .monitor-body-container .header .date .el-date-editor--date>.el-input__inner{background:#16212b;border:none}.monitor-container .monitor-body-container .chart{border-top:1px solid hsla(0,0%,100%,.12);padding-top:.08333rem;height:1.84896rem}.monitor-container .monitor-body-container .yearrange{width:1.36979rem;border-radius:.01042rem;height:.14583rem;font-size:.07292rem;align-self:center;border:1px solid hsla(0,0%,100%,.2);color:#c0c4cc;padding:0 .05208rem}.monitor-container .monitor-body-container .yearrange .el-date-editor--year.el-input{width:.57292rem}.monitor-container .monitor-body-container .yearrange .el-input__inner{height:.13542rem;line-height:.13542rem;font-size:.07292rem;text-align:center;border:none;background:inherit}.monitor-container .monitor-body-container .yearrange .el-input__prefix{left:0;margin-left:-.02604rem;font-size:.07292rem;color:#c0c4cc;float:left}.monitor-container .monitor-body-container .yearrange .next-picker .el-input__prefix{display:none}.monitor-container .dialog-code-body2{display:flex}.monitor-container .dialog-code-body2 .date .el-date-editor--date.el-input,.monitor-container .dialog-code-body2 .date .el-date-editor--daterange.el-input,.monitor-container .dialog-code-body2 .date .el-date-editor--daterange.el-input__inner,.monitor-container .dialog-code-body2 .date .el-date-editor--monthrange.el-input,.monitor-container .dialog-code-body2 .date .el-date-editor--monthrange.el-input__inner,.monitor-container .dialog-code-body2 .date .el-date-editor--timerange.el-input,.monitor-container .dialog-code-body2 .date .el-date-editor--timerange.el-input__inner{align-self:center;width:1.36979rem;background:#16212b;border-radius:.01042rem;border:1px solid hsla(0,0%,100%,.2)}.monitor-container .dialog-code-body2 .date .el-date-editor--daterange>.el-range-input,.monitor-container .dialog-code-body2 .date .el-date-editor--monthrange>.el-range-input{background:#16212b}.monitor-container .dialog-code-body2 .date .el-date-editor--date>.el-input__inner{background:#16212b;border:none}.my_header_title{display:flex;align-items:center}