tpx/tpxttt/unpackage/dist/dev/mp-weixin/plugins/wholesale/components/app-attr/app-attr.wxss

@charset "UTF-8";
.text-center.data-v-bfe31f38 {
  text-align: center;
}
.font-weight.data-v-bfe31f38 {
  font-weight: bold;
}
.page-width.data-v-bfe31f38 {
  width: 100%;
}
.goods-hover-class.data-v-bfe31f38 {
  opacity: .9;
  background-color: #f7f7f7;
}
.background-image.data-v-bfe31f38 {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
/*全局文字大小*/
/* 屏幕宽度*/
page.data-v-bfe31f38 {
  font-size: 32rpx;
  background: #f7f7f7;
}
.page-width.data-v-bfe31f38 {
  width: 100%;
}
.u-hover-class.data-v-bfe31f38 {
  opacity: .9;
  background-color: #f7f7f7;
}
.safe-area-inset-bottom.data-v-bfe31f38 {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.app-attr.data-v-bfe31f38 {
  background-color: #ffffff;
}
.app-attr .modal.data-v-bfe31f38 {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1603;
}
.app-attr .content.data-v-bfe31f38 {
  width: 100%;
  background-color: #ffffff;
  border-radius: 16rpx 16rpx 0 0;
}
.app-attr .content .close.data-v-bfe31f38 {
  width: 30rpx;
  height: 30rpx;
  position: absolute;
  right: 24rpx;
  top: 24rpx;
  background-color: #ffffff;
}
.app-attr .content .first.data-v-bfe31f38 {
  margin: 0 24rpx;
  border-bottom: 1rpx solid #e2e2e2;
}
.app-attr .content .first.no-border.data-v-bfe31f38 {
  border-bottom: 0;
}
.app-attr .content .first .img.data-v-bfe31f38 {
  width: 200rpx;
  height: 200rpx;
  border: 4rpx solid #ffffff;
  border-radius: 8rpx;
  margin-top: -64rpx;
  display: block;
}
.app-attr .content .first .info.data-v-bfe31f38 {
  margin: 36rpx 0 26rpx 24rpx;
  font-size: 32rpx;
  line-height: 1;
}
.app-attr .content .first .info .stock.data-v-bfe31f38 {
  font-size: 24rpx;
  color: #999999;
  margin-top: 18rpx;
}
.app-attr .content .first .info view.data-v-bfe31f38:first-child {
  margin-right: 12rpx;
}
.app-attr .content .first .info > .member.data-v-bfe31f38 {
  color: #f39800;
}
.app-attr .content .second.data-v-bfe31f38 {
  max-height: 650rpx;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4rpx 24rpx;
  font-size: 26rpx;
}
.app-attr .content .second.no-padding.data-v-bfe31f38 {
  padding: 0;
}
.app-attr .content .second .attr-group.data-v-bfe31f38 {
  padding: 32rpx 0;
  border-bottom: 1rpx solid #e2e2e2;
}
.app-attr .content .second .attr-group .attr-group-name.data-v-bfe31f38 {
  color: #666666;
  margin-bottom: 20rpx;
}
.app-attr .content .second .attr-group .attr-item.data-v-bfe31f38 {
  margin-right: 20rpx;
  padding: 15rpx 24rpx;
  border-radius: 8rpx;
  margin-bottom: 20rpx;
}
.app-attr .content .second .attr-group .attr-item.attr-item-default.data-v-bfe31f38 {
  background-color: #f2f2f2;
  color: #353535;
}
.app-attr .content .second .attr-group .attr-item.active.data-v-bfe31f38 {
  color: #ffffff;
}
.app-attr .content .second .attr-group .attr-item.attr_num_0.data-v-bfe31f38 {
  color: #cdcdcd;
  background-color: #f7f7f7;
}
.app-attr .content .second .number-box.data-v-bfe31f38 {
  color: #666666;
  height: 124rpx;
}
.app-attr .content .second .number-box .block.data-v-bfe31f38 {
  width: 60rpx;
  height: 60rpx;
  margin: 0 4rpx;
}
.app-attr .content .second .number-box .block.disabled.data-v-bfe31f38 {
  background-color: #fbfbfb;
  color: #999999;
}
.app-attr .content .second .number-box .number-input.data-v-bfe31f38 {
  width: 88rpx;
  height: 60rpx;
  color: #353535;
  font-size: 28rpx;
  background-color: #f7f7f7;
}
.app-attr .content .three.data-v-bfe31f38 {
  height: 110rpx;
  width: 100%;
  padding: 20rpx 24rpx;
  font-size: 28rpx;
}
.buy.data-v-bfe31f38 {
  color: #ffffff;
  margin-left: 20rpx;
}
.wholesale .wholesale-attr-list.data-v-bfe31f38 {
  height: 88rpx;
  margin: 0 24rpx;
  border-bottom: 1rpx solid #e2e2e2;
  position: relative;
}
.wholesale .wholesale-attr-list.data-v-bfe31f38:first-of-type {
  border-top: 1rpx solid #e2e2e2;
}
.wholesale .wholesale-attr-list .position.data-v-bfe31f38 {
  position: absolute;
  left: 0;
  top: 2rpx;
  z-index: 10000;
  background-color: #fff;
  height: 83rpx;
}
.wholesale .wholesale-attr-list .wholesale-attr-group.data-v-bfe31f38 {
  max-width: 200rpx;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  margin-right: 4rpx;
  font-size: 20rpx;
  color: #666666;
  background-color: #fff;
}
.wholesale .wholesale-attr-list .right-icon.data-v-bfe31f38 {
  position: absolute;
  right: -24rpx;
  top: 0;
  height: 84rpx;
  padding-left: 10rpx;
  width: 50rpx;
  z-index: 10000;
  background-color: #fff;
}
.wholesale .wholesale-attr-list .right-icon view.data-v-bfe31f38 {
  height: 40rpx;
  width: 3rpx;
  background-color: #e2e2e2;
  position: absolute;
  left: 0;
  top: 24rpx;
}
.wholesale .wholesale-attr-list .right-icon image.data-v-bfe31f38 {
  margin-top: 33rpx;
  height: 22rpx;
  width: 16rpx;
}
.wholesale .wholesale-attr-list .wholesale-attr-item.data-v-bfe31f38 {
  height: 100%;
  width: 100%;
  white-space: nowrap;
}
.wholesale .wholesale-attr-list .wholesale-attr-item .scroll-attr-group.data-v-bfe31f38 {
  display: inline-block;
  visibility: hidden;
}
.wholesale .wholesale-attr-list .wholesale-attr-item .scroll-attr-group .wholesale-attr-group.data-v-bfe31f38 {
  height: 44rpx;
}
.wholesale .wholesale-attr-list .wholesale-attr-item .attr-name.data-v-bfe31f38 {
  color: #fff;
  padding: 0 22rpx;
  height: 56rpx;
  line-height: 56rpx;
  border-radius: 8rpx;
  font-size: 26rpx;
  margin-left: 20rpx;
  display: inline-block;
  position: relative;
  min-width: 10rpx;
}
.wholesale .wholesale-attr-list .wholesale-attr-item .attr-name .attr-number.data-v-bfe31f38 {
  color: #fff;
  position: absolute;
  top: -15rpx;
  height: 30rpx;
  line-height: 26rpx;
  border: 2rpx solid #fff;
  padding: 0 10rpx;
  border-radius: 15rpx;
  font-size: 20rpx;
  z-index: 100;
}
.wholesale .wholesale-attr-list .wholesale-attr-item .attr-name.attr-background.data-v-bfe31f38 {
  background-color: #f2f2f2;
  color: #353535;
}
.wholesale .wholesale-attr-group-list.data-v-bfe31f38 {
  margin-top: 20rpx;
}
.wholesale .wholesale-attr-group-list .wholesale-attr-group.data-v-bfe31f38 {
  margin-bottom: 20rpx;
}
.wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item.data-v-bfe31f38 {
  padding: 20rpx;
  background-color: #f7f7f7;
  width: 100%;
}
.wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item .attr-name.data-v-bfe31f38 {
  width: 60%;
}
.wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item .attr-name .attr-price.data-v-bfe31f38 {
  color: #999999;
  font-size: 24rpx;
}
.wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item .wholesale-number-box.data-v-bfe31f38 {
  color: #666666;
}
.wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item .wholesale-number-box .block.data-v-bfe31f38 {
  width: 60rpx;
  height: 60rpx;
  margin: 0 4rpx;
}
.wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item .wholesale-number-box .block.disabled.data-v-bfe31f38 {
  background-color: #fbfbfb;
  color: #999999;
}
.wholesale .wholesale-attr-group-list .wholesale-attr-group .wholesale-attr-item .wholesale-number-box .wholesale-number-input.data-v-bfe31f38 {
  width: 88rpx;
  height: 60rpx;
  color: #353535;
  font-size: 28rpx;
  background-color: #fff;
}
.total.data-v-bfe31f38 {
  width: 100%;
  height: 80rpx;
  line-height: 80rpx;
  text-align: right;
  padding: 0 24rpx;
  color: #353535;
  font-size: 28rpx;
  border-top: 1rpx solid #e2e2e2;
}
.total text.data-v-bfe31f38 {
  color: #ff4544;
}
.u-attr-fixed.data-v-bfe31f38 {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
}
.bd-btn.data-v-bfe31f38 {
  line-height: 70rpx;
  text-align: center;
  font-size: 26rpx;
  border-radius: 35rpx;
}