.echarts{width:600px;height:400px}.text-darker-grey{color:var(--darker-grey)}.text-grey{color:var(--grey)}.simulation{padding:12px 12px 8px 8px}.simulation .total-charts{display:flex;list-style:none;margin:0;padding:0}.simulation .total-charts>li{position:relative;display:flex;flex:1;justify-content:center;align-items:center}.simulation .total-charts>li:nth-child(3n+1){color:var(--core-color1)}.simulation .total-charts>li:nth-child(3n+2){color:var(--core-color4)}.simulation .total-charts>li:nth-child(3n+3){color:var(--core-color3)}.simulation .total-charts .total-charts__chart{position:relative}.simulation .total-charts .total-charts__chart>.chart-percent{position:absolute;left:85px;top:85px;transform:translate(-44%,-50%);font-size:18px;text-align:center;font-weight:400}.simulation .total-charts .total-charts__text h5{margin-bottom:.5em}.simulation .total-charts .total-charts__text p{font-size:16px;line-height:180%}.simulation .energy-list{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:0 -10px -10px}.simulation .energy-item{position:relative;overflow:hidden;width:calc(25% - 20px);margin:0 10px 10px;padding:30px 20px 20px;background-color:#fafafa}.simulation .energy-item i.close{position:absolute;right:10px;top:10px;cursor:pointer}.simulation .energy-item .el-popover__reference-wrapper i{cursor:pointer}.simulation .energy-item .el-popover__reference-wrapper i:hover,.simulation .energy-item i.close:hover{color:var(--primary-color)}.simulation .energy-item .energy-item__charts{display:flex;margin:0 -10px}.simulation .energy-item .energy-item__charts>div{position:relative;width:calc(33% - 20px);margin:10px}.simulation .energy-item .energy-item__charts>div:nth-child(3n+1){color:var(--core-color1)}.simulation .energy-item .energy-item__charts>div:nth-child(3n+2){color:var(--core-color4)}.simulation .energy-item .energy-item__charts>div:nth-child(3n+3){color:var(--core-color3)}.simulation .energy-item .energy-item__charts>div .chart-percent{position:absolute;left:50%;top:50px;font-size:14px;text-align:center;transform:translate(-50%,-50%);font-weight:400}.simulation .energy-item .energy-item__charts>div h5{font-size:14px}.simulation .energy-item .energy-item__charts>div h5 i{cursor:pointer}.simulation .energy-item .energy-item__charts>div h5 i:hover{color:var(--primary-color)}.simulation .energy-item .energy-item__slider{display:flex;flex-wrap:wrap;margin-right:30px}.simulation .energy-item .energy-item__slider>.label{flex:0 0 3.6em;line-height:28px;border-right:1px solid #666}.simulation .energy-item .energy-item__slider>.progress{position:relative;height:14px;flex:1 0 auto}.simulation .energy-item .energy-item__slider>.progress .bar{display:inline-block;height:100%;margin-top:7px;background-color:var(--grey);vertical-align:top}.simulation .energy-item .energy-item__slider>.progress span{display:inline-block;vertical-align:top;line-height:28px}.simulation .energy-item .energy-item__slider>.progress .value{position:absolute;top:0;padding-left:6px;line-height:28px}.simulation .energy-item .energy-item__slider .el-slider{flex:1 1 auto}.simulation .energy-item .energy-item__slider .el-slider .el-slider__runway{height:14px;margin:7px 0;border-radius:0;background-color:transparent}.simulation .energy-item .energy-item__slider .el-slider .el-slider__runway .el-slider__button-wrapper{top:-11px}.simulation .energy-item .energy-item__slider .el-slider .el-slider__runway.disabled .el-slider__button-wrapper{display:none}.simulation .energy-item .energy-item__slider .el-slider .el-slider__runway .el-slider__button{width:6px;height:22px;border-radius:0;border-color:#333}.simulation .energy-item .energy-item__slider .el-slider .el-slider__runway .el-slider__bar{height:14px;border-radius:0;background-color:#2c8646}.simulation .energy-item .energy-item__slider .el-slider .el-slider__runway.disabled .el-slider__bar{background-color:#7d7d7d}