.pie-container{width:100%;height:100%;position:relative}.pie-container .pie{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.report-comp-bd{height:100%}.report-comp-bd .header{padding:24px}.report-comp-bd .header .el-radio-button:first-child .el-radio-button__inner{border-radius:20px 0 0 20px}.report-comp-bd .header .el-radio-button:last-child .el-radio-button__inner{border-radius:0 20px 20px 0}.report-comp-bd .header .season-picker,.report-comp-bd .header .week-picker,.report-comp-bd .header .year-picker{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.report-comp-bd .header .season-picker .el-input,.report-comp-bd .header .week-picker .el-input,.report-comp-bd .header .year-picker .el-input{width:47%!important}.report-comp-bd .header .season-picker .el-input:last-of-type,.report-comp-bd .header .week-picker .el-input:last-of-type,.report-comp-bd .header .year-picker .el-input:last-of-type{float:right}.report-comp-bd .header .season-picker{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.report-comp-bd .header .season-picker .quarter-picker{width:47%!important}.report-comp-bd .header .season-picker .quarter-picker .el-input{width:100%!important}.report-comp-bd .header .season-picker .quarter-picker:last-of-type{float:right}.report-comp-bd .table-bd{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 24px}.report-comp-bd .page-footer{height:88px}.dashboard2-bd{padding:0 24px 24px}.dashboard2-bd .dashboard-wrap{position:relative;padding:0 20px;overflow:hidden;border-radius:16px 16px 0 0}.dashboard2-bd .dashboard-wrap:after{content:"";display:block;position:absolute;left:0;top:0;right:0;height:150px;z-index:1;background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f2),to(#f8f9fa));background:linear-gradient(#f1f1f2,#f8f9fa)}.dashboard2-bd .dashboard-wrap .title{padding:20px 0}.dashboard2-bd .dashboard-wrap .title h1{height:28px;line-height:28px;margin-bottom:8px;font-size:20px;color:#0d9ae0;font-weight:700}.dashboard2-bd .dashboard-wrap .title h1 span{color:#1a1a1a}.dashboard2-bd .dashboard-wrap .title p{color:#4d4d4d;font-size:14px;line-height:20px}.dashboard2-bd .dashboard-wrap .bg-img{display:block;position:absolute;right:0;z-index:2}.dashboard2-bd .dashboard-wrap .bg-box{position:relative;z-index:10}.dashboard2-bd .report-box{position:relative;z-index:20;display:-webkit-box;display:-ms-flexbox;display:flex;height:504px}.dashboard2-bd .report-box .report-card{width:311px;margin-right:16px;-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.03);box-shadow:0 3px 5px 0 rgba(0,0,0,.03);border-radius:16px;background-color:#fff;padding:12px 0}.dashboard2-bd .report-box .report-card .pie-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:19px;padding-bottom:7px}.dashboard2-bd .report-box .report-card .pie-box>div{height:230px;width:230px}.dashboard2-bd .report-box .report-card .pie-list{padding:0 40px}.dashboard2-bd .report-box .report-card .pie-list .br{margin:13px 8px;height:1px;background:#f5f5f5}.dashboard2-bd .report-box .report-card .pie-list li{height:23px;line-height:23px;font-size:14px;color:#1a1a1a;margin-bottom:5px}.dashboard2-bd .report-box .report-card .pie-list li .box{width:12px;height:12px;border-radius:2px;background:#b3b3b3;margin-right:16px}.dashboard2-bd .report-box .report-card .pie-list li .tr{text-align:right}.dashboard2-bd .report-box .report-container{-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.03);box-shadow:0 3px 5px 0 rgba(0,0,0,.03);border-radius:16px;background-color:#fff;overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1}.dashboard2-bd .device-box{background-color:#fff;border-radius:16px;margin-top:24px}.dashboard2-bd .device-box .header{padding:24px}.dashboard2-bd .device-box .header .status-tab{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dashboard2-bd .device-box .header .status-tab,.dashboard2-bd .device-box .header .status-tab ul{display:-webkit-box;display:-ms-flexbox;display:flex}.dashboard2-bd .device-box .header .status-tab ul li{height:32px;line-height:32px;border-radius:47px;border:1px solid #efefef;margin-right:8px;padding:0 12px;font-size:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.dashboard2-bd .device-box .header .status-tab ul li.active{background:#00a0d9}.dashboard2-bd .device-box .header .status-tab ul li.active p{color:#fff;font-family:PingFangSC-Semibold,PingFang SC}.dashboard2-bd .device-box .header .status-tab ul li.active p span{color:#fff;font-family:PingFangSC-Regular,PingFang SC}.dashboard2-bd .device-box .header .status-tab ul li.active .point{background-color:#fff!important}.dashboard2-bd .device-box .header .status-tab ul li p{margin-left:8px;color:#333;line-height:32px;font-size:12px;font-weight:700;color:#1a1a1a;line-height:18px}.dashboard2-bd .device-box .header .status-tab ul li p span{font-size:12px;margin-left:4px;color:#4d4d4d;line-height:18px}.dashboard2-bd .device-box .header .status-tab ul li .point{width:10px;height:10px;display:inline-block;background:#00a0d9;border-radius:50%}.dashboard2-bd .device-box .header .status-tab ul li .point.danger{background:#eb5a5a}.dashboard2-bd .device-box .header .status-tab ul li .point.warning{background:#ffad00}.dashboard2-bd .device-box .header .status-tab ul li .point.success{background:#93da49}.dashboard2-bd .device-box .header .status-tab ul li .point.info{background:#b3b3b3}.dashboard2-bd .device-box .table-bd{height:462px;width:100%;overflow:hidden;padding:0 24px}.dashboard2-bd .device-box .table-bd .device-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;height:472px;-ms-flex-line-pack:start;align-content:flex-start;margin-top:-10px;overflow-y:auto}.dashboard2-bd .device-box .table-bd .device-list .li{margin-top:10px;margin-right:10px;width:calc(33.3% - 10px);-webkit-box-flex:0;-ms-flex:0 0 calc(33.3% - 10px);flex:0 0 calc(33.3% - 10px);height:108px;background:#fff;border-radius:16px;border:1px solid #f4f4f4;padding:16px;cursor:pointer;overflow:hidden}.dashboard2-bd .device-box .table-bd .device-list .li:hover{border-color:#00a0d9}.dashboard2-bd .device-box .table-bd .device-list .li:nth-child(3n+3){margin-right:0}.dashboard2-bd .device-box .table-bd .device-list .li .item{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}.dashboard2-bd .device-box .table-bd .device-list .li .item .img-box{width:46px;height:46px;-webkit-box-flex:0;-ms-flex:0 0 46px;flex:0 0 46px}.dashboard2-bd .device-box .table-bd .device-list .li .item .img-box img{max-width:100%;max-height:100%}.dashboard2-bd .device-box .table-bd .device-list .li .item .img-box.gray{background:#f5f5f5}.dashboard2-bd .device-box .table-bd .device-list .li .item .img-box.offline{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:grey;filter:gray}.dashboard2-bd .device-box .table-bd .device-list .li .item .info{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:16px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info h3{height:20px;font-size:16px;font-weight:700;color:#1a1a1a;line-height:20px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info p{padding:8px 0 12px 6px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.dashboard2-bd .device-box .table-bd .device-list .li .item .info p span{padding:0 6px;margin-right:8px;height:18px;background:#f4f4f4;border-radius:100px;line-height:18px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state{display:-webkit-box;display:-ms-flexbox;display:flex}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container{font-size:0;margin-right:26px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status{font-size:12px;color:#4d4d4d;overflow:hidden;display:inline-block}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li{float:left;height:22px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li:nth-child(n+2){margin-left:10px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li.signal .val{padding-left:2px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li .key{float:left;color:#00a0d9}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li .key .icon{float:left;font-size:18px;line-height:22px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li .val{float:left;margin-left:2px;line-height:22px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li .icon-signal-i,.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li .icon-wifi-i{float:left;height:18px;width:18px;margin-top:2px;line-height:22px;background-repeat:no-repeat;background-position:50%;background-size:100%}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li .signal-xinhao100{background-image:url(../img/icon-signal-100.1c5770e0.svg)}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li .signal-xinhao75{background-image:url(../img/icon-signal-75.666d86a2.svg)}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li .signal-xinhao50{background-image:url(../img/icon-signal-50.57a8d0e9.svg)}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li .signal-xinhao25{background-image:url(../img/icon-signal-25.6cdc1afa.svg)}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li .wifi100{background-image:url(../img/icon-wifi-100.c7709daa.svg)}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li .wifi66{background-image:url(../img/icon-wifi-66.59a25fa1.svg)}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-status-container .device-status>li .wifi33{background-image:url(../img/icon-wifi-33.b9ca8e6f.svg)}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag{border-radius:11px;overflow:hidden;float:left}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag.has-name{line-height:22px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag.has-name .icon.icon-cleaning,.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag.has-name .icon.icon-free{font-size:18px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag.has-name .icon.icon-cleaning{margin-top:5px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag.has-name .icon.icon-charge,.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag.has-name .icon.icon-free,.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag.has-name .icon.icon-suspend{margin-top:4px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag.has-name .icon.icon-machine-offline{margin-top:5px;font-size:18px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag:nth-child(n+2){margin-left:6px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag .icon{width:18px;height:18px;text-align:center;line-height:18px;float:left;margin-top:3px;margin-left:3px;font-size:18px}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag .icon.blue{color:#00a0d9}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag .icon.red{color:#eb5a5a}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag .icon.yellow{color:#ffad00}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag .icon.gray{color:#b3b3b3}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag .icon.green{color:#93da49}.dashboard2-bd .device-box .table-bd .device-list .li .item .info .state .device-state .device-state-tag .state-name{float:left;font-size:12px;color:#495057;margin-left:3px}.dashboard2-bd .device-box .table-bd .device-list .li .item .point{position:absolute;right:0;top:0;display:inline-block;width:10px;height:10px;border-radius:50%;background-color:#b3b3b3}.dashboard2-bd .device-box .table-bd .device-list .li .item .point.idle{background-color:#00a0d9}.dashboard2-bd .device-box .table-bd .device-list .li .item .point.running{background-color:#93da49}.dashboard2-bd .device-box .table-bd .device-list .li .item .point.charging{background-color:#ffad00}.dashboard2-bd .device-box .table-bd .device-list .li .item .point.offline{background-color:#b3b3b3}.dashboard2-bd .device-box .table-bd .no-data{font-size:16px;line-height:140%;color:#818181;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;height:496px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.dashboard2-bd .device-box .page-footer{height:88px}.dashboard2-bd .device-box .map-container{height:574px;padding:0 24px 24px}.dashboard2-bd .device-box .map-container>div{border:1px solid #00a0d9;border-radius:16px}