.page-my-distribution {
  .tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20rpx 30rpx 30rpx;
    background: #fff;
    box-shadow: 0 6rpx 6rpx rgba(0,0,0,.01);
    border-radius: 0 0 10rpx 10rpx;
    .item {
      position: relative;
      line-height: 44rpx;
      padding: 0 10rpx;
      &::after {
        position: absolute;
        bottom: -10rpx;
        left: 14%;
        right: 14%;
        display: block;
        width: auto;
        height: 4rpx;
        border-radius: 4rpx;
        content: " ";
        font-size: 0;
        background: #fff;
      }
      &.active{
        font-weight: 600;
        &::after {
          background: linear-gradient(to right, #fc1b35, #fff);
        }
      }
    }
  }
  /* 订单 */
  .order-box{
    .item {
      background: #fff;
      border-radius: 10rpx;
      margin-top: 20rpx;
      .number-state {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30rpx;
        .state {
          color: #999;
          &.red {
            color: #fc1b35;
          }
        }
      }
      .order-invalid{
        display: flex;
        align-items: center;
        height: 75rpx;
        background-color: #FCF9E6;
        font-size: 24rpx;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 33rpx;
        color: #DA7E35;
        &>image{
          margin: 0 10rpx 0 31rpx;
          width: 24rpx;
          height: 24rpx;
        }
      }
      .prod-box {
        display: flex;
        padding: 30rpx;
        background: #fafafa;
        .prod-img {
          width: 160rpx;
          height: 160rpx;
          border-radius: 10rpx;
          overflow: hidden;
          font-size: 0;
        }
        .text-box {
          flex: 1;
          margin-left: 20rpx;
          position: relative;
          height: 160rpx;
          .name {
            max-height: 64rpx;
            line-height: 32rpx;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            text-overflow: ellipsis;
          }
          .sku {
            margin-top: 10rpx;
            color: #999;
            font-size: 20rpx;
          }
          .price-box {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 4rpx;
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            line-height: 1;
            .price {
              color: #333;
            }
            .count {
              color: #999;
              margin-right: 20rpx;
            }
          }
        }
      }
      .total-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 30rpx;
        .total,.commission{
          display: flex;
          align-items: baseline;
          color: #999;
        }
        .total{
          .price {
            color: #333;
            margin-right: 20rpx;
          }
        }
      }
    }
  }
}
