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-color:#121c2b;color:#fff}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;-webkit-user-select:none;user-select:none}:focus{outline:none}.App{position:relative}.logo{height:40px;left:20px;position:absolute}.page-title{color:#fff;font-size:32px;text-align:center;text-transform:uppercase}.no-data,.page-title{text-shadow:0 0 10px #b6d3cfe6,0 0 30px #b6d3cf4d,0 0 12px #0f73df80,0 0 21px #0f73dfe6,0 0 34px #0f73dfcc,0 0 54px #0f73dfe6}.no-data{align-items:center;background-color:#1d4450;border-radius:4px;display:flex;font-size:20px;font-weight:500;height:108px;justify-content:center}.icp-code{bottom:-18px;position:absolute;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{position:relative}.header .date{background-color:#b6d3cf4d;border-radius:5px;box-shadow:0 0 10px #0f73dfe6;font-size:18px;font-weight:500;padding:3px 6px;position:absolute;right:20px;top:7px}.chart-container{height:100%;padding:0 20px}.columns{display:flex}.columns .col-3{margin-left:10px;width:calc(25% - 10px)}.columns .col-3:last-child,.columns .col-4{margin-right:10px}.columns .col-4{width:33.3%}.columns .col-8{margin:0 10px;width:66.6%}.columns .col-9{width:75%}.card{background:#00487347;border:1px solid #0bc4e9;cursor:pointer;margin-bottom:20px;padding:20px;position:relative;transition:all .8s}.card:hover{background:#ffffff1a;box-shadow:-5px 0 2px #ffffff1a,0 -5px 2px #ffffff1a,5px 0 2px #ffffff1a,0 5px 2px #ffffff1a}.card:hover:before{width:0}.card:hover:after{height:0}.card .flex{display:flex;justify-content:space-between}.card .card-title{border-left:3px solid #0bc4e9;font-size:16px;margin-top:0;padding-left:5px}.card:before{border-bottom:1px solid #007297;border-top:1px solid #007297;bottom:-1px;height:100%;left:10%;top:-1px;width:80%}.card:after,.card:before{content:"";position:absolute;transition:all .5s}.card:after{border-left:1px solid #007297;border-right:1px solid #007297;height:80%;left:-1px;right:-1px;top:10%;width:100%}.card.intro{font-size:12px;height:182px}.card.control{height:calc(100% - 222px)}.card .body-title{background-color:#007297;border-radius:4px;box-shadow:0 0 5px #0f73dfe6;font-size:14px;font-weight:500;padding:5px 16px}.future-item{align-items:center;display:flex;justify-content:space-between}.future-item .item-value{color:#fff;font-size:14px;font-weight:700;width:120px}.future-item .item-value:before{content:"";display:inline-block;height:16px;margin-right:8px;vertical-align:sub;width:16px}.future-item:first-child .item-value:before{background:url(../../static/media/icon-1.006cc6ae8319580b6024.svg) no-repeat 50%/cover}.future-item:nth-child(2) .item-value:before{background:url(../../static/media/icon-3.9f72d9398d8607336d1e.svg) no-repeat 50%/cover}.future-item:nth-child(3) .item-value:before{background:url(../../static/media/icon-2.2ca9748db5470a3cfd1b.svg) no-repeat 50%/cover}.future-chart{grid-gap:10px;display:grid;grid-template-columns:repeat(2,1fr)}.control-list{display:flex;flex-wrap:wrap;list-style:none;padding-left:0}.control-list .control{width:50%}.control-status{align-items:center;display:flex}.gauge{--gauge-width:50px;--gauge-value:50;--gauge-max-value:100;--gauge-percentage:calc(var(--gauge-value)/var(--gauge-max-value)*100%);--gauge-bg:#fff;--gauge-circle-color:#5f9cec;--gauge-circle-color-lighter:#bbd5f7;--gauge-color:#000;background:conic-gradient(var(--gauge-circle-color) var(--gauge-percentage),var(--gauge-circle-color-lighter) 0);border-radius:50%;color:var(--gauge-color);counter-reset:value var(--gauge-value);font-weight:500;height:var(--gauge-width);margin-left:20px;position:relative;width:var(--gauge-width)}.gauge,.gauge:before{align-items:center;display:flex;justify-content:center}.gauge:before{background:var(--gauge-bg);border-radius:inherit;content:counter(value);height:85%;left:auto;position:absolute;top:auto;width:85%}.switch-button{height:65px}.switch-button .label{font-size:14px;font-weight:500;margin-bottom:25px;width:70px}.toggle-button-cover{box-sizing:border-box;display:table-cell;position:relative}.button-cover,.knobs,.layer{bottom:0;left:0;position:absolute;right:0;top:0}.button{height:36px;margin:-20px auto 0;overflow:hidden;position:relative;top:50%;width:74px}.button.r,.button.r .layer{border-radius:100px}.button.b2{border-radius:2px}.checkbox{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:3}.knobs{z-index:2}.layer{background-color:#ebf7fc;transition:all .3s ease;width:100%;z-index:1}#button-1 .knobs:before{background-color:#03a9f4;border-radius:50%;color:#fff;content:"开";font-size:10px;font-weight:700;height:10px;left:4px;line-height:1;padding:9px 4px;position:absolute;text-align:center;top:4px;transition:all .3s cubic-bezier(.18,.89,.35,1.15);width:20px}#button-1 .checkbox.checked+.knobs:before{background-color:#f44336;content:"关";left:42px}#button-1 .checkbox.checked~.layer{background-color:#fcebeb}#button-1 .knobs,#button-1 .knobs:before,#button-1 .layer{transition:all .3s ease}.card.detail{height:610px}.card.weather{height:200px}.card.trend{height:calc(100% - 240px)}.card.monitoring{height:250px;margin-right:10px}.card.monitoring .video{background-color:#007297;border-radius:5px;height:150px}.card.monitoring .video img{height:100%;width:100%}.small-chart .chart-content{align-items:center;display:flex;justify-content:space-between}.chart-content .current-value span{display:block;font-size:14px}.chart-content .current-value b{font-size:24px}.chart-content .percent span{font-size:18px;font-weight:500}.weather-container{background-color:#007297;border-radius:4px;padding:10px}.weather-container .header-info{align-items:center;display:flex;justify-content:space-between}.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;margin:0;padding:0}.weather-container .hour-list .hour{display:flex;flex-direction:column;font-size:14px;padding:0 10px;text-align:center}
/*# sourceMappingURL=main.7c38a471.css.map*/