.top-tab{ position: fixed; top: 0; left: 0; right: 0; display: flex; background: #fff; border-bottom: 1px solid #EEE; } .tab-box{ display: flex; justify-content: center; align-items: center; flex: 1; position: relative; height: 90rpx; font-size: 30rpx; color: #242424; } .tab-box.active{ color: #125CE1; } .tab-box image{ position: absolute; width: 15rpx; height: 40rpx; top: 50%; margin-top: -20rpx; display: none; } .tab-box.active image{ display: block; } .tab-box image.selected-l{ left: 100rpx; } .tab-box image.selected-r{ right: 100rpx; } .team{ margin-top: 90rpx; padding: 0 30rpx; margin-bottom: 110rpx; } .team-box{ padding: 20rpx 0; border-bottom: 1px solid #EBEBEB; } .name-join{ display: flex; justify-content: space-between; height: 40rpx; line-height: 40rpx; font-size: 32rpx; color: #242424; } .name{ width: 70%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .join{ padding: 0 10rpx; background: rgba(159,21,18,.1); color: #9F1512; font-size: 28rpx; border-radius: 10rpx; } .slogan, .area{ color: #949494; font-size: 26rpx; margin-top: 10rpx; } .new-team{ position: fixed; background: #fff; bottom: 0; left: 0; right: 0; padding: 15rpx 30rpx; border-top: 1px solid #EBEBEB; } .new-team-btn{ height: 80rpx; display: flex; justify-content: center; align-items: center; font-size: 30rpx; color: #fff; background: linear-gradient(90deg, rgba(21, 113, 250, 0.97), rgba(21, 183, 250, 0.97)); border-radius: 36rpx; } .volunteer-activity{ margin-top: 90rpx; margin-bottom: 105rpx; } .activity{ padding: 20rpx 30rpx 0; } .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%; } .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: 32rpx; color: #122939; font-weight: bold; } .date{ margin-top: 10rpx; font-size: 28rpx; color: #999; }