.water-container[data-v-4d4c2988]{position:relative;width:120px;height:120px}canvas[data-v-4d4c2988]{position:absolute;top:0;left:0}.percentage[data-v-4d4c2988]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;color:#409eff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.2)}[data-v-24071b07]:export{menuText:#bfcbd9;menuActiveText:#409eff;subMenuActiveText:#f4f4f5;menuBg:#304156;menuHover:#263445;subMenuBg:#1f2d3d;subMenuHover:#001528;sideBarWidth:220px}.screen-container[data-v-24071b07]{width:40vw;height:36vh;display:flex;flex-direction:column;align-items:center;color:#fff}.screen-container .station-wrapper[data-v-24071b07]{margin-bottom:20px;width:100%;display:flex;justify-content:center}.screen-container .station-wrapper[data-v-24071b07] :deep(.el-select){width:120px}.screen-container .station-wrapper :deep(.el-select) .el-input__inner[data-v-24071b07]{background-color:rgba(0,0,0,.3);border-color:#76859f;color:#fff}.screen-container .middle-top[data-v-24071b07]{width:100%;flex:1;display:flex;justify-content:space-between;padding:0 15px;box-sizing:border-box}.screen-container .middle-top .info-left[data-v-24071b07]{width:25%}.screen-container .middle-top .info-left .date[data-v-24071b07]{color:#cad062;font-style:italic;margin-bottom:20px}.screen-container .middle-top .info-left .weather-info .info-item[data-v-24071b07]{display:flex;align-items:center;margin-bottom:15px}.screen-container .middle-top .info-left .weather-info .info-item .value[data-v-24071b07]{color:#cad062;margin-left:10px}.screen-container .middle-top .info-center[data-v-24071b07]{width:25%;text-align:center}.screen-container .middle-top .info-center .title[data-v-24071b07]{font-size:18px;margin-bottom:15px}.screen-container .middle-top .info-center .percent-section .percent-title[data-v-24071b07]{margin-bottom:10px}.screen-container .middle-top .info-center .percent-section .percent-chart[data-v-24071b07]{width:100px;height:100px;margin:0 auto}.screen-container .middle-top .info-right[data-v-24071b07]{width:50%}.screen-container .middle-top .info-right #batchChart[data-v-24071b07]{width:100%;height:calc(100% - 30px)}