shibeirencai_wechat/pages/user/myWhistle/whistleDetail/index.wxss

/* pages/user/myWhistle/whistleDetail/index.wxss */
page{
  width:100%;
  font-size: 28rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.title{
  width: 90%;
  height: 60px;
  border-bottom: 1rpx solid rgba(0, 0, 0, 0.116);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.content{
  width: 95%;
  /* height: 200px; */
  margin-top: 5px;
  border-bottom: 1rpx solid rgba(0, 0, 0, 0.116);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.con{
  width:95%;
  margin-top:20rpx;
  margin-bottom: 20rpx;
  font-size: 26rpx;
  display: flex;
  align-items: center;
}

.date{
  width:95%;
  font-size: 26rpx;
}

.info{
  width:95%;
  font-size: 26rpx;
  margin-bottom: 5px;
}

.image-show{
  height: 220rpx;
  width:95%;
  overflow-x:scroll;
  white-space:nowrap;
  margin-top:30rpx;
}

.img-box{
  margin-right:15rpx;
  width:220rpx;
  height:180rpx;
  display: inline-flex;
  position: relative;
}

.process{
  width: 95%;
  /* margin-top:20px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 27rpx;
}

.table{
  /* background-color: #efeff4; */
  /* height: 100%; */
  width:100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tb{
  width:100%;
  /* height:150rpx; */
  min-height: 100px;
  display: flex;
  /* border: 1px solid #000; */
}

/* .time{
  width: 30%;
  display: flex;
  justify-content:right;
  font-size:13px;
} */
.timeline{
  width: 15%;
  display: flex;
  flex-direction: column;
}

.content-1{
  width:85%;
  /* height: 100%; */
  display: flex;
  flex-direction: column;
  justify-content:center;
  /* align-items: center; */
  /* word-wrap:break-word;
  word-break:break-all; */
}


.line{
  width:49%;
  height: 40%;
  border-right: 1px solid #cecdcb;
}
.circle{
  width:100%;
  height: 20%;
  display: flex;
  align-items: center;
  justify-content:center;
  color:#5677fc;
}

.process-tit{
  display: flex;
  justify-content: space-between;
}
text{
  margin-bottom: 5px;
}


.btn1{
  width:90%;
  background-color: #fc6351;
  color: white;
  margin-top: 30px;
  margin-bottom: 30px;
}

.score{
  width: 90%;
  border-top: 1rpx solid rgba(0, 0, 0, 0.116);
}

.comment{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 10px;
}

.com-top{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.com-bottom{
  width: 100%;
  margin-top: 10px;
}

.text-title{
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 17px;
}