.hottoptit{
  height: 100rpx;
  line-height: 100rpx;
  width: 100%;
  border-bottom: 1px solid #ececec;
  background: #fff;
  font-size: 32rpx;
}
.hottoptit text{
  margin-left: 20rpx;
}
.content{
  width: 100%;
  height: auto;
  padding: 0 25rpx 0 21rpx;
  background: #fff;
  box-sizing: border-box;
  position: relative;
}
.list{
width: 100%;
height: 110rpx;
line-height: 110rpx;
/* border: 1rpx solid red; */
color: #333333;
font-size: 34rpx;
box-sizing: border-box;
border-top: 1rpx solid #EEEEEE;
}
.list .image{
  width: 46rpx;
  height: 46rpx;
  vertical-align: middle;
  color: #333333;
  font-size: 34rpx;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}
.image-margin{
  margin-left: 10rpx;
}
.list .text{
  width: 553rpx;
  margin-left: 10rpx;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  position: absolute;
  left: 70rpx;
  top: 8rpx;
}
.num,.attitude{
  display: inline-block;
  position: absolute;
  right: 50rpx;
  top: 8rpx;
}
.num{
  color: #F08526;
  font-size: 32rpx;
  top: -10rpx;
}
.attitude{
  color: #B6BAC6;
  font-size: 22rpx;
  right: 49rpx;
  top: 24rpx;
}