TSYWXT-WX-APP/pages/myPage/myPage.wxss

/* @import "/pages/stars/stars.wxss"; */
@import "/pages/project/postItem/postItem.wxss";

.myPageContainer {
  position: fixed;
  width: 100%;
  height: 100%;
  background: white;
  overflow: hidden;
}

.myPageContainer .buyerPerson {
  width: 100%;
  height: 100rpx;
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  background-color: wheat;
}

.myPageContainer .buyerPerson .top-image {
  width: 100rpx;
  height: 100rpx;
  padding: 5rpx;
}

.myPageContainer .buyerPerson .top-image image {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
}

.myPageContainer .buyerPerson .buyerinfo {
  height: 100rpx;
  width:85%;
  margin-left: 20rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.myPageContainer .buyerPerson .toolbar {
  height: 100rpx;
  width: 15%;
  margin-left: 20rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.myPageContainer .buyerPerson .toolbar image {
  width: 60rpx;
  height: 60rpx;
}

.myPageContainer .buyerPerson .buyerinfo .infobox{
   display: flex;
   flex-direction: row;
}

.myPageContainer .buyerPerson .buyerinfo .infobox .nick{
  margin-right: 20rpx;
  font-size: 22rpx;
  color: black;  
}

.myPageContainer .buyerPerson .buyerinfo .taskBox{
  display: row;
  flex-direction: row;
}

.myPageContainer .buyerPerson .buyerinfo .taskBox text{
  color: black;
  font-size: 22rpx;
}

.myPageContainer .talkBox {
  padding-left: 10rpx;
  padding-right: 10rpx;
  width: 100%;
  height: 90%;
}

.post-list {
  height: 100%;
  width: 100%;
  flex:1;
}

.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;
  margin-left: 10rpx;
  margin-bottom: 10rpx;
}

.posterInfoBox .orgName{
   width: 50%;
   height: 100%;
}

.posterInfoBox .orgName text{
  height: 100%;
  text-align: center;
}



.moreinfo-right{
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;

  padding-right: 20rpx;
}

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

.moreinfo text{
  color: darkcyan;
  border-bottom: 1px red solid; 
  margin-right: 10rpx;
  margin-left: 10rpx;
}

 .time{
  width: 100%;
  height: 60rpx;
  /* display: flex;
  flex-direction: row;
  justify-content: flex-end; */
  border-bottom: 1px darkcyan solid; 
}

.time text{
  color: lightgray;

}

.report-content{
  width: 100%;
  min-height: 100rpx;
  background-color: whitesmoke;
  padding: 10rpx;
}

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