.clear{clear:both;height:0;overflow:hidden}.img-circle{border-radius:50%}body{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;margin:0;padding:0;background-color:#fff;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{display:none;background-color:initial}.app-main{background-color:#fff}.app-main.app-bg-gray{background-color:#f9f9f9}.app-main .app-bg{height:100vh;background-size:cover;background-position:50%;background-attachment:fixed}.app-main .app-bg,.top-toolbar{position:fixed;top:0;right:0;left:0}.top-toolbar{z-index:200}.v-menu__content{box-shadow:0 5px 5px 0 rgba(0,0,0,.1)}.theme--light.v-btn--active:before,.theme--light.v-btn--active:hover:before{opacity:0}.devices-page{position:relative}.devices-page .device-card.card-shadow{box-shadow:0 2px 10px rgba(0,0,0,.1)}.devices-page .groups-bar{width:100%;display:flex;justify-content:space-between;align-items:center}.devices-page .groups-bar .groups-list{flex:1;display:flex;justify-content:flex-start;align-items:center;overflow-x:auto}.devices-page .groups-bar .groups-list .item{margin:0 5px 0 0}.devices-page .groups-bar .groups-menu{display:flex;justify-content:right;align-items:center;width:40px}.app-widgets-container{position:relative}.app-widgets-container .app-bg{position:absolute;top:0;right:0;bottom:0;left:0}.app-widgets{padding:0 0 30px 0;position:relative;display:flex;flex-direction:column}.app-widgets .widget-container{padding:0 0}.signin-page{position:relative;background-color:#fff}.signin-page .bg-image{position:fixed;z-index:0;top:0;left:0;right:0;bottom:0;background-position:50%;background-size:cover;transition:all .6s ease-in-out;opacity:1}.signin-page .bg-image.collapse{opacity:0}.signin-page .body-area{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center}.signin-page .body-area .signin-logo{margin:10px 50px 0 50px;padding:0 20px}.signin-page .body-area .signin-title{color:#666;font-size:18px;padding:0 10px 15px 10px;text-align:center}.signin-page .body-area .form-area{margin:20px 50px;padding:20px 30px 30px 30px;max-width:500px;background-color:#fff;transition:all .5s cubic-bezier(.68,-.55,.27,1.55)}.signin-page .body-area .form-area.collapse{transform:translateY(100%);opacity:0;overflow:hidden}.signin-page .footer{color:#666;font-size:14px;text-align:center}.app-signin-page{position:relative;background-color:#fff}.app-signin-page .bg-image{position:fixed;z-index:0;top:0;left:0;right:0;bottom:0}.app-signin-page .top-area{position:fixed;z-index:100;top:0;left:0;right:0;padding:20px;display:flex;justify-content:space-between;align-items:center}.app-signin-page .top-area .switch-app{display:flex;justify-content:flex-start;align-items:center;font-size:14px;color:#666}.app-signin-page .body-area{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;display:flex;flex-direction:column;justify-content:center;align-items:center}.app-signin-page .body-area .signin-logo{margin:10px 50px 0 50px;padding:0 20px;transition:all 1s ease;opacity:0}.app-signin-page .body-area .signin-logo.show{opacity:1}.app-signin-page .body-area .signin-logo img{max-height:120px}.app-signin-page .body-area .form-area{margin:20px 50px;padding:20px 30px 30px 30px;max-width:500px;background-color:hsla(0,0%,100%,.9);border-radius:15px;opacity:0;transform:translateY(100px);transition:all .5s ease}.app-signin-page .body-area .form-area.show{opacity:1;transform:translateY(0)}.app-signin-page .body-area .form-area.form-shadow{box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.app-signin-page .body-area .signup-area{margin:20px 0 0 0;display:flex;justify-content:center;align-items:center;font-size:14px;gap:4px}.app-signin-page .body-area .signup-area .signup-link{color:#1a74e8}.app-signin-page .footer{color:#666;text-align:center}.app-signin-page.theme-dark .footer,.app-signin-page.theme-dark .switch-app{color:#fff}.app-panel{background-color:#fff;box-shadow:0 1px 5px 0 #e8e8e8;border-radius:5px}.group-menu-item{height:30px;display:flex;justify-content:space-between;align-items:center}.group-menu-item .gname{flex:1;overflow:hidden;font-size:16px;line-height:30px;height:30px;padding:0 20px 0 0}.group-menu-item .gcount{width:30px;color:#909399;text-align:right}.groups-page .groups-list{margin:10px 0 0 0}.groups-page .groups-list .item{padding:0 16px;height:50px;display:flex;justify-content:right;align-items:center;background-color:#fff}.groups-page .groups-list .item.ghost{opacity:.5;background-color:#eee}.groups-page .groups-list .item .gname{flex:1}.groups-page .groups-list .item .gcount{font-size:16px;color:#909399}.groups-page .groups-list .item .gdetail{width:30px;display:flex;justify-content:right;align-items:center}.groups-page .groups-list .item .gdetail i{font-size:20px}.groups-page .groups-list .item .gremove{width:30px;display:flex;justify-content:left;align-items:center}.groups-page .groups-list .item .gremove span{background-color:red;height:20px;width:20px;border-radius:50%;display:flex;justify-content:left;align-items:center}.groups-page .groups-list .item .gremove span i{font-size:20px;color:#fff}.groups-page .groups-list .item .gsort{width:30px;display:flex;justify-content:right;align-items:center}.groups-page .groups-list .item .gsort i{font-size:20px}.group-detail-page .devices-list .item{padding:0 16px;height:44px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;background-color:#fff}.group-detail-page .devices-list .item.ghost{opacity:.5;background-color:#eee}.group-detail-page .devices-list .item .dicon{width:30px;display:flex;justify-content:flex-start}.group-detail-page .devices-list .item .dinfo{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden}.group-detail-page .devices-list .item .dinfo .dname{font-size:16px;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-detail-page .devices-list .item .dinfo .dtype{font-size:12px;line-height:16px;height:16px;color:#909399;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-detail-page .devices-list .item .dremove{width:30px;display:flex;justify-content:left;align-items:center}.group-detail-page .devices-list .item .dremove span{height:20px;width:20px;border-radius:50%;display:flex;justify-content:left;align-items:center;background-color:red}.group-detail-page .devices-list .item .dremove span i{font-size:20px;color:#fff}.group-detail-page .devices-list .item .dsort{width:36px;display:flex;justify-content:center;align-items:center}.group-detail-page .devices-list .item .dsort i{font-size:20px}.group-devices-select .item{height:44px;display:flex;justify-content:flex-start;align-items:center;overflow:hidden}.group-devices-select .item .dcheck{width:30px;display:flex;justify-content:left;align-items:center}.group-devices-select .item .dcheck span{height:20px;width:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#eee}.group-devices-select .item .dcheck span i{font-size:16px;color:#fff}.group-devices-select .item .dicon{margin:0 0 0 5px;width:25px}.group-devices-select .item .dinfo{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden}.group-devices-select .item .dinfo .dname{font-size:16px;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-devices-select .item .dinfo .dtype{font-size:12px;color:#909399}.group-devices-select .item .dgroup,.group-devices-select .item .dinfo .dtype{line-height:16px;height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-devices-select .item .dgroup{text-align:right;margin:0 0 0 10px;font-size:14px;color:#606266}.empty-text{padding:80px 0;text-align:center;font-size:14px;color:#999;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}.empty-text .empty-icon{color:#ccc}.add-device-page .add-actions{padding:20px 0;display:flex;justify-content:space-around;align-items:center}.add-device-page .add-actions.shadow{background:#fff;border-radius:5px;box-shadow:0 1px 5px 0 #e8e8e8}.add-device-page .add-actions .aitem{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.add-device-page .add-actions .aitem .aicon{width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#eee;font-size:20px}.add-device-page .add-actions .aitem .aicon:active{background-color:#ccc}.add-device-page .add-actions .aitem .atext{font-size:14px;font-weight:500}.device-settings .sitem{display:flex;height:40px;overflow:hidden;flex-direction:row;flex-wrap:nowrap;align-items:center}.device-settings .sitem .sname{width:100px;font-size:16px;line-height:22px}.device-settings .sitem .sname .extend-tips{color:#909399}.device-settings .sitem .svalue{flex:1}.device-settings .sitem .svalue .stext{display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:nowrap;height:22px;overflow:hidden;font-size:16px;line-height:22px;color:#909399}.device-settings .sitem .svalue .stext .sarrow{font-size:20px;color:#909399}.device-settings .sitem .svalue .sswitch{display:flex;flex-direction:row;justify-content:flex-end}.device-alarm-rules .sitem{display:flex;height:40px;overflow:hidden;flex-direction:row;flex-wrap:nowrap;align-items:center}.device-alarm-rules .sitem .sname{flex:1;font-size:16px;line-height:22px;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-alarm-rules .sitem .sname .extend-tips{color:#909399}.device-alarm-rules .sitem .svalue{width:100px}.device-alarm-rules .sitem .svalue .alarm-rule-state{display:flex;justify-content:right}.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state{font-size:16px;display:flex;justify-content:space-between;align-items:center}.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-icon{font-weight:600}.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-icon.status-0{color:#67c23a}.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-icon.status-1-1,.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-icon.status-1-2,.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-icon.status-2{color:#e6a23c}.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-icon.status-1-3{color:#f56c6c}.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-icon.status-empty{color:#999;font-weight:400}.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-status{margin:0 0 0 5px;font-weight:600}.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-status.status-0{color:#67c23a}.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-status.status-1-1,.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-status.status-1-2,.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-status.status-2{color:#e6a23c}.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-status.status-1-3{color:#f56c6c}.device-alarm-rules .sitem .svalue .alarm-rule-state .alarm-state .alarm-status.status-empty{color:#999;font-weight:400}.alarm-style{font-weight:600}.alarm-style.status-0{color:#67c23a}.alarm-style.status-1-1,.alarm-style.status-1-2,.alarm-style.status-2{color:#e6a23c}.alarm-style.status-1-3{color:#f56c6c}.alarm-style.status-empty{color:#999;font-weight:400}.alarm-state-common{display:flex;justify-content:space-between;align-items:center}.alarm-state-common .alarm-icon{font-weight:600}.alarm-state-common .alarm-icon.status-0{color:#67c23a}.alarm-state-common .alarm-icon.status-1-1,.alarm-state-common .alarm-icon.status-1-2,.alarm-state-common .alarm-icon.status-2{color:#e6a23c}.alarm-state-common .alarm-icon.status-1-3{color:#f56c6c}.alarm-state-common .alarm-icon.status-empty{color:#999;font-weight:400}.alarm-state-common .alarm-status{margin:0 0 0 5px;font-weight:600}.alarm-state-common .alarm-status.status-0{color:#67c23a}.alarm-state-common .alarm-status.status-1-1,.alarm-state-common .alarm-status.status-1-2,.alarm-state-common .alarm-status.status-2{color:#e6a23c}.alarm-state-common .alarm-status.status-1-3{color:#f56c6c}.alarm-state-common .alarm-status.status-empty{color:#999;font-weight:400}.alarm-logs .item{padding:10px 15px;margin:0 0 10px 0;align-items:center}.alarm-logs .item.status-0{background-color:rgba(103,194,58,.05)}.alarm-logs .item.status-1-1,.alarm-logs .item.status-1-2,.alarm-logs .item.status-2{background-color:rgba(230,162,60,.05)}.alarm-logs .item.status-1-3{background-color:rgba(245,108,108,.05)}.alarm-logs .item.status-empty{background-color:#efefef}.alarm-logs .alarm-top,.alarm-logs .alarm-top .alarm-state{display:flex;justify-content:space-between;align-items:center}.alarm-logs .alarm-top .alarm-state{font-size:14px}.alarm-logs .alarm-top .alarm-state .alarm-icon{font-weight:600}.alarm-logs .alarm-top .alarm-state .alarm-icon.status-0{color:#67c23a}.alarm-logs .alarm-top .alarm-state .alarm-icon.status-1-1,.alarm-logs .alarm-top .alarm-state .alarm-icon.status-1-2,.alarm-logs .alarm-top .alarm-state .alarm-icon.status-2{color:#e6a23c}.alarm-logs .alarm-top .alarm-state .alarm-icon.status-1-3{color:#f56c6c}.alarm-logs .alarm-top .alarm-state .alarm-icon.status-empty{color:#999;font-weight:400}.alarm-logs .alarm-top .alarm-state .alarm-status{margin:0 0 0 5px;font-weight:600}.alarm-logs .alarm-top .alarm-state .alarm-status.status-0{color:#67c23a}.alarm-logs .alarm-top .alarm-state .alarm-status.status-1-1,.alarm-logs .alarm-top .alarm-state .alarm-status.status-1-2,.alarm-logs .alarm-top .alarm-state .alarm-status.status-2{color:#e6a23c}.alarm-logs .alarm-top .alarm-state .alarm-status.status-1-3{color:#f56c6c}.alarm-logs .alarm-top .alarm-state .alarm-status.status-empty{color:#999;font-weight:400}.alarm-logs .alarm-top .alarm-time{font-size:14px;color:#909399}.alarm-logs .alarm-ds-rule{margin:5px 0 0 0;display:flex;justify-content:space-between;align-items:center;font-size:14px}.alarm-logs .alarm-info{margin:5px 0 0 0;font-size:14px;line-height:22px;color:#606266}.no-alarm-logs{display:flex;height:100px;justify-content:center;align-items:center;padding:20px;color:#ccc;font-size:16px}.v-btn.btn-claim{width:100%;font-size:16px;font-weight:400}.Vue-Toastification__container{z-index:999999}.uni-icon[data-v-13bde03a]{display:flex;justify-content:center}