.ui-quantity {
    border-radius: 12rpx;
    display: inline-block;
    border: 2rpx solid #999;
    display: flex;
    width: 260rpx;
    height: 80rpx;
  }
  .ui-quantity-min,.ui-quantity-max {
    flex: 1;
    text-align: center;
    img {
      width: 50rpx;
      height: 50rpx;
      vertical-align: middle;
      margin-top: 12rpx;
    }
  }
  .ui-quantity-num {
    flex: 1.2;
    text-align: center;
    border-left: 2rpx solid #999;
    border-right: 2rpx solid #999;
    line-height: 86rpx;
  }
  .ui-quantity .ui-quantity-num div {
    font-size: 32rpx;
    line-height: 80rpx;
    border: none;
    width: 80%;
    text-align: center;
  }
  
  
  
  .ui-quantity-circular {
    display: inline-block;
    margin-left: 10rpx;
  }
  .ui-quantity-circular div {
    display: inline-block;
  }
  .ui-quantity-circular .ui-quantity-circular-min {
    width: 60rpx;
    height: 80rpx;
  }
  .ui-quantity-circular .ui-quantity-circular-min img {
    width: 60rpx;
    height: 60rpx;
    vertical-align: middle;
    margin-top: 5rpx;
  }
  .ui-quantity-circular .ui-quantity-circular-max {
    width: 60rpx;
    height: 80rpx;
  }
  .ui-quantity-circular .ui-quantity-circular-max img {
    width: 60rpx;
    height: 60rpx;
    vertical-align: middle;
    margin-top: 5rpx;
  }
  .ui-quantity-circular .ui-quantity-circular-num {
    text-align: center;
    width: 100rpx;
    height: 70rpx;
    padding-top: 10rpx;
  }
  .ui-quantity-circular .ui-quantity-circular-num div {
    vertical-align: middle;
    font-size: 32rpx;
    border: 0;
    width: 80%;
    text-align: center;
  }