@import '@/assets/bundle.scss';

.good-cell-big {
  @extend %pd20;
  @extend %bgwhite;
  box-sizing: border-box;
  box-shadow: 0 0 4rpx rgba($border1, 1);
  border-radius: 10rpx;
  .good-img {
    width: 300rpx;
    height: 300rpx;
    .good-img-size{
      width: 100%;
      height: 100%;
    }
  }
  .good-name {
    font-size: 28rpx;
    margin-top: 20rpx;
    color: $text1;
    height: 4em;
    overflow: hidden;
    text-align: justify;
    line-height: 1.2;
    
  }
  .good-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .btn-wait{
    flex: 1;
    text-align: right;
  }
  .btn-self{
    color: #fff;
    background-color: rgba(78, 179, 49, 0.6);
  }
  .countTime-wrap{
    height: 17rpx;
    width: 100%;
    margin-bottom: 5rpx;
  }
  .countTime{
    color: #E6A23C;
    font-size: 26rpx;
  }
  .stock-and-waitPirce{
    display: flex;
  }
  .price {
    display: flex;
    align-items: baseline;
    .unit{
      font-size:28rpx;
      color:$strong;
    }
  }
  .ori-price {
    font-size: 20rpx;
    color: $gray;
    margin-left: 10rpx;
    text-decoration: line-through;
    &:before {
      content: "￥";
    }
  }
  .act-type-wrapper {
    height: 20rpx;
    overflow: hidden;
  }
  .act-type {
    @extend %act-type-text;
  }
  .check-detail{
    font-size:28rpx;
    color:rgba(78, 179, 49, 0.6);
  }
  .handle-shopcar {
    margin-top: 20rpx;
    height: 50rpx;
  }
  .add-cart{
    height: 60rpx;
    line-height: 60rpx;
    font-size:30rpx;
    background:#81be4e;
    color:#fff;
    text-align:center;
    border-radius:20rpx;
    margin-top:10rpx;
  }
}
// #ifdef MP-KUAISHOU
.viewDetail{
  // border:1px solid red;
  text-align: center;
  background: rgba(78, 179, 49, 0.8);
  border-radius: 20rpx;
  height: 50rpx;
  line-height: 50rpx;
  color:#fff;
}
// #endif


// .good-cell-big{
//   box-sizing: border-box;
//   box-shadow: 0 0 4rpx rgba($border1, 1);
//   border-radius: 10rpx;
//   .good-img {
//         width: 300rpx;
//         height: 300rpx;
//         img {
//           width: 100%;
//           height: 100%;
//         }
//   }
// }