ypg-xcx/pages/unboxing/unboxing.wxss

.container .unboxing-block{
  padding: 20rpx;
  position: relative;
  box-sizing: border-box;
  width: 100%;
}
.container .unboxing-block .unboxing-userhead{
  position: absolute;
  border-radius: 50%;
  background: #ffabab;
  width: 80rpx;
  height: 80rpx;
  border: 2rpx solid #eee;
  z-index: 999;
}
.container .unboxing-block .unboxing-username{
  color: #fb752c;
  font-size: 24rpx;
  margin-left: 100rpx;
  margin-top: 10rpx;
  margin-bottom: 10rpx;
  display: block;
}
.container .unboxing-block .unboxing-content{
  background: #f1f1f1;
  margin-left: 50rpx;
  padding: 10rpx 30rpx 10rpx 50rpx;
  border-radius: 5rpx;
}
.container .unboxing-block .unboxing-content .unboxing-title{
  font-size: 28rpx;
  margin-bottom: 10rpx;
  display: block;
}
.container .unboxing-block .unboxing-content .unboxing-info{
  font-size: 24rpx;
  color: #666;
  margin-bottom: 20rpx;
}
.container .unboxing-block .unboxing-content .unboxing-info text{
  display: block;
}
.container .unboxing-block .unboxing-content .unboxing-evaluation{
  font-size: 26rpx;
  line-height: 35rpx;
  display: block;
  margin-bottom: 20rpx;
}
.container .unboxing-block .unboxing-content .unboxing-images-box{
  margin-bottom: 20rpx;
}
.container .unboxing-block .unboxing-content .unboxing-images-box:after{
  content: "";
  display: block;
  clear: both;
}
.container .unboxing-block .unboxing-content .unboxing-images-box .unboxing-images{
  width: 170rpx;
  height: 170rpx;
  background: #ffabab;
  display: block;
  float: left;
  margin-right: 20rpx;
}
.container .unboxing-block .unboxing-content .unboxing-botton:after{
  content:"";
  display: block;
  clear: both;
}
.container .unboxing-block .unboxing-content .unboxing-botton .unboxing-release-time{
  float: left;
  font-size: 26rpx;
  color: #999;
}
.container .unboxing-block .unboxing-content .unboxing-botton .unboxing-btn{
  float: right;
  font-size: 26rpx;
  color:#21bdfe;
}