.w{max-width: 1140px;padding: 20px 0px;margin: 0 auto;}
.w>div{padding: 0 30px;}
#order01{margin-bottom: 10px;border-bottom: 4px solid #c7000b;padding-bottom: 5px;}
#order01:after{content: "";display: block;clear: both}
#order01>h3{margin: 0;font-size: 16px;float: left;padding-top: 5px;}
#order01>a{display: inline-block;float: left;border: 1px solid #969696;color: #969696;background: url("../images/zhxz.png")no-repeat 10px center;padding: 3px 10px 2px 40px;font-size: 12px;margin-left: 20px;background-color: #f5f5f5}
.mod-comm .mt {
    padding: 10px 0;
}
.mod-main .mt .extra-l {
    float: left;
}
.mod-main .mt .extra-r {
    float: right;
}
.mod-main .mt:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.mod-main .mt .extra-l li {
    padding-right: 20px;
    float: left;
    font-size: 12px;
}
.mod-main .mt .extra-l li a {
    display: inline-block;
    padding-bottom: 2px;
    color: #333;
}
.mod-main .mt .extra-l li a.curr {
    padding-bottom: 0;
    color: #e4393c;
    border-bottom: 2px solid #e4393c;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}
div.mod-main .mt .extra-l li em {
    position: relative;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    top: -5px;
    left: -3px;
    padding: 0 4px;
    background: #e4393c;
    border-radius: 15px;
    color: #fff;
    font-size: 10px;
    margin: 0 0 0 2px;
    _position: static;
    font-style: normal;
}
.extra-r>.search>input{border: 1px solid #ccc;height: 28px;line-height: 28px;padding-left: 5px;vertical-align: middle}
.extra-r>.search>a{border: 1px solid #ccc;border-left: none;line-height: 28px;height: 28px;display: inline-block;vertical-align: middle;padding-left: 35px;padding-right: 15px;margin-left: -3px;background: url("../images/fangda.jpg")no-repeat 10px center;background-size: 15px;color: #333}
.order-tb {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}
.order-tb thead th {
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #f5f5f5;
    color: #666;
    font-weight: 400;
}


.order-tb .ordertime-cont {
    position: relative;
    float: left;
    z-index: 10;
    width: 138px;
    cursor: pointer;
    z-index: 1;
}
.order-tb .ordertime-cont .time-txt {
    position: relative;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding-left: 20px;
    padding-right: 12px;
    border: 1px solid #f5f5f5;
}
.order-tb .ordertime-cont .time-txt b {
    position: absolute;
    width: 7px;
    height: 4px;
    right: 18px;
    top: 13px;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) -37px -207px no-repeat;
}
.order-tb .ordertime-cont .time-list {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 2;
    display: none;
    width: 136px;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-top: 0;
}
.order-tb .ordertime-cont .time-list li {
    height: 30px;
    line-height: 30px;
    text-align: left;
}
.order-tb .ordertime-cont .time-list li a {
    display: block;
    position: relative;
    color: #666;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
}
.order-tb .ordertime-cont .time-list li a b {
    display: block;
    position: absolute;
    left: 5px;
    top: 10px;
    width: 10px;
    height: 7px;
    vertical-align: middle;
    overflow: hidden;
}
.order-tb .order-detail-txt {
    display: inline-block;
    vertical-align: middle;
}
.ac {
    text-align: center;
}
.order-tb .deal-state-cont {
    position: relative;
    z-index: 1;
    width: 150px;
    cursor: pointer;
}
.order-tb .deal-state-cont:hover{z-index: 10}
.order-tb .deal-state-cont .state-txt {
    position: relative;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding-right: 12px;
    border: 1px solid #f5f5f5;
}
.order-tb .deal-state-cont .state-list {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 2;
    display: none;
    width: 100%;
    background: #fff;
    border: 1px solid #f5f5f5;
    border-top: 0;
}
.order-tb .deal-state-cont .state-txt b {
    position: absolute;
    width: 7px;
    height: 4px;
    right: 10px;
    top: 13px;
    overflow: hidden;
    vertical-align: middle;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/order-icons.png) -37px -207px no-repeat;
}
.order-tb .deal-state-cont .state-list li {
    height: 30px;
    line-height: 30px;
    text-align: left;
}
.order-tb .ordertime-hover .time-txt{
    background-color: #ffffff;
    box-shadow: -2px -2px 10px rgba(0,0,0,0.12);
}
.order-tb .ordertime-hover .time-list{display: block;box-shadow: 2px 2px 10px rgba(0,0,0,0.12);}
.order-tb .ordertime-hover .time-txt b{background-position: -20px -207px;}
.order-tb .ordertime-cont .time-list li a:hover {
    background: #f5f5f5;
    color: #e4393c;
}
.order-tb .deal-state-hover .state-list{
    background-color: #ffffff;
    display: block;
    border: 1px solid #CCCCCC;
    border-top: none;
}
.order-tb .deal-state-hover .state-txt{
    border: 1px solid #cccccc;
    border-bottom: none;
}
.order-tb .deal-state-cont .state-list li a {
    display: block;
    position: relative;
    color: #666;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
}
.order-tb .deal-state-hover .state-txt b{background-position: -20px -207px;}
.order-tb .sep-row {
    height: 20px;
}
.order-tb .tr-th {
    background: #f5f5f5;
    height: 31px;
    line-height: 31px;
    color: #aaa;
    overflow: hidden;
}
.order-tb tbody td {
    border: 1px solid #e5e5e5;
}
.order-tb .tr-th span {
    float: left;
    height: 18px;
    line-height: 18px;
    padding: 2px 0 0;
    _display: inline;
}

.order-tb .tr-th .gap {
    width: 14px;
}

.order-tb .tr-th span {
    float: left;
    height: 18px;
    line-height: 18px;
    padding: 2px 0 0;
    _display: inline;
}
.order-tb .tr-th .dealtime {
    margin-right: 30px;
    _margin-right: 15px;
}
.order-tb .tr-th .number {
    width: 226px;
}
.order-tb .tr-th .del{float: right;margin-right: 20px;cursor: pointer;}
.order-tb .sep-row td {
    border: 0;
}
.order-tb .tr-th2 span {
    margin-right:60px;
    color: #000;
}
.order-tb .tr-th2 span.gap{margin-right: 0}
.order-tb .tr-bd {
    text-align: center;
    vertical-align: top;
}
.order-tb tbody td {
    border: 1px solid #e5e5e5;
}
.order-tb .tr-bd>td {
    padding: 14px 0;
}
.pro{max-height: 280px;overflow-y: auto}
.order-tb .goods-item {
    display: block;
    float: left;
    width: 340px;
    margin-right: 10px;
}
.order-tb .goods-item .p-img {
    float: left;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 1px solid #efefef;
    margin: 0 14px;
    _display: inline;
    display: table;
}
.order-tb .goods-item .p-img a{display: table-cell;vertical-align: middle;height: 60px;text-align: center}
.order-tb .goods-item .p-img img{max-width:100%;max-height: 50px;}
.order-tb .goods-item .p-msg {
    float: left;
    width: 240px;
}
.order-tb .goods-item .p-name {
    line-height: 18px;
    overflow: hidden;
    color: #666;
    text-align: left;
    margin-bottom: 10px;
}
.order-tb .goods-item .p-name a{color: #666}

.p-extra{text-align: left;color: #666}

.sx>span{display: inline-block;height: 14px;line-height: 14px;vertical-align: middle}
.sx>img{display: inline-block;height: 14px;vertical-align: middle}
.order-tb .amount {
    color: #AAA;
}
.order-tb .amount .ftx-13 {
    display: block;
    margin: 0 8px;
    margin-top: 5px;
    padding-top: 1px;
    border-top: solid 1px #E5E5E5;
    line-height: 19px;
    height: 19px;
    overflow: hidden;
}
.order-tb .deal-state-cont .state-list li a:hover{color: #c7000b}
.sx span{cursor: pointer}
.order-tb .tooltips {
    position: relative;
    margin: 0 auto;
    z-index: 2;
    cursor: pointer;
}
.order-tb .consignee .txt {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    max-width: 72px;
    text-overflow: ellipsis;
    vertical-align: middle;
}
.order-tb .consignee b {
    display: inline-block;
    width: 14px;
    height: 16px;
    background: url("../images/shr.png")no-repeat center;
    vertical-align: middle;
    margin: 0 0 0 5px;
    position: relative;
    top: -2px;
}
.order-tb .tooltips .prompt-02 {
     position: absolute;
     z-index: 1;
     width: 270px;
     right: 77px;
     top: -26px;
     padding: 15px 20px;
     display: none;
     color: #666;
     line-height: 22px;
    border: 1px solid #ddd;
    background: #fff;
    box-shadow: 0 0 2px 2px #eee;
    border-radius: 1px;
 }
.order-tb .prompt-01 .pc {
    background: #fff;
    padding: 0;
    color: #666;
    text-align: left;
}
.order-tb .prompt-01 .pc p{margin-bottom: 0}
.prompt-01 .p-arrow {
    position: absolute;
    background: url(//misc.360buyimg.com/user/myjd/ordercenter/css/i/arrow-gray.png) no-repeat;
}
 .prompt-01 .p-arrow-left {
    right: -8px;
    top: 25px;
    width: 8px;
    height: 16px;
    background-position: -7px 0;
}
.order-tb .status {
    position: relative;
    color: #666;
}
.order-tb .goods-number {
    float: left;
    text-align: left;
    color: #aaa;
}
.order-tb .goods-number span{display: block}
.order-tb .goods-number span b{color: #c7000b;font-weight: 400}
.clear, .clr {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}
.genzong{margin: 5px 0;cursor: pointer}
.genzong>b{width: 24px;height: 15px;background: url("../images/car.png")no-repeat center;display: inline-block;vertical-align: middle;margin-right: 5px;}
.genzong>i{display: inline-block;vertical-align: middle;width: 7px;height: 7px;background-color: #c7000b;border-radius: 50%;position: relative;top: -2px;margin-left: 5px;}
.genzong>span{display: inline-block;vertical-align: middle}
.operate>a{width: 85px;display: inline-block;margin-bottom: 5px;color: #666666;border: 1px solid #ffffff;line-height: 24px;}
.operate>a:hover{border-color: #c7000b;color: #c7000b}
.order-tb .tooltips:hover .prompt-02{display: block}

.logistics{padding: 30px 30px 5px;background-color: #ffffff;position: absolute;border: 1px solid #dddddd;top: 0;right: 115px;cursor: initial;display: none;z-index: 1000}
.logistics-box{width: 500px;max-height: 375px;overflow-y: auto}
.logistics-list>div{padding-left: 5px;}
.logistics-list>div>table{width: 100%;border-collapse: collapse;margin-bottom: 10px;}

.logistics-list>div>table tr td{border: none;padding: 10px 0;vertical-align: top}
.logistics-list>div>table tr td.td1{border-left: 1px solid #e0e0e0;position: relative}
.logistics-list>div>table tr td.td2{width:140px;}
.logistics-list>div>table tr td.td3{width: 60px;}
.logistics-list>div>table tr td.td4{text-align: left;padding-left: 10px;}

.logistics-list>div>table tr td.td1>span{width: 10px;height: 10px;background-color:#ffffff;position: absolute;display: block;border-radius: 5px;left: -6px;top: 50%;margin-top: -5px; }

.logistics-list>div>table tr td.td1>span:before{position: absolute;width: 5px;height: 5px;border-radius: 50%;background-color: #e0e0e0;content: "";display: block;left: 50%;top: 50%;transform: translate(-50%,-50%)}

.logistics-list>div>table tr td.tr1-td1>span:before{background-color: #c7000b}
.table-no{display: none}
.open-table{cursor: pointer}
.open-table.rotate img{transform: rotate(180deg)}
.logistics-list{padding-bottom: 10px;border-bottom: 1px solid #eeeeee;margin-bottom: 25px;}
.logistics-list>.caption{text-align: left;color: #333}
.logistics-list>.caption>span{margin-right: 20px;}
.genzong:hover .logistics{display: block}
.pro-list{margin-bottom:20px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.pro-list:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0}

.mt20 {
    margin-top: 20px ;padding-bottom: 20px;
}
.pagin>span{display: inline-block;width: 70px;height: 26px;line-height: 26px;border: 1px solid #ccc;text-align: center;color: #8c8c8c;cursor: pointer;border-radius: 5px;}
.pagin>a{color: #8c8c8c;width: 15px;display: inline-block;text-align: center}
.pagin>a.current{color: #c7000b}

.m{display: none}
.extra-r .MD_top_chaxun{background: #ffffff;border: none;padding: 0;float: left;border-radius: 0;margin-right: 20px}
.extra-r .search{float: left}
.extra-r .MD_CX_text{padding-left: 40px;background: url("../images/zhxz.png")no-repeat 10px center;float: left;width: 140px;padding-right: 10px;padding-bottom: 0;padding-top: 0;height:26px;line-height: 26px;cursor: pointer;}
.extra-r .MD_top_chaxun > .fl{width: auto;margin-bottom: 0}
.extra-r .FSatbox{top: 30px;}
@media (max-width: 1200px) {
    .w{max-width: 970px;}
}

@media (max-width:998px ) {
    .order-tb .goods-item{width:300px;}
    .order-tb .goods-item .p-msg{width:210px;}
    .order-tb .goods-item .p-img{margin:0 10px;}
    .order-tb thead th:nth-child(2){display: none}
    .order-tb thead th:nth-child(4){display: none}
    .order-tb .tr-bd>td:nth-child(2){display: none}
    .order-tb .tr-bd>td:nth-child(4){display: none}
    .logistics-box{width: 400px;}
    .w{max-width: 750px;float: right}
    .pro-list{position: relative}
    .order-tb .goods-number{position: absolute;right: 10px;bottom: 10px;;text-align: right}
}
@media (max-width: 767px) {
    .lt{float: left}
    .rt{float: right}
    .w{display: none}
    .m{display: block;margin-top: 10px;background-color: #f2f3f8}
    .m-head{text-align: center;padding: 0.20rem 0;border-bottom: 0.01rem solid #a7a7aa;font-size: 0.3rem;color: #000000;background-color: #ffffff}
    .m-head>.lt{margin-left:0.3rem;margin-top: 0.05rem}
    .m-head>.lt img{height:0.3rem}
    .m-head>.rt img{height:0.4rem}
    .m-head>.rt{margin-right:0.3rem;}
    .m-search{padding-top:0.2rem;display: none;font-size: 0}
    .m-search>input{width:70%;padding-left:0.1rem;border: 1px solid #a7a7aa;border-right: 0;font-size: 0.3rem;box-sizing: border-box;height: 0.6rem;vertical-align: middle;border-radius: 0}
    .m-search>a{height: 0.6rem;line-height: 0.6rem;background-color: #c7000b;display: inline-block;color: #ffffff;position: relative;padding: 0 0.1rem;border-top-right-radius: 5px;border-bottom-right-radius: 5px;font-size: 0.3rem;vertical-align: middle}
    .m-search>a:hover{color: #ffffff}
    .m-tab{overflow: hidden;border-bottom: 0.01rem solid #e4e5e7;margin-bottom: 0.2rem;background-color: #ffffff}
    .m-tab>ul{overflow: hidden;padding: 0 0.3rem}
    .m-tab>ul>li{float: left;width: 33.33%;text-align: center;font-size: 0.25rem;}
    .m-tab>ul>li>a{color: #000;padding: 0.3rem 0;display: inline-block}
    .m-tab>ul>li>a.checked{color: #c7000b;border-bottom: 0.04rem solid #c7000b}

    .m-tab>ul>li:first-child{text-align: left}
    .m-tab>ul>li:last-child{text-align: right}
    .m-order-list{border-top:0.01rem solid #e4e5e7;border-bottom:0.01rem solid #e4e5e7;padding:0.2rem 0 0.1rem;margin-bottom: 0.4rem;background-color:#ffffff}
    .m-order-top{overflow:hidden;padding:0 0.3rem 0.4rem}
    .m-state01{color:#fab715}
    .swiper-slide img{max-width:80%;max-height:80px;}
    .swiper-slide{text-align:center;border:1px solid #eeeeee;height:80px!important;line-height:80px;}
    .swiper-slide>a{display:inline-block;max-height:80px;position:relative;top: 50%;transform: translateY(-50%);}
    .swiper-container{width:100%}

    .m-order-content{width:92%;margin:0 auto;padding-bottom:0.3rem}
    .m-order-price{text-align: right;font-size: 0.22rem;margin-top: 0.4rem}
    .m-order-bottom{padding: 0.1rem 0.3rem 0;border-top: 0.01rem solid #e4e5e7;position: relative}
    .m-order-bottom>ul{text-align: right;font-size: 0}
    .m-order-bottom>ul>li{display: inline-block;text-align: center;margin-left: 0.2rem}
    .m-order-bottom>ul>li>a{width: 1.5rem;height: 0.5rem;line-height: 0.5rem;border: 0.01rem solid #666;display: block;color: #333;font-size: 0.2rem;border-radius: 0.02rem}
    .m-order-bottom>ul>li>a.red{border-color:#c7000b;color: #c7000b}
    .m-order-bottom>span{position:absolute;left: 0.3rem;top: 0.22rem}

    .m-state02{color:#666666}
    .m-state03{color:#c7000b}
    .one-pro table{width:100%}
    .one-pro table td.td1 a{width:1.4rem;display: block;padding:0.2rem 0;text-align:center;border:1px solid #eee}
    .one-pro table td.td1 a img{width:80%}
    .one-pro table td dt{font-size:0.24rem;margin-bottom:0.1rem}
    .one-pro table td dd{font-size:0.22rem;}
}