.list-item {
  padding: 30rpx 20rpx;
  background: #fff;
  border-top: 10rpx solid #f8f8f8;
}

.list-item .item-top {
  height: 70rpx;
  width: 100%;
  display: flex;
  /* justify-content: center; */
  align-items: center;
}

.list-item .item-top image {
  width: 70rpx;
  height: 70rpx;
  border-radius: 10rpx;
}

.list-item .item-top .name {
  padding-left: 15rpx;
  width: calc(100% - 206rpx);
  height: 70rpx;
  display: flex;
  flex-direction: column;
}

.list-item .item-top .name .text_1 {
  font-size: 32rpx;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
}

.list-item .item-top .name .text_2 {
  font-size: 20rpx;
  font-weight: 500;
  color: rgba(165, 176, 185, 1);
}

.list-item .item-top .botton {
  width: 136rpx;
  height: 56rpx;
  background: #f71a1a;
  border-radius: 30rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.list-item .item-top .botton image {
  width: 24rpx;
  height: 24rpx;
}

.list-item .item-top .botton text {
  margin-left: 10rpx;
  font-size: 26rpx;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
}

.list-item .item-bottom {
  margin-top: 30rpx;
  width: 100%;
  font-size: 28rpx;
  /* font-weight: 500; */
  color: #8393A0;

}

.list-item .bottom-content {
  margin-top: 5rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-item .top {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list-item .tab2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  word-break: break-all
}

.hover-list-item {
  background: #f7f7f7;
}

.month {
  display: inline-block;
  background: #FFE7C4;
  width: 40rpx;
  height: 30rpx;
  color: #F98700;
  font-weight: bold;
  font-size: 28rpx;
  text-align: center;
  line-height: 30rpx;
  border-radius: 15rpx;
}