.device-param-dialog .el-input-group__append{background-color:#fff;padding:0 6px;font-size:12px}.device-param-drawer{width:100%;height:100%;top:0;left:0;position:fixed!important}.device-param-drawer span[role=heading]:focus{outline:none}.device-param-drawer .el-drawer__header{padding:0;padding-left:18px;line-height:50px;font-size:14px;font-weight:700;color:#495057;border-bottom:1px solid #e9ebec;margin-bottom:0;padding-right:20px}.device-param-drawer .el-drawer__header .el-icon-close{font-size:14px;font-weight:700}.device-param-drawer .el-drawer__body{position:relative;padding:0}.device-param-drawer .el-drawer__body .info-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.device-param-drawer .el-drawer__body .info-content .title{margin:24px 24px 10px;padding-left:10px;background:rgba(249,200,81,.15);border-radius:2px;font-size:12px;line-height:32px;color:#6c757d}.device-param-drawer .el-drawer__body .info-content .title .icon{color:#f9c851;margin-right:10px}.device-param-drawer .el-drawer__body .info-content .info-content-box{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;overflow:hidden;padding:0!important}.device-param-drawer .el-drawer__body .info-content .info-content-box .info-box{-webkit-box-flex:0;-ms-flex:0 0 210px;flex:0 0 210px;width:210px;background-color:#f8f9fb}.device-param-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line{height:40px;line-height:40px;background:#f8f9fb;color:#495057;font-size:12px;font-weight:400;cursor:pointer;padding-left:24px}.device-param-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line.current{background-color:#fff;color:#0d9ae0}.device-param-drawer .el-drawer__body .info-content .info-content-box .table-box{padding:10px 24px 24px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:0}.device-param-drawer .el-drawer__body .info-content .info-content-box .table-box .table-title{height:28px;margin-bottom:10px;font-weight:700;font-size:12px;color:#495057;line-height:28px}.device-param-drawer .el-drawer__body .info-content .info-content-box .table-box .table-title .task,.device-param-drawer .el-drawer__body .info-content .info-content-box .table-box .table-title .time,.device-param-drawer .el-drawer__body .info-content .info-content-box .table-box .table-title button{float:right;margin-left:10px}.device-param-drawer .el-drawer__body .info-content .info-content-box .table-box .table-title .task .text,.device-param-drawer .el-drawer__body .info-content .info-content-box .table-box .table-title .time .text,.device-param-drawer .el-drawer__body .info-content .info-content-box .table-box .table-title button .text{color:#98a6ad;height:28px;font-size:12px;line-height:28px;font-weight:400}.device-param-drawer .el-drawer__body .info-content .info-content-box .table-box .table-title .task .click,.device-param-drawer .el-drawer__body .info-content .info-content-box .table-box .table-title .time .click,.device-param-drawer .el-drawer__body .info-content .info-content-box .table-box .table-title button .click{color:#0d9ae0;height:20px;font-size:12px;line-height:20px;margin-left:10px;font-weight:400;text-decoration:underline;cursor:pointer}.device-param-drawer .el-drawer__body .info-content .info-content-box .table-box .tips-title{height:32px;line-height:32px;font-weight:400;color:#6c757d}.device-param-drawer .tip{padding-left:10px;background:rgba(249,200,81,.15);border-radius:2px;font-size:12px;line-height:32px;color:#6c757d}.device-param-drawer .tip .icon{color:#f9c851;margin-right:10px}.device-changeStatus-dialog .title{padding-left:10px;background:rgba(249,200,81,.15);border-radius:2px;font-size:12px;line-height:32px;color:#6c757d}.device-changeStatus-dialog .title .icon{color:#f9c851;margin-right:10px}.device-changeStatus-dialog .no-radio label{margin-right:24px}.device-changeStatus-dialog .no-radio label .el-radio__input{display:none}.device-control-drawer{width:100%;height:100%;top:0;left:0;position:fixed!important}.device-control-drawer span[role=heading]:focus{outline:none}.device-control-drawer .el-drawer__header{padding:0;padding-left:18px;line-height:50px;font-size:14px;font-weight:700;color:#495057;border-bottom:1px solid #e9ebec;margin-bottom:0;padding-right:20px}.device-control-drawer .el-drawer__header .el-icon-close{font-size:14px;font-weight:700}.device-control-drawer .el-drawer__body{position:relative;padding:0}.device-control-drawer .el-drawer__body .info-content,.device-control-drawer .el-drawer__body .info-content .info-content-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.device-control-drawer .el-drawer__body .info-content .info-content-box{width:100%;overflow:hidden;padding:24px!important}.device-control-drawer .el-drawer__body .info-content .info-content-box .title{padding-left:10px;background:rgba(249,200,81,.15);border-radius:2px;font-size:12px;line-height:32px;color:#6c757d}.device-control-drawer .el-drawer__body .info-content .info-content-box .title .icon{color:#f9c851;margin-right:10px}.device-control-drawer .el-drawer__body .info-content .info-content-box .icon-img{display:block;width:60px;height:32px;cursor:pointer;-ms-flex-item-align:center;align-self:center}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box{width:100%;padding-top:24px;background-color:#fff}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line{height:70px;line-height:70px;font-size:12px;font-weight:400;padding:0 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px dashed #e4ebf2}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .l{font-size:12px;font-weight:700;color:#495057;width:238px;-webkit-box-flex:0;-ms-flex:0 0 238px;flex:0 0 238px}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .m{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#98a6ad}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r{-ms-flex-item-align:center;align-self:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r .status-type{-ms-flex-item-align:center;align-self:center;margin-right:24px}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r .status-type span{display:inline-block;font-size:12px;font-weight:400;height:32px;line-height:32px;padding:0 16px 0 30px;border-radius:16px;position:relative}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r .status-type span:before{content:" ";position:absolute;left:14px;margin-top:13px;display:inline-block;width:6px;height:6px;border-radius:50%}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r .status-type .normal{background-color:#f9f9f9;color:#6c757d}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r .status-type .normal:before{background-color:#00a0d9}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r .status-type .sleep{background:rgba(147,218,73,.16);color:#93da49}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r .status-type .sleep:before{background-color:#93da49}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r .status-type .lock{background:rgba(237,74,74,.16);color:#ed4a4a}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r .status-type .lock:before{background-color:#ed4a4a}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r .status-type .unlock{background:#f9f9f9;color:#00a0d9}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r .status-type .unlock:before{background-color:#00a0d9}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r .modify{cursor:pointer;color:#0d9ae0}.device-control-drawer .el-drawer__body .info-content .info-content-box .info-box .information .line .r button{-ms-flex-item-align:center;align-self:center}.component-detail-data{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.component-detail-data .el-form-item{margin-bottom:0!important}.component-detail-data .el-form-item:last-child{margin-right:0}.component-detail-record{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.component-detail-record .el-form-item{margin-bottom:0!important}.component-detail-record .el-form-item:last-child{margin-right:0}.component-detail-record .slot-container .el-form-item{width:50%!important;margin:0!important;margin-bottom:0!important;padding:0 8px}.component-detail-status{padding-bottom:50px}.component-detail-status .device-data{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:16px}.component-detail-status .device-data .device-param-detail{width:185px;height:67px;background:#f8f9fb;padding:12px;margin-bottom:4px}.component-detail-status .device-data .device-param-detail.empty{background:none;width:185px;height:0;padding:0}.component-detail-status .device-data .device-param-detail .title{color:#495057;font-size:12px;line-height:17px}.component-detail-status .device-data .device-param-detail .value{margin-top:8px;font-size:15px;line-height:17px;color:#323336;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.component-detail-status .device-data .no-data{padding:12px;text-align:center;margin-top:8px;font-size:15px;width:100%;line-height:17px;color:#323336;font-weight:700}.component-detail-status .chart-content{margin-top:15px;border:1px solid #f2f3fb;position:relative;overflow:hidden;margin-bottom:15px}.component-detail-status .chart-content .date-picker{position:absolute;z-index:1000;top:15px;right:15px}.component-detail-base-history{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.component-detail-base-history .el-form-item{margin-bottom:0!important}.component-detail-base-history .el-form-item:last-child{margin-right:0}.component-detail-drawer .drawer-body{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.component-detail-drawer .drawer-body .component-param{width:300px;background:#f8f9fb;font-family:PingFangSC-Semibold,PingFang SC;padding:0 26px 0 24px;-ms-flex-negative:0;flex-shrink:0;overflow-y:auto}.component-detail-drawer .drawer-body .component-param .component-name{color:#495057;font-size:14px;font-weight:700;line-height:60px}.component-detail-drawer .drawer-body .component-param .param-detail{margin-top:4px;line-height:16px;color:#6c757d;font-size:12px}.component-detail-drawer .drawer-body .component-param .param-detail>li{overflow:hidden;padding:10px 0;border-bottom:1px solid #eef2f7}.component-detail-drawer .drawer-body .component-param .param-detail>li:nth-child(n+2){margin-top:1px}.component-detail-drawer .drawer-body .component-param .param-detail>li .key,.component-detail-drawer .drawer-body .component-param .param-detail>li .val{float:left}.component-detail-drawer .drawer-body .component-param .param-detail>li .key{width:40%}.component-detail-drawer .drawer-body .component-param .param-detail>li .val{width:60%;text-align:right}.component-detail-drawer .drawer-body .tab-container{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#fff;padding:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-x:auto;padding-bottom:0}.component-detail-drawer .drawer-body .tab-container .status-tips{height:61px;width:100%;background:#ff5c5b;color:#f8f9fb;margin-top:16px;cursor:pointer}.component-detail-drawer .drawer-body .tab-container .status-tips .status-icon{width:36px;height:36px;margin-top:13px;margin-left:12px;float:left}.component-detail-drawer .drawer-body .tab-container .status-tips .status-icon .icon{color:#f8f9fb;font-size:32px}.component-detail-drawer .drawer-body .tab-container .status-tips .right-icon{width:30px;height:36px;margin-top:13px;margin-left:12px;float:right}.component-detail-drawer .drawer-body .tab-container .status-tips .right-icon .icon{color:#f8f9fb;font-size:16px;line-height:36px}.component-detail-drawer .drawer-body .tab-container .status-tips .tips-text{float:left;margin-left:10px}.component-detail-drawer .drawer-body .tab-container .status-tips .tips-text .tips{font-size:12px;font-weight:700;line-height:17px;margin-top:13px}.component-detail-drawer .drawer-body .tab-container .status-tips .tips-text .plan{font-size:12px;margin-top:2px}.component-detail-drawer .drawer-body .tab-container .warning{background:#f9c851}.component-detail-drawer .drawer-body .tab-container .download-content{overflow:hidden;padding:16px 0;padding-bottom:0;line-height:16px;font-size:12px}.component-detail-drawer .drawer-body .tab-container .download-content .file-list{float:left}.component-detail-drawer .drawer-body .tab-container .download-content .file-list .download{color:#0d9ae0}.component-detail-drawer .drawer-body .tab-container .download-content .file-list .download:nth-child(n+2){margin-top:10px}.component-detail-drawer .drawer-body .tab-container .download-content .file-list .download .file-name{padding-left:4px}.component-detail-drawer .drawer-body .tab-container .download-content .date{color:#6c757d;float:right}.component-detail-drawer .drawer-body .tab-container .tab.offset{margin-top:40px}.component-detail-drawer .drawer-body .tab-container .tab ul li{border-top:1px solid #eef2f8;line-height:40px}.component-detail-drawer .drawer-body .tab-container .tab ul li:first-child{border-left:1px solid #eef2f8}.component-detail-drawer .drawer-body .tab-container .tab ul li.current{border-top:2px solid #0d9ae0;line-height:39px}.component-detail-drawer .drawer-body .tab-container .tab .ub-f1{border-top:none}.component-detail-drawer .drawer-body .tab-container .tab-content{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.component-detail-drawer .el-drawer__body{overflow-y:auto}.device-component-list .search-hd{margin-top:8px}.device-component-list .search-hd .table-page{padding-top:0}.device-component-list .refresh{float:right;min-width:32px;color:#0d9ae0;padding:0}.device-component-list .radio-group{float:left}.device-component-list .table-page{float:right}.device-component-list .device-component-list-ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:2px}.device-component-list .classify{width:315px;-webkit-box-flex:1;-ms-flex:1;flex:1}.device-component-list .classify:nth-child(n+2){margin-left:16px}.device-component-list .classify .classify-name{width:100%;height:40px;line-height:38px;background:#f8f9fb;border:1px solid #f2f3fb;text-align:center;color:#394668;font-size:12px;font-weight:700}.device-component-list .classify .component-list{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.device-component-list .classify .component-list.status .component-detail.error{border:1px solid rgba(255,92,91,.3);background:#fff7f7}.device-component-list .classify .component-list.status .component-detail.error:hover{background:#fff}.device-component-list .classify .component-list.status .component-detail.error .icon{color:#ff5c5b}.device-component-list .classify .component-list.status .component-detail.warning{border:1px solid rgba(249,200,81,.3);background:#fefcf6}.device-component-list .classify .component-list.status .component-detail.warning:hover{background:#fff}.device-component-list .classify .component-list.status .component-detail.warning .beyond-val{background-color:#ff0100!important}.device-component-list .classify .component-list.status .component-detail.warning .icon{color:#f9c851}.device-component-list .classify .component-list.life .component-detail.warning .critical-val{background:#f36704}.device-component-list .classify .component-list.life .component-detail.warning .beyond-val{background-color:#ff0100!important}.device-component-list .classify .component-list .component-detail{width:calc(50% - 4px);height:100px;position:relative;padding:12px 10px 0 12px;background:#f8f9fb;border:1px solid #f2f3fb;margin-top:8px;-ms-flex-negative:0;flex-shrink:0;border-radius:2px;-webkit-transition:all .3s;transition:all .3s}.device-component-list .classify .component-list .component-detail:hover{cursor:pointer;border-color:rgba(13,154,224,.3);background-color:#fff}.device-component-list .classify .component-list .component-detail .component-name{height:18px;line-height:18px;font-size:12px;font-weight:700;color:#495057}.device-component-list .classify .component-list .component-detail .process-content{overflow:hidden;position:relative;padding-bottom:2px}.device-component-list .classify .component-list .component-detail .process{position:relative;height:2px;width:100%;background:#f0f2f5;border-radius:1px;overflow:hidden;margin-top:4px}.device-component-list .classify .component-list .component-detail .process .process-bar{position:absolute;height:100%;background:#0d9ae0;border-radius:1px}.device-component-list .classify .component-list .component-detail .process .caveat-val{background:#0d9ae0!important}.device-component-list .classify .component-list .component-detail .process .warn-val{background:#f36704!important}.device-component-list .classify .component-list .component-detail .process .beyond-val{background-color:#ff0100!important}.device-component-list .classify .component-list .component-detail .critical-val{width:2px;height:4px;position:absolute;top:3px;background:#f36704;-webkit-transform:translateX(-1px);transform:translateX(-1px)}.device-component-list .classify .component-list .component-detail .beyond-val{background-color:#ff0100!important}.device-component-list .classify .component-list .component-detail .service-life{color:#98a6ad;font-size:12px;line-height:20px;margin-top:8px;float:left}.device-component-list .classify .component-list .component-detail:hover .detail{opacity:1}.device-component-list .classify .component-list .component-detail .detail{color:#35b8e0;font-size:12px;float:right;line-height:20px;position:absolute;right:14px;bottom:8px;opacity:0;-webkit-transition:all .3s;transition:all .3s}.device-component-list .classify .component-list .component-detail .detail:hover{cursor:pointer}.device-component-list .classify .component-list .component-detail .icon-content{width:24px;height:24px;position:absolute;right:10px;top:10px}.device-component-list .classify .component-list .component-detail .icon-content .icon{font-size:24px}.device-component-list .classify .component-list .component-detail .icon-content>img{max-width:100%;max-height:100%;top:0;bottom:0;left:0;right:0;position:absolute;margin:auto}.device-component-list .classify .component-list .component-detail .device-status{color:#6c757d;font-size:12px;margin-top:12px;line-height:18px}.device-component-list .classify .component-list .component-detail .device-time{color:#98a6ad;line-height:12px;height:12px;margin-top:10px;font-size:12px}.device-component-list .classify .component-list .component-detail .date{color:#98a6ad;font-size:12px;margin-top:16px}.board-detail-status[data-v-fc7c01a6]{padding:0 24px 44px 24px}.board-detail-location[data-v-8231e8d0]{height:790px;position:relative}.board-detail-location .container[data-v-8231e8d0]{position:absolute;left:16px;right:16px;top:16px;bottom:16px}.board-detail-location .img-box{width:40px;height:40px}.board-detail-location .info{padding-left:10px}.board-detail-location .info h1{color:#495057;line-height:20px;font-size:14px;margin-bottom:3px;font-weight:700}.board-detail-location .info p{line-height:17px;font-size:12px;color:#495057}.map-marker .marker{margin:0 auto;width:12px;height:12px;background:#0d9ae0;border:2px solid #fff;border-radius:6px}.product{width:246px;padding-bottom:40px}.product .img-box{width:60px;height:60px}.product .img-box img{width:100%;height:100%}.product .info{padding-left:12px}.product .info h1{color:#4d4d4d;line-height:17px;font-size:14px;margin-bottom:4px;font-weight:500}.product .info p{line-height:16px;font-size:12px;color:#6c757d;margin-bottom:5px}.product .about{font-size:0}.product .about span{color:#4d4d4d;font-size:12px;margin-right:2px;display:inline-block;line-height:17px;width:48px}.product .about .icon{color:#12c469;font-size:14px;margin-right:2px}.product .loc-wrap{height:40px;background:#f5f5f5;position:absolute;left:0;bottom:0;right:0;padding:6px 12px}.product .loc-wrap .icon-loc{width:18px;height:18px;overflow:hidden;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAiCAYAAAA+stv/AAADMElEQVRYR9WWS0wTURSGz5mhLVTagohAAx1kgRvjxsdGFhITTEyMMRFZiCECLRoXGpGVRo2Pja9IYkxoK4rBxGCMMS58JEYXuDG4cyMLZEYChIfQKdIH9B4zxRoCM52ZloQ4q2bOOf/55j/33l6EdX5wnfvD/wng6Bkp4mNQwTgqBQTkEjiWsMHPcFP5tFlHDTtQ3DeRHw3Nn0LAIwSwC4hW1SLiAAK84PPyH/xqLJKNwBgCcAXFesagE4DKjIgCwAQitsteoVcvXxfAERjuAIKbekJqcUS4JHsrr6WrTQvgCIpNwOhxJs1TNRxiW8gr+LU0NAEKe0Y9iXj8GxE4sgFAxN/Iw/ZQszCk6pKWuDMg3SdipzWbI0QB8OtSnHYAQa42KHaFfcJJwwAlT8Y3RKKxCQKyq88Wv/BWS/1Mk1tS4ktuLTwnot3qEBix8faSqZbi8Mq46gicfmk/AXurKoYQzbFat6aap3IUiMV4/LuWE8jzB+SWijfGAALiFSK6rA6An8NeoUYt5giI/UC0R91qvCr7hFWaqg44AmIXEPnWEgAQ/WGv0GbUgV4iOramI0B8KnuFRmMAweE7xOCc5t5Fs4sQADm4K7dWthsCcAWkBkbsWdr9b2obAnCADSGf0GcIYGPvtHMxEh7J9hBKNUOEcE6eo1ztD0rzJHT6xXsEdCabU/AfAGCn7BPOGj6IlERXt1jFEjAIRHxWEIgJjodq00dxEsIv3WLAzmcDwAF3O+TzdGgu6HTi7tej9rnxhW9EtCUTCET8kV9q2TZ60D2fEUDShaC4jzF4D0CcOQhkHAd1oVbhQ7o63QtJEiIgXWDErpsB4JC7GPJ6bujVGAIgInQGpZdAdEhPMBlHfCW3eg4jIunlGwJQRJRLaSwU+UhEO9Naijhgc+XVTh7dPKfXPMlqJCmVU9o9VjyfiPUTQbXqnkYYtPO2mvHmskmjuqYAFNG/l49PK3eGsuJ5q2XvynuCHohpgGUQyjiqlkaOQ7zVUmu2uekRLP+aTQ8ld4zRO+WdLZfqpo5Xjul9rerYMilK1RQ8milQfs+eKJzNVCejEWTabM0dWAuQdXfgDzEmQjKmYCzEAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:100%;margin-right:8px;margin-top:4px}.product .loc-wrap .location{-webkit-box-flex:1;-ms-flex:1;flex:1;width:0;color:#6c757d;line-height:14px;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.communication-board-detail{padding:0 16px 16px;height:100%}.communication-board-detail .icon-fanhuijiantou{color:#394668}.communication-board-detail .icon-fanhuijiantou:hover{cursor:pointer}.communication-board-detail>.header{padding:24px 0 16px 0;height:68px;overflow:hidden}.communication-board-detail>.header .icon{font-size:16px;float:left;line-height:30px;font-weight:700}.communication-board-detail>.header .title{float:left;margin-left:18px;color:#394668;font-size:18px;line-height:32px}.communication-board-detail>.header .title:hover{cursor:pointer}.communication-board-detail>.header .func-group{float:right}.communication-board-detail>.header .func-group .btn-text{line-height:24px}.communication-board-detail>.header .func-group .icon-xiala{color:#0d9ae0}.communication-board-detail>.header .func-group .el-dropdown{float:left}.communication-board-detail>.header .func-group .el-button{float:left;margin-left:8px}.communication-board-detail .page-content{width:100%;height:calc(100% - 68px);overflow:hidden}.communication-board-detail .page-content .device-param{width:300px;background:#fff;padding:0 24px;float:left;margin-right:16px;height:100%;overflow-y:auto}.communication-board-detail .page-content .device-param .header{height:40px;position:relative}.communication-board-detail .page-content .device-param .header .device-sn{float:left;color:#495057;font-size:14px;font-weight:700;line-height:24px;margin-top:16px;margin-left:-8px}.communication-board-detail .page-content .device-param .header .device-state{position:absolute;top:16px;right:-8px}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag{width:24px;height:24px;border-radius:12px;background:rgba(13,154,224,.05);overflow:hidden;float:left}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag.has-name{width:auto;padding-right:10px;line-height:24px}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag.has-name .icon{margin-left:9px}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag.has-name .icon.icon-cleaning,.communication-board-detail .page-content .device-param .header .device-state .device-state-tag.has-name .icon.icon-free{font-size:18px}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag.has-name .icon.icon-cleaning{margin-top:5px}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag.has-name .icon.icon-charge,.communication-board-detail .page-content .device-param .header .device-state .device-state-tag.has-name .icon.icon-free,.communication-board-detail .page-content .device-param .header .device-state .device-state-tag.has-name .icon.icon-suspend{margin-top:4px}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag.has-name .icon.icon-machine-offline{margin-top:5px;font-size:18px}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag:nth-child(n+2){margin-left:6px}.communication-board-detail .page-content .device-param .header .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:14px}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag .icon.blue{color:#0d9ae0}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag .icon.red{color:#ff5c5b}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag .icon.yellow{color:#f99751}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag .icon.gray{color:#6d757d}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag .icon.green{color:#16d071}.communication-board-detail .page-content .device-param .header .device-state .device-state-tag .state-name{float:left;font-size:12px;color:#495057;margin-left:3px}.communication-board-detail .page-content .device-param .device-img{width:160px;height:160px;margin:24px auto 0 auto;position:relative}.communication-board-detail .page-content .device-param .device-img.gray{background:#f5f5f5}.communication-board-detail .page-content .device-param .device-img.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}.communication-board-detail .page-content .device-param .device-img>img{position:absolute;max-width:100%;max-height:100%;left:0;right:0;top:0;bottom:0;margin:auto}.communication-board-detail .page-content .device-param .device-status-container{text-align:center;font-size:0}.communication-board-detail .page-content .device-param .device-status-container .device-status{font-size:12px;color:#4d4d4d;margin-top:24px;overflow:hidden;display:inline-block}.communication-board-detail .page-content .device-param .device-status-container .device-status>li{float:left}.communication-board-detail .page-content .device-param .device-status-container .device-status>li:nth-child(n+2){margin-left:16px}.communication-board-detail .page-content .device-param .device-status-container .device-status>li.signal .val{padding-left:2px}.communication-board-detail .page-content .device-param .device-status-container .device-status>li .key{float:left;color:#16d071}.communication-board-detail .page-content .device-param .device-status-container .device-status>li .key .icon{float:left;font-size:14px;line-height:24px}.communication-board-detail .page-content .device-param .device-status-container .device-status>li .val{float:left;margin-left:2px;line-height:23px}.communication-board-detail .page-content .device-param .param-detail{margin-top:24px;color:#6c757d;font-size:12px}.communication-board-detail .page-content .device-param .param-detail>li{padding:8px 0 7px 0;border-bottom:1px solid #eef2f7}.communication-board-detail .page-content .device-param .param-detail>li .content{overflow:hidden;line-height:18px}.communication-board-detail .page-content .device-param .param-detail>li .content .key{width:50%;float:left}.communication-board-detail .page-content .device-param .param-detail>li .content .val{float:right;width:50%;text-align:right;word-break:break-all}.communication-board-detail .page-content .tab-content{background:#fff;margin-bottom:15px;overflow-y:auto;max-height:100%}.communication-board-detail .page-content .tab-content.mapbox{height:calc(100% - 84px);min-height:789px;position:absolute;top:68px;left:332px;right:16px}