/* package_first/pages/VolunteerDetail/index.wxss */ .VolunteerDetail_container{ width: 100%; height: 100vh; background: #F2F6F9; padding: 30rpx 29rpx 24 prx 60rpx; } .main{ width: calc(100% - 60rpx); background: #FFFFFF; box-shadow: 0rpx 0rpx 14rpx 2rpx rgba(43,93,184,0.09); border-radius: 20rpx; margin-left: 30rpx; padding: 62rpx 30rpx 56rpx 29rpx ; } .content{ font-size: 30rpx; font-family: Source Han Sans CN; font-weight: 400; color: #000000; line-height: 48rpx; margin-bottom:40rpx; } .Volunteer_image{ width: 100%; height: 340rpx; border-radius: 10rpx; } .apply{ font-size: 30rpx; font-family: Source Han Sans CN; font-weight: 400; color: #000000; line-height: 48rpx; margin: 30rpx 0 31rpx 0; } .time_act{ width: 645rpx; height: 66rpx; background: rgba(50, 117, 233, 0.2); border-radius: 4rpx; font-size: 30rpx; font-family: Source Han Sans CN; font-weight: 400; color: #3275E9; text-align: center; line-height:66rpx; } .time{ width: 645rpx; height: 66rpx; background: rgba(16, 177, 255, 0.2); border-radius: 4rpx; font-size: 30rpx; font-family: Source Han Sans CN; font-weight: 400; color: rgba(16, 177, 255, 1); text-align: center; line-height:66rpx; } .activity{ margin: 31rpx 0 30rpx 0; } .button{ width:calc(100% - 60rpx); text-align: center; border-radius: 32rpx; color: white; background-color: #2878ff; position: absolute; bottom: 24rpx; height: 90rpx; line-height: 80rpx; margin: 0 30rpx 0 30rpx; }