.logistics .header{padding:23rpx 30rpx;background-color:#fff;height:166rpx;box-sizing:border-box;}
.logistics .header .pictrue{width:120rpx;height:120rpx;}
.logistics .header .pictrue image{width:100%;height:100%;border-radius:6rpx;}
.logistics .header .text{width:540rpx;font-size:28rpx;color:#999;margin-top:6rpx;}
.logistics .header .text .name{width:365rpx;color:#282828;}
.logistics .header .text .money{text-align:right;}
.logistics .logisticsCon{background-color:#fff;margin:12rpx 0;}
.logistics .logisticsCon .company{height:120rpx;margin:0 0 45rpx 30rpx;padding-right:30rpx;border-bottom:1rpx solid #f5f5f5;}
.logistics .logisticsCon .company .picTxt{width:520rpx;}
.logistics .logisticsCon .company .picTxt .iconfont{width:50rpx;height:50rpx;background-color:#666;text-align:center;line-height:50rpx;color:#fff;font-size:35rpx;}
.logistics .logisticsCon .company .picTxt .text{width:450rpx;font-size:26rpx;color:#282828;}
.logistics .logisticsCon .company .picTxt .text .name{color:#999;}
.logistics .logisticsCon .company .picTxt .text .express{margin-top:5rpx;}
.logistics .logisticsCon .company .copy{font-size:20rpx;width:106rpx;height:40rpx;text-align:center;line-height:40rpx;border-radius:3rpx;border:1rpx solid #999;}
.logistics .logisticsCon .item{padding:0 40rpx;position:relative;}
.logistics .logisticsCon .item .circular{width:20rpx;height:20rpx;border-radius:50%;position:absolute;top:-1rpx;left:31.5rpx;background-color:#ddd;}
.logistics .logisticsCon .item .circular.on{background-color:#e93323;}
.logistics .logisticsCon .item .text.on-font{color:#e93323;}
.logistics .logisticsCon .item .text .data.on-font{color:#e93323;}
.logistics .logisticsCon .item .text{font-size:26rpx;color:#666;width:615rpx;border-left:1rpx solid #e6e6e6;padding:0 0 60rpx 38rpx;}
.logistics .logisticsCon .item .text.on{border-left-color:#f8c1bd;}
.logistics .logisticsCon .item .text .data{font-size:24rpx;color:#999;margin-top:10rpx;}
.logistics .logisticsCon .item .text .data .time{margin-left:15rpx;}