.miao-steps {
    &__item {}
    &__title {}
    &__sub-title {}
    /// 标记
    &__circular-wrap {
        position       : relative;
        display        : -webkit-flex;
        display        : flex;
        align-items    : center;
        justify-content: center;
        font-size      : 0;
        .left-line,
        .right-line {
            position        : absolute;
            width           : 30%;
            top             : 50%;
            height          : 1Px;
            background-color: #ccc;
        }
        .left-line {
            right: 70%;
        }
        .right-line {
            left: 70%;
        }
    }
    &__scale-wrap {
        position       : relative;
        display        : -webkit-flex;
        display        : flex;
        align-items    : center;
        justify-content: center;
        font-size      : 0;
        .left-line,
        .right-line {
            content         : " ";
            width           : 200%;
            height          : 200%;
            top             : 0;
            position        : absolute;
            border-radius   : inherit;
            transform       : scale(0.5);
            transform-origin: 0 0;
            pointer-events  : none;
            box-sizing      : border-box;
            border-top      : 6px solid white;
        }
        .left-line {
            left: 0;

            content         : " ";
            width           : 2Px;
            height          : 20Px;
            top             : 0;
            position        : absolute;
            border-radius   : inherit;
            transform       : scale(0.5);
            transform-origin: 0 0;
            pointer-events  : none;
            box-sizing      : border-box;
            border-top      : 6px solid white;


        }
        .right-line {
            left: 0;
        }
    }
    // 刻度
    &__scale {
        .miao-step__icon,
        .miao-steps__num {
            display: none;
        }
    }
    // 圆
    &__circular {
        text-align: center;
        width     : 20Px;
        height    : 20Px;
        z-index   : 1;
        &.xs {
            width : 5Px;
            height: 5Px;
            .miao-steps__num {
                display: none;
            }
        }
        &.sm {
            width : 10Px;
            height: 10Px;
            .miao-steps__num {
                display: none;
            }
        }
        &.md {
            width : 15Px;
            height: 15Px;
            .miao-steps__num {
                display: none;
            }
        }
        &.lg {
            width : 20Px;
            height: 20Px;
            .miao-steps__num {
                line-height: 20Px;
                font-size  : 14Px;
            }
        }
        &.xl {
            width : 25Px;
            height: 25Px;
            .miao-steps__num {
                line-height: 25Px;
                font-size  : 16Px;
            }
        }
        &.xxl {
            width : 30Px;
            height: 30Px;
            .miao-steps__num {
                line-height: 30Px;
                font-size  : 18Px;
            }
        }
        &.sl {
            width : 35Px;
            height: 35Px;
            .miao-steps__num {
                line-height: 35Px;
                font-size  : 18Px;
            }
        }
        &.xsl {
            width : 40Px;
            height: 40Px;
            .miao-steps__num {
                line-height: 40Px;
                font-size  : 20Px;
            }
        }
    }
}