tuoheng_qmhh_web_move_20240715/package_first/pages/VolunteerDetail/index.wxss

/* 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;
}