/**index.wxss**/ .flex-box{ display: flex; } .flex-btn{ flex: 1; } .list{ /* border-bottom: 1rpx solid #e5e5e5; */ padding: 40rpx 21rpx; box-sizing: border-box; position: relative; width: 100%; background: white; border-radius: 20rpx; overflow: hidden; margin-bottom: 15rpx; } .list-img{ width: 130rpx; height: 180rpx; /* margin-right: 20rpx; */ position: relative; display:flex; align-items:flex-start; } .list-img .img{ width: 96rpx; height: 96rpx; } .list-play{ position: absolute; left: 45rpx; top: 70rpx; width: 40rpx; height: 40rpx; } .list-title{ height: 52rpx; } .list-title text{ font-size: 15px; line-height: 52rpx; color: #000; width: 500rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list-brief .star{ border:1px solid #D7D7D7; padding:0 4px; line-height: 38rpx; } .list-brief .sale{ border:1px solid #D7D7D7; padding:4rpx 12rpx; margin-left:8rpx; } .list-brief .sale:first-child{ margin-left:0rpx; } .list-brief .price{ font-size: 15px; color:#FF8000; font-family:PingFang-SC-Bold; font-weight: bold; padding-left:18rpx; } .list-brief .txt{ font-size: 13px; color:#FF8000; font-family:PingFang-SC-Bold; } .i-imax{ width: 52rpx; height: 28rpx; margin-left: 10rpx; } .list-size{ height: 40rpx; font-size: 14px; color: #8a869e; } .list-size .star{ width: 100rpx; height: 20rpx; /* background: url(../../images/i-star.png) no-repeat; */ background-size: 100rpx; display: inline-block; margin-right: 10rpx; } .stars{ width: 100rpx; height: 20rpx; /* background: url(../../images/i-stars.png) no-repeat; */ background-size: 100rpx; float: left; margin-right: 10rpx; } .list-brief{ font-size: 12px; line-height: 56rpx; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 350rpx; font-size: 28rpx; } .list-brief .area{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 350rpx; font-size: 28rpx; color: #999999; } .list-brief .wish{ padding-right: 10rpx; margin-right: 10rpx; } .list-main{ position: relative; } .list-sale{ position: absolute; right: 21rpx; bottom: 43rpx; } .list-status{ width: 131rpx; height: 50rpx; opacity: 1; border: 2px solid #ffffff; border-radius: 27rpx; color:#ffffff; font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; display: flex; justify-content: center; align-items: center; } .list-fulls{ background: #6517FF; } .list-joins{ background: #9DDB52; } .list-sale text{ /* padding:10rpx 18rpx; font-size:12px; */ display: flex; width: 131rpx; height: 50rpx; margin-right: 21rpx; border-radius:30rpx; font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #ffffff; line-height: 50rpx; } .bg-full{ background:#6517FF } .bg-yollow{ background:#FFDE00; color:#292929; } .bg-red{ background:#F53E37; } .list-full{ position: absolute; right: 10rpx; top: 97rpx; } .list-full text{ padding: 10rpx 18rpx; border: 1rpx solid #F53E37; font-size: 14px; color: #FFFFFF; border-radius: 25rpx; background: #F53E37; } .list-sale .pre-sale{ border: 1rpx solid #fea54c; color: #fea54c; } .list-price{ display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top:26rpx; right:21rpx; } .list-price .txt{ font-size: 20rpx; color:#EC2E26; }