@media (max-width:1024px){

}
@media (max-width:1024px) and (min-width: 768px){
    .order-list {
        margin-left: -8px;
        margin-right: -8px;
    }
    .order-item {
        display: block;
        width: 31.2%;
        margin: 0 8px 20px;
    }
    .order-item-info .order-title a.nowrap-ellipsis {
        width: 130px;
        font-size: 15px;
    }
    .order-step-item{
        margin: 0 7%;
    }
    .step-cont span{
        line-height: 32px;
    }
}
@media (max-width:767px) and (min-width: 641px){

}
@media (max-width:640px) and (min-width: 320px){
    .order-list {
        margin-left: -12px;
        margin-right: -12px;
    }
    .order-item {
        display: block;
        width: 160px;
        height: 200px;
        margin: 0 11.8px 20px;
    }
    .order-cover-box {
        display: block;
        width: 100%;
        height: 100px;
    }
    .order-item-info {
        height: 100px;
        border: 1.5px solid #fff;
        border-top: 0;
        padding: 10px;
        line-height: 21px;
    }
    .order-item-info .order-title a.nowrap-ellipsis{
        width: 62%;
    }
    .order-module-body {
        padding: 15px 20px;
    }
    .order-progress-box{
        overflow: auto;
    }
    .order-step-list{
        width: 738px;
    }
    .order-detail-info .small-tips span{display: block;margin: 0 0 10px;}
    .icon.icon-order-green{
        display: none;
    }
    .order-table-scroll{
        overflow: auto;
    }
    .order-table{
        width: 738px;
    }
    .order-module-body .win44,
    .order-module-body .win284,
    .order-module-body .win2669{
      width: 100%;
    }
    .order-module-body .display-table.ma-l30{
        margin-left: 0;
        display: block;
    }
    .order-module-body .display-table img{
        display: block;
        margin: 0 auto;
    }
    .order-module-body .display-table .table-cell{
        display: block;
        padding-top: 15px;
        text-align: center;
    }
    .order-module-body.pad-tb20{
        padding: 20px;
    }
    .order-module-header{
        padding: 0 20px;
    }
    .order-module-header .title{
        margin-right: 20px;
    }
    .taskFile-item .task-files-name{
        max-width: 75%;
    }
    .taskFile-item .icon-task-file{
        position: relative;
        top:-2px;
    }
    .taskFile-item span{
        vertical-align: middle;
        position: relative;
        top:-6px;
        margin-left: 10px;
    }
    #task-work-post .win70{
        width: 100%;
        float: none;
    }
}
@media (max-width:320px){

}