body,html{padding:0;margin:0}#app,body,html{width:100%;height:100%}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.datav-view{width:100%;height:100%;background-color:#030409;color:#fff}.full-screen{background-image:url(/img/bg.110420cf.9a80c9d4.png);background-size:100% 100%;box-shadow:0 0 3px #00f;display:flex;flex-direction:column}.app-header{height:80px;display:flex;justify-content:space-between;align-items:flex-end}.app-header .border-box-content{align-content:center;font-size:30px;color:#fff;text-align:center}.app-main{flex:1}.app-main .border-box-content{padding:20px;display:flex;box-sizing:border-box}.app-main .left-chart{width:25%;box-sizing:border-box;display:flex;flex-direction:column}.left-chart-1,.left-chart-2{flex:1}.left-chart-3{height:25%}.app-main .middle-chart{flex:1;box-sizing:border-box;display:flex;flex-direction:column}.middle-chart-1{height:30%}.middle-chart-2{height:20%;display:flex}.middle-chart-3,.middle-chart-4{flex:1}.app-main .right-chart{width:25%;box-sizing:border-box;display:flex;flex-direction:column}.right-chart-1{height:30%}.right-chart-2{flex:1}.center-main{flex:1;padding-left:5px;box-sizing:border-box}.center-top-main{height:55%;display:flex}.center-bottom-main{height:45%;display:flex}.bottom-board-1,.bottom-board-2{flex:1}.bottom-board-2{margin-left:10px}.center-main-1{flex:1;box-sizing:border-box}.right-main .right-chart{flex:1}.right-chart-main{width:100%;height:100%;display:flex;flex-direction:column}.rc-header{font-size:24px;font-weight:700;height:30px;line-height:30px}.rc-main{flex:1;display:flex}.rc-main-left{width:30%;font-size:16px;display:flex;flex-direction:column;justify-content:center;align-items:center}.rc-main-left .number{font-size:34px;color:#096dd9;font-weight:700;margin-bottom:30px}.rc-main-right{flex:1}.center-cmp{width:100%;height:100%;margin:0;padding:0;display:flex;flex-direction:column}.center-cmp .cmp-header{display:flex;align-items:center;height:70px;justify-content:space-between;font-size:30px}.right-main{width:22%;padding-left:5px;box-sizing:border-box;display:flex;flex-direction:column}.dv-border-box-11 .border-box-content{padding:70px 20px 20px}