.box-item{color:#fff;font-size:14px;position:relative}.box-item .section{height:33.3%;box-sizing:border-box}.box-item .title-icon{width:25%;height:5px;opacity:.3;background:#fff;border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:5px;border-bottom-left-radius:5px;margin:0 auto}.box-item .top-section{padding:6px 10px 10px 10px;box-sizing:border-box;position:relative}.box-item .top-section .end-wrapper,.box-item .top-section .start-wrapper{display:flex;justify-content:space-between}.box-item .top-section .end-wrapper{width:calc(100% - 22px);position:absolute;bottom:21%}.box-item .center-section{border-top:1px solid hsla(0,0%,100%,.15);border-bottom:1px solid hsla(0,0%,100%,.15);display:flex;justify-content:space-between;align-items:center;padding:10px;box-sizing:border-box}.box-item .center-section .left{display:flex;width:50%;height:100%;box-sizing:border-box;align-items:center}.box-item .center-section .left .batter-rect{width:28%;height:35%;min-width:40px;min-height:24px;border-radius:3px 3px 3px 3px;border:1px solid #fff;display:flex;box-sizing:border-box;align-items:center;padding:1px}.box-item .center-section .left .batter-rect .percent{width:98%;height:100%;border-radius:3px 3px 3px 3px;background:#7bcd22;display:flex;align-items:center}.box-item .center-section .left .batter-rect .percent .value{margin-left:2px}.box-item .center-section .left .batter-head{width:2px;height:18%;min-height:5px;background:#fff}.box-item .center-section .right .workNumber{margin-top:20%;text-align:right}.box-item .bottom-section{display:flex;justify-content:space-between;padding:4px 10px 8px 10px;box-sizing:border-box;align-items:center}.box-item .bottom-section .left{width:30%;display:flex;flex-direction:column;justify-content:space-between;height:100%}.box-item .bottom-section .left .maintenance-time{margin-top:8px}.box-item .bottom-section .right{width:30%;text-align:right;display:flex;flex-direction:column;justify-content:space-between;height:100%}.box-item .bottom-section .right .current-speed{margin-top:8px}.box-item .bottom-section .center{width:40%}.box-item .bottom-section .center .workName{width:100%;opacity:.7;background:#005f87;border:1px solid #fff;border-radius:3px;text-align:center;padding:2px 0;font-size:13px;min-height:20px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box-item .monitor-portrait{position:absolute;height:80px;width:80px;border-radius:50%;border:3px solid #ffb600;left:0;right:0;top:0;bottom:0;margin:auto;z-index:1;transition:all .3s ease}.box-item .monitor-portrait img{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease}@media screen and (max-width:1366px){.box-item{font-size:12px}.box-item .title-icon{height:4px;width:25%}.box-item .top-section{padding:4px 8px 6px 8px}.box-item .top-section .start-wrapper{font-size:11px}.box-item .top-section .end-wrapper{font-size:11px;width:calc(100% - 16px);bottom:15%}.box-item .top-section .end-wrapper .iconfont{font-size:12px}.box-item .top-section .end-wrapper .hour{font-size:10px}.box-item .center-section{padding:5px 8px}.box-item .center-section .left .batter-rect{min-width:32px;min-height:16px}.box-item .center-section .left .batter-rect .value{font-size:10px}.box-item .center-section .left .batter-head{width:2px;min-height:4px}.box-item .center-section .right{font-size:11px}.box-item .center-section .right .workNumber{margin-top:12%;font-size:11px}.box-item .bottom-section{padding:3px 8px 4px 8px;font-size:11px}.box-item .bottom-section .left span,.box-item .bottom-section .right span{font-size:10px}.box-item .bottom-section .left .current-speed,.box-item .bottom-section .left .maintenance-time,.box-item .bottom-section .right .current-speed,.box-item .bottom-section .right .maintenance-time{margin-top:6px}.box-item .bottom-section .center .workName{padding:1px 0;font-size:11px;min-height:18px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box-item .monitor-portrait{height:60px;width:60px;border-width:2px}.box-item .monitor-portrait img{width:60px;height:60px}}@media screen and (max-width:1024px){.box-item{font-size:10px}.box-item .title-icon{height:3px;width:25%}.box-item .top-section{padding:2px 6px 4px 6px}.box-item .top-section .start-wrapper{font-size:9px}.box-item .top-section .end-wrapper{font-size:9px;width:calc(100% - 12px);bottom:12%}.box-item .top-section .end-wrapper .iconfont{font-size:9px;margin-right:1px}.box-item .top-section .end-wrapper .hour{font-size:8px}.box-item .center-section{padding:4px 6px}.box-item .center-section .left .batter-rect{min-width:28px;min-height:12px}.box-item .center-section .left .batter-rect .value{font-size:8px;margin-left:1px}.box-item .center-section .left .batter-head{width:1px;min-height:3px}.box-item .center-section .right{font-size:9px}.box-item .center-section .right .workNumber{margin-top:10%;font-size:9px}.box-item .bottom-section{padding:2px 6px 3px 6px;font-size:9px}.box-item .bottom-section .left span,.box-item .bottom-section .right span{font-size:8px;display:inline-block;line-height:1}.box-item .bottom-section .left .current-speed,.box-item .bottom-section .left .maintenance-time,.box-item .bottom-section .right .current-speed,.box-item .bottom-section .right .maintenance-time{margin-top:2px}.box-item .bottom-section .center .workName{padding:1px 0;font-size:9px;min-height:14px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.box-item .monitor-portrait{height:45px;width:45px;border-width:2px}.box-item .monitor-portrait img{width:45px;height:45px}}.base{width:100%;height:100%;border-bottom:3px solid #34437e;box-sizing:border-box}.base .status{height:40px;line-height:32px;font-size:14px;color:#fff;padding-left:20px;background-image:url(data:image/png;base64,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);background-repeat:no-repeat;background-size:auto 40px}.base .info-wrapper{height:calc(100% - 40px);box-sizing:border-box}.base .info-wrapper .column-wrapper{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:0 20px;height:33.3%}.base .info-wrapper .column-wrapper .row-wrapper{width:100%;height:100%;display:flex;box-sizing:border-box}.base .info-wrapper .column-wrapper .row-wrapper .row-item{width:16.6%;display:flex;flex-direction:column;justify-content:center;padding-right:6px;box-sizing:border-box}.base .info-wrapper .column-wrapper .row-wrapper .row-item .title{font-size:14px;text-align:left;color:#535862;line-height:1.2;word-wrap:break-word}.base .info-wrapper .column-wrapper .row-wrapper .row-item .value{font-size:16px;font-weight:700;color:#3987ad;margin-top:4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-height:768px),screen and (max-width:1366px){.base{border-bottom:2px solid #34437e}.base .status{height:26px;line-height:22px;font-size:10px;padding-left:15px;background-size:auto 26px}.base .info-wrapper{height:calc(100% - 26px)}.base .info-wrapper .column-wrapper{padding:0 15px}.base .info-wrapper .column-wrapper .row-wrapper .row-item .title,.base .info-wrapper .column-wrapper .row-wrapper .row-item .value{font-size:10px}}@media screen and (max-height:600px),screen and (max-width:1024px){.base{border-bottom:1px solid #34437e}.base .status{height:24px;line-height:20px;font-size:8px;padding-left:12px;background-size:auto 24px}.base .info-wrapper{height:calc(100% - 24px)}.base .info-wrapper .column-wrapper{padding:0 12px}.base .info-wrapper .column-wrapper .row-wrapper .row-item{padding-right:3px}.base .info-wrapper .column-wrapper .row-wrapper .row-item .title{font-size:8px;margin-bottom:1px}.base .info-wrapper .column-wrapper .row-wrapper .row-item .value{font-size:8px;margin-top:1px}}.google-marker-label{background-color:#535862}.google-marker-label,.google-marker-label-active{border:none;padding:7px 12px;white-space:nowrap;font:12px arial,sans-serif;z-index:80;color:#fff;border-radius:14px;opacity:.9}.google-marker-label-active{background-color:#34437e}.monitor-pager .page-info[data-v-f0f88514]{font-size:14px;color:#606266;margin-right:5px}.monitor-pager .page-btn[data-v-f0f88514]{height:32px;line-height:32px;padding:0 15px;font-size:14px}@media screen and (max-width:1366px){.monitor-pager .page-info[data-v-f0f88514]{font-size:12px;margin-right:4px}.monitor-pager .page-btn[data-v-f0f88514]{height:28px;line-height:28px;padding:0 12px;font-size:12px}.monitor-pager[data-v-f0f88514] .el-form-item__content{line-height:28px}}@media screen and (max-width:1024px){.monitor-pager .page-info[data-v-f0f88514]{font-size:11px;margin-right:3px}.monitor-pager .page-btn[data-v-f0f88514]{height:24px;line-height:24px;padding:0 10px;font-size:11px}.monitor-pager[data-v-f0f88514] .el-form-item__content{line-height:24px}}.monitor-wrapper{padding:0!important;background:none!important;width:100%;height:100%}.monitor-wrapper .top{height:66.8%;background-color:#fff;border-radius:6px;box-sizing:border-box;padding:16px 20px 3px 20px;overflow-y:auto}.monitor-wrapper .top .el-form{margin-bottom:12px}.monitor-wrapper .top .el-form .el-form-item{margin-bottom:0;margin-right:10px}.monitor-wrapper .top .el-form .el-input{width:200px}.monitor-wrapper .top .el-form .el-input .el-input__inner{height:32px;line-height:32px;font-size:14px}.monitor-wrapper .top .el-form .el-button{height:32px;line-height:32px;padding:0 15px}.monitor-wrapper .top .box-wrapper{height:calc(100% - 51px);width:100%;box-sizing:border-box}.monitor-wrapper .top .box-wrapper .box-row{display:flex;width:100%;height:50%;padding-top:3px;box-sizing:border-box}.monitor-wrapper .top .box-wrapper .box-row .box-item{background:#3987ad;border-radius:6px;width:calc(20% - 3px);height:100%;cursor:pointer}.monitor-wrapper .top .box-wrapper .box-row .active{background:#34437e}@media screen and (max-width:1366px){.monitor-wrapper .top{padding:12px 16px 2px 16px}.monitor-wrapper .top .el-form{margin-bottom:10px}.monitor-wrapper .top .el-form .el-form-item{margin-right:8px}.monitor-wrapper .top .el-form .el-input{width:180px}.monitor-wrapper .top .el-form .el-input .el-input__inner{height:26px;line-height:26px;font-size:12px;padding:0 10px}.monitor-wrapper .top .el-form .el-button{height:26px;line-height:26px;padding:0 12px;font-size:12px}.monitor-wrapper .top .box-wrapper{height:calc(100% - 46px)}.monitor-wrapper .top .box-wrapper .box-row{padding-top:2px}}@media screen and (max-width:1024px){.monitor-wrapper .top{padding:10px 12px 2px 12px}.monitor-wrapper .top .el-form{margin-bottom:8px}.monitor-wrapper .top .el-form .el-form-item{margin-right:6px}.monitor-wrapper .top .el-form .el-input{width:160px}.monitor-wrapper .top .el-form .el-input .el-input__inner{height:24px;line-height:24px;font-size:11px;padding:0 8px}.monitor-wrapper .top .el-form .el-button{height:24px;line-height:24px;padding:0 10px;font-size:11px}.monitor-wrapper .top /deep/ .monitor-pager .el-pagination .btn-next,.monitor-wrapper .top /deep/ .monitor-pager .el-pagination .btn-prev,.monitor-wrapper .top /deep/ .monitor-pager .el-pagination .el-pagination__jump,.monitor-wrapper .top /deep/ .monitor-pager .el-pagination .el-pagination__sizes,.monitor-wrapper .top /deep/ .monitor-pager .el-pagination .el-pagination__total{font-size:11px}.monitor-wrapper .top /deep/ .monitor-pager .el-pagination .el-select .el-input .el-input__inner{font-size:11px;height:24px;line-height:24px}.monitor-wrapper .top .box-wrapper{height:calc(100% - 42px)}.monitor-wrapper .top .box-wrapper .box-row{padding-top:2px}}.monitor-wrapper .bottom{margin-top:13px;height:calc(33.2% - 13px);background-color:#fff;border-radius:6px;padding:16px;display:flex;box-sizing:border-box}.monitor-wrapper .bottom .monitor-map{width:20%;height:100%;background:#ecf3ff}.monitor-wrapper .bottom .base{height:100%;width:calc(80% - 20px);background:#ecf3ff;box-sizing:border-box;margin-left:20px}.monitor-wrapper ::-webkit-scrollbar{width:6px;height:9px;background:transparent;-webkit-appearance:none}.monitor-wrapper ::-webkit-scrollbar-thumb{border-radius:10px;border-radius:3px;background-color:rgba(185,178,174,.8)}.monitor-wrapper ::-webkit-scrollbar-thumb:hover{background-color:#b9b2ae}