.area-pane-container{width:100%;height:100%;display:flex;position:absolute}.area-pane-container .p-left,.area-pane-container .p-right{width:50%;height:100%;padding-left:1.25rem;box-sizing:border-box}.area-pane-container .p-left .p-title,.area-pane-container .p-right .p-title{width:100%;height:3.4375rem;text-align:left;line-height:3.4375rem;font-size:1.25rem}.area-pane-container .p-left .l-chart{width:90%;height:calc(100% - 4.6875rem);box-sizing:border-box;padding-bottom:.625rem}.area-pane-container .p-left .l-chart .c-tool{width:100%;height:15%;display:flex;justify-content:center;align-items:center;position:relative;margin-top:.3125rem;box-sizing:border-box}.area-pane-container .p-left .l-chart .c-tool .title{color:#00e5c1}.area-pane-container .p-left .l-chart .c-tool .t-btn{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);font-size:.75rem}.area-pane-container .p-left .l-chart .c-tool .t-btn:hover{color:#00e5c1}.area-pane-container .p-left .l-chart .c-tool .alarmIcon{font-size:1.25rem}.area-pane-container .p-left .l-chart .c-tool .alarmIcon.active{color:red;font-size:1.25rem;animation:styles_blink .5s linear infinite}@keyframes styles_blink{0%{opacity:1}25%{opacity:.7}50%{opacity:.5}75%{opacity:.3}to{opacity:1}}.area-pane-container .p-left .l-chart .c-show{width:100%;height:82%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.area-pane-container .p-left .l-chart .c-show .nodata-show{width:100%;height:80%;display:flex;align-items:center;justify-content:center}.area-pane-container .p-left .l-chart .c-show .nodata-show>span{font-size:.75rem;color:#838383}.area-pane-container .p-left .l-chart .c-show .toggle-btn{width:100%;height:10%;display:flex;align-items:center;justify-content:flex-start;padding-left:1.25rem}.area-pane-container .p-left .l-chart .c-show .toggle-btn .el-button--text.active{color:#ffbb27}.area-pane-container .p-left .l-chart .c-show .toggle-show,.area-pane-container .p-left .l-chart .c-show .toggle-show>div{width:100%;height:100%}.area-pane-container .p-left .l-chart .c-show .chart{width:100%;height:95%}.area-pane-container .p-right .plot-card{width:100%;height:100%;list-style:none;display:flex;flex-wrap:wrap;align-content:flex-start}.area-pane-container .p-right .plot-card .list-item{width:13.75rem;height:9.375rem;padding:0 .625rem;margin:.625rem;background-color:rgba(6,10,21,.6);border-radius:.3125rem;box-sizing:border-box;position:relative}.area-pane-container .p-right .plot-card .list-item .title{height:2.5rem;line-height:2.5rem;font-size:1.25rem;width:90%;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.area-pane-container .p-right .plot-card .list-item .content{height:calc(100% - 5rem);display:flex;justify-content:space-around}.area-pane-container .p-right .plot-card .list-item .content>div{height:90%;width:40%;display:flex;flex-direction:column}.area-pane-container .p-right .plot-card .list-item .content>div>span{margin-bottom:.625rem}.area-pane-container .p-right .plot-card .list-item .content>div .value{font-size:1.875rem;color:#409eff}.area-pane-container .p-right .plot-card .list-item .time{height:2.5rem;line-height:2.5rem;color:#8c939d}.community-pane-container{width:100%;height:100%;min-width:66.25rem}.community-pane-container .p-top{width:100%;padding:0 1.25rem;box-sizing:border-box}.community-pane-container .p-top .p-title{height:3.4375rem;font-size:1.5rem;line-height:3.4375rem;text-align:left}.community-pane-container .p-top .p-content .info{height:2.8125rem;line-height:2.8125rem;display:flex;justify-content:flex-start;align-content:center}.community-pane-container .p-top .p-content .info>div{width:25%}.community-pane-container .p-top .p-content .card .number-card{width:100%;height:100%;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start}.community-pane-container .p-top .p-content .card .number-card .list-item{width:10.625rem;height:3.75rem;padding:0 .625rem;margin:.625rem;border-radius:.3125rem;box-sizing:border-box;display:flex;justify-content:space-around;align-items:center}.community-pane-container .p-top .p-content .card .number-card .list-item .icon{width:3.75rem;height:3.75rem;background-color:rgba(6,10,21,.6);display:flex;align-items:center;justify-content:center;border-radius:.3125rem}.community-pane-container .p-top .p-content .card .number-card .list-item .icon>i{font-size:1.875rem;color:#409eff}.community-pane-container .p-top .p-content .card .number-card .list-item .text{width:3.75rem;height:3.75rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#8c939d;font-size:.875rem}.community-pane-container .p-top .p-content .card .number-card .list-item .text>span.name{margin-bottom:.625rem}.community-pane-container .p-top .p-content .card .number-card .list-item .text .value{font-size:1.25rem;color:#409eff;margin:0 .3125rem}.community-pane-container .p-top .p-content .card .number-card{padding:0;justify-content:flex-start}.community-pane-container .p-bottom{padding:0 1.25rem;box-sizing:border-box;width:100%;height:calc(100% - 12.5rem)}.community-pane-container .p-bottom .p-title{height:2.5rem;line-height:2.5rem;font-size:1.25rem;text-align:left}.community-pane-container .p-bottom .plot-card{width:100%;height:100%;list-style:none;display:flex;flex-wrap:wrap;align-content:flex-start}.community-pane-container .p-bottom .plot-card .list-item{width:18.75rem;height:12.5rem;padding:0 .625rem;margin:.625rem;background-color:rgba(6,10,21,.6);border-radius:.3125rem;box-sizing:border-box}.community-pane-container .p-bottom .plot-card .list-item:hover{border:.0625rem solid #409eff;cursor:pointer}.community-pane-container .p-bottom .plot-card .list-item .title{height:2.5rem;line-height:2.5rem;width:90%;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.community-pane-container .p-bottom .plot-card .list-item .content{height:calc(100% - 3.75rem);display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:space-around;font-size:.875rem}.community-pane-container .p-bottom .plot-card .list-item .content>div{text-align:left;width:50%}.community-pane-container .p-bottom .plot-card .list-item .content>div .value{font-size:1rem;color:#409eff;margin:0 .3125rem}.community-pane-container .p-bottom .plot-card{padding:0}.plot-pane-container{width:100%;height:100%;min-width:66.25rem}.plot-pane-container .p-top{width:100%;padding:0 1.25rem;box-sizing:border-box}.plot-pane-container .p-top .p-title{height:3.4375rem;font-size:1.5rem;line-height:3.4375rem;text-align:left}.plot-pane-container .p-top .p-content .info{height:2.8125rem;line-height:2.8125rem;display:flex;justify-content:flex-start;align-content:center}.plot-pane-container .p-top .p-content .info>div{width:25%}.plot-pane-container .p-top .p-content .card .number-card{width:100%;height:100%;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start}.plot-pane-container .p-top .p-content .card .number-card .list-item{width:10.625rem;height:3.75rem;padding:0 .625rem;margin:.625rem;border-radius:.3125rem;box-sizing:border-box;display:flex;justify-content:space-around;align-items:center}.plot-pane-container .p-top .p-content .card .number-card .list-item .icon{width:3.75rem;height:3.75rem;background-color:rgba(6,10,21,.6);display:flex;align-items:center;justify-content:center;border-radius:.3125rem}.plot-pane-container .p-top .p-content .card .number-card .list-item .icon>i{font-size:1.875rem;color:#409eff}.plot-pane-container .p-top .p-content .card .number-card .list-item .text{width:3.75rem;height:3.75rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#8c939d;font-size:.875rem}.plot-pane-container .p-top .p-content .card .number-card .list-item .text>span.name{margin-bottom:.625rem}.plot-pane-container .p-top .p-content .card .number-card .list-item .text .value{font-size:1.25rem;color:#409eff;margin:0 .3125rem}.plot-pane-container .p-top .p-content .card .number-card{padding:0;justify-content:flex-start}.plot-pane-container .p-bottom{padding:0 1.25rem;box-sizing:border-box;width:100%;height:calc(100% - 12.5rem)}.plot-pane-container .p-bottom .p-title{height:2.5rem;line-height:2.5rem;font-size:1.25rem;text-align:left}.plot-pane-container .p-bottom .plot-card{width:100%;height:100%;list-style:none;display:flex;flex-wrap:wrap;align-content:flex-start}.plot-pane-container .p-bottom .plot-card .list-item{width:18.75rem;height:12.5rem;padding:0 .625rem;margin:.625rem;background-color:rgba(6,10,21,.6);border-radius:.3125rem;box-sizing:border-box}.plot-pane-container .p-bottom .plot-card .list-item:hover{border:.0625rem solid #409eff;cursor:pointer}.plot-pane-container .p-bottom .plot-card .list-item .title{height:2.5rem;line-height:2.5rem;width:90%;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.plot-pane-container .p-bottom .plot-card .list-item .content{height:calc(100% - 3.75rem);display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:space-around;font-size:.875rem}.plot-pane-container .p-bottom .plot-card .list-item .content>div{text-align:left;width:50%}.plot-pane-container .p-bottom .plot-card .list-item .content>div .value{font-size:1rem;color:#409eff;margin:0 .3125rem}.plot-pane-container .p-bottom .plot-card{padding:0}.building-pane-container{width:100%;height:100%;min-width:66.25rem}.building-pane-container .p-top{width:100%;padding:0 1.25rem;box-sizing:border-box}.building-pane-container .p-top .p-title{height:3.4375rem;font-size:1.5rem;line-height:3.4375rem;text-align:left}.building-pane-container .p-top .p-content{display:flex}.building-pane-container .p-top .p-content .info{height:100%;text-align:left;display:flex}.building-pane-container .p-top .p-content .info .person-card{display:flex;justify-content:center;align-items:center;font-size:.875rem;padding:0}.building-pane-container .p-top .p-content .info .person-card .list-item{height:80%;display:flex;justify-content:center;align-items:center;background-color:rgba(6,10,21,.6);border-radius:.3125rem;padding:0 .625rem;margin:.625rem;box-sizing:border-box}.building-pane-container .p-top .p-content .info .person-card .list-item .img{width:5rem;height:5rem}.building-pane-container .p-top .p-content .info .person-card .list-item .img>i{font-size:5rem;color:#8c939d}.building-pane-container .p-top .p-content .info .person-card .list-item .img>img{width:100%;height:100%}.building-pane-container .p-top .p-content .info .person-card .list-item .info{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start;text-align:left}.building-pane-container .p-top .p-content .info .person-card .list-item .info p{white-space:nowrap}.building-pane-container .p-top .p-content .card{height:100%}.building-pane-container .p-top .p-content .card .number-card{width:100%;height:100%;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:flex-start}.building-pane-container .p-top .p-content .card .number-card .list-item{width:10.625rem;height:3.75rem;padding:0 .625rem;margin:.625rem;border-radius:.3125rem;box-sizing:border-box;display:flex;justify-content:space-around;align-items:center}.building-pane-container .p-top .p-content .card .number-card .list-item .icon{width:3.75rem;height:3.75rem;background-color:rgba(6,10,21,.6);display:flex;align-items:center;justify-content:center;border-radius:.3125rem}.building-pane-container .p-top .p-content .card .number-card .list-item .icon>i{font-size:1.875rem;color:#409eff}.building-pane-container .p-top .p-content .card .number-card .list-item .text{width:3.75rem;height:3.75rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#8c939d;font-size:.875rem}.building-pane-container .p-top .p-content .card .number-card .list-item .text>span.name{margin-bottom:.625rem}.building-pane-container .p-top .p-content .card .number-card .list-item .text .value{font-size:1.25rem;color:#409eff;margin:0 .3125rem}.building-pane-container .p-top .p-content .card .number-card{justify-content:flex-start;padding:0}.building-pane-container .p-bottom{padding:0 1.25rem;box-sizing:border-box;width:100%;height:calc(100% - 12.5rem)}.building-pane-container .p-bottom .blue{color:#409eff}.building-pane-container .p-bottom .red{color:#f56c6c}.building-pane-container .p-bottom .yellow{color:gold}.building-pane-container .p-bottom .brown{color:#996b54}.building-pane-container .p-bottom .green{color:#67c23a}.building-pane-container .p-bottom .orange{color:#e6a23c}.building-pane-container .p-bottom .gray{color:#bfc2c5}.building-pane-container .p-bottom .p-title{height:2.5rem;line-height:2.5rem;font-size:1.25rem;display:flex;justify-content:space-between}.building-pane-container .p-bottom .p-title>span .tip-text{color:#8c939d;font-size:.875rem}.building-pane-container .p-bottom .p-title>div{font-size:1rem}.building-pane-container .p-bottom .p-title>div>span{margin:0 .3125rem}.building-pane-container .p-bottom .p-title>div>span .name{margin:0 .125rem}.building-pane-container .p-bottom .p-title>div>span .value{background-color:rgba(6,10,21,.6);padding:.125rem;border-radius:.125rem}.building-pane-container .p-bottom .floor-list{width:100%;height:100%;list-style:none;padding:0}.building-pane-container .p-bottom .floor-list>.list-item .floor-title{text-align:left;padding-left:1.25rem;height:2.5rem;line-height:2.5rem;background:url(../../static/img/title.4da2c795.png) no-repeat}.building-pane-container .p-bottom .floor-list>.list-item .floor-content{padding:1.25rem .625rem}.building-pane-container .p-bottom .floor-list>.list-item .floor-content .house-card,.building-pane-container .p-bottom .floor-list>.list-item .floor-content .house-card .content{padding:0}.building-pane-container .p-bottom .house-card{width:100%;height:100%;list-style:none;display:flex;flex-wrap:wrap;align-content:flex-start}.building-pane-container .p-bottom .house-card>.list-item{width:16.25rem;padding:0 .625rem;margin:.625rem;background-color:rgba(6,10,21,.6);border-radius:.3125rem;box-sizing:border-box}.building-pane-container .p-bottom .house-card>.list-item .title{height:2.5rem;line-height:2.5rem;width:90%;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.building-pane-container .p-bottom .house-card>.list-item .content{list-style:none;display:flex;flex-wrap:wrap;font-size:.875rem}.building-pane-container .p-bottom .house-card>.list-item .content>.list-item{margin:.3125rem .625rem}.building-pane-container .p-bottom .house-card>.list-item .content>.list-item:hover{cursor:pointer}.building-pane-container .p-bottom .house-card>.list-item .bottom{font-size:.875rem;height:2.5rem;display:flex;justify-content:space-around;align-items:center}.household-arch-container{align-items:center;color:#fff;text-align:center}.household-arch-container,.household-arch-container .c-right{width:100%;height:100%;display:flex;justify-content:space-between}.household-arch-container .c-right{flex-direction:column}.household-arch-container .organAdd{cursor:pointer;font-size:1.125rem;margin-top:-2.1875rem;margin-right:0;float:right}