/* Add this to your style.css or inside the <style> tag of each HTML page */
body, h1, h2, p, a {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

        .container {
            max-width: 1200px;
            margin: auto;
        }
        .navbar {
            display: flex;
            justify-content: space-between;
            background-color: #ffffff;
            padding: 10px 0;
        }
        .navbar ul {
            list-style-type: none;
            display: flex;
        }
        .navbar li {
            margin-right: 20px;
        }
        .navbar a {
            text-decoration: none;
            color: black;
        }
        .banner-row img {
            width: 100%;
            height: auto;
            display: block;
            margin-top: 20px;
        }
        .product-row {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
        }
        .product-item {
            width: 18%;
            text-align: center;
        }


.product-item a {
    color: black; /* 设置链接文字为灰色 */
    text-decoration: none; /* 移除下划线 */
}

.product-item a:hover {
    text-decoration: underline; /* 鼠标悬停时显示下划线 */
}


        .product-item img {
            width: 100%;
            height: auto;
        }
        .footer {
            background-color: #f0f0f0;
            text-align: center;
            padding: 10px 0;
            margin-top: 0px;
        }

.product-html-row {
    display: flex;
    align-items: center; /* 确保图片和文本在中间对齐 */
    justify-content: flex-start; /* 从行的开始位置对齐子项 */
    margin-top: 20px;
}

.product-html-image {
    width: 100%; /* 使图片宽度自适应容器 */
    height: auto; /* 保持图片的原始宽高比 */
    max-width: 400px; /* 限制图片的最大宽度，可以根据需要调整 */
    flex: 0 1 400px; /* 不让图片区域成长，但可以缩小到400px */
}

.product-html-description {
    flex: 2; /* 描述内容占据更多的可用空间 */
    padding-left: 50px; /* 为文本和图片之间提供一些间距 */
    line-height: 1.5;

}


.icp-info {
    text-align: center; /* 中心对齐文本 */
    padding: 20px; /* 添加一些内边距 */
    background-color: #f0f0f0; /* 设置背景颜色 */
    color: #333; /* 设置文本颜色 */
    font-size: 14px; /* 设置字体大小 */
    margin-top: 40px;
}

.icp-info a {
    color: #333; /* 链接颜色 */
    text-decoration: none; /* 去除下划线 */
}

.icp-info a:hover {
    text-decoration: underline; /* 鼠标悬停时添加下划线 */
}
#productTitle, #anfuSpray, #DuoTai, #ZnJieFuLu , #anfuRepairMask {
    font-weight: bold; /* 加粗 */
    font-size: 20px; /* 加大字体大小，根据需要调整 */
    margin-bottom: 15px;
}