challengeFamily/pages/turntable/winRecord/index.wxss

page{
  background: #fff;
}
.no_List{
  margin-top: 30%;
  text-align: center;
  display: flex;
  flex-direction:column;
  align-items: center;
}
.no_List .btn{
  margin-top: 40rpx;
  width: 40%;
}
.no_List .btn button{
  border-radius: 50rpx;
}
.content{
  padding: 20rpx;
}
.content .prize{
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20rpx;
  background: #FFF;
  padding: 20rpx;
}
.content .prize .prize_img{
  width: 200rpx;
  height: 120rpx;
  background: #eee;
  border-radius: 10rpx;
}
.content .prize .prize_img image{
  width: 100%;
  height: 100%;
  box-shadow: 0rpx 0rpx 8rpx #999;
  border-radius: 10rpx;
}
.content .prize .prize_info{
  margin: 0 20rpx;
  font-size: 24rpx;
  line-height: 1.5;
  flex: 1;
  overflow: hidden;
}
.content .prize .prize_info view:nth-child(1){
  font-size: 28rpx;
  font-weight: 700;
}
.content .prize .prize_info view:nth-child(2),.content .prize .prize_info view:nth-child(3){
color: #999;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.content .prize .prize_status{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 120rpx;
  width: 165rpx;
}
.content .prize .prize_status .status{
  text-align: center;
  font-size: 24rpx;
}
.content .prize .prize_status .color{
  color: #999;
}
.content .prize .prize_status .btn2{
  background: #ee3a43;
  color: #fff;
  text-align: center;
  font-size: 28rpx;
  padding: 6rpx 10rpx;
  border-radius: 10rpx;
}
.content .prize .prize_status .btn1{
  border: 2rpx solid #ee3a43;
  color: #ee3a43;
  text-align: center;
  font-size: 28rpx;
  padding: 6rpx 10rpx;
  border-radius: 10rpx;
}