/* 商品图背景 */ .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; }