page{
    background-color: #f1f1f1; color:#313131;
}

.logistics-mes {
    padding: 20rpx 30rpx;
    background-color: #fff;
}

.logistics-num {
    display: flex;
    line-height: 48rpx;
    font-size: 28rpx;
}

.logistics-title {
    color: #777;
    margin-right: 20rpx;
    position: relative;top: 2rpx;
}

.logistics-cont {
    color: #444;
}

.apply-state {
    margin: 20rpx 17rpx 0;
    background-color: #fff;
    border-radius: 17rpx;
}

.state-item {
    padding:0 40rpx;
}

.item-wrap {
    position: relative;
    margin-bottom: 20rpx;
    padding-bottom: 20rpx;
    /* border-bottom: 1px solid #eee; */
    font-size: 24rpx;
    color: #aaa;
    line-height: 1;
}

.item-wrap .line{
     height: 100%;width: 1rpx; background-color: #bfbfbf;
     position: absolute;top: 22rpx; left: -40rpx;
}

.item-wrap::before {
    content: '';
    position: absolute;
    left: -52rpx;
    top: 0;
    width: 22rpx;
    height: 22rpx;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #bfbfbf;
    z-index: 100;
}

.item-wrap.fir::before{
    background-color: #e23435;
    border: 5px solid #fdcfcd;
    left: -61rpx;
}
.item-wrap .state-title {
    font-size: 27rpx;
    color: #898989;
    padding-bottom: 20rpx;
    line-height: 40rpx
}

.item-wrap.fir .state-title {
    color: #313131;
}
.item-wrap.fir .state-time{
    color: #fe0002;
}

.no_msg{
  text-align: center;color: #999; font-size: 32rpx
}

.deli_btn_box{
    overflow-x:auto ; overflow-y:hidden ;
}
.bao_btn{
    background-color: #f1f1f1; color: #313131;padding:0 34rpx; flex-shrink: 0; border-radius: 15rpx;
    font-size: 26rpx; width: auto; height: 62rpx; line-height: 62rpx;
}
.bao_btn~.bao_btn{
     margin-left: 18rpx;
}
.xq_title{
    font-size: 34rpx; font-weight: bolder;color: #313131; line-height: 34rpx;margin-top: 50rpx;padding-bottom: 37rpx;
}

.xq_title.c_top{
    margin-top: 20rpx;
}

.fir_top{
    height: 328rpx;
    margin: 20rpx 17rpx 0;overflow: hidden;
    background-color: #fff;
    border-radius: 17rpx;
}

.fir_top.small{
   height: 145rpx;
}

.f_title{
     height: 66rpx; line-height: 66rpx; background-color: #170a02; color: #fff; font-size: 25rpx;
}
.fir_top_mid{
    height: 183rpx; border-bottom: 1rpx solid #eee;
}
.left_mid{
    width:auto; flex-shrink: 0; margin-left: 24rpx; flex:1;
    color: #fe0002; font-size: 35rpx; font-weight: bolder;
}
.right_mid{
    width:440; flex-shrink: 0;
}

.bold_color{
    color: #fe0002; font-size: 35rpx; font-weight: bolder;
}

.right_mid_btn{
    height:109rpx; background-color: #f1f1f1; border-radius: 109rpx;
    font-size: 26rpx; font-weight: bolder; color: #313131;
    margin-right: 17rpx; width: 430rpx;
}

.fir_top_third{
    height: 79rpx; color: #313131; font-size: 26rpx;
}
.fir_top_third_lin {
    border-right: 1rpx solid #eee;
    margin: 15rpx 11rpx; width: 2rpx;
    height: 56rpx;
}
.addimg3{
    width: 27rpx;
    height: 27rpx;
    padding: 0 12rpx;
}
.fir_top_third_btn{
   width: 100%; height: 100%;
}

.bao_btn.b_active{
   background-color:#fefbea;color: #fe0000; font-weight: bolder; border: 1rpx solid #fe0000;
}