/* 通用样式 */
.product-des {
  margin: 0 auto;
  line-height: 1.6;
}

/* PC端样式 */
@media (min-width: 768px) {
  .product-des {
    width: 70%;
    float: left;
    padding-left: 10px; /* 添加左侧内边距 */
  }

  .product-img {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    
    margin-top: 20px;
  }

  .product-img img {
   width: 80%;
   height: auto;
    object-fit: cover;
    border-radius: 8px;
  }
}

/* 移动端样式 */
@media (max-width: 767px) {
  .product-des {
    width: 100%;
    float: left;
    padding-left: 1px; /* 为移动端左侧也添加一些内边距 */
  }

  .product-img {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    
    margin-top: 15px;
  }

  .product-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
  }
}
/* 通用样式 */
.product-specs {
  font-size: 14px;
  color: #333;
  line-height: 1.8;
  margin-bottom: 20px;
}

.editor_txt p {
    margin: 0.5em 0;
}
/* 属性标题样式 */
.product-specs span {
  font-weight: bold;
  color: #555;
  display: inline-block;
  min-width: 100px; /* 控制标签的宽度，使得标签和内容对齐 */
}

/* 标题样式 */
.product-des h2 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
  color: #222;
}

.product-des h3 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 15px;
  color: #333;
}
@media screen and (max-width: 768px) {
  .richtext-detail,
  .rich-text-description,
  .magic-9,
  .magic-10,
  .magic-11,
  .magic-12,
  .magic-13,
  .magic-14,
  .magic-15,
  .magic-16,
  .magic-17,
  .magic-18,
  .magic-19,
  .magic-20,
  .magic-21,
  .magic-22,
  .magic-23,
  .magic-24,
  .magic-25, .magic-26, .magic-27, .magic-28, .magic-29, .magic-30, .magic-31,
  .magic-32, .magic-33, .magic-34, .magic-35, .magic-36, .magic-37, .magic-38, .magic-39,
  .magic-40, .magic-41, .magic-42, .magic-43, .magic-44 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
}