/*进度条start*/
@media screen and (max-width:767px) {

        .order_status {
            height: 175px;
            padding-top: 90px;
           padding-left:4rem;
        }
        }
@media screen and (min-width: 768px){
 .order_status {
            height: 175px;
            padding-top: 90px;
            padding-left: 150px
        }

}
        .order_status .s-step {
            float: left;
            width: 29%;
             min-width: 70px;
            height: 60px;
            position: relative;
        }
.order_status .s-step.s-step3 {
           
            width: 26px;
          min-width: 26px;
        }
        .order_status .s-step:nth-child(5n) {
            width: 0px;
        }

        .order_status .s-step.active {
            float: left;
            width: 29%;
            min-width: 70px;
            height: 60px;
            position: relative;
        }

        .order_status .s-step>b>b.active {
            background-color: #4f17a7
        }

        .order_status .s-step>b {
            display: block;
            width: 32px;
            height: 32px;
            line-height: 32px;
            border-radius: 32px;
            position: absolute;
            margin-left: -16px;
            top: -20px;
            z-index: 87
        }

        .order_status .s-step>b>b {
            display: block;
            width: 26px;
            height: 26px;
            line-height: 26px;
            border-radius: 26px;
            background: #ccc;
            margin-top: 3px;
            margin-left: 3px;
            z-index: 88
        }

        .order_status .s-step>p {
            width: 100%;
            border: 1px dashed #ddd;
            top: -5px;
            position: absolute;
            z-index: 86
        }

        .order_status .s-step>p.active {
            width: 100%;
            border: 1px dashed #4f17a7;
            top: -5px;
            position: absolute;
            z-index: 86
        }

        .order_status .s-step em {
            display: block;
            padding-top: 20px;
            font-style: normal;
            text-align: center;
            color: #b7b7b7;
            font-size: 12px;
            margin-left: -65px;
            width: 130px
        }

        .order_status .s-step>div {
            display: block;
            width: 80px;
            height: 32px;
            line-height: 32px;
            position: absolute;
            margin-left: -40px;
            top: -55px;
            z-index: 87;
            text-align: center;
            font-size: 12px;
            color: #c9c4c4
        }

        .order_status .s-step>div.active {
            display: block;
            width: 80px;
            height: 32px;
            line-height: 32px;
            position: absolute;
            margin-left: -40px;
            top: -55px;
            z-index: 87;
            text-align: center;
            font-size: 12px;
            color: #4f17a7
        }
    .s-step dm{
        position: absolute;
    left: -40px;
    width: 80px;
    margin-top: 15px;
    font-size: 12px;
    text-align: center;
    }
        /*步骤条end*/