.mtp-echarts {
    flex  : 1;
    margin: auto;

    &.is-empty {
        position: relative;

        &::before {
            content        : '暂无数据';
            position       : absolute;
            top            : 0;
            left           : 0;
            z-index        : 1;
            display        : flex;
            justify-content: center;
            align-items    : center;
            width          : 100%;
            height         : 100%;
        }

        >div {
            z-index: -100;
        }
    }

    .tooltip {
        &-title {
            text-align: left;
        }

        &-item {
            display    : flex;
            align-items: center;

            span:first-child {
                display       : table-cell;
                width         : 40px;
                text-align    : left;
                vertical-align: middle;
            }

            span:last-child {
                width     : 100px;
                text-align: right;
            }

            i {
                display      : inline-block;
                font-size    : 0;
                margin-right : 8px;
                border-radius: 50%;
                width        : 7px;
                height       : 7px;
            }
        }
    }
}