.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; }