.sku-item-button {
    border: 1px solid black; /* 黑色边框 */
    padding: 8px 12px; /* 内边距 */
    margin-right: 8px; /* 右外边距 */
    border-radius: 4px; /* 圆角边框 */
    cursor: pointer; /* 鼠标悬停时显示手势 */
    display: flex; /* 使用flex布局 */
    align-items: center; /* 垂直居中 */
    transition: all 0.3s ease; /* 过渡效果 */
}

.sku-item-button:hover {
    background-color: #f0f0f0; /* 鼠标悬停时的背景色 */
}

.sku-item-button.selected {
    background-color: #007bff; /* 选中的背景色 */
    color: white; /* 选中的文字颜色 */
    border-color: #007bff; /* 选中的边框颜色 */
}

.sku-item-button.selected:hover {
    background-color: #0056b3; /* 选中的鼠标悬停时的背景色 */
}

.original-price {
    text-decoration: line-through; /* 添加删除线 */
    color: #888; /* 可以根据需要改变颜色，这里设置为灰色 */
}

.checkbox-pack {
  display: block;
  position: relative;
  -webkit-tap-highlight-color:transparent;
  background-color: transparent;
}
.checkbox-pack div {
  display: inline-block;
}
.checkbox-pack input {
  display: none;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  outline: none;
}
.checkbox-pack input:checked + div{
  background: #f97316;
  color: #ffffff;
}

.animation-fade-in {
  animation: fade-in 300ms forwards
}
  
.animation-fade-out {
  animation: fade-out 300ms forwards
}

@keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
  @keyframes fade-out {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }