//引入全局配置
@import "c/conf";
@import "c/mx";
@import "c/f";
@import "a/c";

.m-chart {
    position: relative;
    margin: 0 auto 10rpx;
    width: 690rpx;
    // background-color: #eee;

    .hint {
        width: 100%;
        line-height: 150rpx;
        background-color: #fafbfc;
        color: $fc3;
        font-size: 32rpx;
        text-align: center;
    }

    > scroll-view {
        width: 100%;
        overflow-x: auto;
    }

    .chart-wrap {
        position: relative;
        width: 680rpx;
        height: 400rpx;

        .chart {
            width: 100%;
            height: 100%;
        }
    }

    .tooplit {
        padding: 0 0 20rpx;
        width: 100%;
        display: flex;
        justify-content: center;

        .tooplit-item {
            // margin: 0 40rpx;
            padding: 0 15rpx;
            min-width: 22%;
            text-align: center;
            line-height: 30rpx;

            .ico {
                position: relative;
                display: inline-block;
                margin-right: 10rpx;
                width: 30rpx;
                height: 0;
                border-bottom-width: 4rpx;
                vertical-align: middle;

                .ico-dot {
                    position: absolute;
                    display: block;
                    top: -10rpx;
                    bottom: -10rpx;
                    right: 0;
                    left: 0;
                    margin: auto;
                    width: 10rpx;
                    height: 10rpx;
                    background-color: #000;
                    border-radius: 100%;
                }
            }

            .name {
                display: inline-block;
                font-size: 20rpx;
                color: rgba(153, 153, 153, 1);
                vertical-align: middle;
            }
        }
    }
}