ypg-xcx/pages/livehome/livehome.wxss

/* pages/livehome/livehome.wxss */
.live-list-box{
  padding: 20rpx;
}
.live-list::after{
  content: '';
  display: block;
  clear: both;
}
.live-list{
  position: relative;
  width: 100%;
  height: 500rpx;
  box-shadow: 0 5rpx 20rpx rgba(0,0,0,0.3);
  margin-bottom: 20rpx;
}
.goods-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.goods-bg image{
  width: 100%;
  height: 100%;
  background: #f1f1f1;
}
.goods-info{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,0.3));
}
.goods-state{
  position: absolute;
  top: 30rpx;
  background: #666;
  padding-right: 20rpx;
  border-top-right-radius: 26rpx;
  border-bottom-right-radius: 26rpx; 
}
.goods-state view{
  float: left;
  font-size:24rpx;
  color: #fff;
}
.goods-state .goods-state-left{
  background: #e22;
  padding: 10rpx 20rpx;
}
.goods-state-left image{
  float: left;
  height: 30rpx;
  width: 30rpx;
  margin-right: 8rpx;
}
.goods-state-left text{
  float: left;
  display: block;
}
.goods-state .goods-state-right{
  padding: 10rpx 20rpx;
}
.goods-title{
  padding: 0 20rpx;
  position: absolute;
  left: 0;
  bottom: 20rpx;
}
.goods-title text{
  color: #fff;
  display: block;
}
.goods-intro{
  font-size: 28rpx;
}
.goods-name{
  text-align: center;
}
.auctioneer{
  position: absolute;
  top: 90rpx;
  padding: 0 20rpx;
  background: rgba(0, 0, 0, 0.3)
}
.auctioneer text{
  font-size: 28rpx;
  color: #fff;
}