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

.cmp-minus-plus, .cmp-minus-plus2 {
  @extend %flex-center;
  .minus-plus-wrapper {
    @extend %flex-center;
  }
  .btn-minus, .btn-plus {
    flex: none;
    @extend %bg-no-repeat-center;
    @extend %bgwhite;
    background-size: 24rpx;
    width: 60rpx;
    height: 60rpx;
    border-radius: 50%;
    border: 1rpx solid $border1;
    position: relative;
    z-index: 1;
    padding: 0;
    box-sizing: content-box;
  }
  .btn-minus {
    @extend %icon-minus;
  }
  .btn-plus {
    @extend %icon-plus;
  }
  .count {
    flex: none;
    color: $text1;
    font-size: 34rpx;
    width: 70rpx;
    text-align: center; 
    margin: 0 10rpx;
    color: $text2;
  }
  .input-count {
    // background :red;
    color: $text2;
    font-size: 34rpx;
  }
  // .type-shopCar {
  //   background: $border1;
  //   border-radius: 10rpx;
  //   margin: 0 10rpx;
  // }
  .cannot-buy {
    color: $text3;
    font-size: 28rpx;
  }
}

.cmp-minus-plus2 {
  .disabled {
    opacity: .2;
  }
}

.add-cart{
  // padding:0 20rpx;
  // width: calc(100%-125px);
  width: 100vw;
  height: 64rpx;
  line-height: 64rpx;
  font-size:30rpx;
  background:#81be4e;
  color:#fff;
  text-align:center;
  border-radius:20rpx;
}