challengeFamily/pages/turntable/components/awardPopup.wxss

.content{
  padding: 40rpx 20rpx;
  font-size: 32rpx;
  margin-bottom: 30rpx;
}
.content .article_head{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.content .article_head .left{
  margin-right: 20rpx;
  width: 232rpx;
  height: 140rpx;
  background: #eee;
  border-radius: 10rpx;
}
.content .article_head .left image{
  width: 100%;
  height: 100%;
  BORDER-RADIUS: 8rpx;
  box-shadow: 0rpx 0rpx 8rpx #999;
}
.content .article_head .right{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.content .article_head .right .prize_name{
  font-weight: 700;
  font-size: 38rpx;
}
.content .article_head .right .prize_instr{
  font-size: 26rpx;
  color: #999999;
}
.content .article_body{
  font-size: 26rpx;
}
.content .article_body .article_body_instr{
  margin: 40rpx 0;
}
.content .article_body .article_body_pic{
  border-radius: 10rpx;
  margin-bottom: 20rpx;
  text-align: center;
}
.content .article_body .article_body_pic image{
  width: 100%;
}
.btn{
  /* position: fixed;
  width: 100%;
  bottom: 0; */
}
.btn button{
  border-radius: 0;
}

/* --- 主题 --- */

/* 红色 */
.redContent .article_head .right .prize_name{color: #ff8382;}
.redContent button{background-image: linear-gradient(to right, #ee3a43, #ff8483)}

/* 蓝色 */
.blueContent .article_head .right .prize_name{color: #559fd4;}
.blueContent button{background-image: linear-gradient(to right, #4998d2, #cde6e9)}

/* 绿色 */
.greenContent .article_head .right .prize_name{color: #555f46;}
.greenContent button{background-image: linear-gradient(to right, #658832, #96b26d)}