.image-item {
    cursor: pointer;
  }
  .image-item img {
    border: 1px solid #dee2e6;
    border-radius: .9375rem;
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 145, .15);
    opacity: 0.5;
    transition: opacity 0.15s linear;
    object-fit: contain;
    width: 100px;
    height: 100px;
  }

  .image-item:hover img, .image-item.active img {
    opacity: 1;
  }
  .image-item.active {
    cursor: default;
  }
  
  .qrimg img {
    
      border: 1px solid #dee2e6;
      
     width: 100px;
     height: 100px;
    }
  
  .button--add-to-cart {
    margin-top: 1rem;
  
  }

  /* 手机 */
  @media (max-width: 767px) {
      .image-item img {
          width: 70px;
          height: 70px;
      }
  }