challengeFamily/pages/turntable/components/noticePopup.wxss

.content{
  width: 80%;
  max-height: 70%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size: 32rpx;
}
.content .prize_pic image{
  width: 100%;
  border-radius: 10rpx;
}
.content .prize_name{
  font-size: 60rpx;
  font-weight: 700;
  margin-top: 60rpx;
}
.content .prize_instr{
  margin: 20rpx 0;
  color: #fff;
}
.content .btn{
  margin-top: 30rpx;
}
.content .btn button{
  border-radius: 50rpx;
  width: 350rpx;
  font-size: 32rpx;
  line-height: 2.1;
}
.content .btn button:nth-child(2){
  margin-top: 20rpx;
  color: #666;
  background: #fff;
}

/* --- 主题 --- */
/* 红色 */
.redContent .prize_name{color: #ff8382;}
.redContent .btn button:nth-child(1){background-image: linear-gradient(to right, #ee3a43, #ff8483)}

/* 蓝色 */
.blueContent .prize_name{color: #c1edf4;}
.blueContent .btn button:nth-child(1){background-image: linear-gradient(to right, #509cd3, #bfdfe7)}
.blueContent .btn button:nth-child(2){border: 1px solid #4998d2;}

/* 绿色 */
.greenContent .prize_name{color: #ffebbc;}
.greenContent .btn button:nth-child(1){background-image: linear-gradient(to right, #698b36, #95b06a)}
.greenContent .btn button:nth-child(2){border: 1px solid #95b06a;}