.component-specifications-list {
  text-align: left;
  width: 100%;
  box-sizing: border-box;

  .item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 24rpx;
    padding: 10rpx 0;
    .checkbox-box {
      width: 50rpx;
    }
    .item-name-sku {
      flex: 1;
      display: flex;
      align-items: center;

      .item-name {
        margin-right: 10rpx;
        box-sizing: border-box;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow-wrap: break-word;
        overflow: hidden;
      }

      .item-name.sku {
        min-width: 40rpx;
        color: #999;
      }
    }

    .item-count {
      white-space: nowrap;
      margin-left: 20rpx;
      color: #999;
      width: auto;
    }

    .item-count.is-click::after {
      content: '';
      display: inline-block;
      width: 10rpx;
      height: 10rpx;
      margin-left: 5rpx;
      margin-bottom: 5rpx;
      border-top: 2rpx solid #333333;
      border-right: 2rpx solid #333333;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      vertical-align: middle;
    }

    &:last-child {
      margin-bottom: 0;
    }
  }
}

/*checkbox 选项框大小  */
checkbox {
  .wx-checkbox-input {
    width: 32rpx;
    height: 32rpx;
    &.wx-checkbox-input-checked {
      background: #082BA6;
      border-color: #082BA6;
      &::before {
        text-align: center;
        font-size: 20rpx;
        color: #fff;
        background: transparent;
        transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
      }
    }
  }
}

:deep(uni-checkbox.checkbox) {
  font-size: 12rpx;
  .uni-checkbox-input {
    background-color: #082BA6;
    border-color: #d1d1d1;
    border-radius: 1rpx !important;
    width: 28rpx !important;
    height: 28rpx !important;
    &:not(:empty) {
      border: 1px solid transparent;
    }
    &:empty {
      background-color: #fff;
    }
  }
}

:deep(.checkbox) {
  .uni-checkbox-input-disabled {
    background: #eeeeee !important;
  }
}
