jiaqingjiayi-xiaochengxu/甲情_甲意/miniprogram/pages/shangpinjiemian/shangpinjiemian.acss

/* 商品图背景 */
.image{
  width: 100%;
  height: 300px;
}
/* 价格 */
.box1{
  width: 100%;
  display: flex;
  background-color: #eec2c7;
  position: relative;
  border-radius: 15px;
}
.z1{
  top: 20rpx;
  left: 20rpx;
  position: relative;
}
.z2{
  font-weight: bolder;
  font-size: 20px;
}
.z3{
  font-size: 22px;
  font-weight: bolder;
}
.z4{
  position: relative;
  color: rgb(29, 18, 18);
}
.box8{
  display:flex;
  flex-direction: column;
  width: 60%;
}
/* 商品介绍 */
.z5{
  font-size: 15px;
  color: darkgrey;
}
.time{
  width: 100%;
  height: auto;
  border-top: 2px solid #aba8a8;
  margin-top: 40rpx;
  margin-bottom: 130rpx;
  border-radius: 20px;
}
.yuyuetext{
 width: 100%;
 height: 50px;
}
.timebox{
  width: 100px;
  height: 40px;
  border: 1px solid #8f8c8c;
  border-radius: 10px;
  margin-left: 20rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10rpx;
}
.boxtextkuang{
 width: 100%;
 height: 180px;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-evenly;
 gap: 10px;
}
.miajishikuang {
  display: flex;
  flex-wrap: wrap;  /* 允许换行 */
  justify-content: flex-start;  /* 使项目均匀分布 */
  gap: 10px;
}
.meijishsibox {
  width: 23%;  
  text-align: center;
}
.meijiashiimage {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: block;
  margin: 0 auto; 
}
.mejiashitext {
  margin-top: 5px;  
  display: flex;
  justify-content: center;
}
.duihaoimage {
  width: 20px;
  height: 20px;
}
.duihaoimage{
  width: 20px;
  height: 20px;
}
.zhifubox{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position:fixed;
  bottom: 40rpx;
}
.zhifuzhong{
  width: 90%;
  height: 50px;
  background-color: #eec2c7;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.textbox{
  width: 30%;
  display: flex;
  flex-direction: column;
}