.river-box-first{height:calc(100vh - 5.375rem)}.river-box-first h2{margin-left:.9375rem}.river-box-first .graph-container{-webkit-transform:translateY(-9.35rem);transform:translateY(-9.35rem);margin-left:.625rem;position:absolute;top:50%;width:100%}.river-box-first .graph-container .__blue{color:#28a0ff!important}.river-box-first .graph-container .__yellow{color:#f4ea2a!important}.river-box-first .graph-container .__red{color:red!important}.river-box-first .graph-container .__green{color:#50be62!important}.river-box-first .graph-container .__line2,.river-box-first .graph-container .__line3,.river-box-first .graph-container .__line4,.river-box-first .graph-container .__line5,.river-box-first .graph-container .line,.river-box-first .graph-container .line-basic{position:absolute;background:#02a9f7}.river-box-first .graph-container .__line2 .__line2_item:before,.river-box-first .graph-container .__line2:before,.river-box-first .graph-container .__line3:before,.river-box-first .graph-container .__line5:before,.river-box-first .graph-container .line-before-basic,.river-box-first .graph-container .line:before{position:absolute;content:"";display:block;width:0;height:0;border-width:0 .25rem .5rem;border-style:none solid solid;border-color:transparent transparent #02a9f7}.river-box-first .graph-container .__line2 span,.river-box-first .graph-container .__line3 span,.river-box-first .graph-container .__line4 span,.river-box-first .graph-container .__line5 span,.river-box-first .graph-container .line-span-basic{position:absolute;font-size:.4375rem}.river-box-first .graph-container .line{height:.09375rem}.river-box-first .graph-container .line:before{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:-.25rem;right:-.46875rem}.river-box-first .graph-container .circle_red{background:red!important}.river-box-first .graph-container .circle_yellow{background:#f4ea2a!important}.river-box-first .graph-container .circle{background:#02a9f7;box-shadow:0 0 0 .0625rem #fff;width:.5625rem;height:.5625rem;border-radius:100%;position:absolute;top:-.28125rem;cursor:pointer}.river-box-first .graph-container .circle span{position:absolute;top:-.625rem;left:-.9375rem;display:inline-block;text-align:center;width:2.5rem;font-size:.40625rem}.river-box-first .graph-container .__line{width:.09375rem;position:absolute;background:#02a9f7}.river-box-first .graph-container .__line .__plain{position:absolute;background-color:#50be62;width:4.863rem;height:1.875rem;border-radius:1.09375rem;cursor:pointer}.river-box-first .graph-container .__line .__plain ul{margin-top:.15625rem;margin-left:-.9375rem;list-style:none;font-size:.4375rem;color:#fff;text-align:center}.river-box-first .graph-container .__line .__plain ul>li:first-child{margin-left:.781rem;display:flex;flex-direction:row;justify-content:center}.river-box-first .graph-container .__line .__plain ul>li:nth-child(2){display:flex;margin-left:.938rem;flex-direction:row;justify-content:center}.river-box-first .graph-container .__line .__plain ul>li:nth-child(2)>i:first-child{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAAHeq0ewAAAAAXNSR0IArs4c6QAAAG9JREFUGBmNjosNwCAIRMXJHK2juVnlQH4JaXqJCMc74xhZL0tn77zJnPS2mdYUgs2N05kIQLpEI2MtkWT/Kc9gAGzmvMbON93BKWLhr0JhCWGm/JbaTWVoAWStZh0WAMGi9IEGtEgNfIA18AP0wAEYjOSyAQTPowAAAABJRU5ErkJggg==) no-repeat 50%;background-size:100% 100%;height:.375rem;width:.375rem;margin:.15625rem}.river-box-first .graph-container .__line .__plain ul li{line-height:.75rem;height:.75rem}.river-box-first .graph-container .__line .plain_red{background-color:red}.river-box-first .graph-container .__line2{width:.09375rem}.river-box-first .graph-container .__line2:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);bottom:-.21875rem;right:-.21875rem}.river-box-first .graph-container .__line2 .__line2_item{height:.09375rem;position:absolute;background:#02a9f7}.river-box-first .graph-container .__line2 .__line2_item:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);bottom:-.21875rem;left:-.21875rem}.river-box-first .graph-container .__line5{width:.09375rem}.river-box-first .graph-container .__line5:before{-webkit-transform:rotate(180deg);transform:rotate(180deg);bottom:-.21875rem;right:-.21875rem}.river-box-first .graph-container .__line3{width:.09375rem}.river-box-first .graph-container .__line3:before{-webkit-transform:rotate(0deg);transform:rotate(0deg);top:-.21875rem;right:-.21875rem}.river-box-first .graph-container .__line4{width:.09375rem}.river-box-first .graph-container .__line4 p{width:4.0625rem;height:.3125rem;font-size:.4375rem;position:absolute}.river-box-first .graph-container .__gate{cursor:pointer}.river-box-first .graph-container .__gate .ver_gate{position:absolute;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.river-box-first .graph-container .__gate span{color:#191919;font-size:.4375rem;vertical-align:middle;text-align:center}.river-box-first .graph-container .trigger_reservoir{width:3.4375rem;border-radius:.15625rem;position:absolute;color:#fff;font-size:.4375rem;display:flex;height:.9375rem;cursor:pointer;z-index:888}.river-box-first .graph-container .trigger_reservoir span{position:absolute;display:inline-block;text-align:center;margin-left:.3125rem;line-height:.9375rem;height:.9375rem;left:.625rem;letter-spacing:.03125rem}.river-box-first .graph-container .reservoir-box{height:.625rem;width:.625rem;padding:.15625rem}.river-box-first .graph-container .reservoir_blue{background:#0c9eff}.river-box-first .graph-container .reservoir_yellow{background:red!important}.river-box-first .graph-container .flood_red,.river-box-first .graph-container .reservoir_red{background:red}.river-box-first .graph-container .flood_blue{background:#447bff}.river-box-first .graph-container .trigger_flood{width:3.75rem;cursor:pointer;border-radius:.78125rem;position:absolute;color:#fff;font-size:.4375rem;display:flex;height:1.25rem}.river-box-first .graph-container .trigger_flood span{position:absolute;display:inline-block;text-align:center;margin-left:.3125rem;line-height:1.25rem;height:1.25rem;left:.625rem}.river-box-first .graph-container .flood-box{height:.65rem;width:.65rem;padding:.25rem}.river-box-first .graph-container .trans_gate{cursor:pointer;position:absolute;-webkit-transform:rotate(0);transform:rotate(0)}.river-box-first .graph-container .gate-box{height:1.125rem;width:1.125rem}.river-box-first .graph-container .calResult{display:block;position:absolute;color:#000!important;font-size:.4375rem!important;justify-content:center!important;padding-top:.188rem;z-index:100;top:-2.725rem;left:-1.719rem}.river-box-first .graph-container .calResult p{display:flex;font-size:.4375rem;margin:.03125rem 0;text-align:left;width:4.2rem}.river-box-first .graph-container .calResult p span{position:static;width:auto;font-size:.4375rem}.river-box-first .graph-container .calResult p i{margin:.09375rem 0;font-size:.5rem}.river-box-first .graph-container .calResult p .el-icon-minus{color:#000}.river-box-first .graph-container .calResult p .el-icon-top{color:red}.river-box-first .graph-container .calResult p .el-icon-bottom{color:#6dd400}.river-box-first .graph-container .calResult-left{top:.15625rem!important;left:-5.9375rem!important}.river-box-first .graph-container .calResult-right{top:-.781rem;left:6.563rem}.river-box-first .graph-container .calResult-bottom{top:12.191rem;left:.163rem}.river-box-first .graph-container .stsResult{top:.15625rem!important;left:39.183rem!important}.river-box-first .graph-container .foreResult{position:absolute;color:#000!important;font-size:.4375rem!important;justify-content:center!important;padding-top:.188rem;z-index:100;top:-3.425rem;left:-1.719rem}.river-box-first .graph-container .foreResult p{display:block;font-size:.4375rem;line-height:.3125rem;text-align:left;width:7.888rem;margin-bottom:-.09375rem}.river-box-first .graph-container .foreResult p span{position:static}.river-box-first .graph-container .foreResult-left{top:0!important;left:-6.25rem!important}.river-box-first .graph-container .foreResult-right{top:-1.81rem;left:6.563rem}.river-box-first .graph-container .foreResult-bottom{top:12.091rem!important;left:.163rem!important}.river-box-first .drag{position:absolute;z-index:9999;top:50%;left:50%;-webkit-transform:translate(-50%,-10%);transform:translate(-50%,-10%)}