huiting/miniprogram/pages/activity/activity.wxss

.activity-poster{
  width: 100%;
  height: 300rpx;
  margin-bottom: 0rpx;
  display: flex;
  flex-direction: column;
}

.activity-info{
  font-size: 35rpx;
  display: flex;
  flex-direction: column;
}

.top-column{
  margin-left: 30rpx;
  margin-right: 30rpx;
  display: flex;
  flex-direction: column;
  margin-top: 10rpx;
}

.brief-info{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.brief-info-left{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.publisher-avatar{
  height: 50rpx;
  width: 50rpx;
  border-radius: 30rpx;
}

.publisher-name{
  font-weight: 800;
  margin-left: 10rpx;
}

.like{
  height: 50rpx;
  width: 50rpx;
}

.activity-name{
  font-weight: 800;
  margin-left: 60rpx;
  margin-bottom: 10rpx;
}

.activity-time{
  margin-left: 50rpx;
  font-size: 30rpx;
}

.activity-place{
  margin-left: 50rpx;
  font-size: 30rpx;
}

.line{
  width: 100%;
  height: 5rpx;
  margin: 5rpx 0rpx;
}

.activity-detail{
  margin: 15rpx 50rpx;
  font-size: 30rpx;
}

.activity-detail-text{
  text-indent: 2em;
}

.message-block{
  margin-bottom: 80rpx;
  margin-left: 50rpx;
  margin-right: 50rpx;
  font-size: 30rpx;
}

.comment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80rpx;
  padding-left: 20rpx;
  padding-right: 20rpx;
  position: fixed;
  bottom: 0rpx;
  left: 0rpx;
  right: 0rpx;
}

.comment-inside{
  border-radius: 20rpx;
  background: #dadada;
}

.comment-input {
  font-size: 35rpx;
}

.comment-button {
  height: 80rpx;
  width: 100rpx;
  line-height: 80rpx;
  font-size: 30rpx;
  text-align: center;
}