.channel-wrap {
  width: 100%;
  height: 100%;
  // padding: $padding-md;
  background-color: #FC2E42;
  .banner image {
    width: 100%;
  }
  .coupon {
    &-common {
      margin: 16rpx 0;
      display: -webkit-box;
      display: -webkit-flex;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      flex-direction: row;
      width: 100%;
      overflow-x: auto;
      padding: 0 24rpx;
    }
    &-common::-webkit-scrollbar {
      display: none;
    }
    // &-common::-webkit-scrollbar { 
    //   width: 0; 
    //   height: 0; 
    //   color: transparent; 
    // }
    &-box {
      // padding: 0 20rpx;
    }
    &-common image {
      width: 100%;
      height: 196rpx;
    }
    &-btn {
      padding: 0 20rpx;
    }
    &-btn button {
      color: #fff;
      width: 100%;
      height: 72rpx;
      font-size: 34rpx;
      border-radius: 40rpx;
      background: linear-gradient(270deg, #FEA703 0%, #FCCC3F 100%);
    }
    &-list {
      flex: 0 0 260rpx;
      margin-right: 20rpx;
      align-items: center;
      justify-content: space-between;
      display: flex;
      -webkit-box-orient: vertical;
      flex-direction: column;
      padding-top: 16rpx;
      height: 196rpx;
      width: 260rpx;
      background: linear-gradient(270deg, #FF9D84 0%, #FFBE73 100%);
      border-radius: 12rpx;
    }
    &-main {
      width: 228rpx;
      height: 164rpx;
      background: #fff;
      margin: 0 auto;
      border-radius: 12rpx;
      text-align: center;
      font-size: 24rpx;
      color: #EC1500;
      padding-top: 5rpx;
      .txt-price {
        display: block;
        font-size: 40rpx;
        font-weight: 700;
      }
      .txt-num {
        font-size: 60rpx;
        font-weight: 700;
        margin-left: 5rpx;
      }
      .txt-til {
        white-space: nowrap;
      }
    }
    &-one {
      position: relative;
    }
    &-two {
      .coupon-list {
        flex: 0 0 340rpx;
      }
      .coupon-main {
        width: 296rpx;
      }
    }
    &-card {
      display: flex;
      position: absolute;
      .coupon-main {
        width: 182rpx;
        margin-left: 15rpx;
        margin-top: 19rpx;
        background: transparent;
      }
      .coupon-slogan {
        width: 400rpx;
        text-align: center;
        margin-top: 58rpx;
        color: #fff;
        text {
          font-size: 24rpx;
        }
        .til {
          display:block;
          font-size: 32rpx;
        }
      }

    }
  }
  .goods {
    &-list {
      margin-top: 20rpx;
      padding: 0 20rpx;
      // background-color: #FC2E42;
      height: 100%;
    }
    &-box {
      display: flex;
      height: 240rpx;
      width: 100%;
      background-color: #fff;
      border-radius: 20rpx;
      padding: 22rpx;
      margin-top: 16rpx;
    }
    &-img {
      border-radius: 20rpx;
      border: 1px solid #E0E0E0;
      width: 192rpx;
      height: 192rpx;
      flex-shrink: 0;
    }
    &-btn {
      position: relative;
      width: 450rpx;
      height: 64rpx;
      // line-height: 64rpx;
    }
    &-btn-img {
      width: 100%;
      height: 64rpx;
    }
    &-text {
      margin-left: 24rpx;
    }
    &-price {
      font-size: 30rpx;
      color: #EC3333;
      margin: 10rpx 0 5rpx;
    }
    &-title {
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 26rpx;
      height: 72rpx;
    }
    &-btn-text {
      position: absolute;
      left: 0;
      top: 0;
      width: 450rpx;
      line-height: 64rpx;
      color: #fff;
      padding-left: 20rpx;
      .txt {
        position: relative;
        top: -3rpx;
        font-size: 24rpx;
        dispaly: inline-block;
      }
      .txt-price {
        font-size: 36rpx;
      }
      .txt-go {
        position: absolute;
        right: 20rpx;
        color: #EC1500;
        font-size: 28rpx;
      }
      text {
        vertical-align: middle;
      }
    }
  }
  .scroll-Y{
    height: calc(100%);
    .good{
      padding: 0 $uni-spacing-row-base;
    }
  }
}
