body, input {
    font: 12px/1.5 tahoma,arial,"\5b8b\4f53";
    -ms-overflow-style: scrollbar;
}

.flowstep {
    position: relative;
    width: 990px;
    margin: 0 auto;
}

    .flowstep .detail-stepbar {
        margin: 12px auto 0;
        overflow: hidden;
        zoom: 1;
    }

        .flowstep .detail-stepbar .step-no, .flowstep .detail-stepbar .step-sub-box .step-sub {
            background: url(//img.alicdn.com/tps/i4/T1ze0ZXA0aXXcVlxZa-734-340.png) 50% -102px no-repeat;
        }

        .flowstep .detail-stepbar ol {
            overflow: hidden;
            zoom: 1;
        }

        .flowstep .detail-stepbar li {
            float: left;
            text-align: center;
        }

        .flowstep .detail-stepbar .step-name {
            padding: 3px 0;
            font-weight: 700;
            color: #888;
        }

        .flowstep .detail-stepbar .step-no {
            height: 34px;
            line-height: 34px;
            font-family: 'arial black';
            color: #fff;
            font-size: 18px;
        }

        .flowstep .detail-stepbar .step-last .step-no {
            background-position: 50% -136px;
        }

        .flowstep .detail-stepbar .step-time {
            margin-top: 10px;
            color: #999;
            padding: 8px 0;
        }

            .flowstep .detail-stepbar .step-time .step-time-min-wraper, .flowstep .detail-stepbar .step-time .step-time-wraper {
                width: 100px;
                margin: 0 auto;
                display: inline-block;
                zoom: 1;
            }

            .flowstep .detail-stepbar .step-time .step-time-min-wraper {
                width: 80px;
            }

            .flowstep .detail-stepbar .step-time .time-first, .flowstep .detail-stepbar .step-time .time-last {
                display: inline-block;
                width: 68px;
            }

            .flowstep .detail-stepbar .step-time .time-last {
                padding-left: 25px;
            }

        .flowstep .detail-stepbar .step-cur .step-name {
            color: #009349;
        }

        .flowstep .detail-stepbar .step-cur .step-no {
            background-position: 50% 0;
        }

        .flowstep .detail-stepbar .step-first .step-cur .step-no {
            background-position: 50% -34px;
        }

        .flowstep .detail-stepbar .step-last .step-cur .step-no {
            background-position: 50% -68px;
        }

        .flowstep .detail-stepbar .step-done .step-no {
            background-position: 50% -170px;
        }

        .flowstep .detail-stepbar .step-first .step-done .step-no {
            background-position: 50% -204px;
        }

        .flowstep .detail-stepbar .step-sub {
            position: relative;
            margin: 0 auto;
            width: 120px;
            height: 34px;
        }

    .flowstep .flowstep-6 .step-name, .flowstep .stepbar-6 .step-name {
        height: 42px;
    }

    .flowstep .detail-stepbar .step-sub-box .step-sub-done {
        background-position: 50% -238px;
    }

    .flowstep .detail-stepbar .step-sub-box .step-sub-none {
        background-position: 50% -272px;
    }

    .flowstep .detail-stepbar .step-sub-box .step-sub-half {
        background-position: 50% -306px;
    }

    .flowstep .detail-stepbar .step-sub .sub-first, .flowstep .detail-stepbar .step-sub .sub-last {
        position: absolute;
        top: 11px;
        font-weight: 700;
        color: #888;
        white-space: nowrap;
    }

    .flowstep .detail-stepbar .step-sub .sub-first {
        right: 120px;
        text-align: right;
    }

    .flowstep .detail-stepbar .step-sub .sub-last {
        left: 120px;
    }

    .flowstep .stepbar-6 {
        width: 100%;
    }

        .flowstep .stepbar-6 li {
            width: 100px;
        }

    .flowstep .flowstep-6 {
        width: 100%;
    }

        .flowstep .flowstep-6 li {
            width: 100px;
        }

    .flowstep .flowstep-5 {
        margin-left: -30px;
        width: 1050px;
    }

        .flowstep .flowstep-5 li {
            width: 100px;
        }

    .flowstep .flowstep-4 {
        margin-left: -63px;
        width: 1120px;
    }

        .flowstep .flowstep-4 li {
            width: 150px;
        }

li, ol, ul {
    list-style: none;
}