shyaf-artist-platform-miniapp/pages/invoice/logisticsDetail/logisticsDetail.wxss

/* pages/invoice/logisticsDetail/logisticsDetail.wxss */
.page-logistics{
    background: #F0F2F6;
}
.planer-box .info-box{
    padding-top: 40rpx;
    padding-bottom: 40rpx;
}
.info-box .list{
    display: flex;
    height: 80rpx;
    line-height: 80rpx;
}
.info-box .list .label-text{
    font-size:24rpx;
    color:#707377;
    width: 180rpx;
}
.info-box .list .value-text{
    flex: 1;
    color:#161616;
    font-size:24rpx;
}
.order-info-box .planer-header:after{
    display: none;
}
.order-list{
    position: relative;
}
.order-list:before{
    position: absolute;
    top:0;
    left: 170rpx;
    height: 100%;
    width: 1px;
    background:rgba(216,216,216,1);
    content:""
}
.order-list .list{
    position: relative;
    display: flex;
    margin-bottom: 40rpx
}
.order-list .list:after{
    position: absolute;
    top:30rpx;
    left: 166rpx;
    width:10rpx;
    height:10rpx;
    background:rgba(216,216,216,1);
    border-radius:50rpx;
    display: block;
    content: "";
}

.order-list >view.list:last-child{
    margin-bottom: 0;
}

/*.order-list >view.list:first-child:after{
    top:0% !important;
}

.order-list >view.list:last-child:after{
   top:100%;
}*/

.order-list .list .time{
    text-align: center;
    width: 170rpx;
}
.order-list .list .time>view{
    color: #707377;
    font-size: 24rpx;
    flex: 1;
    overflow: hidden;
}
.order-list .list .text{
    padding-left: 30rpx;
    color: #707377;
    font-size: 24rpx;
    line-height: 1.6;
    text-align: left;
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
}