165 lines
2.5 KiB
Plaintext
165 lines
2.5 KiB
Plaintext
/**
|
|
|
|
* 优惠券可用商品
|
|
*/
|
|
|
|
page {
|
|
background-color: #f7f7f7;
|
|
}
|
|
|
|
/* 商城搜索 */
|
|
.mallSearch {
|
|
position: fixed;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
height: 120rpx;
|
|
box-sizing: border-box;
|
|
padding: 20rpx 30rpx;
|
|
background-color: #fff;
|
|
z-index: 9;
|
|
}
|
|
|
|
.mallSearch-cont {
|
|
background-color: #f7f7f7;
|
|
border-radius: 100rpx;
|
|
padding: 18rpx 30rpx;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
color: #999999;
|
|
height: 80rpx;
|
|
width: 100%;
|
|
}
|
|
|
|
.mallSearch-cont-icon {
|
|
width: 44rpx;
|
|
height: 44rpx;
|
|
margin-right: 30rpx;
|
|
}
|
|
|
|
.mallSearch-cont input {
|
|
width: calc(100% - 44px);
|
|
}
|
|
|
|
.mallTag {
|
|
position: fixed;
|
|
left: 0;
|
|
top: 110rpx;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
padding: 40rpx;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
z-index: 9;
|
|
}
|
|
|
|
.mallTag-one {
|
|
width: 200rpx;
|
|
}
|
|
|
|
.mallTag-name {
|
|
display: flex;
|
|
width: 150rpx;
|
|
}
|
|
|
|
.mallTag-name image {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin: 7rpx 10rpx;
|
|
}
|
|
|
|
.mallTag-name.active,
|
|
.mallTag-one.active {
|
|
color: #d32300;
|
|
}
|
|
|
|
/* 商品 */
|
|
|
|
.recommend-list {
|
|
overflow: hidden;
|
|
margin: 260rpx 20rpx 30rpx;
|
|
}
|
|
|
|
.recommend-label {
|
|
float: left;
|
|
width: calc(50% - 20rpx);
|
|
margin: 0 10rpx 20rpx;
|
|
border-radius: 10rpx;
|
|
overflow: hidden;
|
|
background-color: white ;
|
|
}
|
|
|
|
.recommend-img {
|
|
position: relative;
|
|
width: 100%;
|
|
padding-top: 100%;
|
|
}
|
|
|
|
.recommend-img image {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
|
|
.recommend-cont {
|
|
padding: 20rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.recommend-price {
|
|
margin: 20rpx 0;
|
|
display: flex;
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.recommend-ruling {
|
|
color: #ea4e2f;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.recommend-ruling text {
|
|
font-size: 24rpx;
|
|
}
|
|
|
|
.recommend-cost {
|
|
font-size: 24rpx;
|
|
color: #999;
|
|
margin: 2rpx 0 0 20rpx;
|
|
}
|
|
|
|
.recommend-mark {
|
|
background-color: #f2e4c0;
|
|
border-radius: 6rpx;
|
|
display: inline-block;
|
|
font-size: 24rpx;
|
|
overflow: hidden;
|
|
height: 38rpx;
|
|
line-height: 38rpx;
|
|
padding-right: 10rpx;
|
|
}
|
|
|
|
.recommend-vip {
|
|
display: inline-block;
|
|
line-height: 38rpx;
|
|
background-color: #333333;
|
|
color: #f2e4c0;
|
|
padding: 0 10rpx;
|
|
}
|
|
|
|
.recommend-sell {
|
|
float: right;
|
|
font-size: 24rpx;
|
|
line-height: 38rpx;
|
|
color: #aaabab;
|
|
}
|
|
.nomore {
|
|
width: 100%;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
text-align: center;
|
|
color: #999;
|
|
margin-bottom: 20rpx;
|
|
font-size: 28rpx;
|
|
} |