.echarts-compontent{width:100%;height:100%;position:relative}.echarts-compontent>div{position:absolute;width:100%;height:100%;top:0;left:0}.custom-total-trend-compontent{border-bottom:1px solid #f0f1f3;width:100%;display:flex;flex-direction:column}.custom-total-trend-compontent>:first-child{flex:none;display:flex;justify-content:space-between;align-items:flex-start}.custom-total-trend-compontent>:first-child>:nth-child(2){width:150px}.custom-total-trend-compontent>:first-child>:nth-child(2) .el-input__prefix{right:10px!important;left:auto!important}.custom-total-trend-compontent>:first-child>:nth-child(2) .el-input__prefix .el-icon-date:before{content:"";display:block;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../img/icon-date.e69924ec.svg) no-repeat 50%;background-size:100% 100%}.custom-total-trend-compontent>:first-child>:nth-child(2):active .el-icon-date:before,.custom-total-trend-compontent>:first-child>:nth-child(2):focus .el-icon-date:before,.custom-total-trend-compontent>:first-child>:nth-child(2):hover .el-icon-date:before{content:"";display:none}.custom-total-trend-compontent>:first-child>:nth-child(2) .el-input--suffix .el-input__inner{padding:0 13px;font-size:14px;color:#858d99}.custom-total-trend-compontent>:nth-child(2){flex:none;display:flex;padding:10px}.custom-total-trend-compontent>:nth-child(2)>div{display:flex;margin-right:60px}.custom-total-trend-compontent>:nth-child(2)>div .el-image{width:36px;height:36px;margin-right:16px}.custom-total-trend-compontent>:nth-child(2)>div>:nth-child(2){display:flex;flex-direction:column;justify-content:space-between;line-height:1}.custom-total-trend-compontent>:nth-child(2)>div>:nth-child(2)>:first-child{font-size:16px;font-weight:500;color:#2d3144}.custom-total-trend-compontent>:nth-child(2)>div>:nth-child(2)>:nth-child(2){font-size:12px;color:#6c7a8d}.custom-total-trend-compontent>:nth-child(2)>div>:nth-child(2)>:nth-child(2) span{color:#858d99;padding-left:8px}.custom-total-trend-compontent>:nth-child(2)>div>:nth-child(2)>:nth-child(2) .go-up{font-weight:500;color:#6dc66b;padding-left:14px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADVSURBVHgBlZCxEYJAEEX37tQZM0rQDjTUSDugAzFTRkY6sAQvgJgStAM0UEJLkBIuQke4WwENBBH1RTuz/8/f/QRK2Cdbk5d4k44jANyydmvK+1y8amjZpK635cOQQXQVJXZZQwopwawjkZ1LGsFIs88HPKxMksBW8I4mMfYqk+xgMZKIPnwACRk7A2dXSFKIHtRAEdeF86yDaSBAp86U7nvWcZ6XQrLnFTL/m+mJYO1mlybY6P1oyNBkJHWaViHgD5BimLdnBaaRvjepV4NQgHt36PI7j5tONQyCgwMAAAAASUVORK5CYII=) no-repeat 0}.custom-total-trend-compontent>:nth-child(2)>div>:nth-child(2)>:nth-child(2) .go-down{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAYAAACksgdhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC9SURBVHgBlZDBDYJAEEX/DBETT5SgHVgClmIiFzUxlkAHmBCyUQ/YAR24HWgJlMBdYVyIwQBK8J1mN/N29g/BIGtvB5ALEgd9CC4UnWKS7cpFQVcMha0FG2GKf8gLh2E/ElNmwwxKMeY7UxBnEPGHSeJToFKqjxvvZoLO+6ZQdJyVFX/uZI8+mJd1WTvhWYOgvw9BTKHSHakit8rXuksZWY3MDYmUSk26Q2tMFf6nVGE/A9OYvL+lYU+CdssLPt40lYACZMUAAAAASUVORK5CYII=) no-repeat 0;font-weight:500;padding-left:14px;color:#ff6a65}.custom-total-trend-compontent>:nth-child(3){flex:1;margin-top:10px}