.activity-img, .activity-img image{ width: 100%; height: 480rpx; } swiper { height: 100%; } .activity-detail{ padding: 0 30rpx; box-sizing: border-box; position: relative; width: 710rpx; margin: -50rpx auto 20rpx; background: #fff; border-radius:30rpx 30rpx 0px 0px; overflow: hidden; padding-bottom: 120rpx; box-shadow: 0px 2px 8px 0px rgba(35, 24, 21, 0.1); } .activity-title{ padding: 30rpx 0; font-size: 32rpx; color: #122939; font-weight: bold; } .activity-info{ padding: 30rpx 0; font-size: 32rpx; color: #122939; } .activity-text{ line-height: 35rpx; font-size: 28rpx; margin-bottom: 15rpx; } .activity-text:last-child{ margin-bottom: 0; } .people{ width: 24rpx; height: 20rpx; margin-right: 10rpx; } .position{ width: 20rpx; height: 24rpx; margin-right: 10rpx; } .activity-text text{ color: #BBBBBB; } .part{ margin-bottom: 30rpx; } .part:last-child{ margin-bottom: 0; } .part-title{ color: #122939; font-size: 32rpx; margin-bottom: 10rpx; font-weight: bold; } .part-content{ font-size: 28rpx; line-height: 40rpx; } .part-info{ line-height: 50rpx; color: #242424; font-size: 28rpx; } .part-info text{ color: #BBBBBB; } .sign-box{ position: fixed; bottom: 0; left: 0; right: 0; box-shadow:0px 0px 17px 0px rgba(0,0,0,0.1); height: 120rpx; padding: 20rpx 30rpx; box-sizing: border-box; background: #fff; } .sign-btn{ width: 100%; height: 100%; background: #9F1512; border-radius: 10rpx; display: flex; justify-content: center; align-items: center; font-size: 30rpx; color: #fff; } .activity-date{ font-size: 28rpx; color: #999; }