/* 商品详情页面的整体样式 */ .details { background: #fff; /* 设置背景颜色为白色 */ } /* 商品顶部图片的样式 */ .details .topimage { width: 100%; /* 图片宽度占满父容器 */ } /* 商品基本信息容器的样式 */ .details .content { margin: 10px; /* 设置外边距为 10px */ } /* 商品价格的样式 */ .details .content .price { color: #f2270c; /* 设置价格文字颜色为红色 */ } /* 商品价格中的文本样式 */ .details .content .price text { color: #f2270c; /* 设置价格文字颜色为红色 */ display: inline-block; /* 使文本块级显示,方便设置其他样式 */ font-family: JDZH-Regular; /* 设置字体为 JDZH-Regular */ font-size: 20px; /* 设置字体大小为 20px */ line-height: 30px; /* 设置行高为 30px */ } /* 商品标题的样式 */ .details .content .title { font-size: 15px; /* 设置字体大小为 15px */ font-weight: 700; /* 设置字体加粗 */ } /* 商品详细介绍图片的样式 */ .details .introduce image { width: 100%; /* 图片宽度占满父容器 */ }