#material-view{width:100%;height:100%;background-color:#030409;color:#fff}#material-view .bg-container{min-height:100vh;background-image:url(../img/bg.837e99ea.png);background-size:100% 100%;-webkit-box-shadow:0 0 3px #00f;box-shadow:0 0 3px #00f;display:-webkit-box;display:-ms-flexbox;display:flex}#material-view .bg-container .main-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 5px}#material-view .bg-container .card-item{-webkit-box-flex:1;-ms-flex:1;flex:1;width:31%;min-width:31%;max-width:31%;background:transparent;margin-bottom:10px}#material-view .bg-container .card-item .card-item-title{padding:10px 20px;background:transparent;text-align:center;font-size:18px;color:#fff;font-family:Helvetica,Hiragino Sans GB,Microsoft Yahei,微软雅黑,Arial,sans-serif}#material-view .bg-container .card-item .card-item-title .el-input__inner{background:transparent!important;color:#fff}#material-view .bg-container .card-item .card-item-content{padding:15px 10px}#material-view .bg-container .map-container{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#material-view .bg-container .map-container .map{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box}#material-view .bg-container .class-name{color:#fff;text-align:center;margin-bottom:10px}#material-view .bg-container .chart-box{width:100%;height:28vh;margin-bottom:10px}#material-view .bg-container .chart-box .data-table .gutter{background-color:#00baff}#material-view .bg-container .chart-box .data-table .el-table__body-wrapper::-webkit-scrollbar{width:17px;height:17px}#material-view .bg-container .chart-box .data-table .el-table__body-wrapper::-webkit-scrollbar-thumb{background-color:#37a2da;border-radius:6px}#material-view .bg-container .chart-box .data-table tbody tr:hover>td{background-color:#ecf5ff!important;color:#030409!important}#material-view .bg-container .chart-box .data-table tbody tr:hover>td .vue-countdown-component .time-unit{color:#030409}#material-view .bg-container .chart-box .data-table .vue-countdown-component .time-unit{color:#fff}