@import "../../../../wxParse/wxParse.wxss"; @import "../../../../pages/volunteer/detail.wxss"; page { padding-bottom: 150rpx; box-sizing: border-box; } .partcontent { position: relative; background: #f5f5f5; display: flex; flex-direction: column; padding-bottom: 100rpx; } .partime-container { /* padding:250rpx 0 0 0; */ box-sizing: border-box; display: flex; flex-direction: column; } .partbg { /* position: absolute; left:0; top:0; */ width: 750rpx; height: 347rpx; } .btn { width: 330rpx; height: 85rpx; border-radius: 43rpx; color: #ffffff; text-align: center; padding-top: 2rpx; } .text-bao { font-size: 30rpx; font-family: FZZhunYuan-M02S; font-weight: 400; color: #1a1a1a; margin-top: 11rpx; } .text-b { opacity: 0.78; font-size: 24rpx; font-family: FZZhunYuan-M02S; font-weight: 400; color: #4c441e; /* margin-top: 4rpx; */ } .btn-box { display: flex; justify-content: space-between; flex: 1; } .see-code { width: 197rpx; height: 85rpx; background: #88bb26; border: 1px solid #88bb26; border-radius: 44rpx; font-size: 30rpx; font-family: FZZhunYuan-M02S; font-weight: 400; text-align: center; color: #ffffff; line-height: 85rpx; } .partimewrap { display: flex; flex-direction: column; } .partime-detail { width: 100%; display: flex; justify-content: space-between; padding-bottom: 22rpx; box-sizing: border-box; /* border-bottom: 1px solid #E6E6E6; */ } .partime-address { display: flex; flex-direction: column; padding: 33rpx 0 0; box-sizing: border-box; } .partime-label { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: left; color: #666666; line-height: 33rpx; letter-spacing: 0rpx; margin-top: 9rpx; } .partime-label-a { display: flex; flex-direction: row; align-items: center; } .partime-percentwo { width: 100%; display: flex; flex-direction: row; justify-content: space-between; } .mask { width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.64); z-index: 9999; top: 0; left: 0; overflow: hidden; transition: all 0.5s; } .partime-detail-member { margin-left: 32rpx; margin-top: 20rpx; width: 700rpx; display: flex; justify-content: space-between; background: #fff; } .detaileft { width: 100%; /* margin: 10rpx auto; */ position: relative; z-index: 2; min-height: 250rpx; } .isvip-shadowbg { filter: blur(8rpx) opacity(80%); z-index: -1; } .isvip-shadowbg-fix { height: 400rpx; } .isvip-shadow { margin-top: 20rpx; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 28rpx; display: flex; flex-direction: column; z-index: 30; /* text-decoration:underline; */ } .isvip-shadow .tet { color: #9ddb52; font-weight: bold; z-index: 200; } .isvip-shadowbt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; } .joinbtn { margin-top: 40rpx; width: 169rpx; height: 54rpx; opacity: 1; background: #9ddb52; border-radius: 27rpx; opacity: 1; font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: left; color: #ffffff; line-height: 54rpx; text-align: center; } .zindex { z-index: 9999; } .partime-percent { width: 100%; display: flex; flex-direction: row; /* justify-content: space-between; */ } .partime-percent text { color: #1a1a1a; font-size: 32rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; } .partime-percent text:nth-child(2n) { /* color:#666666; font-size: 32rpx; font-family: FZZhunYuan-M02S; font-weight: 400; */ color: #666666; margin-left: 20rpx; } .partime-right { width: 50%; } .icon-address { font-size: 36rpx; position: absolute; top: 0rpx; left: 0; color: #999999 !important; } .address-w { text-indent: 40rpx; } .mainbg { width: 358rpx; background: #2b58a5; } .mainbg .text-bao { color: #ffffff !important; } .mainbg .text-b { opacity: 0.78; color: #ffffff; } .greybg { width: 358rpx; } .big-box { position: relative; } .big-box .dim { position: absolute; top: 100rpx; left: 50%; text-align: center; transform: translateX(-50%); z-index: 10; } .big-box .showDim { display: none; } .big-box .dim image { width: 148rpx; height: 148rpx; } .big-box .dim .tip { text-align: center; font-size: 30rpx; font-family: FZZhunYuan-M02S, FZZhunYuan-M02S-Regular; font-weight: 400; text-align: left; color: #f0ce2c; } .vipBg { opacity: 0.65; } .vipBg::before { display: block; content: ""; position: absolute; width: 100%; height: 100%; /* opacity: 0.95; */ background: #182339; /* background-color: #fff; */ z-index: 9; } .partime-bg { width: 690rpx; background: #ffffff; border-radius: 20rpx; overflow: hidden; margin-bottom: 25rpx; padding: 43rpx 30rpx 36rpx 30rpx; box-sizing: border-box; display: flex; flex-direction: column; margin-left: 30rpx; } .partime-detail .partime-detail-title { font-size: 34rpx; font-weight: 700; font-family: PingFang-SC-Bold; color: #292929; letter-spacing: 2rpx; position: relative; padding-left: 20rpx; box-sizing: border-box; } .partime-detail-member .partime-detail-title { font-size: 34rpx; font-weight: 700; font-family: PingFang-SC-Bold; color: #292929; letter-spacing: 2rpx; position: relative; padding-left: 20rpx; box-sizing: border-box; } .partime-detail-top { padding-top: 13rpx; width: 85%; } .partime-detail-container { position: relative; /* width: 84%; */ /* padding: 15rpx 0; */ } .partime-txt { /* padding-left:30rpx; */ display: flex; flex-direction: row; align-items: center; margin-top: 13rpx; } .part-item { padding: 3rpx 9rpx; box-sizing: border-box; opacity: 1; font-size: 20rpx; font-family: PingFang-SC-Regular; color: #767676; display: flex; border: 1px solid #767676; border-radius: 3rpx; margin-right: 15rpx; } .partime-border-left { height: 20rpx; display: inline-block; border: 1px solid #ccc; margin-left: 10rpx; vertical-align: middle; } .partime-border { padding-left: 10rpx; } /* .partime-listcolor{ margin-bottom: 120rpx; } */ .partime-price { color: #ec2e26; font-weight: 700; font-family: PingFang-SC-Bold; font-size: 45rpx; } .fixed { width: 100%; height: 100rpx; background: #fff; display: flex; /* position: fixed; */ bottom: 0; left: 0; margin-top: 45rpx; } .partime-hour { color: #ec2e26; font-size: 24rpx; font-weight: 700; white-space: nowrap; font-family: PingFang-SC-Regular; } .partime-data { font-size: 20rpx; color: #626262; } .partime-all { margin-top: 20rpx; /* height: 200rpx; */ } .partime-title { padding-left: 30rpx; padding-top: 18rpx; font-size: 30rpx; font-family: PingFang-SC-Regular; color: #7b7b7b; display: block; line-height: 46rpx; } .partime-box { display: flex; flex-direction: column; margin-left: auto; justify-content: center; align-items: center; } .partime-flud-container { /* padding-left: 30rpx; padding-top: 20rpx; */ } .part-right { margin-right: 19rpx; } .partime-train { margin-right: -92rpx; } .imgurl { width: 30rpx; height: 40rpx; vertical-align: middle; padding-right: 13rpx; } .partime-url { padding-left: 30rpx; padding-top: 18rpx; font-size: 25rpx; font-family: PingFang-SC-Regular; color: #7b7b7b; padding-bottom: 20rpx; } /* .partime-num{ padding-left: 10rpx; } .partime-left { padding-left: 80rpx; } .partime-leftone { padding-left: 101rpx; } .partime-leftwo { padding-left: 71rpx; } */ .partime-main { /* line-height: 63rpx; */ display: flex; margin-top: 26rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; } .partime-left { margin-left: 20rpx; } .partime-main text { font-size: 28rpx; font-family: "FZZhunYuan-M02S"; font-weight: 400; color: #1a1a1a; } .partime-con { line-height: 63rpx; display: flex; } .partime-con text { font-size: 28rpx; } .partime-list { display: flex; /* margin-top: 20rpx; margin-left: 16rpx; */ } .imglist { flex: 1; } .list-label { color: #666666; font-family: "FZZhunYuan-M02S"; font-weight: 400; } .imgnode { flex: 1; margin-top: 34rpx; } .partime-text { display: flex; } .partime-text-flud { margin-left: 16rpx; /* flex: 1; */ font-size: 30rpx; font-weight: 700; } .partime-text-config { margin-left: 16rpx; font-size: 30rpx; font-weight: 700; padding-left: 67rpx; } .partime-text-three { margin-left: 16rpx; font-size: 30rpx; font-weight: 700; padding-left: 69rpx; } .partime-text-four { margin-left: 16rpx; font-size: 30rpx; font-weight: 700; padding-left: 67rpx; } .partime-text-fludone { margin-left: 16rpx; margin-top: 12rpx; /* flex: 1; */ font-size: 25rpx; color: #626262; font-family: PingFang-SC-Regular; } .partime-text-fludtwo { margin-left: 16rpx; margin-top: 12rpx; /* flex: 1; */ font-size: 25rpx; color: #626262; font-family: PingFang-SC-Regular; padding-left: 41rpx; } .partime-text-fludthree { margin-left: 16rpx; margin-top: 12rpx; /* flex: 1; */ font-size: 25rpx; color: #626262; font-family: PingFang-SC-Regular; padding-left: 41rpx; } .partime-text-fludfour { margin-left: 16rpx; margin-top: 12rpx; /* flex: 1; */ font-size: 25rpx; color: #626262; font-family: PingFang-SC-Regular; padding-left: 45rpx; } .partime-info { padding-left: 30rpx; padding-top: 18rpx; padding-bottom: 18rpx; margin-top: 20rpx; font-size: 25rpx; font-family: PingFang-SC-Regular; /* color: #7b7b7b; */ background: #fdfbd2; color: black; opacity: 0.6; border-radius: 10rpx; border: 1px solid #f8ea04; width: 92%; margin-left: 10rpx; } .partime-bg-container { /* padding-bottom: 23rpx; */ } .member { height: 100%; } .hot-title { display: flex; justify-content: space-between; align-items: center; height: 36rpx; font-size: 32rpx; font-family: "FZCuYuan-M03"; font-weight: 400; color: #333333; position: relative; } .hot-title .line { position: absolute; width: 6rpx; height: 36rpx; background: #ffdd36; border-radius: 3rpx; top: 0; left: 0; opacity: 0.5; } /* .partime-detail-info { font-size: 30rpx; font-family: PingFang-SC-Regular; color: #292929; display: block; line-height: 50rpx; } */ .imginfo { width: 43rpx; height: 34rpx; vertical-align: middle; padding-right: 13rpx; } .information { display: inline-block; width: 8%; vertical-align: top; padding-top: 16rpx; } .information-txt { display: inline-block; width: 80%; color: #fcc133; } .hk-leftt::after { content: ""; position: absolute; width: 8rpx; height: 34rpx; line-height: 34rpx; left: 0rpx; bottom: 6rpx; background: #9ddb52; z-index: 999; } .hk-leftt { position: relative; } .activity-title image { height: 38rpx; width: 84rpx; margin-right: 10rpx; } .activity-c { display: flex; flex-direction: column; width: 690rpx; margin: -90rpx auto 0 auto; padding-bottom: 100rpx; box-sizing: border-box; } .acitemwrap { background: white; margin-bottom: 20rpx; padding: 34rpx 30rpx 23rpx 30rpx; } .apwrap { position: relative; z-index: 22; width: 100%; height: 99rpx; margin-left: -22rpx; } .activeity-price-c { color: white; background: #9ddb52; width: 690rpx; position: absolute; padding: 0 30rpx; box-sizing: border-box; left: 0; top: 0; display: flex; align-items: center; z-index: 23; height: 99rpx; border-radius: 20rpx 20rpx 0px 0px; } .activeity-price-c label { font-size: 26rpx; } .activeity-price-c .num { margin-top: -10rpx; font-size: 44rpx; font-weight: 700; } .activeity-price-c .company { font-size: 26rpx; } .activeity-price-d { position: absolute; right: -45rpx; top: 0; z-index: 24; background: #fcc26e; border-bottom: 99rpx solid #fcc26e; border-left: 30px solid #9ddb52; height: 0; display: flex; justify-content: center; align-items: center; width: 171rpx; border-radius: 0 20rpx 0rpx 0rpx; } .activeity-price-d text { font-size: 30rpx; font-weight: 700; margin-top: 99rpx; color: white; } .price { display: flex; flex-direction: row; align-items: center; } .price .p2 { font-size: 36rpx; font-weight: bold; color: #ec2e26; line-height: 45rpx; } .price .p1 { font-size: 22rpx; color: #ec2e26; line-height: 52rpx; } .acitemwrap .content .title-price .title { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 36rpx; font-family: "FZCuYuan-M03"; font-weight: 400; color: #1a1a1a; width: 520rpx; flex-shrink: 0; } .hot-title .title { display: inline-block !important; position: relative; } .hot-title .title::after { display: block; content: ""; position: absolute; top: -3%; right: -3%; width: 30rpx; height: 30rpx; background-color: #005eff42; border-radius: 50%; z-index: 1; } .acitemwrap .content .label2 { font-size: 26rpx; font-weight: 400; color: #767676; margin-right: 10rpx; display: inline-block; } .acitemwrap .content .split { width: 100%; border-top: 1px solid #e6e6e6; margin: 30rpx 0; } .list { font-size: 28rpx; font-weight: 400; color: #666666; line-height: 33rpx; margin-top: 10rpx; position: relative; font-family: "FZZhunYuan-M02S"; font-weight: 400; } .code-tip { font-size: 28rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: center; color: #666666; } .code-img { width: 358rpx; height: 358rpx; margin-top: 22rpx; } .selt-btn { display: flex; justify-content: center; padding-bottom: 65rpx; } .i-know { width: 319rpx; height: 80rpx; background: #2b58a5; border-radius: 40rpx; text-align: center; line-height: 80rpx; color: #ffffff; font-size: 32rpx; } .content-info { padding-top: 8rpx; display: flex; /* align-items: center; */ justify-content: space-between; } .info-typeName { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: left; color: #ec931a; } .info-list-item { margin-top: 20rpx; display: flex; align-items: center; } .info-list-item view { margin-right: 14rpx; min-width: 120rpx; height: 46rpx; line-height: 46rpx; background: #f0f1f5; border-radius: 10rpx; text-align: center; padding: 0 10rpx; font-size: 22rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #5f5e66; } .work-day-type { display: flex; justify-content: space-between; align-items: center; height: 55rpx; margin-top: 12rpx; } .sub-btn { flex-shrink: 0; background: #e6e6e6; border-radius: 28rpx; height: 55rpx; line-height: 55rpx; color: #0a0a0a; font-size: 28rpx; width: 150rpx; text-align: center; } .sub-btn.green { background: #2b58a5; color: #ffffff; } .list-address-box { display: flex; justify-content: space-between; align-items: flex-end; } .righticon { font-size: 38rpx; } .title-price { display: flex; justify-content: space-between; align-items: center; } .comment { padding: 11rpx 0 41rpx 0; } .comment .card { margin-top: 30rpx; } .comment .card .head { display: inline-block; vertical-align: middle; width: 87rpx; height: 87rpx; border-radius: 50%; background: #f6f6f6; margin-right: 18rpx; } .comment .card .star-box { display: inline-block; vertical-align: middle; width: 350rpx; } .comment .card .star-box .name { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 32rpx; font-weight: 400; color: #1a1a1a; } .comment .card .star-box .iconfont-c3 { margin-right: 12rpx; color: #b3b3b3; } .comment .card .star-box .iconfont-c3.yellow { color: #fed100; } .comment .card .time { width: 160rpx; text-align: right; display: inline-block; vertical-align: top; font-size: 28rpx; font-weight: 500; color: #999999; } .comment .card .desc { margin-top: 25rpx; font-size: 28rpx; font-weight: 400; color: #999999; line-height: 34rpx; } .comment .card .img-box { white-space: nowrap; overflow: auto; } .comment .card .img { width: 155rpx; height: 155rpx; background: #f6f6f6; margin: 18rpx 10rpx 0 0; } .comment .card .split { margin-top: 32rpx; border-top: 1px solid #e6e6e6; } .left-t-r i { font-size: 50rpx; } .left-t-r i.isyn { font-size: 50rpx; color: #ff9800; } .work-box { width: 690rpx; background: #ffffff; border-radius: 16rpx; /* margin-top: 23rpx; */ margin-bottom: 20rpx; margin-left: 30rpx; } .work-top { padding: 41rpx 30rpx 26rpx 30rpx; box-sizing: border-box; } .work-img-box { display: flex; margin-top: 31rpx; } .work-bao { margin-left: 43rpx; width: 45rpx; height: 46rpx; } .work-dot { width: 71rpx; height: 11rpx; margin-left: 29rpx; align-self: center; } .work-lian { width: 44rpx; height: 42rpx; margin-left: 29rpx; } .work-kai { width: 49rpx; height: 44rpx; margin-left: 24rpx; } .work-dot3 { width: 71rpx; height: 11rpx; margin-left: 28rpx; align-self: center; } .work-wan { width: 53rpx; height: 36rpx; margin-left: 15rpx; } .word-box { display: flex; margin-top: 20rpx; } .word-box .item { font-size: 28rpx; font-family: FZZhunYuan-M02S; font-weight: 400; color: #000000; text-align: center; width: 132rpx; } .word-box .item .title-2 { font-size: 22rpx; color: #666666; margin-top: 17rpx; } .word-box .item .title-3 { font-size: 22rpx; color: #666666; margin-top: 10rpx; } .warning-box { width: 690rpx; height: 101rpx; background: #d8e0ee; border-radius: 0px 0px 16rpx 16rpx; display: flex; justify-content: space-between; align-items: center; padding: 0 30rpx; box-sizing: border-box; font-size: 24rpx; font-family: FZZhunYuan-M02S; font-weight: 400; color: #1a56a6; } .warning-img { width: 39rpx; height: 39rpx; } .per-box { width: 690rpx; margin-left: 30rpx; padding: 30rpx; box-sizing: border-box; background-color: white; margin-bottom: 20rpx; border-radius: 20rpx; } .people { } .more { height: 90rpx; display: flex; align-items: center; margin-top: 33rpx; } .more .more-word { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #666666; } .more .down { transform: rotate(-90deg); } .total-img { display: flex; flex-wrap: wrap; } .total-img .imgk { width: 90rpx; height: 90rpx; border-radius: 50%; margin-left: 30rpx; margin-top: 32rpx; } .total-img .imgk:first-child { margin-left: 0; } .total-img .imgk:nth-child(6n + 1) { margin-left: 0; } .total-img .up { display: flex; align-items: center; margin-left: 30rpx; } .up-word { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #666666; } .upicon { transform: rotate(90deg); margin-bottom: 12rpx; } .people-content { display: flex; justify-content: space-between; } .imgs { position: relative; margin-top: 33rpx; height: 90rpx; } .img { width: 90rpx; height: 90rpx; border-radius: 50%; position: absolute; top: 0; } .dot { position: absolute; top: 0; width: 90rpx; height: 90rpx; border-radius: 50%; border: 1px dashed #999999; text-align: center; color: #999999; box-sizing: border-box; font-size: 28rpx; line-height: 75rpx; }