.m-topic .top{padding:0 1rem;height:2rem;line-height:2rem;color:#a4a2a2}
.m-topic .top a{color:#a4a2a2}


/* 内容 */
.m-topic .detail{
  background: #fff;
  padding:1rem;
}
.m-topic .detail img{width: 100%;}
.m-topic .detail h3{color:#000;margin-top: .5rem;font-size:1.6rem}
.m-topic .detail p,
.m-topic .detail div{
  color:#a4a2a2;
  margin-bottom: .5rem;
}

/* 列表 */
.m-topic .list{
  background: #fff;
  padding:1rem;
  width:100%;
  overflow: hidden;
}

.m-topic .list a{
  margin: 0 0 1rem 0;
  padding: 1rem 0;
  border-bottom: 0.01rem #e2eaed solid;
  align-items: center;
  width:100%;
  overflow: hidden;
}
.m-topic .list a img{
  width:6rem;
  height:6rem;
}
.m-topic .list a ul{
  margin:0 0 0 1rem;
  flex:1;
  overflow: hidden;
}
.m-topic .list a ul li{
  line-height:2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-topic .list a ul li.l1{font-size:1.2rem;color:#444;}
.m-topic .list a ul li.l2{font-size:.8rem;color:#999}
.m-topic .list a ul li.l3{color:#666}
.m-topic .list a ul li span{margin:0 .5rem}
.m-topic .list a b{
  width: 4rem;
  color: #fff;
  background-color: #28c16a;
  text-align: center;
  margin: 0.39rem 0 0 0.23rem;
  border: 0.2rem solid #28c16a;
  border-top-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.m-topic .recommend .tit{padding: .5rem;font-size: 1.4rem}
.m-topic .recommend .view{
  flex-wrap: wrap;
}
.m-topic .recommend .view div{
  width: 50%;
  padding: 0.5rem;
  text-align: center;
}
.m-topic .recommend img{
  width: 100%;
  border-radius: 5px;
}
.m-topic .recommend .view div p{height: 2rem;line-height: 2rem;}