.page-seckill-prods {
  position: relative;

  /* 分类 */
  .seckill-category {
    padding: 10rpx 20rpx 0;
    background: #fff;
    position: relative;
    z-index: 10;
    .category-box {
      white-space: nowrap;
      .item {
        display: inline-block;
        text-align: center;
        font-size: 28rpx;
        position: relative;
        padding: 20rpx;
        &.active {
          font-weight: 600;
        }
        &::after {
          position: absolute;
          left: 25%;
          right: 25%;
          bottom: 0;
          display: block;
          height: 6rpx;
          content: " ";
          font-size: 0;
          background: transparent;
          border-radius: 6rpx;
        }
        &.active::after {
          background: linear-gradient(to right, #fff, #fc1b35)
        }
      }
    }
  }

  /* 轮播图 */
  .banner {
    font-size: 0;
    padding-top: 20rpx;
    background: #fff;
    .img{
      width: 100%;
      height: 280rpx;
      .item {
        padding: 0 30rpx;
        box-sizing: border-box;
        font-size: 0;
        image {
          border-radius: 10rpx;
        }
      }
    }
    .default-banner {
      padding: 0 20rpx;
      image{
        width: 100%;
        height: 280rpx;
        border-radius: 10rpx;
      }
    }
  }

  /* 时间场次 */
  .sessions {
    padding: 30rpx 20rpx 6rpx 20rpx;
    background: linear-gradient(to bottom, #fff, #f2f3f7);
    display: flex;
    .img {
      width: 68rpx;
      height: 68rpx;
      font-size: 0;
      margin-right: 8rpx;
    }
    .time-box{
      max-width: calc(100% - 76rpx);
      white-space: nowrap;
      .item{
        display: inline-block;
        width: 20%;
        text-align: center;
        .number{
          font-size: 32rpx;
          font-family: PingFangSC-Medium, tahoma;
          font-weight: 600;
          line-height: 32rpx;
        }
        .state {
          display: inline-block;
          font-size: 22rpx;
          color: #666;
          padding: 0 12rpx;
          height: 32rpx;
          line-height: 32rpx;
          border-radius: 40rpx;
          margin-top: 6rpx;
        }
        &.active{
          .number{
            color: #fc1b35;
          }
          .state {
            background: #fc1b35;
            color: #fff;
            font-weight: 600;
          }
        }
      }
    }
  }

  /* 产品列表 */
  .line-prods {
    margin: 0 20rpx;
    background: #f2f3f7;
    padding: 0;
    .item {
      background: #fff;
      margin-top: 20rpx;
      padding: 20rpx;
      border-radius: 10rpx;
      cursor: pointer;
      .img {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .text-box{
        .name{
          max-height: 72rpx;
          line-height: 36rpx;
          font-size: 28rpx;
          font-weight: 600;
        }
        .price-btn{
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          display: flex;
          align-items: center;
          justify-content: space-between;
          .left {
            max-width: 300rpx;
            overflow: hidden;
            margin-right: 10rpx;
            .price {
              font-weight: 600;
              .big {
                font-size: 40rpx;
              }
            }
            .sold {
              color: #fc1b35;
              margin-top: 10rpx;
              font-family: PingFangSC-Medium, tahoma;
            }
          }
          .btn-box {
            background: linear-gradient(to right, #fc1b35, #fe401d);
            color: #fff;
            width: 160rpx;
            height: 80rpx;
            border-radius: 8rpx;
            &.gray-btn{
              background: linear-gradient(to right, #333, #666);
            }
            .text{
              font-size: 26rpx;
              font-weight: 600;
              text-align: center;
              padding-top: 12rpx;
            }
            .percent{
              margin: 2rpx 20rpx 0;
              display: flex;
              align-items: center;
              .progress-bar{
                flex: 1;
                height: 8rpx;
                border-radius: 8rpx;
                overflow: hidden;
                background: rgba(255, 255, 255, .6);
                .bg{
                  height: 100%;
                  background: #fff;
                  border-radius: 8rpx;
                }
              }
              .number{
                font-size: 18rpx;
                width: 40rpx;
                text-align: center;
                margin-left: 6rpx;
              }
            }
          }
        }
      }
    }
  }
}