/* package_first/pages/volunteerActivity/index.wxss */ .volunteerActivity_container{ width: 100%; height: 100vh; background: #F2F6F9; padding: 30rpx; } .part{ width: calc(100%-60rpx); background-color:#FFFFFF ; margin-bottom: 19rpx; padding-bottom: 19rpx; } .activity_image{ width: 100%; height: 277rpx; border-radius: 10rpx; } .activity{ display: flex; flex-wrap: wrap; justify-content: space-between; } .activity_name{ width: 300rpx; font-size: 34rpx; font-family: Source Han Sans CN; font-weight: 400; color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .part_middle{ margin: 31rpx 31rpx 22rpx 27rpx; border-bottom: 2rpx solid #E1E1E1; padding-bottom:38rpx ; } .activity_tag{ width: 140rpx; height: 42rpx; border-radius: 4rpx; font-size: 24rpx; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; line-height: 36rpx; text-align: center; margin-left: 39rpx; align-items: center; } .is_apply{ background: #006DF7; } .no_apply{ background: #1BE9BC; } .over_apply{ background: #EBAC14; } .activity_date{ display: flex; align-items: center; font-size: 30rpx; padding: 38rpx 38rpx 0 6rpx; } .dot{ width: 14rpx; height: 14rpx; background: #3275E9; margin-right: 18rpx; } .activity_time{ background: #FFFFFF; border-radius: 10px; } .activity_bottom{ position: relative; padding: 0 30rpx 35rpx 33rpx; } .join{ position: absolute; top: 0; right: 0; font-size: 32rpx; font-family: Source Han Sans CN; font-weight: 400; color: #3275E9; line-height: 36rpx; } .apply{ width: 125rpx; height: 42rpx; background: #006DF7; border-radius: 4rpx; font-size: 24rpx; font-family: Source Han Sans CN; font-weight: 400; color: #FFFFFF; line-height: 36rpx; text-align: center; } .bottom{ font-size: 26rpx; font-family: Source Han Sans CN; font-weight: 400; color: #C5C5C5; line-height: 36rpx; text-align: center; margin-top: 27rpx; }