body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background:url(../../static/media/bg.3ebdf52616128bb11951.jpg) no-repeat;background-size:100% 100%;color:#fff;height:100%}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;-webkit-user-select:none;user-select:none}:focus{outline:none}.App{height:100%;position:relative}.logo{left:20px;top:-14px;width:60px}.icp-code,.logo{position:absolute}.icp-code{bottom:-34px;width:100%}.icp-code a{align-items:center;color:#fff;display:flex;justify-content:center;text-decoration:none}.icp-code a img{margin-right:5px}.header{align-items:center;background:url(../../static/media/top.5e74cf6c54ae99e564f2.svg) no-repeat;background-size:100%;display:flex;height:75px;justify-content:space-between;padding:0 20px;position:relative}.header .days{font-size:24px;font-weight:600;left:220px;position:absolute;top:3px}.header .title{color:#fff;font-size:20px;font-weight:500}.header .title span{display:block;font-size:14px;height:80px}.header .date{font-size:18px;font-weight:500;padding:3px 6px;position:absolute;right:20px;top:3px}.container{display:flex;padding:0 20px}.container .left,.container .right{display:flex;flex-direction:column;height:100%;justify-content:space-between;min-width:calc(30% - 20px)}.container .center{margin:5px 20px 0;min-width:40%}.card{position:relative}.card .card-title{background:url(../../static/media/smalltitle.8dc53ee525038ac9fa4b.svg) 50%/cover no-repeat;font-size:20px;font-weight:500;height:46px;line-height:46px;margin:0;padding-left:35px}.card .card-title span{display:block;font-size:14px;height:40px}.card.intro{height:270px}.card.control{height:328px;margin-bottom:20px}.card.warning{height:328px}.card.detail{background:url(../../static/media/round-bg.9c8c91398a2900497a49.svg) no-repeat;background-position-y:780px;height:100%;padding:0 20px}.card.weather{height:200px;margin-bottom:20px}.card.statistics{margin-bottom:20px;min-height:150px}.card.trend{height:100%}.card.monitoring{height:250px;margin-right:10px}.card-body.desc{font-size:16px;position:relative}.desc .border{left:-20px;position:absolute;top:-124px;width:100%}.desc p{padding:10px 30px 10px 20px}.card-body.control{padding:10px 10px 0 0}.control-item{margin-bottom:14px;position:relative}.control-item .name{display:block;left:120px;overflow:hidden;padding:0 10px;position:absolute;text-align:center;top:32px;white-space:nowrap;width:100px}.control-item .total{position:absolute;right:100px;top:16px}.control-item .total span{color:#00fcff;display:block;margin-bottom:10px}.control-item .value{display:block;left:120px;overflow:hidden;position:absolute;text-align:center;text-overflow:ellipsis;top:50px;white-space:nowrap;width:100px}.card-body.control img{width:100%}.card-body.warning{display:flex;justify-content:space-evenly;margin-top:28px}.warning-item{position:relative}.warning-item .count{color:#000;display:block;font-size:24px;font-weight:600;left:56px;position:absolute;text-align:center;top:54px;width:30px}.total-container{display:flex;justify-content:space-between}.total-item p{font-size:20px;font-weight:500;margin-bottom:10px;margin-top:0}.total-item ul{display:flex;list-style:none;margin:0;padding:0}.total-item ul li{background:url(../../static/media/num-bg.69b8163646492d674fef.svg) no-repeat 50%;color:#00fcff;font-size:30px;font-weight:500;height:46px;line-height:46px;margin-right:8px;text-align:center;width:35px}.house-container{margin-top:20px}.house-container .house{position:relative}.house-container .house:nth-child(odd){text-align:right}.house-container .house:before{background:url(../../static/media/icon.5f433017c92ab6993b08.svg) no-repeat 50%;content:"";display:block;height:63px;left:0;margin-top:-31px;position:absolute;top:129px;width:46px}.house-container .house:nth-child(2n):before{left:auto;right:0}.house-card{background:url(../../static/media/house-card-bg.9fdb640b33bc4ba4296d.svg);background-position-y:-8px;background-size:cover;display:inline-block;height:248px;margin-bottom:10px;position:relative;width:571px}.house-card .house-name{font-size:24px;font-weight:500;margin:0 0 10px 60px;position:absolute;text-align:left;top:-10px}.house-data{display:flex;height:100%}.house-data .img{background:url(../../static/media/img-border.46039028466a7d6db28e.svg);background-position-y:-10px;background-size:100%;height:200px;margin-left:22px;margin-top:32px;padding:22px 12px 14px 13px;width:300px}.house-data .img img{height:100%;width:100%}.data-list{display:flex;flex-wrap:wrap;margin-left:25px;margin-top:40px;width:200px}.data-list .data-item{height:45px;margin-right:10px;text-align:center}.data-list .data-item span{background:url(../../static/media/value-bg.31a34ada2a67334846b2.svg);color:#00fcff;display:block;height:24px;width:85px}.data-list .data-item p{font-size:14px;margin:2px 0 0;position:relative}.data-list .data-item p:after,.data-list .data-item p:before{border-bottom:2px solid #0000;border-top:2px solid #0000;content:"";display:inline-block;height:0;position:absolute;top:8px;width:0}.data-list .data-item p:before{border-left:4px solid #fff;left:0}.data-list .data-item p:after{border-right:4px solid #fff;right:0}.weather-container{background:linear-gradient(180deg,#0030901a,#0030904d);padding:10px}.weather-container .header-info{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.header-info .city{font-size:20px;font-weight:500}.header-info .city span{display:block;font-size:14px}.header-info .detail{font-size:14px;font-weight:500;text-align:right}.header-info .detail p{margin:0}.weather-container .hour-list{display:flex;justify-content:space-around;list-style:none;padding:0}.weather-container .hour-list .hour{display:flex;flex-direction:column;font-size:14px;padding:0 10px;text-align:center}.statistics-list{display:flex;justify-content:space-evenly;padding-top:24px}.statistics-list .item{background:url(../../static/media/label-bg.14f045539a11de22340d.svg);background-position-x:-19px;background-position-y:5px;height:60px;text-align:center;width:80px}.statistics-list .item .value{color:#00fcff;font-size:24px;font-weight:500;margin:0}.statistics-list .item .label{font-size:12px}.event-table{border-collapse:collapse;border-color:inherit;margin-top:20px;text-indent:0;width:100%}.event-table thead tr th{background-color:#00062136;color:#06c1ff;font-size:14px;padding:8px}.event-table thead tr th:nth-child(odd){background-color:#164eee36}.event-table tbody tr td{background-color:#0006211a;font-size:14px;padding:8px;text-align:center}.event-table tbody tr td:nth-child(odd){background-color:#164eee0d}
/*# sourceMappingURL=main.652018ca.css.map*/