.line-group{display:flex;border-bottom:1px solid #cfd2db;padding-bottom:26px}.line-group .side-btn{margin-left:auto;align-self:flex-end;display:flex;position:relative;top:11px}.line-group .side-btn .btn-a{margin-left:35px}.line-group .btn-a{display:flex;align-items:flex-end;font-size:11px;color:#0f1e44;font-weight:400}.line-group .btn-a .icon-img{margin-right:7px}.line-group .btn-b{display:flex;align-items:flex-end;font-size:13px;color:#4c79ff;font-weight:700}.line-group .btn-b .icon-img{margin-right:8px}.line-group.reverse-type{padding-top:25px;padding-bottom:0;border-top:1px solid #cfd2db;border-bottom:none}.line-group.reverse-type .side-btn{top:auto;margin-bottom:auto}.map-area{border:1px solid #cfd2db;border-radius:10px;position:relative;padding:10px}.map-area img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.map-area .zoom-btn-box{position:absolute;top:25px;right:25px}.map-area .state-item{position:absolute}.title-area{display:flex;align-items:flex-end}.title-area .flag-item{margin-left:12px}.title-area .txt-alarm{font-size:13px;margin-left:15px;color:#a5a8ae}.title-area .alarm-count{height:18px;min-width:18px;padding:0 4px;color:#fff;border-radius:9px;display:flex;background-color:#f35467;align-items:center;justify-content:center;font-size:10px;font-weight:800;margin-left:5px}.title-area .element-switch{margin-left:15px}.title-area .title-a~.title-a{margin-left:35px}.title-area .count-value{margin-left:10px;color:#4c79ff;font-size:18px;font-weight:800}.title-area .btn-item{margin-left:auto}.title-area .btn-item .element-btn~.element-btn{margin-left:15px}.blue-box{border:1px solid #cfd2db;padding:10px 30px;background-color:#f8faff;border-radius:10px}.data-column-area{display:flex;align-items:center}.data-column-area .element-btn{flex-shrink:0;margin-left:30px}.data-column-area .btn-open{flex-shrink:0;margin:0 20px 0 50px;width:20px;height:20px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;background-image:url(../img/arrow-dw-big.91eee3d1.svg)}.data-column-area .btn-open.active{background-image:url(../img/arrow-up-big.f514718e.svg)}.data-column-area .data-column{flex:1 0;display:table;table-layout:fixed}.data-column-area .data-column .data-column-row{display:table-row}.data-column-area .data-column .data-column-row [class^=col-]{display:table-cell;font-size:13px;color:#242c40;text-align:center;padding:20px 0}.data-column-area .data-column .data-column-row.data [class^=col-]{font-size:17px;color:#151515;font-weight:800}.data-column-area .data-column .col-1{width:5%}.data-column-area .data-column .col-2{width:20%}.data-column-area .data-column .col-3,.data-column-area .data-column .col-4{width:15%}.data-column-detail{border-top:1px solid #cfd2db;margin:12px 20px 0;padding:35px 0 25px;display:none}.data-column-detail.active2{display:block}.data-column-detail .data-sub-item{display:flex;align-items:center}.data-column-detail .data-sub-item~.data-sub-item{margin-top:30px}.data-column-detail .data-sub-item .state-item{flex-shrink:0}.data-column-detail .data-sub-item .state-item .signal-box:after,.data-column-detail .data-sub-item .state-item .signal-box:before{display:none}.data-column-detail .data-sub-column{display:table;table-layout:fixed;flex:1 0;position:relative}.data-column-detail .data-sub-column .data-column-row{display:table-row}.data-column-detail .data-sub-column .data-column-row [class^=col-]{display:table-cell;font-size:12px;color:#696b70;text-align:center;padding:10px 0}.data-column-detail .data-sub-column .data-column-row .col-1{width:5%}.data-column-detail .data-sub-column .data-column-row .col-2{width:25%}.data-column-detail .data-sub-column .data-column-row .col-3{width:16%}.data-column-detail .data-sub-column .data-column-row .col-4{width:18%}.data-column-detail .data-sub-column .data-column-row.data [class^=col-]{font-size:15px;color:#151515;font-weight:700}.data-column-detail .data-sub-column .data-column-row.data [class^=col-].green{color:#00cfa3}.data-column-detail .data-sub-column .data-column-row.data [class^=col-].red{color:#f35467}.data-column-detail .data-sub-column .data-column-row.data [class^=col-].gray{color:#696b70}.map-group.col-2{gap:30px}.map-group.col-2 .map-item{width:50%}.map-group.col-2 .map-area{height:427px}.map-group.col-4{gap:10px}.map-group.col-4 .map-item{width:25%}.map-group.col-4 .map-area{height:214px}.map-group .map-area{margin:15px 0}.detail-box{display:flex;align-items:flex-start}.detail-box .map-area{width:690px;margin-right:50px;flex-shrink:0}.detail-box .detail-content-item{margin-top:35px;display:flex;text-align:left}.detail-box .detail-content-item~.detail-content-item{margin-top:15px}.detail-box .detail-content-item .title{width:110px;color:#151515;font-weight:800;font-size:14px;flex-shrink:0}.detail-box .detail-content-item .value{font-size:14px;flex:1 0;color:#151515;font-weight:400;display:flex;align-items:center}.detail-box .detail-content-item .value .txt-update{display:flex;align-items:center;margin-left:20px;font-size:12px;color:#f35467;font-weight:800}.detail-box .detail-content-item .value .ic-system-update{margin-right:5px}.detail-box .detail-info{flex:1 0;display:flex}.detail-box .detail-info .detail-content{flex:1 0}.detail-box .detail-info .side-content{flex-shrink:0;margin-left:20px;display:flex;flex-direction:column}.detail-box .detail-info .side-content .row-top{text-align:right}.detail-box .detail-info .side-content .side-txt-a{font-size:12px;color:#696b70}.detail-box .detail-info .side-content .side-txt-b{margin-top:8px;margin-bottom:15px;color:#a5a8ae;font-size:10px;font-weight:400}.detail-box .detail-info .side-content .row-bottom{margin-top:auto}.search-area{display:flex}.search-area .search-item{display:flex;align-items:center}.search-area .search-item>*{margin-right:15px}.search-area .search-item .element-dropdown_sm{width:150px}.search-area .search-item .element-dropdown_sm+.element-checkbox{margin-left:15px}.search-area .search-item .element-dropdown_sm+.form-group{margin-left:10px}.search-area .search-item .form-group{display:flex;gap:10px}.search-area .btn-item{margin-left:auto}.search-area .btn-item .element-btn{vertical-align:top}.search-area .btn-item .element-btn~.element-btn{margin-left:15px}.form-box .form-group-box{display:flex;gap:20px}.form-box .form-group-box~.form-group-box{margin-top:40px}.form-box .form-group-box .form-item{width:300px}.form-box .form-group-box .form-item~.form-item{margin-top:0}.form-box .form-group-box .form-item.size-wide{width:620px}.form-box .form-group-box .form-element{width:100%}.form-box .form-item{display:flex;align-items:center;text-align:left}.form-box .form-item.row-type{flex-direction:column;align-items:flex-start}.form-box .form-item.row-type .form-element{margin-top:15px}.form-box .form-item~.form-item{margin-top:30px}.form-box .form-item .form-title{width:154px;font-size:14px;color:#0f1e44}.form-box .form-item .form-title .requisite{color:#f35467}.form-box .form-item .element-btn.size-lg{margin-left:15px}.form-box .form-item .form-element .element-input,.form-box .form-item .form-element .element-textarea,.form-box .form-item .form-element [class^=element-dropdown_]{width:100%}.form-box .form-item .form-element.size-a{width:300px}.form-box .form-item .form-element.size-b{width:620px}.form-box .form-item .form-element.change{position:relative}.form-box .form-item .form-element.change .element-input{padding-right:50px}.form-box .form-item .form-element.change .btn-change{position:absolute;right:15px;top:50%;height:20px;line-height:20px;margin-top:-10px;color:#4c79ff;font-size:14px;font-weight:800}.page-btn-area{margin-top:50px;display:flex;justify-content:center;gap:20px}.page-btn-area .size-lg{min-width:300px}.choice-group{text-align:left}.choice-group .element-checkbox{margin-right:44px}.note-group{margin-top:25px}.note-group .note-item{display:flex;align-items:center}.note-group .note-item~.note-item{margin-top:15px}.note-group .note-item .note-title{flex-shrink:0;width:160px;font-size:13px;color:#0f1e44}.note-group .note-item .note-content{flex:1 0;border:1px solid #cfd5e5;border-radius:10px;min-height:40px;display:flex;align-items:center;text-align:left;padding:0 15px;font-size:14px;color:#151515}.note-group .note-item .note-value{color:#a5a8ae;font-size:14px;padding-right:10px;position:relative}.note-group .note-item .note-value~.note-value{padding-left:10px}.note-group .note-item .note-value~.note-value:before{content:"";position:absolute;left:0;top:50%;width:1px;height:14px;margin-top:-7px;background-color:#a5a8ae}.mini-box{width:400px}.mini-box .box-file-upload,.mini-box .form-element{width:100%}.mini-box .btn-area{display:flex}.mini-box .btn-area .element-btn{flex:1 0}.data-box{text-align:left}.data-box .data-item{display:flex;align-items:flex-start}.data-box .data-item~.data-item{margin-top:20px}.data-box .data-item .data-title{width:108px;font-size:14px;font-weight:800;color:#151515}.data-box .data-item .data-value{font-size:14px;font-weight:400;color:#151515}.data-box .file-box{border:1px solid #cfd5e5;border-radius:10px;height:60px;padding:0 50px;min-width:340px;display:flex;align-items:center;justify-content:flex-start}.data-box .file-box .ic-firmware{margin-right:10px}.data-box .link-firmware{font-size:14px;color:#4c79ff;font-weight:400;text-decoration:none}.map-admin{display:flex;gap:45px;text-align:left}.map-admin .map-item{width:calc(33.33333% - 30px);display:flex;flex-direction:column;height:415px;position:relative}.map-admin .title-a{flex-shrink:0}.map-admin .count{padding-left:8px;color:#4c79ff;font-weight:800}.map-admin .ic-map-add-list-icon{margin-left:14px}.map-admin .guide-txt{font-size:14px;color:#a5a8ae;padding:25px}.map-admin .box-blue{border:1px solid #cfd5e5;border-radius:8px;background-color:#f5f8ff;margin-top:30px;flex:1 0;overflow-x:hidden;overflow-y:auto}.map-admin .box-blue.map-add .map-item-unit{border-bottom:none;color:#696b70}.map-admin .in-with-add{margin-top:18px;flex-shrink:0}.map-admin .map-item-unit{display:flex;align-items:center;min-height:56px;margin:0 25px;border-bottom:1px solid rgba(143,155,188,.81);font-size:14px;color:#151515}.map-admin .map-item-unit.active{color:#4c79ff;font-weight:800}.map-admin .map-item-unit .btn-item{flex-shrink:0;margin-left:auto;display:flex;align-items:center}.map-admin .map-item-unit .btn-item button{margin-left:18px;height:20px;display:flex;align-items:center}.map-admin .btn-map-add{position:absolute;left:25px;bottom:25px;right:25px;height:287px;border:1px dotted #cfd5e5;border-radius:8px;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.map-admin .btn-map-add .map-name{font-size:14px;color:#a5a8ae}.map-admin .btn-map-add .ic-list-plus{margin:25px 0 10px}.map-admin .btn-map-add .btn-name{color:#4c79ff;font-size:12px}.map-admin .btn-map-add .img-data{position:absolute;top:0;left:0;width:100%;height:100%}.map-admin .btn-map-add .img-data img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}[class*=-chart-group]{display:flex}[class*=-chart-group] .chart-area img{width:100%}[class*=-chart-group] .legend-item{display:flex;align-items:center}[class*=-chart-group].pie-chart-group{align-items:flex-end}[class*=-chart-group].pie-chart-group .chart-area{width:175px;height:175px}[class*=-chart-group].pie-chart-group .legend-group{margin-left:35px}[class*=-chart-group].pie-chart-group .legend-group .legend-item{margin:10px 0 5px}[class*=-chart-group].pie-chart-group .legend-group .legend-item .mark{width:35px;height:5px;border-radius:3px}[class*=-chart-group].pie-chart-group .legend-group .legend-item .info{margin-left:12px;font-size:14px;font-weight:700}[class*=-chart-group].line-chart-group{flex-direction:column}[class*=-chart-group].line-chart-group .chart-area{border-radius:10px;border:1px solid #cfd2db;overflow:hidden}[class*=-chart-group].line-chart-group .legend-group{display:flex;align-items:center;gap:30px;margin-top:15px}[class*=-chart-group].line-chart-group .legend-group .legend-item{display:inline-flex;align-items:center;font-size:15px;font-weight:800}[class*=-chart-group].line-chart-group .legend-group .legend-item .mark{display:inline-flex;align-items:center}[class*=-chart-group].line-chart-group .legend-group .legend-item .mark>i{flex-shrink:0;width:8px;height:8px;margin-right:5px;border-radius:50%}[class*=-chart-group].line-chart-group .legend-group .legend-item .info{margin-left:10px}.popup-device-status{position:absolute;width:346px}.popup-device-status .popup-content{padding:20px;border-radius:5px 5px 0 0;background-color:#0a1239}.popup-device-status .popup-content .detail-group{display:flex;flex-direction:column;padding:15px;border-radius:5px;background-color:#fff}.popup-device-status .popup-content .detail-group .device-detail{display:flex;justify-content:space-between}.popup-device-status .popup-content .detail-group .device-detail .device-detail-item{text-align:left}.popup-device-status .popup-content .detail-group .device-detail .device-detail-item .location{display:block;margin-bottom:10px;color:#696b70;font-size:10px;font-weight:700}.popup-device-status .popup-content .detail-group .device-detail .device-detail-item .name{font-size:13px;font-weight:800}.popup-device-status .popup-content .detail-group .device-detail .device-detail-item .name .flag-item{margin-left:5px}.popup-device-status .popup-content .detail-group .device-detail .date{flex-shrink:0;margin-left:15px;font-size:10px;font-weight:700;text-align:right}.popup-device-status .popup-content .detail-group .device-detail .date dd{margin-top:3px;color:#a5a8ae}.popup-device-status .popup-content .detail-group .device-id{margin-top:35px;color:#696b70;font-size:12px;font-weight:700;text-align:left}.popup-device-status .popup-content .status-group{display:flex;justify-content:space-between;gap:20px}.popup-device-status .popup-content .status-group .status-item{display:inline-flex;gap:10px;margin-top:24px;font-size:13px}.popup-device-status .popup-content .status-group .status-item dt{color:#fff;font-weight:700}.popup-device-status .popup-content .status-group .status-item dd{color:#f35467;font-weight:800}.popup-device-status .popup-footer{display:flex;border-radius:0 0 5px 5px;overflow:hidden}.popup-device-status .popup-footer .btn-footer{flex:1 100%;display:inline-flex;justify-content:center;align-items:center;height:40px;padding:0 20px;background-color:#404b7d;color:#fff;font-size:12px;font-weight:700}.popup-device-status .btn-close{position:absolute;top:-8px;right:0;transform:translateY(-100%);display:inline-flex;align-items:center}.popup-device-status .btn-close .btn-txt{font-size:13px;font-weight:800}.popup-device-status .btn-close .ic-popup-close-black{margin-left:6px}