page{
  background-color: var(--weui-FG-3);
}
.containt{
  margin-top: 0px;
  padding-bottom: 50px;
}
.article{
  background-color: #ffffff;
  margin-bottom: 10px;
}
.article,.comment{
padding: 10px;
}
.article_name{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.deleteIcon{
  display: flex;align-items: center;justify-content: space-between;
}
.nick_name{
  font-size: medium;
  font-weight: bold;
}

.article_create_at{
  font-size: small;
  color: #c5c3c3;
}
.article_title{
display: flex;
margin-bottom: 10px;
position: relative;
}
.article_title image ,.comment_image image{
  width: 40px;
  height: 40px;
}
.comment_image{
  width: 50px;
}
.comment{
  display: flex;
}
.article_title text{
  margin-left: 10px;
}
.delete{
position: absolute;
right: 0;
color: var(--weui-FG-2);
}
.article_pics{
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
}
.article_pics image{
  width: 100px;
  height: 100px;
  margin-right: 10px;
}
.article_likes{
  margin: 10px auto;
  display: flex;
  justify-content: space-between;
}
.article_likes image ,.comment_time image,.comment_name image{
  margin-right: 1px;
  height: 20px;
  width: 20px;
}
.comment_count{
  margin-right: 10px;
}
.comment_name{
  color: rgb(0, 68, 255);
  display: flex;
  justify-content: space-between;
}
.comment_right{
  width: 100%;
}
.comment_time{
  font-size: 12px;
  color: var(--weui-FG-2);
  display: flex;
  justify-content: space-between;
}
.reply_comment,.reply_article{
  position: relative;
  padding: 10px;
  background-color: var(--weui-FG-4);
}
.reply_article_text{
  width: 95%;
}
.publish_article,.publish_comment{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
  color: red;
}
.addPic image{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 20px;
  bottom: 100px;
}
.counts{
  display: flex;
}
.align{
  display: flex;
  flex-direction: row;
  align-items: center;
  color: rgb(162, 163, 163);
}
.hr{
  background-color: #fff;
  margin-top: 10rpx;
}
.comment_content{
  word-break: break-all;
}