html,body{width: 100%;height: 100%;}
.conbg{background-image: linear-gradient(#eef5f6, #dce9f5);width: 100%;height: 100%;overflow: hidden;}
.header{padding:10px;background:rgba(41,131,60,0.2);border:1px rgba(41,131,60,0.4);z-index:9999;border-radius:10px;position: fixed;width:300px;right: 20px;top: 40px;}
.header img{width:80px;height:80px;}
.header h2 {margin-top: 10px;font-size: 20px;}
.header h2 span{display: block;margin-top: 8px;}
*{margin:0;padding:0}
body,html{height:100%;box-sizing:border-box;overflow:hidden}
#app{height:100%;overflow:hidden}
#main{width:90%;height:400px;box-sizing:border-box;}
.center{width:100%;height:calc(100% - 400px);box-sizing:border-box;display:flex;background: #fff;border-top: 1px #ddeef4 solid;padding-top: 20px;}
#histogram{width:100%;height:100%;box-sizing:border-box;min-width: 800px;}
.active_list {display: block;overflow: hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.control{box-sizing:border-box;margin-top:40px;width: 100%;}
.control>h5{margin-top:20px}
.control>button{margin-top:40px}
.infobox{position: relative;}
.infoname{position: absolute;left:40%;bottom:12px;}
.timetxt span{font-size:16px;font-weight: 500;color: #c00;margin-left: 4px;}