@charset "UTF-8"; /* 需要放到文件最上面 */ /* 水平间距 */ /* 水平间距 */ /* 以下变量是默认值,如不需要修改可以不用给下面的变量重新赋值 */ /* 水平间距 */ .product { display: flex; flex-wrap: wrap; margin-top: 30rpx; padding-bottom: 60rpx; } .product .product-item { width: 50%; box-sizing: border-box; margin-bottom: 30rpx; } .product .product-item:nth-child(2n-1) { padding-right: 16rpx; } .product .product-item:nth-child(2n) { padding-left: 16rpx; } .product .product-box { background: #FFFFFF; border-radius: 16rpx; overflow: hidden; } .product .product-img { position: relative; } .product .product-img image { width: 100%; height: 260rpx !important; } .product .floor { position: absolute; left: 0; bottom: 20rpx; width: 100%; color: #FFFFFF; font-size: 24rpx; } .product .floor-box { display: block; overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; padding: 0 10rpx; display: flex; align-items: center; } .product .floor .iconfont { color: #FFFFFF; font-size: 24rpx; display: inline-block; margin-right: 4rpx; } .product .product-info { padding: 10rpx 0 20rpx 0; } .product .product-info .title { font-size: 28rpx; padding: 0 20rpx; } .product .product-info .other { display: flex; padding-top: 10rpx; padding-left: 20rpx; color: #aaa; } .product .product-info .other text { font-size: 24rpx; } .product .product-info .other .line { margin: 0 10rpx; } .product .product-info .price { display: flex; align-items: center; padding-top: 6rpx; color: red; padding-left: 20rpx; } .product .product-info .price-box { flex: 1; } .product .product-info .price-box text { font-weight: bold; font-size: 30rpx; } .product .product-info .price-box .price-text { display: inline-block; font-size: 24rpx; scale: 0.9; }