/* pages/list/list.wxss */
/* pages/rank/rank.wxss */
page{
  background: #F4F6F8;
}
.top{
  display: flex;
  font-size: 28rpx;
  padding: 24rpx 32rpx;
  background: #fff;
  margin-bottom: 20rpx;
  justify-content: space-between;
}

.item{
  display: flex;
  justify-content: space-between;
  font-size: 28rpx;
  padding: 16rpx 32rpx;
}
.item text{
  color: #333;
  width: 21%;
  text-align: right;
}
.item .red{
  color: #FF5151;
}
.top text{
  color: #999;
}
.item image{
  width: 36rpx;
}
.title image{
  width: 32rpx;
  position: relative;
  top: 7rpx;
}
.list{
  background: #fff;
  padding: 20rpx 0;
  margin-bottom: 20rpx;
  height: calc(100vh - 120rpx);
  box-sizing: border-box;
}
.list .note{
  font-size:22rpx;
  padding:10rpx 30rpx;
  color:#999;
}
.title{
  border-left: 4px solid #FF5151;
  color: #FF5151;
  font-size: 32rpx;
  font-weight: 500;
  padding-left: 20rpx;
  padding-right: 40rpx;
  margin-bottom: 20rpx;
}
.title navigator{
  float: right;
  color: #999;
  font-size: 28rpx;
}
.item text{
  display: block;
}
.item .name{
  width: 25%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  margin-left: 5%;
}
.item text:last-child{
  text-align: right;
}
.more{
  text-align:center;
  color:#999;
  padding:10rpx 0;
}