.water_condition{background:#fff;border-radius:8px;border:1px solid #eee;padding:24px}.water_condition .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.water_condition .header>span{font-size:16px;font-family:PingFangSC-Bold,PingFang SC;font-weight:700;color:#31415e}.water_condition .content{display:flex;flex-wrap:wrap}.water_condition .content .facility_box{overflow:hidden;margin-right:24px;margin-bottom:24px;background:#f4f8fe;border:1px solid #e6ebf3;border-radius:8px;width:285px;height:130px;display:flex;padding:20px 10px;box-sizing:border-box;align-items:center;position:relative}.water_condition .content .facility_box .settings_icon{position:absolute;right:10px;top:10px}.water_condition .content .facility_box .water_gauge{width:130px}.water_condition .content .facility_box .text{flex:1;padding-left:6px}.water_condition .content .facility_box .text .item-detail{background:#e6ebf3;font-size:11px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#929cad;padding:4px;margin:4px 0}.water_condition .content .facility_box .text .item-text,.water_condition .content .facility_box .text P:last-child{font-size:11px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#31415e;line-height:12px}.water_condition:not(:last-child){margin-bottom:24px}.water_line{background:#fff;border-radius:8px;border:1px solid #eee;padding:24px}.water_line .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.water_line .header>span{font-size:16px;font-family:PingFangSC-Bold,PingFang SC;font-weight:700;color:#31415e}.water_line .line{background:#cadefc;height:100%;flex:1}.water_line .line ul{display:flex;flex-direction:column-reverse;height:100%}.water_line .line ul li{flex:1;font-size:12px;display:flex;justify-content:flex-end;align-items:flex-end;position:relative}.water_line .line ul li:not(:first-child):after{content:"";display:block;position:absolute;left:0;bottom:0;width:100%;border-bottom:1px solid #fff}.water_line .text{width:170px}.water_line .text .warning{width:130px;background:#e6ebf3;font-size:11px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#929cad;padding:10px;box-sizing:border-box;margin:4px auto 8px;text-align:center}.water_line .text .warning span{font-weight:500}.water_line .text>P{width:130px;font-size:11px;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#31415e;margin:0 auto;line-height:12px}.water_line .text>P span{font-weight:500}.water_line .content{display:flex;flex-wrap:wrap}.water_line .content .facility_box{overflow:hidden;margin-right:24px;margin-bottom:24px;padding:0;background:#f4f8fe;border:1px solid #e6ebf3;border-radius:8px;width:360px;height:150px;display:flex;box-sizing:border-box;align-items:center;position:relative}.water_line .content .settings_icon{position:absolute;right:10px;top:10px}.water_line .content ul{position:relative}.water_line .content .current_line{position:absolute;width:100%;height:1px;border-bottom:1px solid #dd0300;text-align:center;font-size:11px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#31415e;z-index:9}.water_line .content .current_line span{position:absolute;top:-20px;left:0;width:100%;text-align:center}