.card-container .clear[data-v-12bc3d2c]{clear:both}.card-container .card-item[data-v-12bc3d2c]{width:22%;min-width:264px;height:130px;margin-right:4%;float:left;position:relative}.card-container .card-item[data-v-12bc3d2c] .el-card{border:none;height:100%;position:absolute;top:0;left:0;z-index:1;width:100%;border-radius:12px}.card-container .card-item[data-v-12bc3d2c] .el-card .el-card__body{padding:0;height:100%;display:flex;flex-direction:column}.card-container .card-item[data-v-12bc3d2c] .el-card .el-card__body .top{flex:1;font-size:18px;color:#fff;position:relative}.card-container .card-item[data-v-12bc3d2c] .el-card .el-card__body .top .title{position:absolute;left:30px;top:30px}.card-container .card-item[data-v-12bc3d2c] .el-card .el-card__body .top img{position:absolute;top:0;right:0}.card-container .card-item[data-v-12bc3d2c] .el-card .el-card__body .bottom{flex:1;width:calc(100% - 60px);margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;overflow:hidden}.card-container .card-item[data-v-12bc3d2c] .el-card .el-card__body .bottom .text-box{width:100%;display:flex;justify-content:space-between;font-size:14px}.card-container .card-item[data-v-12bc3d2c] .el-card .el-card__body .bottom .text-box .left .text,.card-container .card-item[data-v-12bc3d2c] .el-card .el-card__body .bottom .text-box .right .text{font-size:24px;line-height:28px}.card-container .card-item[data-v-12bc3d2c] .el-card .el-card__body .bottom .img-line{width:100%;height:5px;background:hsla(0,0%,100%,.4);border-radius:3px;position:relative}.card-container .card-item[data-v-12bc3d2c] .el-card .el-card__body .bottom .img-line img{position:absolute;top:-1px;left:0;color:#fff;background:transparent;transition:.3s}.card-container .card-item .shadow-item[data-v-12bc3d2c]{position:absolute;bottom:12px;left:50%;transform:translate(-50%);width:80%;height:38px;z-index:0}.card-container .gateway-card[data-v-12bc3d2c] .el-card{background:linear-gradient(69deg,#ffbad6,#667fff)}.card-container .gateway-card .shadow-item[data-v-12bc3d2c]{background:#6635e2;filter:blur(23.5px)}.card-container .label-card[data-v-12bc3d2c] .el-card{background:linear-gradient(35deg,#90d3ec,#629ef7)}.card-container .label-card .shadow-item[data-v-12bc3d2c]{background:#1e74cc;filter:blur(23.5px)}.card-container .refresh-card[data-v-12bc3d2c] .el-card{background:linear-gradient(35deg,#b8e4a5,#2ae39f)}.card-container .refresh-card .shadow-item[data-v-12bc3d2c]{background:#2ed7c0;filter:blur(23.5px)}.card-container .Power-card[data-v-12bc3d2c]{margin-right:0}.card-container .Power-card[data-v-12bc3d2c] .el-card{background:linear-gradient(35deg,#fcca83,#f8984b)}.card-container .Power-card .shadow-item[data-v-12bc3d2c]{background:#f8984b;filter:blur(23.5px)}@media screen and (min-width:1636px){.card-item[data-v-12bc3d2c]{max-width:320px}}@media screen and (max-width:1636px){.card-item[data-v-12bc3d2c]:nth-child(odd){width:48%!important;margin-bottom:20px}.card-item[data-v-12bc3d2c]:nth-child(2n){width:48%!important;margin-right:0!important;margin-bottom:20px}}.echarts{width:600px;height:400px}.echarts[data-v-728c6684]{width:100%;height:100%}.overview-container[data-v-f76b2b44]{width:100%}.overview-container[data-v-f76b2b44] .main-row{margin-top:35px}.overview-container[data-v-f76b2b44] .main-row:after{display:block;content:"";clear:both}.overview-container .card-container[data-v-f76b2b44]{width:100%;margin-bottom:68px}.overview-container[data-v-f76b2b44] .graph-col .operate-card{box-shadow:0 0 10px 0 rgba(168,174,187,.25);border-radius:10px;height:512px;position:relative}.overview-container[data-v-f76b2b44] .graph-col .operate-card .el-card__body{padding:0;height:100%}.overview-container[data-v-f76b2b44] .graph-col .operate-card .el-card__body .graph-container{height:100%;width:100%;padding:38px 5% 15px;box-sizing:border-box;display:flex;justify-content:center}.overview-container[data-v-f76b2b44] .graph-col .operate-card .el-card__body hr.header-line{position:absolute;border:.5px solid #efefef}.overview-container[data-v-f76b2b44] .graph-col .operate-card .el-card__body hr.header-line.h-line{top:74px;width:100%}.overview-container[data-v-f76b2b44] .graph-col .operate-card .el-card__body hr.header-line.v-line{height:21px;border:1px solid #4071fb;top:38px;margin:0}.overview-container[data-v-f76b2b44] .graph-col1{width:61%;margin-right:2.2%}.overview-container[data-v-f76b2b44] .graph-col2{width:36.8%}@media screen and (max-width:1384px){.overview-container .main-row[data-v-f76b2b44]{flex-wrap:wrap}.overview-container .main-row .graph-col[data-v-f76b2b44]{width:100%;margin-right:0;margin-bottom:20px}}