/* 设置表格宽度为100%，并允许水平滚动 */
.table1 {
  width: 100%;
  overflow-x: auto;
}

/* 设置产品表格的样式，宽度为100%，表格边框合并 */
.axil-product-table1 {
  width: 100%;
  border-collapse: collapse;
}

/* 设置表格头部和单元格的内边距、文本对齐方式以及底部边框 */
.axil-product-table1 th,
.axil-product-table1 td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

/* 设置表格头部的背景颜色和字体粗细 */
.axil-product-table1 th {
  background-color: #f4f4f4;
  font-weight: bold;
}

/* 设置鼠标悬停时表格行的背景颜色 */
.axil-product-table1 tr:hover {
  background-color: #f1f1f1;
}

/* 设置产品缩略图的宽度和高度 */
.product-thumbnail2 {
  width: 300px;
  height: 80px;
}

/* 设置产品缩略图中图片的最大宽度和高度自适应 */
.product-thumbnail1 img {
  max-width: 100px;
  height: auto;
}

/* 设置产品标题的链接颜色和去除下划线 */
.product-title1 a {
  color: #333;
  text-decoration: none;
}

/* 设置鼠标悬停时产品标题链接的下划线效果 */
.product-title1 a:hover {
  text-decoration: underline;
}

/* 设置货币符号与价格之间的间距 */
.product-price1 .currency-symbol1::before,
.product-subtotal1 .currency-symbol1::before {
  margin-right: 5px;
}

/* 设置数量输入框的显示方式、最小宽度和文本居中 */
.product-quantity1 .quantity-input1 {
  display: inline-block;
  min-width: 60px;
  text-align: center;
}