/* 重置所有元素的默认内边距和外边距 */
* {
    padding: 0px;
    margin: 0px;
}

/* 清除浮动，确保容器包含浮动子元素 */
.clear {
    clear: both;
}

/* 定义通用类，用于设置元素宽度并居中 */
.common {
    width: 80%; /* 宽度为视口宽度的80% */
    margin: 0 auto; /* 水平居中 */
}

/* 定义banner类，用于设置横幅的宽度和高度 */
.banner {
    width: 100%; /* 宽度为100% */
    height: 550px; /* 高度为550px */
}

/* 设置banner中的图片宽度和高度，并确保图片覆盖整个banner区域 */
.banner img {
    width: 100%; /* 宽度为100% */
    height: 550px; /* 高度为550px */
    object-fit: cover; /* 图片覆盖整个区域，保持宽高比 */
}

/* 定义header类，用于设置页眉的样式 */
.header {
    width: 100%; /* 宽度为100% */
    height: 50px; /* 高度为50px */
    background: black; /* 背景颜色为黑色 */
}

/* 设置header中的左侧内容的样式 */
.header .left {
    color: white; /* 文本颜色为白色 */
    line-height: 50px; /* 行高与header高度相同，实现垂直居中 */
    font-size: 15px; /* 字体大小为15px */
    margin-left: 10%; /* 左外边距为视口宽度的10% */
    display: block; /* 将元素设置为块级元素 */
    float: left; /* 向左浮动 */
}

/* 设置header中.left类的子元素.two的样式 */
.header .left .two {
    display: inline-block; /* 将元素设置为行内块级元素 */
}

/* 设置header中.left类的子元素.two中的图片样式 */
.header .left .two img {
    width: 30px; /* 宽度为30px */
    height: 30px; /* 高度为30px */
    vertical-align: middle; /* 垂直对齐方式为中间对齐 */
}

/* 设置.header中.left类的子元素span，具有s1类的样式 */
.header .left span.s1 {
    margin-left: 20px; /* 左外边距为20px，增加与左侧内容的间隔 */
}

/* 设置.header中.right类的样式，通常用于页眉的右侧内容 */
.header .right {
    width: 30%; /* 宽度为父元素宽度的30% */
    float: right; /* 向右浮动 */
    margin-right: 2%; /* 右外边距为父元素宽度的2% */
}

/* 设置.header中.right类的子元素ul的样式 */
.header .right ul {
    width: 100%; /* 宽度为父元素宽度的100% */
    list-style: none; /* 移除列表项的默认样式 */
    color: white; /* 文本颜色为白色 */
    line-height: 50px; /* 行高与.header高度相同，实现垂直居中 */
    font-size: 15px; /* 字体大小为15px */
}

/* 设置.header中.right类的子元素ul中的li的样式 */
.header .right ul li {
    width: 16.66%; /* 宽度为父元素宽度的16.66%，大约是1/6，适用于六项列表 */
    float: left; /* 向左浮动，使得列表项水平排列 */
}

/* 设置.top类的样式，通常用于页面顶部的布局 */
.top {
    margin-top: 30px; /* 上外边距为30px */
    margin-bottom: 30px; /* 下外边距为30px */
}

/* 设置.top类中的img元素的样式 */
.top img {
    width: 180px; /* 宽度为180px */
    height: 70px; /* 高度为70px */
    float: left; /* 向左浮动 */
}

/* 设置.top类中的ul元素的样式 */
.top ul {
    list-style: none; /* 移除列表项的默认样式 */
    width: 55%; /* 宽度为父元素宽度的55% */
    float: left; /* 向左浮动 */
    margin-left: 5%; /* 左外边距为父元素宽度的5% */
    margin-top: 20px; /* 上外边距为20px */
}

/* 设置.top类中的ul元素中的li元素的样式 */
.top ul li {
    width: 16.666%; /* 宽度为父元素宽度的16.666%，大约是1/6，适用于六项列表 */
    float: left; /* 向左浮动，使得列表项水平排列 */
}

/* 设置.top类中的ul元素中的li元素内的a元素的样式 */
.top ul li a {
    text-decoration: none; /* 移除文本的下划线 */
    color: black; /* 文本颜色为黑色 */
    font-size: 18px; /* 字体大小为18px */
}

/* 设置.top类中的.search类的样式，通常用于搜索框的布局 */
.top .search {
    margin-top: 15px; /* 上外边距为15px */
    float: right; /* 向右浮动 */
    margin-right: 2%; /* 右外边距为父元素宽度的2% */
}

/* 搜索框输入字段的样式 */
.top .search input {
    width: 200px; /* 设置输入框的宽度 */
    height: 30px; /* 设置输入框的高度 */
    padding-left: 20px; /* 设置输入框左侧的内边距，为文本提供空间 */
    float: left; /* 使输入框左浮动，与其他元素在同一行显示 */
}

/* 搜索框提交按钮的样式 */
.top .search button {
    width: 100px; /* 设置按钮的宽度 */
    height: 33px; /* 设置按钮的高度 */
    background: #CA141D; /* 设置按钮的背景颜色 */
    color: white; /* 设置按钮中文本的颜色 */
    border: none; /* 移除按钮的边框 */
    float: left; /* 使按钮左浮动，与输入框在同一行显示 */
}

/* 首页整体布局样式 */
.shouye {
    width: 100%; /* 设置宽度为100%，占满整个屏幕 */
    background: #f5f5f5; /* 设置背景颜色为浅灰色 */
}

/* 首页内容区域顶部内边距样式 */
.shouye .ct {
    padding-top: 30px; /* 设置顶部内边距，为内容提供空间 */
}

/* 首页标题主要文本样式 */
.shouye .title .s1 {
    font-size: 24px; /* 设置字体大小 */
    font-weight: 400; /* 设置字体粗细为正常 */
}

/* 首页标题次要文本样式 */
.shouye .title .s2 {
    float: right; /* 使文本右浮动，显示在标题的右侧 */
    color: rgba(0, 0, 0, 0.6); /* 设置文本颜色为半透明的黑色 */
}

/* 首页项目列表的上下边距样式 */
.shouye .items {
    margin-top: 30px; /* 设置上外边距 */
    margin-bottom: 30px; /* 设置下外边距 */
}

/* 单个项目的布局样式 */
.shouye .items .item {
    width: 24.25%; /* 设置宽度，大约是1/4，适用于四项列表 */
    height: 430px; /* 设置高度 */
    background: white; /* 设置背景颜色为白色 */
    margin-right: 1%; /* 设置右外边距，用于项目之间的间隔 */
    float: left; /* 使项目左浮动，水平排列 */
}

/* 项目图片的显示样式 */
.shouye .items .item img {
    display: block; /* 将图片设置为块级元素，清除图片下方可能出现的空白 */
    width: 260px; /* 设置图片宽度 */
    height: 250px; /* 设置图片高度 */
    margin: 0 auto; /* 水平居中图片 */
    margin-top: 20px; /* 设置上外边距 */
}

/* 项目标题的显示样式 */
.shouye .items .item h3 {
    text-align: center; /* 设置文本居中显示 */
}

/* 项目描述的显示样式 */
.shouye .items .item span {
    display: block; /* 将span设置为块级元素，使其占据整行 */
    text-align: center; /* 设置文本居中显示 */
    margin-top: 20px; /* 设置上外边距 */
    color: rgba(0, 0, 0, 0.6); /* 设置文本颜色为半透明的黑色 */
    font-size: 15px; /* 设置字体大小 */
}

/* 项目价格的显示样式 */
.shouye .items .item .price {
    text-align: center; /* 设置文本居中显示 */
    margin-top: 20px; /* 设置上外边距 */
    font-size: 20px; /* 设置字体大小 */
    color: #FF6A00; /* 设置文本颜色为橙色 */
    font-weight: bold; /* 设置字体粗细为加粗 */
}

/* 幻灯片默认样式，用于隐藏不显示的幻灯片 */
.mySlides {
    display: none; /* 不显示元素，且不占用文档流的空间 */
    height: 100%; /* 高度占满父容器 */
}

/* 幻灯片内图片的样式 */
.mySlides img {
    width: 100%; /* 图片宽度占满父容器 */
    height: 100%; /* 图片高度占满父容器 */
    object-fit: cover; /* 图片填充方式，保持图片比例的同时覆盖整个容器 */
}

/* 幻灯片容器的样式 */
.slideshow-container {
    width: 100%; /* 容器宽度占满父容器 */
    height: 550px; /* 容器高度固定为550px */
    position: relative; /* 相对定位，为子元素提供定位参考 */
    margin: 0 auto; /* 水平居中容器 */
}

/* 上一张和下一张按钮的通用样式 */
.prev,
.next {
    cursor: pointer; /* 鼠标悬停时显示指针样式 */
    position: absolute; /* 绝对定位，相对于父容器定位 */
    top: 50%; /* 垂直居中 */
    width: auto; /* 宽度自适应内容 */
    margin-top: -22px; /* 向上偏移，使得按钮垂直居中 */
    padding: 16px; /* 内边距 */
    color: white; /* 文本颜色为白色 */
    font-weight: bold; /* 字体加粗 */
    font-size: 18px; /* 字体大小 */
    transition: 0.6s ease; /* 动画过渡效果，持续时间为0.6秒，动画曲线为ease */
    border-radius: 0 3px 3px 0; /* 圆角边框，左边无圆角 */
}

/* 下一张按钮的样式，定位在容器的右侧 */
.next {
    right: 0; /* 贴近容器右侧 */
    border-radius: 3px 0 0 3px; /* 圆角边框，右边无圆角 */
}

/* 鼠标悬停时按钮的样式 */
.prev:hover,
.next:hover {
    background-color: rgba(0, 0, 0, 0.8); /* 背景颜色半透明黑色 */
}

/* 幻灯片标题文本的样式 */
.text {
    color: #f2f2f2; /* 文本颜色为浅灰色 */
    font-size: 15px; /* 字体大小 */
    padding: 8px 12px; /* 内边距 */
    position: absolute; /* 绝对定位 */
    bottom: 8px; /* 距离容器底部8px */
    width: 100%; /* 宽度占满容器 */
    text-align: center; /* 文本居中 */
}

/* 幻灯片数字文本的样式 */
.numbertext {
    color: #f2f2f2; /* 文本颜色为浅灰色 */
    font-size: 12px; /* 字体大小 */
    padding: 8px 12px; /* 内边距 */
    position: absolute; /* 绝对定位 */
    top: 0; /* 贴近容器顶部 */
}

/* 点状导航容器的样式 */
.dotdiv {
    bottom: 30px; /* 距离容器底部30px */
    left: 49%; /* 距离容器左侧49% */
    position: absolute; /* 绝对定位 */
}

/* 点状导航标记的样式 */
.dot {
    cursor: pointer; /* 鼠标悬停时显示指针样式 */
    height: 13px; /* 高度 */
    width: 13px; /* 宽度 */
    margin: 0 2px; /* 外边距 */
    background-color: #bbb; /* 背景颜色为灰色 */
    border-radius: 50%; /* 圆形边框 */
    display: inline-block; /* 行内块级元素 */
    transition: background-color 0.6s ease; /* 背景颜色变化动画 */
}

/* 激活状态和鼠标悬停时的点状导航标记样式 */
.active,
.dot:hover {
    background-color: red; /* 背景颜色为红色 */
}

/* 通用样式2，用于某些元素的背景和内边距 */
.common2 {
    width: 100%; /* 宽度占满容器 */
    background: #f5f5f5; /* 背景颜色为浅灰色 */
    padding-top: 30px; /* 顶部内边距 */
}

/* 通用样式2下的标题链接样式 */
.common2 .title a {
    text-decoration: none; /* 去除下划线 */
    color: black; /* 文本颜色为黑色 */
    font-size: 18px; /* 字体大小为18px */
}

/* 通用样式2下的分类区域样式 */
.common2 .sort {
    background: white; /* 背景颜色为白色 */
    padding-top: 30px; /* 顶部内边距为30px */
    margin-top: 30px; /* 上外边距为30px */
    padding-bottom: 30px; /* 底部内边距为30px */
}

/* 分类区域下的无序列表样式 */
.common2 .sort ul {
    list-style: none; /* 去除列表项的标记 */
    font-size: 16px; /* 字体大小为16px */
    margin-left: 20px; /* 左外边距为20px */
    margin-bottom: 35px; /* 底部外边距为35px */
}

/* 分类区域下的列表项样式 */
.common2 .sort ul li {
    width: 10%; /* 宽度为10% */
    float: left; /* 向左浮动 */
    text-align: left; /* 文本左对齐 */
}

/* 分类区域下的第一个列表项样式 */
.common2 .sort ul li.first {
    color: rgba(0, 0, 0, 0.6); /* 文本颜色为半透明黑色 */
}

/* 分类区域下的红色文本样式 */
.common2 .sort ul li.red {
    color: rgb(207, 10, 44); /* 文本颜色为红色 */
    font-weight: bold; /* 字体加粗 */
}

/* 通用样式2下的商品区域样式 */
.common2 .items {
    margin-top: 30px; /* 上外边距为30px */
    margin-bottom: 30px; /* 底部外边距为30px */
}

/* 商品区域下的单个商品项样式 */
.common2 .items .item {
    width: 24.25%; /* 宽度为24.25% */
    height: 430px; /* 高度为430px */
    background: white; /* 背景颜色为白色 */
    margin-right: 1%; /* 右外边距为1% */
    float: left; /* 向左浮动 */
    margin-bottom: 30px; /* 底部外边距为30px */
}

/* 商品项中的图片样式 */
.common2 .items .item img {
    display: block; /* 块级显示 */
    width: 260px; /* 宽度为260px */
    height: 250px; /* 高度为250px */
    margin: 0 auto; /* 水平居中 */
    margin-top: 20px; /* 上外边距为20px */
}

/* 商品项中的标题样式 */
.common2 .items .item h3 {
    text-align: center; /* 文本居中 */
}

/* 商品项中的价格文本样式 */
.common2 .items .item span.price {
    color: rgb(207, 10, 44); /* 文本颜色为红色 */
}

/* 商品项中的信息文本样式 */
.common2 .items .item span.info {
    display: block; /* 块级显示 */
    text-align: center; /* 文本居中 */
    margin-top: 20px; /* 上外边距为20px */
    color: rgba(0, 0, 0, 0.6); /* 文本颜色为半透明黑色 */
    font-size: 15px; /* 字体大小为15px */
}

/* 商品项中的价格区域样式 */
.common2 .items .item .price {
    text-align: center; /* 文本居中 */
    margin-top: 20px; /* 上外边距为20px */
    font-size: 20px; /* 字体大小为20px */
    color: #FF6A00; /* 文本颜色为橙色 */
    font-weight: bold; /* 字体加粗 */
}

/* 商品项中的按钮样式 */
.common2 .items .item button {
    display: block; /* 块级显示，使其占据整个可用宽度 */
    width: 100px; /* 宽度为100px */
    height: 35px; /* 高度为35px */
    background: rgb(207, 10, 44); /* 背景颜色为红色 */
    border: none; /* 无边框 */
    color: white; /* 文本颜色为白色 */
    margin: 0 auto; /* 水平居中 */
    margin-top: 30px; /* 上外边距为30px */
}

/* 登录页面的样式 */
.denglu {
    background: white; /* 背景颜色为白色 */
    padding-top: 30px; /* 顶部内边距为30px */
    padding-bottom: 120px; /* 底部内边距为120px */
}

/* 登录页面标题样式 */
.denglu h3 {
    text-align: center; /* 文本居中 */
    margin: 30px 0px; /* 上外边距和下外边距为30px，左右外边距为0px */
    font-size: 25px; /* 字体大小为25px */
    letter-spacing: 3px; /* 字符间距为3px */
    margin-bottom: 60px; /* 底部外边距为60px */
}

/* 登录页面内容容器的样式 */
.denglu .neirong {
    width: 35%; /* 宽度为35% */
    margin: 0 auto; /* 水平居中 */
}

/* 登录页面内容中的可点击文本样式 */
.denglu .neirong span {
    cursor: pointer; /* 鼠标悬停时显示指针 */
    color: black; /* 文本颜色为黑色 */
    display: block; /* 块级显示 */
    margin-bottom: 20px; /* 底部外边距为20px */
}

/* 登录页面内容中的按钮样式 */
.denglu .neirong button {
    width: 100%; /* 宽度为100% */
    height: 45px; /* 高度为45px */
    background: #CA141D; /* 背景颜色为红色 */
    color: white; /* 文本颜色为白色 */
    border: none; /* 无边框 */
    font-size: 18px; /* 字体大小为18px */
    margin-bottom: 20px; /* 底部外边距为20px */
    font-weight: bold; /* 字体加粗 */
}

/* 登录页面中的输入框样式 */
.denglu input {
    height: 48px; /* 高度为48px */
    width: 93%; /* 宽度为93% */
    display: block; /* 块级显示 */
    margin: 0 auto; /* 水平居中 */
    padding-left: 20px; /* 左内边距为20px */
    margin-bottom: 30px; /* 底部外边距为30px */
}

/* 登录页面中的无序列表样式 */
.denglu ul {
    list-style: none; /* 去除列表项的标记 */
    margin-top: 30px; /* 上外边距为30px */
}

/* 登录页面中的列表项样式 */
.denglu ul li {
    width: 33%; /* 宽度为33% */
    float: left; /* 向左浮动 */
    text-align: center; /* 文本居中 */
    border-right: 1px solid rgba(0, 0, 0, 0.2); /* 右边框为半透明黑色 */
}

/* 商品详情页信息区域的标题样式 */
.detail .info h3 {
    font-size: 18px; /* 字体大小为18px */
    margin: 15px 0px; /* 上外边距和下外边距为15px，左右外边距为0px */
}

/* 定义详情页信息区域左侧部分的样式 */
.detail .info .left {
    width: 40%; /* 宽度为父元素的40% */
    float: left; /* 元素向左浮动 */
}

/* 定义详情页信息区域左侧部分的第一个图片样式 */
.detail .info .left img.first {
    width: 100%; /* 图片宽度为父元素的100% */
    height: 500px; /* 图片高度固定为500px */
}

/* 定义详情页信息区域左侧部分的图片组样式 */
.detail .info .left .imgs {
    margin-top: 10px; /* 图片组顶部外边距为10px */
}

/* 定义详情页信息区域左侧部分的图片组中每个图片的样式 */
.detail .info .left .imgs img {
    width: 18%; /* 图片宽度为父元素的18% */
    float: left; /* 图片向左浮动 */
    height: 100px; /* 图片高度固定为100px */
    margin-right: 2.5%; /* 图片右侧外边距为父元素的2.5% */
}

/* 商品详情页信息区域右侧部分的样式 */
.detail .info .right {
    width: 50%; /* 宽度为50% */
    float: right; /* 向右浮动 */
}

/* 商品详情页信息区域右侧部分的标题样式 */
.detail .info .right h2 {
    font-size: 20px; /* 字体大小为20px */
}

/* 商品详情页信息区域右侧部分的价格区域样式 */
.detail .info .right .price {
    background: #F9F9F9; /* 背景颜色为浅灰色 */
    padding-left: 20px; /* 左内边距为20px */
    margin: 30px 0px; /* 上外边距和下外边距为30px，左右外边距为0px */
    font-size: 18px; /* 字体大小为18px */
}

/* 商品详情页信息区域右侧部分价格区域中的价格文本样式 */
.detail .info .right .price span {
    color: #D7263D; /* 文本颜色为深红色 */
    line-height: 60px; /* 行高为60px */
    font-weight: bold; /* 字体加粗 */
    display: inline-block; /* 行内块级显示 */
    margin-left: 20px; /* 左外边距为20px */
    font-size: 20px; /* 字体大小为20px */
}

/* 商品详情页信息区域右侧部分的无序列表样式 */
.detail .info ul {
    list-style: none; /* 去除列表项的标记 */
    font-size: 15px; /* 字体大小为15px */
    color: #999; /* 文本颜色为灰色 */
    margin-bottom: 45px; /* 底部外边距为45px */
}

/* 商品详情页信息区域右侧部分列表项的样式 */
.detail .info ul li {
    float: left; /* 向左浮动 */
    margin-right: 5%; /* 右外边距为5% */
}

/* 商品详情页信息区域右侧部分特定列表项的样式 */
.detail .info ul li.second {
    background: #F9F9F9; /* 背景颜色为浅灰色 */
    width: 120px; /* 宽度为120px */
    padding: 5px; /* 内边距为5px */
}

/* 商品详情页信息区域右侧部分特定列表项中的图片样式 */
.detail .info ul li.second img {
    width: 60px; /* 宽度为60px */
    height: 60px; /* 高度为60px */
    vertical-align: middle; /* 垂直对齐方式为中间对齐 */
}

/* 商品详情页颜色选择区域标题的样式 */
.detail .color span.title {
    display: block; /* 块级显示 */
    margin-right: 5%; /* 右外边距为5% */
    color: #999; /* 文本颜色为灰色 */
    float: left; /* 向左浮动 */
}

/* 商品详情页颜色选择区域项的容器样式 */
.detail .color .items {
    width: 90%; /* 宽度为90% */
    display: block; /* 块级显示 */
    float: right; /* 向右浮动 */
}

/* 商品详情页颜色选择区域单个项的样式 */
.detail .color .items .item {
    width: 150px; /* 宽度为150px */
    background: #F9F9F9; /* 背景颜色为浅灰色 */
    display: inline-block; /* 行内块级显示 */
    margin-bottom: 30px; /* 底部外边距为30px */
    margin-right: 20px; /* 右外边距为20px */
}

/* 商品详情页颜色选择区域单个项中的图片样式 */
.detail .color .items .item img {
    width: 60px; /* 宽度为60px */
    height: 60px; /* 高度为60px */
    vertical-align: middle; /* 垂直对齐方式为中间对齐 */
}

/* 商品详情页颜色选择区域单个项中的文本样式 */
.detail .color .items .item span {
    margin-left: 10px; /* 左外边距为10px */
    color: #999; /* 文本颜色为灰色 */
}

/* 尺码选择区域标题的样式 */
.detail .chima span.title {
    display: block; /* 块级显示 */
    margin-right: 5%; /* 右外边距为5% */
    color: #999; /* 文本颜色为灰色 */
    float: left; /* 向左浮动 */
    margin-top: 10px; /* 上外边距为10px */
}

/* 尺码选择区域项的容器样式 */
.detail .chima .items {
    width: 90%; /* 宽度为90% */
    display: block; /* 块级显示 */
    float: right; /* 向右浮动 */
}

/* 尺码选择区域单个项的样式 */
.detail .chima .items .item {
    width: 120px; /* 宽度为120px */
    height: 50px; /* 高度为50px */
    background: #F9F9F9; /* 背景颜色为浅灰色 */
    text-align: center; /* 文本居中 */
    line-height: 50px; /* 行高为50px，使文本垂直居中 */
    color: #999; /* 文本颜色为灰色 */
    float: left; /* 向左浮动 */
    margin-right: 5%; /* 右外边距为5% */
}

/* 按钮区域的样式 */
.detail .btn {
    margin-top: 40px; /* 上外边距为40px */
}

/* 按钮的通用样式 */
.detail button {
    width: 150px; /* 宽度为150px */
    height: 45px; /* 高度为45px */
    border: none; /* 无边框 */
    color: white; /* 文本颜色为白色 */
    font-size: 16px; /* 字体大小为16px */
    font-weight: bold; /* 字体加粗 */
}

/* 第一个按钮的样式 */
.detail .btn .btn1 {
    background: #FF4F00; /* 背景颜色为橙色 */
    margin-right: 30px; /* 右外边距为30px */
}

/* 第二个按钮的样式 */
.detail .btn .btn2 {
    background: #FF9D02; /* 背景颜色为浅橙色 */
}

/* 商品分类区域的样式 */
.detail .sort {
    background: #F9F9F9; /* 背景颜色为浅灰色 */
}

/* 商品分类区域无序列表的样式 */
.detail .sort ul {
    list-style: none; /* 去除列表项的标记 */
    border: 1px solid #F9F9F9; /* 边框颜色为浅灰色 */
}

/* 商品分类区域列表项的样式 */
.detail .sort ul li {
    width: 20%; /* 宽度为20% */
    float: left; /* 向左浮动 */
    text-align: center; /* 文本居中 */
    line-height: 80px; /* 行高为80px，使文本垂直居中 */
}

/* 商品分类区域第一个列表项的样式 */
.detail .sort ul li.first {
    background: white; /* 背景颜色为白色 */
    border-bottom: 3px solid #D7263D; /* 底部边框为3px实线，颜色为深红色 */
}

/* 商品介绍区域的样式 */
.detail .jiesao {
    width: 70%; /* 宽度为70% */
    margin: 30px auto; /* 上外边距和下外边距为30px，左右自动居中 */
}

/* 商品介绍区域无序列表的样式 */
.detail .jiesao ul {
    list-style: none; /* 去除列表项的标记 */
    margin-bottom: 30px; /* 底部外边距为30px */
}

/* 商品介绍区域列表项的样式 */
.detail .jiesao ul li {
    width: 25%; /* 宽度为25% */
    float: left; /* 向左浮动 */
    text-align: left; /* 文本左对齐 */
    font-size: 14px; /* 字体大小为14px */
}

/* 商品介绍区域图片容器的样式 */
.detail .jiesao .imgs {
    width: 70%; /* 宽度为70% */
    margin: 20px auto; /* 上外边距和下外边距为20px，左右自动居中 */
}

/* 商品介绍区域图片的样式 */
.detail .jiesao .imgs img {
    width: 100%; /* 宽度为100% */
    height: 1100px; /* 高度为1100px */
}
/* 设置页脚样式 */
.footer {
    width: 100%; /* 宽度为100% */
    background: black; /* 背景颜色为黑色 */
    padding-top: 30px; /* 顶部内边距为30px */
    padding-bottom: 30px; /* 底部内边距为30px */
}
 /* 设置页脚内无序列表的样式 */
.footer ul {
    list-style: none; /* 无列表符号 */
    color: white; /* 文字颜色为白色 */
    width: 50%; /* 宽度为50% */
    margin: 0 auto; /* 水平居中 */
 }

/* 设置页脚内列表项的样式 */
.footer ul li {
     width: 25%; /* 宽度为25% */
     float: left; /* 左浮动 */
     text-align: left; /* 文字左对齐 */
}

/* 设置页脚内段落的样式 */
.footer p {
     color: white; /* 文字颜色为白色 */
     text-align: center; /* 文字居中 */
     display: block; /* 显示为块级元素 */
     margin-top: 20px; /* 顶部外边距为20px */
 }
 /* 设置页脚内列表项中图片的样式 */
.footer ul li img {
    width: 30px; /* 宽度为30px */
    height: 30px; /* 高度为30px */
    vertical-align: middle; /* 垂直对齐方式为居中 */
 }

/* 设置页脚内列表项中span标签的样式 */
.footer ul li span {
    line-height: 30px; /* 行高为30px */
    margin-left: 20px; /* 左外边距为20px */
}

/* 设置返回图标的样式 */
.fanhui-icon {
    display: block; /* 显示为块级元素 */
    width: 200px; /* 宽度为200px */
    margin: 0 auto; /* 水平居中 */
    text-align: center; /* 文字居中 */
    font-size: 24px; /* 字体大小为24px */
    color: #533336; /* 文字颜色 */
    line-height: 60px; /* 行高为60px */
    border-radius: 30px; /* 边框圆角为30px */
    margin-top: 40px; /* 顶部外边距为40px */
    border: 2px solid #533336; /* 边框样式 */
}

/* 设置链接的默认和访问过后的样式 */
a:link, a:visited {
    color: black; /* 文字颜色为黑色 */
    text-decoration: none; /* 无下划线 */
}

/* 设置链接的悬停和激活时的样式 */
a:hover, a:active {
    color: black; /* 文字颜色为黑色 */
}