/* pages/winlost/winlost.wxss */
.up-down-view{
  background-color: #fff;
  padding: 20rpx;
}
.content-list{
  display: flex;
  width: 300vw;
}
.number{
  width: 50rpx;
  display: inline-block;
  text-align: center;
  color: #CE994F;
  font-size: 30rpx;
  font-weight: 500;
  margin-right: 10rpx;
  margin-top: 3rpx;
}
image.number{
  margin-top: 25rpx;
}
.avatar{
  width: 90rpx;
  height: 90rpx;
  border-radius: 50%;
  margin-right: 15rpx;
  margin-left: 10rpx;
}

.end{
  text-align: center;
  color: #999;
  line-height: 50rpx;
  font-size: 28rpx;
}

.tab{
  background: #fff;
  margin-top: 16rpx;
  padding:0 5rpx;
  display: flex;
  border-bottom: 1px solid #f2f2f2;
  
}
.tab view{
  font-size: 32rpx;
  color: #333;
  line-height: 80rpx;
  transition: all .1s linear;
  margin-right: 30rpx;
}
.tab .act{
  color: #FF583D;
  border-bottom: 2px solid #FF583D;
  font-size: 32
  rpx;
}

.up-title{
  font-size: 38rpx;
  padding: 5rpx;
  font-weight: 500;
}

.up-down{
  width: 100%;
  margin-right: 10rpx;
}
.up-down>navigator{
  padding: 6rpx 0;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  font-size: 30rpx;
}
.up-down .text{
  width: 18%;
  /* font-weight: 500; */
  margin-left: 10rpx;
}
.up-down .down,.up-down .up{
  width: 20%;
}
.up-down .usm{
  width: 40%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-left: 10rpx;
}
.title_1{
  text-align: right;
}
.title_1 text{
  display: inline-block;
  width: 18%;
  font-size: 24rpx;
  color: #999;
  text-align: left;
  /* margin-left: -5rpx; */
}

.up-down navigator text{
  line-height: 80rpx;
}
.up-down>text{
  color: rgb(128, 128, 128);
  font-size: 30rpx;
  margin-bottom: 10rpx;
  display: block;
}