.myProgress-bar{display:inline-block;vertical-align:middle;width:100%}.myProgress-bar .myProgress-title{line-height:22px}.myProgress-bar .myProgress-title>div{display:inline-block;width:50%}.myProgress-bar .myProgress-title .mpleft{text-align:left}.myProgress-bar .myProgress-title .mpright{text-align:right}.progress-bar-container{width:100%;overflow:hidden}.progress-bar,.progress-bar-container{background-color:hsla(0,0%,100%,.3);border-radius:25px}.progress-bar{text-align:center;color:#fff;-webkit-transition:width .3s ease;transition:width .3s ease;position:relative}.progress-bar:before{content:"";position:absolute;width:.1rem;height:100%;line-height:inherit;background:#fff;-webkit-filter:blur(3px);filter:blur(3px);z-index:10;right:-1px;top:0;border-radius:50%}.progress-text{width:100%;text-align:right;line-height:inherit;color:#fff}.energy{color:#dfffff}.energy .chart-box{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,255,252,.2)),to(rgba(0,255,252,.05)));background:linear-gradient(180deg,rgba(0,255,252,.2),rgba(0,255,252,.05));border-radius:10px;position:relative;overflow:hidden;width:100%}.energy .chart-box:after{content:"";display:block;width:100%;height:100%;border-radius:10px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,255,252,.4)),color-stop(50%,rgba(0,255,252,0)));background:linear-gradient(180deg,rgba(0,255,252,.4) 0,rgba(0,255,252,0) 50%);padding:1px;-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));-webkit-mask:linear-gradient(#fff 0 100%) content-box,linear-gradient(#fff 0 100%);mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));mask:linear-gradient(#fff 0 100%) content-box,linear-gradient(#fff 0 100%);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;top:0;left:0;pointer-events:none}.energy .electricity-box{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,255,252,.2)),color-stop(25%,rgba(0,255,252,.05)),color-stop(75%,rgba(0,255,252,.05)),to(rgba(0,255,252,.2)));background:linear-gradient(180deg,rgba(0,255,252,.2) 0,rgba(0,255,252,.05) 25%,rgba(0,255,252,.05) 75%,rgba(0,255,252,.2));border-radius:10px;position:relative;width:100%;height:32%;margin-bottom:.18rem;display:-webkit-box;display:-ms-flexbox;display:flex}.energy .electricity-box>div{height:100%}.energy .electricity-box .total-pie{width:40%;position:relative}.energy .electricity-box .total-pie .dianbao{width:1.7rem;position:absolute;left:0;right:0;top:23.5%;bottom:auto;margin:0 auto}.energy .electricity-box .total-pie .dbtitle{position:absolute;left:0;right:0;bottom:.2rem;text-align:center;font-size:.2rem}.energy .electricity-box .pies-scroll{overflow:hidden;width:60%;height:100%}.energy .electricity-box .pies-percentage{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.1rem 0;font-size:.14rem}.energy .electricity-box .pies-percentage .percentage-title{font-size:.2rem;margin-bottom:.03rem;width:100%}.energy .electricity-box .linesx{height:1px;width:100%;background:hsla(0,0%,100%,.2);margin:.22rem 0}.energy .electricity-box:after{content:"";display:block;width:100%;height:100%;border-radius:10px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,255,252,.4)),color-stop(50%,rgba(0,255,252,0)),to(rgba(0,255,252,.4)));background:linear-gradient(180deg,rgba(0,255,252,.4) 0,rgba(0,255,252,0) 50%,rgba(0,255,252,.4));padding:1px;-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));-webkit-mask:linear-gradient(#fff 0 100%) content-box,linear-gradient(#fff 0 100%);mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));mask:linear-gradient(#fff 0 100%) content-box,linear-gradient(#fff 0 100%);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;top:-1px;left:0;pointer-events:none}.energy .electricity-scbox{height:60%;width:100%;overflow:hidden}.energy .electricity-list{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.energy .electricity-list .electricity-item{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,255,252,.2)),to(rgba(0,255,252,.05)));background:linear-gradient(180deg,rgba(0,255,252,.2),rgba(0,255,252,.05));border-radius:10px;position:relative;width:32%;height:23vh;margin-right:2%;margin-bottom:.18rem}.energy .electricity-list .electricity-item .dbname{color:hsla(0,0%,100%,.8);line-height:.22rem;-webkit-box-shadow:0 -5px 20px rgba(3,91,113,.4);box-shadow:0 -5px 20px rgba(3,91,113,.4);padding:.1rem 0;font-size:.2rem;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.05)),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,0));width:100%}.energy .electricity-list .electricity-item .dbname>div{font-size:.16rem;margin-top:.1rem}.energy .electricity-list .electricity-item .electricity-day{position:absolute;left:.1rem;top:.05rem}.energy .electricity-list .electricity-item:nth-child(3n){margin-right:0}.energy .electricity-list .electricity-item:after{content:"";display:block;width:100%;height:100%;border-radius:10px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,255,252,.4)),to(rgba(0,255,252,.1)));background:linear-gradient(180deg,rgba(0,255,252,.4),rgba(0,255,252,.1));padding:2px;-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));-webkit-mask:linear-gradient(#fff 0 100%) content-box,linear-gradient(#fff 0 100%);mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) content-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));mask:linear-gradient(#fff 0 100%) content-box,linear-gradient(#fff 0 100%);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;top:0;left:0;pointer-events:none}.energy .floor-rank-box{padding:.2rem}.energy .floor-rank{display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;text-align:center;margin-bottom:.22rem;font-size:.2rem}.energy .floor-rank>div{margin-right:.12rem}.energy .floor-rank .floor-rank-idx{padding:.02rem .06rem;display:inline-block;background:rgba(69,255,218,.25);border-radius:4px;width:.3rem;height:.35rem}.energy .floor-rank .fr-name{text-align:left;width:50%;opacity:.9}.energy .floor-rank .fr-kwh{text-align:right;-webkit-box-flex:1;-ms-flex:1;flex:1}