.detail { padding: 20rpx; }
.d-title { font-size: 36rpx; font-weight: bold; color: #222; padding: 10rpx 6rpx; }
.d-swiper { width: 100%; height: 620rpx; border-radius: 16rpx; overflow: hidden; background: #eef4fb; }
.d-img { width: 100%; height: 100%; }
.d-attrs { background: #fff; border-radius: 16rpx; padding: 10rpx 24rpx; margin-top: 20rpx; }
.attr-row { display: flex; padding: 18rpx 0; border-bottom: 1rpx solid #f0f4f8; font-size: 28rpx; }
.attr-row:last-child { border-bottom: none; }
.attr-k { width: 180rpx; color: #98a; }
.attr-v { color: #333; flex: 1; }
.ribbon-text { color: #4A90D9; font-weight: bold; }
.del { text-decoration: line-through; color: #bbb; }
.d-desc { background: #fff; border-radius: 16rpx; padding: 20rpx 24rpx; margin-top: 20rpx; }
.block-title { font-size: 30rpx; font-weight: bold; color: #4A90D9; margin-bottom: 12rpx; }
.desc-text { font-size: 28rpx; color: #555; line-height: 44rpx; }

.d-foot { position: fixed; left: 0; right: 0; bottom: 0; display: flex; align-items: center; padding: 16rpx 24rpx; background: #fff; box-shadow: 0 -2rpx 10rpx rgba(0,0,0,.06); }
.fav-btn { width: 200rpx; text-align: center; color: #4A90D9; font-size: 28rpx; }
.fav-btn.on { color: #ff6a3d; }
.buy-btn { flex: 1; background: #ff6a3d; color: #fff; text-align: center; padding: 22rpx 0; border-radius: 44rpx; font-size: 30rpx; }
.sold-foot { justify-content: center; }
.sold-full { color: #999; font-size: 30rpx; }