body {background-color: #676566; color: #fff}

.search-main form .btn {background-color: #82909d; color: #fff; padding: 10px}

.code-info ul li {display: flex; align-items: center; justify-content: space-between}

.show-header {position: fixed}
.show-header a {
    position: absolute;
    right: 0;
    width: 30%;
    height: 100%;
    display: block;
    z-index: 1;
}
.show-content p {margin: 0; padding: 0;}
.show-content img {max-width: 100%; height: auto !important;}

.form-main {width: 84%;

    height: auto;
    margin: auto;
    color: #fff;}
.form-main .box {background: rgba(0,0,0,0.5);
    border-radius: 10px;}
.form-main .form-submit .btn {background-color: #406c9f; color: #fff; padding: 10px 40px}

/* 基础样式 */
.product-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%; /* 确保容器宽度为100% */
}

.product-row {
    width: 100%; /* 每行宽度100% */
    margin-bottom: 10px; /* 行间距 */
    text-align: justify;
    margin-top: 1rem;
}

.product-image {
    position: relative; /* 为阴影效果定位 */
    width: 100%; /* 图片容器宽度100% */
    overflow: hidden; /* 隐藏超出容器的图片部分 */

    height: auto; /* 图片高度自适应 */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
    display: block; /* 消除图片底部间隙 */
    margin: 0 auto; /* 水平居中 */
}

.product-img {
    width: 100%; /* 图片宽度100% */
    height: auto; /* 图片高度自适应 */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* 添加阴影效果 */
    display: block; /* 消除图片底部间隙 */
    margin: 0 auto; /* 水平居中 */
}
.product-name h2{
    font-weight: 700;
    font-size: 15pt;
    padding-top: 3rem;
}
.product-name p{
    font-weight: 300;
    font-size: 10pt;
    color:#555;
}
.product-price p{
     font-weight: 700;
    font-size: 13pt;
    color:#f29f00e8;
    text-align: left;

}
.product-price span{
     font-weight: 300;
    font-size: 8pt;
    color:#555;
    text-align: right;

}

/* 响应式设计 */
@media (min-width: 768px) {
    /* 可以在这里添加针对平板电脑或桌面设备的样式 */
}

@media (min-width: 1024px) {
    /* 可以在这里添加针对桌面显示器的样式 */
}

/* 其他样式 */
h2 {
    margin: 0; /* 移除标题的默认边距 */
}

p {
    margin: 0; /* 移除段落的默认边距 */
}