.swiper-box, .swiper-img, swiper{ width: 100%; height: 330rpx; } .link{ padding: 15rpx 30rpx; display: flex; justify-content: space-between; } .link-box{ width: 49%; background:linear-gradient(315deg,rgba(205,47,41,1) 0%,rgba(159,21,18,1) 100%); border-radius: 10rpx; height: 145rpx; padding: 30rpx 15rpx 0 30rpx; box-sizing: border-box; color: #fff; justify-content: space-between; display: flex; } .big{ font-size: 28rpx; } .small{ font-size: 24rpx; } .img image{ width: 60rpx; height: 60rpx; } .public-title{ text-align: center; } .title-text{ display: inline-block; font-size: 28rpx; color: #9F1512; padding: 0 15rpx 0; position: relative; margin-bottom: 15rpx; } .title-text image{ position: absolute; top: 0; width: 10rpx; height: 100%; } .selected-l{ left: 0; } .selected-r{ right: 0; } .activity{ padding: 20rpx 30rpx 90rpx; } .activity-box{ margin-bottom: 20rpx; box-shadow:0px 0px 17rpx 0px rgba(0,0,0,0.1); border-radius: 10rpx; overflow: hidden; } .activity-img{ height: 320rpx; position: relative; } .activity-img image{ width: 100%; height: 100%; } .corner{ position: absolute; top: 20rpx; right: 20rpx; display: flex; color: #fff; width: 115rpx; height: 45rpx; display: flex; justify-content: center; align-items: center; background:rgba(159,21,18,.6); border-radius: 10rpx; font-size: 26rpx; } .activity-info{ padding: 15rpx 20rpx; } .title{ display: flex; justify-content: space-between; } .activity-title{ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 30rpx; color: #242424; line-height: 40rpx; } .sign{ background: rgba(159,21,18,.1); color: #9F1512; border-radius: 10rpx; padding: 0 20rpx; line-height: 40rpx; } .date{ margin-top: 10rpx; font-size: 22rpx; color: #242424; } .new-activity{ position: fixed; bottom: 0; left: 0; right: 0; padding: 15rpx 30rpx; background: #fff; box-shadow:0 0 17rpx 0 rgba(0,0,0,0.1); } .new-activity-btn{ background: #9F1512; display: flex; width: 100%; height: 70rpx; justify-content: center; align-items: center; border-radius: 10rpx; font-size: 28rpx; color: #fff; } .volunteer-activity{ margin-bottom: 105rpx; }