challengeFamily/pages/product/component/goodsSku.wxss

.sku-container {
  max-height: -webkit-max-content;
  max-height: max-content;
  overflow-y: auto;
  font-size: 28rpx;
  background: #fff;
}
.sku-header {
  margin-left: 30rpx;
}
.sku__goods-name{
margin-bottom: 20rpx;
font-size: 32rpx;
}
.check-box{
  padding: 20rpx 20rpx 0;
  display: flex;
  align-items: center;
}
.militaryTip{
  margin-bottom: 20rpx;
  color: #ee3a43;
}
.sku-header__goods-info {
  box-sizing: border-box;
  padding: 20rpx 120rpx 20rpx 0rpx;
  overflow: hidden;
  border-bottom: 2rpx solid #ebedf0;
}
.alternate{
position: absolute;
  top: -16rpx;
  right: -10rpx;
  font-size: 18rpx;
  line-height: 20rpx;
  padding: 0 8rpx;
  border: 1rpx solid #f44;
  border-radius: 10rpx;
  border-bottom-left-radius: 0;
  color: #EE3A43;
  font-weight: 700;
  background: #fff;
}
.identify{
  position: absolute;
  top: -20rpx;
  border-radius: 20rpx;
  font-size: 20rpx;
  font-weight: 500;
}
.attr-r{
  padding: 0 10rpx;
  right: -20rpx;
  border-bottom-left-radius: 0;
  border: 4rpx solid #ebedf0;
  background: #969799;
  color: #fff;
}
.attr-l{
  background: #FEF5F5;
  color:#ee3a43;
  border:4rpx solid #fff;
  width: 30rpx;
  height: 30rpx;
  line-height: 30rpx;
  left: -18rpx;
}
.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.van-sku__quota{color: #EE3A43;}
.sku__goods-price {
  margin-top: 20rpx;
  color: #f44;
  vertical-align: middle;
}
.sku-body{
overflow-y: scroll;
padding-bottom: 270rpx;
}
.sku-group-container {
  margin-left: 30rpx;
  padding: 24rpx 0 4rpx;
  border-bottom: 2rpx solid #ebedf0;
}
.sku-row {
  margin: 0 30rpx 20rpx 0;
}
.sku-row__title {
  padding-bottom: 20rpx;
}
.sku-row__item {
  background: #f6f5f5;
  color: #333;
  border: 0 none;
  border-radius: 16rpx;
  line-height: 36rpx;
  display: inline-block;
  box-sizing: border-box;
  min-width: 104rpx;
  height: 56rpx;
  margin: 0 20rpx 20rpx 0;
  padding: 10rpx 18rpx;
  font-size: 24rpx;
  text-align: center;
  position: relative;
}
.sku-row__item--disabled {
  border-color: #ebedf0;
  color: #c8c9cc;
}
.sku-row__item--active {
  color: #fff;
  background: #f44;
}
.sku-stepper-stock {
  margin: 0 30rpx;
  padding: 24rpx 0;
}
.sku-stepper-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sku__stepper-title {
  line-height: 60rpx;
}
.sku__stepper {
  float: right;
}
.stepper {
  font-size: 0;
  -webkit-user-select: none;
  user-select: none;
  display: flex;
}
.sku__stock {
  margin-right: 20rpx;
  color: #969799;
}
.stepper__minus,.stepper__plus{
width: 44rpx;
height: 44rpx;
border: 1px solid #EE3A43;
border-radius: 50%;
position: relative;
}
.stepper__plus{
background: #EE3A43;
}
.stepper__minus::before,.stepper__plus::before{
content: '';
width: 30rpx;
height: 2rpx;
background: #EE3A43;
position: absolute;
top:21rpx;
left: 7rpx;
}
.stepper__plus::after{
content: '';
width: 2rpx;
height: 30rpx;
position: absolute;
top:7rpx;
left: 21rpx;
}
.stepper__plus::before,.stepper__plus::after{
background: white;
}
.stepper__minus__diabled,.stepper__plus__diabled{
background:white;
border:1px solid gray;
}
.stepper__minus__diabled::before,
.stepper__plus__diabled::before,
.stepper__plus__diabled::after{
background: gray;
}
.stepper__input{
box-sizing: border-box;
width: 64rpx;
height: 48rpx;
margin: 0 4rpx;
padding: 0;
color: #323233;
font-size: 28rpx;
line-height: 48rpx;
text-align: center;
vertical-align: middle;
border: 0;
border-width: 2rpx 0;
border-radius: 0;
-webkit-appearance: none;
}
.button.button-warn{
background: #EE3A43;
z-index: 9999;
color: white;
border-radius: 0;
font-size: 32rpx;
height: 100rpx;
line-height: 100rpx;
position: fixed;
width: 100%;
bottom: 0;
}