| 1 |
- .dashboard_template .nav_top{display:flex;justify-content:space-between;width:100%;height:3.3rem;line-height:3.3rem;background:#fff;border:.1rem solid #f0f0f0}.dashboard_template .nav_top .left_title{display:flex;align-items:center}.dashboard_template .nav_top .left_title img{display:inline-block;height:1rem;margin:0 .6rem}.dashboard_template .nav_top .left_title .span{font-size:1rem;font-family:HiraginoSansGB-W3,HiraginoSansGB;font-weight:400;color:#657085}.dashboard_template .nav_top .right_operation{display:flex;align-items:center;padding-right:2.2rem}.dashboard_template .nav_top .right_operation .el-dropdown{width:10rem;height:2rem;line-height:2rem;background:#f6f8fa;border-radius:.2rem;margin-right:.8rem}.dashboard_template .nav_top .right_operation .el-dropdown .el-dropdown-link{cursor:pointer;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 .8rem;font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#657085}.dashboard_template .nav_top .right_operation .el-input{width:16.5rem;height:2rem;line-height:2rem}.dashboard_template .nav_top .right_operation .el-input .el-input__inner{height:2rem;line-height:2rem;background:#f6f8fa;border:none}.dashboard_template .nav_top .right_operation .el-input .el-input__icon{width:1.8rem;height:2rem;line-height:2rem;border-top-right-radius:.2rem;border-bottom-right-radius:.2rem;background:#fc8440;color:#fff;font-size:1rem;cursor:pointer}.dashboard_template .dashboard_main{background:#f6f8fa;padding:.8rem 1.5rem 1.5rem;display:flex}.dashboard_template .dashboard_main .left_box{flex:1}.dashboard_template .dashboard_main .left_box .time_box{padding:.8rem;height:15.83rem;border-radius:.17rem;border:.08rem solid #f0f0f0;background:#fff}.dashboard_template .dashboard_main .left_box .time_box .top_box{height:11rem;background:linear-gradient(134deg,#fca940,#fc8440);border-radius:.17rem;border:.08rem solid #f0f0f0;padding:1.5rem 1rem 0 2rem}.dashboard_template .dashboard_main .left_box .time_box .top_box .flex_box{display:flex}.dashboard_template .dashboard_main .left_box .time_box .top_box .flex_box .left{font-size:4.33rem;font-family:DINAlternate-Bold,DINAlternate;font-weight:700;color:#fff}.dashboard_template .dashboard_main .left_box .time_box .top_box .flex_box .right{margin-left:.5rem}.dashboard_template .dashboard_main .left_box .time_box .top_box .flex_box .right .p1{margin-top:1.3rem;font-size:1.17rem;font-family:PingFang-SC-Bold,PingFang-SC;font-weight:700;color:#fff}.dashboard_template .dashboard_main .left_box .time_box .top_box .flex_box .right .p2{margin-top:.2rem;display:inline-block;padding:0 1rem;height:1.25rem;line-height:1.25rem;background:hsla(0,0%,100%,.6);border-radius:.63rem;font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#fc8640}.dashboard_template .dashboard_main .left_box .time_box .top_box .p3{margin-left:.5rem;font-size:1rem;font-family:HiraginoSansGB-W3,HiraginoSansGB;font-weight:400;color:#fff}.dashboard_template .dashboard_main .left_box .time_box .bottom_box{display:flex;align-items:center;margin-top:.6rem}.dashboard_template .dashboard_main .left_box .time_box .bottom_box .btn{display:flex;align-items:center;justify-content:center;width:5.75rem;height:2.33rem;background:linear-gradient(134deg,#fca940,#fc8440);border-radius:.33rem;border:.08rem solid #f0f0f0;font-size:1rem;font-family:PingFang-SC-Bold,PingFang-SC;font-weight:700;color:#fff}.dashboard_template .dashboard_main .left_box .time_box .bottom_box .btn i{font-size:1.2rem}.dashboard_template .dashboard_main .left_box .time_box .bottom_box .btn span{margin-left:.2rem}.dashboard_template .dashboard_main .left_box .time_box .bottom_box .span_box1{margin-left:1.5rem;display:flex;align-items:center}.dashboard_template .dashboard_main .left_box .time_box .bottom_box .span_box2{display:flex;align-items:center}.dashboard_template .dashboard_main .left_box .time_box .bottom_box .span1{font-size:1.17rem;font-family:PingFang-SC-Bold,PingFang-SC;font-weight:700;color:#657085}.dashboard_template .dashboard_main .left_box .time_box .bottom_box .span2{margin-left:1rem;font-size:1.5rem;font-family:PingFang-SC-Bold,PingFang-SC;font-weight:700;color:#333}.dashboard_template .dashboard_main .left_box .time_box .bottom_box .line{display:inline-block;width:.1rem;height:2.1rem;background:#ebeff2;margin:0 1rem}.dashboard_template .dashboard_main .left_box .echarts_map_box{margin-top:.8rem;border:.08rem solid #f0f0f0}.dashboard_template .dashboard_main .left_box .echarts_map_box .echarts_title{height:3.5rem;line-height:3.5rem;background:hsla(0,0%,100%,.8);font-size:1.17rem;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#333}.dashboard_template .dashboard_main .left_box .echarts_map_box .echarts_map{width:100%;height:38rem}.dashboard_template .dashboard_main .right_box{width:76.3rem;margin-left:.8rem}.dashboard_template .dashboard_main .right_box .right_top{display:flex}.dashboard_template .dashboard_main .right_box .right_top .light_information{width:30rem;height:11.8rem;background:#fff;border-radius:.2rem;border:.1rem solid #f0f0f0;display:flex}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_left{padding-left:1.3rem}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_left .title{margin-top:1.3rem;font-size:1rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:600;color:#333;position:relative}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_left .title:after{content:"";position:absolute;bottom:-.2rem;left:0;width:1.6rem;height:.15rem;background-color:#ff7c23}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_left .p1{margin-top:2rem;font-size:2.5rem;font-family:PingFang-SC-Heavy,PingFang-SC;font-weight:800;color:#333}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_left .p2{display:flex;align-items:center}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_left .p2 .span1{font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#333}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_left .p2 .iconfont{margin-left:.5rem;font-size:1.2rem;color:#fc8440}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_left .p2 .span2{font-size:1.2rem;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fc8440;line-height:1.6rem}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right{position:relative;flex:1}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .data_ul{position:absolute;right:1.2rem;top:1.5rem;display:flex;align-items:center;width:17rem}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .data_ul .li{flex:1;text-align:center}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .data_ul .li.li1{height:5.6rem;background:#fc8940}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .data_ul .li.li1 .p1{margin-top:1.5rem}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .data_ul .li.li2{height:5.6rem;background:#00de9c}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .data_ul .li.li2 .p1{margin-top:1.5rem}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .data_ul .li.li3{height:6.8rem;background:#ff6474}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .data_ul .li.li3 .p1{margin-top:2rem}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .data_ul .li .p1{display:inline-block;padding:.2rem 0;font-size:1.33rem;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#fff;border-bottom:.1rem solid hsla(0,0%,100%,.2)}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .data_ul .li .p2{font-size:.83rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .tab_box{position:absolute;right:1.2rem;bottom:1.2rem;display:flex}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .tab_box .tab{font-size:.83rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;margin-left:.8rem;padding:0 .5rem;height:1.3rem;line-height:1.3rem}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .tab_box .tab.tab1{color:#fc8940;background:rgba(252,137,64,.1)}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .tab_box .tab.tab2{color:#00de9c;background:rgba(0,222,156,.1)}.dashboard_template .dashboard_main .right_box .right_top .light_information .light_information_right .tab_box .tab.tab3{color:#ff6574;background:rgba(255,100,116,.1)}.dashboard_template .dashboard_main .right_box .right_top .usage_information{margin-left:.8rem;width:45.5rem;height:11.8rem;background:#fff;border-radius:.2rem;border:.1rem solid #f0f0f0;padding:0 1.3rem}.dashboard_template .dashboard_main .right_box .right_top .usage_information .title{margin-top:1.3rem;font-size:1rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:600;color:#333;position:relative;display:flex;align-items:center;justify-content:space-between}.dashboard_template .dashboard_main .right_box .right_top .usage_information .title:after{content:"";position:absolute;bottom:-.2rem;left:0;width:1.6rem;height:.15rem;background-color:#ff7c23}.dashboard_template .dashboard_main .right_box .right_top .usage_information .title .el-dropdown{height:1.8rem;background:#f6f8fa;border-radius:.2rem;display:flex;align-items:center}.dashboard_template .dashboard_main .right_box .right_top .usage_information .title .el-dropdown .el-dropdown-link{font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#657085;padding:0 .5rem;cursor:pointer}.dashboard_template .dashboard_main .right_box .right_top .usage_information .ul_box{display:flex;border:.1rem solid #f0f0f0;height:6rem;margin-top:1.5rem}.dashboard_template .dashboard_main .right_box .right_top .usage_information .ul_box .li{border-right:.1rem solid #f0f0f0;flex:1;text-align:center}.dashboard_template .dashboard_main .right_box .right_top .usage_information .ul_box .li:last-child{border:none}.dashboard_template .dashboard_main .right_box .right_top .usage_information .ul_box .li .p1{margin-top:.3rem;font-size:2.17rem;font-family:PingFang-SC-Heavy,PingFang-SC;font-weight:800;color:#333}.dashboard_template .dashboard_main .right_box .right_top .usage_information .ul_box .li .p2{font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#657085}.dashboard_template .dashboard_main .right_box .proportion_lights{margin-top:.8rem;height:22.5rem;background:#fff;border-radius:.17rem .17rem 0 0;border:.08rem solid #f0f0f0;padding:0 .8rem 0 1.6rem}.dashboard_template .dashboard_main .right_box .proportion_lights .title{margin-top:1.3rem;font-size:1rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:600;color:#333;position:relative;display:flex;align-items:center;justify-content:space-between}.dashboard_template .dashboard_main .right_box .proportion_lights .title:after{content:"";position:absolute;bottom:-.2rem;left:0;width:1.6rem;height:.15rem;background-color:#ff7c23}.dashboard_template .dashboard_main .right_box .proportion_lights .title .right_btn{display:flex}.dashboard_template .dashboard_main .right_box .proportion_lights .title .nav_box{margin-left:.8rem;display:flex;height:1.8rem;line-height:1.8rem;align-items:center;background:#f6f8fa}.dashboard_template .dashboard_main .right_box .proportion_lights .title .nav_box .li{padding:0 1rem;height:1.8rem;line-height:1.8rem;border-radius:.17rem 0 0 .17rem;font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#657085;cursor:pointer;display:flex;align-items:center}.dashboard_template .dashboard_main .right_box .proportion_lights .title .nav_box .li i{color:#a3afbb;font-size:1rem;margin-left:.8rem}.dashboard_template .dashboard_main .right_box .proportion_lights .title .nav_box .li .icon-xialajiantou{font-size:.5rem}.dashboard_template .dashboard_main .right_box .proportion_lights .title .nav_box .li.select{background:#fc8440;color:#fff}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main{display:flex;height:19.9rem}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .left_echarts{width:19.9rem}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .left_echarts .device_pie{width:100%;height:100%}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table{width:calc(100% - 19.9rem)}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table{margin-top:1.5rem;width:100%}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table td,.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table th{padding:.5rem 0}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table td>.cell,.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table th>.cell{font-size:1rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table tr:hover>td{background:#f6f8fa}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table tr:hover>td>.cell{font-family:PingFangSC-Semibold,PingFang SC;font-weight:600}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table .city{display:flex;align-items:center}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table .city i{margin:0 .5rem;display:inline-block;width:.3rem;height:.3rem;background:#fc8440;border-radius:50%}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table .total{display:flex;align-items:center;justify-content:space-between}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table .total span{flex:1}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table .total .span1{text-align:right}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table .total .span2{text-align:left}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table .total i{margin:0 .5rem;display:inline-block;width:.1rem;height:1.4rem;background:#c6cdd5}.dashboard_template .dashboard_main .right_box .proportion_lights .proportion_lights_main .right_table .el-table .icon-youjiantou{font-size:1rem;color:#a3afbb}.dashboard_template .dashboard_main .right_box .real_time_fault_information{padding:0 .8rem 0 1.6rem;margin-top:.8rem;height:22.6rem;background:#fff;border-radius:.17rem .2rem 0 0;border:.1rem solid #f0f0f0}.dashboard_template .dashboard_main .right_box .real_time_fault_information .title{margin-top:1.3rem;font-size:1rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:600;color:#333;position:relative;display:flex;align-items:center;justify-content:space-between}.dashboard_template .dashboard_main .right_box .real_time_fault_information .title:after{content:"";position:absolute;bottom:-.2rem;left:0;width:1.6rem;height:.15rem;background-color:#ff7c23}.dashboard_template .dashboard_main .right_box .real_time_fault_information .title .right_btn{margin-left:.8rem;padding:0 1rem;display:flex;align-items:center;height:1.8rem;line-height:1.8rem;background:#f6f8fa;cursor:pointer;font-size:1rem;font-family:PingFang-SC-Medium,PingFang-SC;font-weight:500;color:#657085}.dashboard_template .dashboard_main .right_box .real_time_fault_information .title .right_btn i{font-size:1rem;margin-left:.8rem}.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table{margin-top:1.5rem;width:100%}.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table td,.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table th{padding:.5rem 0}.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table td>.cell,.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table th>.cell{font-size:1rem;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333}.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table tr:hover>td{background:#f6f8fa}.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table tr:hover>td>.cell{font-family:PingFangSC-Semibold,PingFang SC;font-weight:600}.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table .city{display:flex;align-items:center}.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table .city i{margin:0 .5rem;display:inline-block;width:.3rem;height:.3rem;background:#fc8440;border-radius:50%}.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table .total{display:flex;align-items:center;justify-content:space-between}.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table .total span{flex:1}.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table .total .span1{text-align:right}.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table .total .span2{text-align:left}.dashboard_template .dashboard_main .right_box .real_time_fault_information .real_time_fault_information_main .el-table .total i{margin:0 .5rem;display:inline-block;width:.1rem;height:1.4rem;background:#c6cdd5}
|
