ypg-xcx/pages/newdeal/newdeal.wxss

.new-deal-block{
  width: 100%;
  height: 250rpx;
  border-bottom: 2rpx solid #ccc;
   padding: 0 20rpx;
   box-sizing: border-box;
}
.new-deal-block .title{
 margin-bottom: 20rpx;
}
.new-deal-block .title:after{
  content: "";
  display: block;
  clear: both;
}
.new-deal-block .title text{
  font-size:26rpx;
}
.new-deal-block .title .dealTime{
  float: left;
  color: #666;
}
.new-deal-block .title .price{
  float: right;
  color: #000;
}
.new-deal-block .content:after{
  content: "";
  display: block;
  clear: both;
}
.new-deal-block .content .goodsimg{
  width: 120rpx;
  height: 120rpx;
  background: #ccc;
  float: left;
  margin-right: 30rpx;
  margin-top: 20rpx;
}
.new-deal-block .content .userinfo{
  float: left;
  position: relative;
  width: 560rpx;
}
.new-deal-block .content .userinfo .buyer{
  font-size: 26rpx;
  margin-bottom: 10rpx;
}
.new-deal-block .content .userinfo .auction{
  font-size: 26rpx;
  margin-bottom: 10rpx;
}
.new-deal-block .content .userinfo .auction text{
  color: #fb752c;
}
.new-deal-block .content .userinfo .discount image{
  width: 80rpx;
  height: 80rpx;
  float: left;
}
.new-deal-block .content .userinfo .discount text{
  line-height: 100rpx;
  float: left;
  font-size: 45rpx;
}
.new-deal-block .content .userinfo .bidding-btn{
  color: #fff;
  display: block;
  position: absolute;
  width: 170rpx;
  background: #fb752c;
  right: 0;
  top: 60rpx;
  font-size: 26rpx;
  text-align: center;
  line-height: 45rpx;
}