.page{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 0%;
}

.top{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 20rpx;
}

.publisher{
  display: flex;
  flex-direction: column;
  margin: 0rpx;
  width: 90%;
  border-radius: 30rpx;
  border-width: 10rpx;
  border-style: solid;
  border-color: #3F51B5;
  z-index: 0;
}

.brief-info{
  display: flex;
  flex-direction: row;
  border-radius: 20rpx 20rpx 0rpx 0rpx;
  z-index: 1;
}

.brief-info-right{
  display: flex;
  flex-direction: column;
  margin-top: 35rpx;
}
.publisher-avatar{
  height: 150rpx;
  width: 150rpx;
  border-radius: 100rpx;
  margin: 20rpx;
  border-width: 5rpx;
  border-style: solid;
  border-color: #3F51B5;
}

.publisher-name{
  font-weight: 800;
  text-decoration: underline;
  font-size: 40rpx;
}

.publisher-attribute{
  align-self: center;
  padding: 5rpx 25rpx;
  font-size: 30rpx;
}

.detailed-info{
  font-size: 30rpx;
  margin-left: 25rpx;
  margin-top:0rpx;
  margin-right: 25rpx;
  margin-bottom: 25rpx;
  padding: 10rpx;
}

.publisher-contact{
  margin-top: 20rpx;
}

.b{
  font-weight: 700;
}

.like{
  height: 50rpx;
  width: 50rpx;
  margin-left:220rpx;
}

.brief-info-right-below{
  padding: 20rpx;
  display: flex;
  flex-direction: row;
}