challengeFamily/components/poster/poster.wxss

.contentBox{
  margin:40rpx auto 0rpx;
  padding-bottom: 120rpx;
  position: relative;
  width: 600rpx;
  height:1850rpx;
  font-size: 22rpx;
  line-height: 1.8;
}
.position{
  position: absolute;
}
.headBg{
  width: 450rpx;
  height: 282rpx;
  left: 75rpx;
  top: 75rpx;
  background: #fcebe8;
  transform: rotate(-5deg);
}
.body .nameBg{
  top: 335rpx;
  left: 400rpx;
  width: 120rpx;
  height: 40rpx;
}
.body .childName{
  top: 335rpx;
  left: 400rpx;
  width: 120rpx;
  height: 40rpx;
  line-height: 40rpx;
  font-size: 26rpx;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
.body .childPic{
  width: 450rpx;
  height: 282rpx;
  left: 75rpx;
  top: 75rpx;
}
.bgImg{
  top: 0;
  left: 0;
  width: 100%;
  height: 1730rpx;
}
.btn{
  position: fixed;
  bottom: 0;
  border-radius: 0;
  width: 100%;
  background: #ee3a43;
  color: #fff;
}
.body .content{
  top: 390rpx;
  left: 75rpx;
  width: 450rpx;
  text-indent: 35rpx;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 15;
  overflow: hidden;
}
.body .appleQrCode{
  width: 130rpx;
  height: 130rpx;
  top: 1514rpx;
  left: 100rpx;
  background: #fff;
  border-radius: 50%;
  padding: 10rpx;
}
.body .leaderName{
  width: 450rpx;
  top: 1010rpx;
  right: 75rpx;
  text-align: right;
}
.body .activitePic{
  width: 450rpx;
  height: 282rpx;
  left: 75rpx;
  top: 1090rpx;
  background: #eee;
}
.body .type{
  width: 450rpx;
  left: 75rpx;
  top: 1375rpx;
  color: #ee3a43;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.body .activitePrice{
  left: 75rpx;
  top: 1414rpx;
}
.body .price{
  left: 150rpx;
  top: 1414rpx;
  color: #ee3a43;
}
.body .saleNum{
  right: 75rpx;
  top: 1414rpx;
}