/* pages/buyer/postItem/postItem.wxss */
/* @import "/pages/stars/stars.wxss";
@import "/pages/buyer/replyTemplate/reply.wxss"; */

.post-list-item-container {
  width: 100%;
  margin-bottom: 20rpx;
  display: flex;
  flex-direction: column;
  background-color: white;
}

.posterInfoBox {
  height: 60rpx;
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  margin-left: 5rpx;
}

.report-content{
  width: 100%;
  background-color: red;
}

.report-content text{
  font-size: 26rpx;
  line-height: 34rpx;
  display: block;
  color: gray;
}

.itemLeftBox {
  width: 60rpx;
}

.itemLeftBox image {
  width: 60rpx;
  height: 60rpx;
  border-radius: 50%;
}

.itemRightBox {
  padding-left: 10rpx;
}

.personInfo {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  justify-content: flex-start;
}

.postName {
  width: 200rpx;
  height: 35rpx;
}

.starsBox {
  width: 200rpx;
  height: 35rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.postName text {
  font-size: 28rpx;
  line-height: 36rpx;
  display: block;
  color: black;
}

.postTimeAndLocation {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.postTimeAndLocation text {
  height: 25rpx;
  font-size: 22rpx;
  line-height: 30rpx;
  display: block;
  color: gray;
  white-space: nowrap;
  margin-left: 10rpx;
}

.postContent {
  background-color: transparent;
   margin-left: 5rpx;
}

.postContent text {
  font-size: 26rpx;
  line-height: 34rpx;
  display: block;
  color: gray;
}

.postImage {
  background-color: transparent;
}

.postImage image {
  width: 100rpx;
  height: 100rpx;
  margin: 5rpx 5rpx 5rpx 5rpx;
}

.replyBox {
  width: 100%;
  padding: 10rpx 10rpx 10rpx 10rpx;
}

/* .replyBox text {
  font-size: 20rpx;
  line-height: 28rpx;
  display: block;
} */

.bottomBarBox {
  width: 100%;
  padding-top:5rpx;
  padding-bottom: 5rpx;
  height: 70rpx;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.bottomBarBox button{
  height: 60rpx;
  margin-left: 10rpx;
  margin-right: 10rpx;
  font-size: 30rpx;
  color: orange;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.viewall{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top:10rpx;
  margin-bottom:10rpx;
}

.viewall text{
  font-size: 22rpx;
  color:gray;
  border-bottom: 1rpx gray solid;
}

.bottomBar{
  display: flex;
  flex-direction: row;
  white-space: normal;
}