.null{ padding-top: 100rpx; padding-bottom: 30rpx; } .null image{ width: 300rpx; height: 250rpx; margin: 0 auto; display: block; margin-bottom: 30rpx; } .null text{ width: 100%; text-align: center; color: #999; display: block; } .container-block{ width: 95%; padding-bottom: 20rpx; background: #fff; position: relative; margin: 0 auto 20rpx; border-radius: 20rpx; overflow: hidden; box-shadow: 0 0 30rpx rgba(0, 0, 0, 0.3) } .container-block .collect-btn{ position: absolute; right:20rpx; top: 20rpx; width: 40rpx; } .container-block .collect-btn image{ width: 40rpx; height: 40rpx; display: block; } .container-block .collect-btn text{ font-size: 20rpx; display: block; } .container-block .collect-btn-not text{ color: #999; } .container-block .collect-btn-already text{ color: #fb752c; } .container-block .goods-img{ background: #333; width: 100%; position: relative; height: 400rpx; } .container-block .goods-img image{ width: 100%; height: 100%; background: #ccc; } .container-block .goods-info .goods-title{ display: block; text-align: center; margin-top: 30rpx; } .container-block .goods-info .goods-info-content{ position: relative; margin-top: 20rpx; } .container-block .goods-info .goods-info-content::after{ content: ''; display: block; clear: both; } .container-block .goods-info .goods-info-content view{ font-size: 28rpx; color: #666; } .container-block .goods-info .goods-info-content .goods-proice{ margin-left: 20rpx; } .container-block .goods-info .goods-info-content .goods-proice .goods-proice-style{ font-size:40rpx; color:#e22; font-weight:600; display: block; position:absolute; top: -10rpx; left: 140rpx; } .goods-time-state{ position: absolute; width: 30%; height: 50rpx; background: #e22; top: 50%; left: 0; margin-top: 130rpx; border-top-right-radius: 25rpx; border-bottom-right-radius: 25rpx; } .goods-time-state text{ font-size: 24rpx; color: #fff; display: block; line-height: 50rpx; text-align: center; } .goods-info-other{ margin-left: 20rpx; margin-top: 10rpx; } .goods-info-other::after{ content: ''; display: block; clear: both; } .goods-info-other .attention{ float: right; margin-right: 20rpx; } .container-block .goods-info .goods-info-content .goods-info-other .shop-name { float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .container-block .goods-info .goods-info-content .goods-info-other .lines{ border-left:1px solid #666; height:28rpx; display:inline-block; margin: 0 10rpx; position: relative; top: 5rpx; } .container-block .goods-info .goods-info-state{ font-size: 24rpx; text-align: center; display: block; margin-bottom: 10rpx; } .container-block .goods-info .goods-info-text{ width: 250rpx; height: 160rpx; margin: 0 auto; position: relative; } .container-block .goods-info .goods-info-text text{ display: block; text-align: center; } .container-block .goods-info .goods-info-text .goods-money{ font-size: 30rpx; margin-top: 8rpx; margin-bottom: 8rpx; font-weight: 600; } .container-block .goods-info .goods-info-text .goods-buyer{ font-size: 26rpx; } .container-block .goods-info .goods-info-text .goods-auction{ position: absolute; width: 100%; color: #fff; padding: 10rpx 0; font-size: 26rpx; bottom: 0; } .container-block .goods-info-ing .goods-info-state{ color: #fb752c } .container-block .goods-info-end .goods-info-state{ color: #666; } .container-block .goods-info-ing .goods-info-text{ border: 1px solid #fb752c; } .container-block .goods-info-end .goods-info-text{ border: 1px solid #999; } .container-block .goods-info-ing .goods-info-text .goods-money{ color: #333; } .container-block .goods-info-end .goods-info-text .goods-money{ color: #666; } .container-block .goods-info-ing .goods-info-text .goods-buyer{ color: #333; } .container-block .goods-info-end .goods-info-text .goods-buyer{ color: #666; } .container-block .goods-info-ing .goods-info-text .goods-auction{ background: #fb752c; } .container-block .goods-info-end .goods-info-text .goods-auction{ background: #999; }