.shipment_status{font-family:Microsoft YaHei,arial,tahoma,"\5FAE\8F6F\96C5\9ED1",Hiragino Sans GB,sans-serif!important;width:1200px;margin:0 auto;background:#f2f2f2}.shipment_status .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:10px 20px 10px 10px}.shipment_status .header .title{font-size:32px;color:#000}.shipment_status .order_detail_table table{width:100%;font-size:14px;border-top:2px solid #000;border-bottom:1px solid #000}.shipment_status .order_detail_table table tr{color:#000;border:none;font-size:12px}.shipment_status .order_detail_table table tr td{padding:10px;vertical-align:top}.shipment_status .order_detail_table table tr span{font-size:16px}.shipment_status .total{padding-top:20px;color:#000;text-align:center;padding-bottom:10px}.shipment_status .total span{font-size:18px}.shipment_status .main{overflow:hidden;padding-bottom:50px}.shipment_status .main .task{float:left;width:200px;padding-top:20px;padding-left:60px}.shipment_status .main .task-node{position:relative;text-align:center;padding:6px;color:#000;background:#d6dce4;margin-bottom:40px}.shipment_status .main .task-node .tit{font-size:16px;margin-bottom:6px}.shipment_status .main .task-node .icon{position:absolute;right:-30px;top:50%;width:20px;height:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.shipment_status .main .location{width:400px;margin:0 auto;background:#e2efda;color:#000;line-height:1.5em;text-align:center;padding:10px 0}.shipment_status .main .location .icon{width:16px;height:16px}.shipment_status .main .location .step .place{font-size:16px}.shipment_status .main .location .step .time{position:relative}.shipment_status .main .location .step .time span{font-size:16px}.shipment_status .main .location .step .time .expand{position:absolute;top:0;right:-250px;width:200px;-webkit-transform:translateY(-15%);transform:translateY(-15%);background:#fce4d6;padding:6px}.shipment_status .main .location .step .time .expand .tit{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.shipment_status .main .location .step .time .expand .tit .status{padding:2px 6px;border-radius:4px;background:#e2efda}.shipment_status .main .location .step .time .expand .tit .status.green{background:#00b050}.shipment_status .main .location .step .time .expand .tit .status.red{background:red}.shipment_status .main .location .step .time .expand .desc{text-align:left}.shipment_status .main .location .step .time .expand:after{content:"";position:absolute;left:-180px;top:35%;width:180px;height:1px;background:#000}.shipment_status .main .location .step .arrow{margin:10px auto;position:relative;width:1px;height:100px;background:#000}.shipment_status .main .location .step .arrow:before{content:"";position:absolute;left:50%;bottom:0;width:8px;height:8px;border-width:0 0 1px 1px;border-style:solid;border-color:#000;-webkit-transform:translate(-50%,-10%) rotate(-45deg);transform:translate(-50%,-10%) rotate(-45deg)}.shipment_status .main .location .step:last-child{margin-bottom:0}.shipment_status .main .location .step:last-child .arrow{display:none}.shipment_status .footer{background:#fff;padding-top:100px}.shipment_status .footer .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:2px solid #000}.shipment_status .footer .top .user{color:#000}.shipment_status .footer .top .logo img{width:120px;height:50px}.shipment_status .footer .bottom{color:#000;text-align:center}