.component-product-ranking-table {
  .text-noData{
    text-align:center;
    width:100%
  }
  .table-title {
    font-size: 32rpx;
    font-weight: bold;
    color: #000000;
    margin-bottom: 20rpx;
  }
  .table-time {
    font-size: 24rpx;
    color: #999999;
    display: flex;
    justify-content: space-between;
    .table-time-right {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .table-time-right::after {
      content: '';
      width: 13rpx;
      height: 13rpx;
      border-top: 2rpx solid #969798;
      border-right: 2rpx solid #969798;
      transform: rotate(45deg);
    }
  }
  .table {
    margin-top: 20rpx;
    min-height: 80vh;
    .table-tab {
      display: flex;
      background: #f6f8fa;
      .table-tab-item,
      .table-tab-item-center {
        height: 88rpx;
        font-size: 24rpx;
      }
      .table-tab-item {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .table-tab-item-center {
        flex: 4;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
    .table-item {
      display: flex;
      .table-left {
        font-size: 28rpx;
        font-family: Arial;
        font-weight: bold;
        color: #000000;
      }
      .table-left,
      .table-right,
      .table-item-center {
        height: 140rpx;
        font-size: 24rpx;
      }
      .table-left,
      .table-right {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;

      }
      // .table-right {
      //     justify-content: flex-end;
      // }
      .table-item-center {
        flex: 4;
        display: flex;
        justify-content: center;
        align-items: center;
        .blank{
          width:70rpx;
        }
        .prod-image {
          width: 80rpx;
          height: 80rpx;
          margin-right: 20rpx;
        }
        .prod-name {
          width: 251rpx;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }
  }
}

.table-left{
  .rank-icon{
  width:42rpx;
  height:42rpx;
  text-align: center;
  padding-top: 8rpx;;
  background-repeat: no-repeat;
  background-size:contain;
  }
  .rank-1{
    background-image: url('../../static/images/rank-1-s.png');
  }
  .rank-2{
     background-image: url('../../static/images/rank-2-s.png');
  }
  .rank-3{
     background-image: url('../../static/images/rank-3-s.png');
  }
}