/* pages/topics/interactive/index.wxss */
@import '../../../style/font.wxss';
.publish{
  position: fixed;
  width: 40px;
  height: 40px;
  right: 20px;
  bottom: 40px;
}

image{
  width: 100%;
  height: 100%;
}
.container{
  font-family: PingFangSC-Regular; 
  font-weight: 300;
}

.cell {
  /* border-bottom: 1px solid #E7E7E7;
  display: flex;
  flex-direction: row;
  padding: 10px 20px;
  align-items: center; */
  /* min-height: 80px; */
  display: flex;
  align-items: center;
  justify-content: center;
  width:100%; 
  border-bottom: 1px solid #E7E7E7;
}

.content {
  display: flex;
  width:90%;
  height:80px;
  margin:15px 0px 5px 0px;
}
.left{
  width:22%;
  /* background-color: #EEEEEE; */
  /* border:1px solid black; */
  display: flex;
  /* align-items: center; */
  /* justify-content: center; */
}
.articleImg{
  width: 55px;
  height: 55px;
  border-radius: 50%;
}

.right{
  flex:1;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  height: 100%; 
  /* align-items: center; */
  justify-content: center;
  /* border:1px solid black; */
}

.right-top{
  height:60%;
  width:100%;
  /* border:1px solid black; */
  display: flex;
  /* 底部对齐 */
  align-items: center;
  
}
.right-title{
  /* font-size: 17px;
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  height:80%;
  width:100%; */

  font-size: 17px;
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-break: break-all;
  text-overflow: ellipsis;
  /* height:85%; */
  /* border: 1px solid black; */
}

.right-bottom{
  display: flex;
  /* flex-direction: row; */
  align-items: center;
  justify-content: flex-end;
  height: 40%;
  margin:10px 0px 5px 0px;
  /* border:1px solid black; */
  /* align-items: flex-end; */

}
.bottom-top{
  font-size: 14px;
  color:red;
  border-radius: 5px;
  border:1px solid red;
  margin:0px 10px;
  padding:0px 5px;
}
.cell_info_meta {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  color: #D4D4D4;

}

.nav{
  height:250px;
}

.circular{
  width: 55px;
  height: 55px;
  border-radius: 50%;
  /* background-color: thistle; */
  display: flex;
  align-items: center;
  justify-content: center;
}