:root {
  --rv-sku-item-background-color: var(--rv-background-color);
}

.rv-sku {
  /* sku row */
}

.rv-sku__container {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-height: 50%;
  max-height: 80%;
  overflow-y: visible;
  font-size: 28px;
  background: #fff;
}

.rv-sku__body {
  flex: 1 1 auto;
  min-height: 88px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.rv-sku__body::-webkit-scrollbar {
  display: none;
}

.rv-sku__header {
  display: flex;
  flex-shrink: 0;
  margin: 0 32px;
}

.rv-sku__header__img-wrap {
  flex-shrink: 0;
  width: 192px;
  height: 192px;
  margin: 24px 24px 24px 0;
  overflow: hidden;
  border-radius: 8px;
}

.rv-sku__header__goods-info {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px 40px 24px 0;
}

.rv-sku__header-item {
  margin-top: 16px;
  color: #969799;
  font-size: 24px;
  line-height: 32px;
}

.rv-sku__price-symbol {
  font-size: 32px;
  vertical-align: bottom;
}

.rv-sku__price-num {
  font-weight: 500;
  font-size: 44px;
  vertical-align: bottom;
  word-wrap: break-word;
}

.rv-sku__goods-price {
  margin-left: -4px;
  color: #f44336;
}

.rv-sku__price-tag {
  position: relative;
  display: inline-block;
  margin-left: 16px;
  padding: 0 10px;
  overflow: hidden;
  color: #f44336;
  font-size: 24px;
  line-height: 32px;
  border-radius: 16px;
}

.rv-sku__price-tag::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: currentColor;
  opacity: 0.1;
  content: '';
}

.rv-sku__group-container {
  padding-top: 24px;
}

.rv-sku__group-container--hide-soldout .rv-sku-row__item--disabled {
  display: none;
}

.rv-sku-row {
  margin: 0 32px 24px;
}

.rv-sku-row:last-child {
  margin-bottom: 0;
}

.rv-sku-row__item,
.rv-sku-row__image-item {
  position: relative;
  overflow: hidden;
  color: var(--rv-gray-8);
  border-radius: 8px;
  cursor: pointer;
}

.rv-sku-row__item::before,
.rv-sku-row__image-item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--rv-sku-item-background-color);
  content: '';
}

.rv-sku-row__item--active,
.rv-sku-row__image-item--active {
  color: #f44336;
}

.rv-sku-row__item--active::before,
.rv-sku-row__image-item--active::before {
  background: currentColor;
  opacity: 0.1;
}

.rv-sku-row__item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  margin: 0 24px 24px 0;
  font-size: 26px;
  line-height: 32px;
  vertical-align: middle;
}

.rv-sku-row__item-img {
  z-index: 1;
  width: 48px;
  height: 48px;
  margin: 8px 0 8px 8px;
  object-fit: cover;
  border-radius: 4px;
}

.rv-sku-row__item-name {
  z-index: 1;
  padding: 16px;
}

.rv-sku-row__item--disabled {
  color: #c8c9cc;
  background: var(--rv-gray-2);
  cursor: not-allowed;
}

.rv-sku-row__item--disabled .rv-sku-row__item-img {
  opacity: 0.3;
}

.rv-sku-row__image {
  margin-right: 0;
}

.rv-sku-row__image-item {
  display: flex;
  flex-direction: column;
  width: 220px;
  margin: 0 8px 8px 0;
  border: 2px solid transparent;
}

.rv-sku-row__image-item:last-child {
  margin-right: 0;
}

.rv-sku-row__image-item-img {
  width: 100%;
  height: 220px;
}

.rv-sku-row__image-item-img-icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 36px;
  height: 36px;
  color: #fff;
  line-height: 36px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  border-bottom-left-radius: 8px;
}

.rv-sku-row__image-item-name {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 80px;
  padding: 8px;
  font-size: 24px;
  line-height: 32px;
}

.rv-sku-row__image-item-name span {
  word-wrap: break-word;
}

.rv-sku-row__image-item--active {
  border-color: currentColor;
}

.rv-sku-row__image-item--disabled {
  color: #c8c9cc;
  cursor: not-allowed;
}

.rv-sku-row__image-item--disabled::before {
  z-index: 2;
  background: var(--rv-gray-2);
  opacity: 0.4;
}

.rv-sku-row__title {
  padding-bottom: 24px;
}

.rv-sku-row__title-multiple {
  color: #969799;
}

.rv-sku-row__scroller {
  margin: 0 -32px;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.rv-sku-row__scroller::-webkit-scrollbar {
  display: none;
}

.rv-sku-row__row {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 0 32px;
}

.rv-sku-row__indicator {
  width: 80px;
  height: 8px;
  background: #ebedf0;
  border-radius: 4px;
}

.rv-sku-row__indicator-wrapper {
  display: flex;
  justify-content: center;
  padding-bottom: 32px;
}

.rv-sku-row__indicator-slider {
  width: 50%;
  height: 100%;
  background-color: #f44336;
  border-radius: 4px;
}

.rv-sku__stepper-stock {
  padding: 24px 32px;
  overflow: hidden;
  line-height: 60px;
}

.rv-sku__stepper {
  float: right;
  padding-left: 8px;
}

.rv-sku__stepper-title {
  float: left;
}

.rv-sku__stepper-quota {
  float: right;
  color: #f44336;
  font-size: 24px;
}

.rv-sku__stock {
  display: inline-block;
  margin-right: 16px;
  color: #969799;
  font-size: 24px;
}

.rv-sku__stock-num--highlight {
  color: #f44336;
}

.rv-sku__actions {
  flex-shrink: 0;
  padding: 0 32px;
}

.rv-sku__actions .rv-action-bar {
  position: relative;
}

.rv-sku__actions .rv-action-bar .rv-button {
  margin: 0;
}