.water_diagram{width:100%;height:100%;color:#fff;padding:0 2rem 0 2rem;padding-top:0;box-sizing:border-box;position:relative}.water_diagram .water_diagram_box{margin:0 auto;text-align:center;align-self:center;width:100%;height:100%;position:relative}.water_diagram .water_diagram_box .water_diagram_box_main{top:0;left:0;width:100%;padding:2rem 2rem 0 2rem;box-sizing:border-box;height:100%;position:relative;overflow:hidden;cursor:move}.water_diagram .water_diagram_box .water_diagram_box_main .canvas-wrap{width:100%;position:absolute;left:0;top:0;box-sizing:border-box}.water_diagram .water_diagram_box .water_diagram_box_main .canvas-wrap .bg-img{width:100%;height:100%}.water_diagram .water_diagram_box .water_diagram_box_main .canvas-wrap .data-wrap{position:absolute;color:#fff;font-size:1.2rem}.water_diagram .water_diagram_box .water_diagram_box_main .canvas-wrap .data-wrap .data-box{display:flex;height:2rem;line-height:2rem;margin-bottom:.3rem}.water_diagram .water_diagram_box .water_diagram_box_main .canvas-wrap .data-wrap .data-box .data-box-name{color:#dbf743;width:2rem}.water_diagram .water_diagram_box .water_diagram_box_main .canvas-wrap .data-wrap .data-box .data-box-data{width:8rem;background:#111f45;border-radius:1rem}