/* pages/list/scene/index.wxss */ .hot-keywords { position: fixed; left: 0; right: 0; display: flex; padding: 30rpx; height: 40rpx; overflow-x: auto; font-weight: 500; background: white; z-index: 1; } .hot-keywords text { color: #3B3B3B; font-size: 27rpx; flex-shrink: 0; } .hot-keywords .hot-item { flex-shrink: 0; margin-left: 25rpx; border-radius: 12rpx; background: #f3f3f3; line-height: 40rpx; padding: 0 15rpx; font-size: 24rpx; color: #a2a2a2; } .item { display: flex; align-items: center; margin: 40rpx 25rpx; margin-top: 0; justify-content: space-between; position: relative; } .item .info { flex: 1; } .item image { width: 233rpx; height: 233rpx; border-radius: 11rpx; display: block; margin-right: 24rpx; flex-shrink: 0; } .item .no-text { width: 67rpx; line-height: 42rpx; background: linear-gradient(90deg, #FF9568, #FEB42F); border-radius: 11rpx 0 11rpx 0; color: #fff; font-size: 22rpx; font-weight: bold; position: absolute; left: 0; top: 0; text-align: center; } .item .status-text { position: absolute; left: 0; bottom: 0; width: 233rpx; line-height: 47rpx; background: rgba(0, 0, 0, 0.5); border-radius: 0 0 11rpx 11rpx; font-size: 25rpx; color: #ffffff; text-align: center; } .tags { display: flex; margin-top: 16rpx; align-items: center; margin-bottom: 30rpx; width: 430rpx; } .tag { color: #0B898E; font-size: 20rpx; margin-right: 30rpx; position: relative; line-height: 20rpx; white-space: nowrap; overflow-x: hidden; text-overflow: ellipsis; } .tags .tag::after { content: "1"; display: block; font-size: 0; position: absolute; left: 0; right: 0; height: 8rpx; background: #DAF3E9; top: 16rpx; z-index: -1; } .location { color: #A3A3A3; font-size: 24rpx; } .location .iconfont { margin-right: 6rpx; font-size: 26rpx; } .price-box { display: flex; justify-content: space-between; align-items: flex-end; font-size: 24rpx; color: #333333; } .price-box .price { color: #D62828; } .price-box .price text:nth-child(2){ font-weight: 500; font-size: 33rpx; } .price-box .price text:nth-child(3){ font-size: 20rpx; color: #8D8D8D; }