@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; } .partime-container { box-sizing: border-box; display: flex; flex-direction: column; } .price { display: flex; flex-direction: row; } .price .p2 { font-size: 32rpx; font-family: FZZhunYuan-M02S; font-weight: 400; color: #ec2e26; line-height: 45rpx; } .price .p1 { font-size: 20rpx; color: #ec2e26; line-height: 52rpx; } .partbg { width: 100%; height: 347rpx; } .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:nth-child(2n) { color: #999999; } .partime-right { width: 50%; } .partime-detail-info { /* padding-left:32rpx; */ /* margin-top: 20rpx; */ width: 690rpx; display: flex; justify-content: space-between; background: #fff; } .big-box { position: relative; } .big-box .dim { position: absolute; top: 100rpx; left: 50%; text-align: center; transform: translateX(-50%); z-index: 1000; } .big-box .showDim { display: none; } .big-box .dim image { width: 168rpx; height: 168rpx; } .big-box .dim .tip { text-align: center; font-size: 34rpx; font-family: FZZhunYuan-M02S, FZZhunYuan-M02S-Regular; font-weight: 400; text-align: left; color: #ffffff; } .vipBg { /* opacity: 0.7; */ } .vipBg::before { display: block; content: ""; position: absolute; width: 100%; height: 100%; /* opacity: 0.95; */ /* background: #2c2c38; */ background: rgba(24, 35, 57, 0.99); z-index: 999; } .partime-bg { z-index: 99; width: 100%; background: #ffffff; border-radius: 20rpx; overflow: hidden; margin-bottom: 25rpx; padding: 32rpx 22rpx 45rpx 22rpx; box-sizing: border-box; display: flex; flex-direction: column; } .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-info .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; /* justify-content: space-between; margin-right: 130rpx; */ } .partime-left { margin-left: 20rpx; } .partime-main text { font-size: 28rpx; } .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; } .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%; } .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 { border-radius: 20rpx; background: white; margin-bottom: 20rpx; padding: 0 22rpx 35rpx 22rpx; } .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: 22rpx; } .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; } .acitemwrap .content { padding-top: 35rpx; } .name-price { display: flex; justify-content: space-between; align-items: center; } .type-state { display: flex; justify-content: space-between; align-items: center; } .type-state .type { min-width: 145rpx; height: 40rpx; background: #f1d7b2; border-radius: 20rpx; text-align: center; line-height: 40rpx; font-size: 22rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #543022; padding: 0 20rpx; } .type-state .sub-btn { /* background: #e6e6e6; */ border-radius: 28rpx; height: 55rpx; line-height: 55rpx; color: #0a0a0a; font-size: 28rpx; width: 150rpx; text-align: center; } .activestatus { background: #ffdc2f; } .baostatus { background: #3be5b2; } .endstatus { background: #e6e6e6; } .nostatus { background: rgba(251, 177, 120, 0.9); } .mstatus { background: #ff3a3a; } .type-state .sub-btn.green { background: #ffdc2f; } .name-price .title { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 36rpx; font-family: PingFang SC, PingFang SC-Bold; font-weight: 700; color: #1a1a1a; word-break: break-all; /* width: 520rpx; flex-shrink: 0; */ } .acitemwrap .content .label { height: 36rpx; line-height: 36rpx; background: #f3ffe5; border-radius: 16rpx 16rpx 16rpx 0px; font-size: 28rpx; font-weight: 400; text-align: center; color: #9ddb52; padding: 0 19rpx; width: fit-content; margin-top: 12rpx; } .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; } .acitemwrap .content .list { font-size: 28rpx; font-weight: 400; color: #666666; line-height: 33rpx; margin-top: 14rpx; display: flex; justify-content: space-between; align-items: center; position: relative; } .icon-act-dizhi { position: absolute; top: -2rpx; color: #999999 !important; } .address-word { text-indent: 40rpx; } .hot-title { display: flex; justify-content: space-between; align-items: center; height: 41rpx; font-size: 34rpx; font-family: "FZCuYuan-M03"; font-weight: 400; color: #333333; position: relative; margin-bottom: 15rpx; } .hot-title .title { position: relative; } .hot-title .title::after { display: block; content: ""; position: absolute; top: -8rpx; right: -6rpx; width: 30rpx; height: 30rpx; background-color: #005eff42; border-radius: 50%; z-index: 1; display: inline-block; } .product-box { padding: 30rpx; box-sizing: border-box; background-color: white; } .product-box .list { font-size: 28rpx; font-weight: 400; color: #666666; /* line-height: 33rpx; */ margin-top: 14rpx; display: flex; justify-content: space-between; align-items: center; } .user-box { padding: 30rpx; box-sizing: border-box; background-color: white; display: flex; align-items: center; margin-top: 20rpx; } .per-box { padding: 30rpx; box-sizing: border-box; background-color: white; margin-top: 20rpx; margin-bottom: 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; } .btn-box { display: flex; justify-content: space-between; flex: 1; } .mainbg { background: #2b58a5 !important; color: #ffffff !important; } .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; } .btn { width: 330rpx; height: 85rpx; border-radius: 43rpx; color: #0a0a0a; text-align: center; line-height: 85rpx; } .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; } .msg-tip1 { font-size: 26rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: center; color: #666666; margin-top: 75rpx; } .msg-tip2 { font-size: 26rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; text-align: center; color: #666666; margin-top: 10rpx; margin-bottom: 43rpx; } .popup5-item { font-size: 26rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #333333; text-align: left; } .a-price { color: #ec2e26; margin-left: 15rpx; } .jifen-box { display: flex; justify-content: space-between; height: 60rpx; margin-top: 20rpx; } .jifen-box .left { display: flex; flex-direction: column; justify-content: space-between; text-align: left; } .use { font-size: 26rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #333333; } .di { font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #999999; } .switch { width: 127rpx; height: 60rpx; background: #2db62b; border-radius: 30rpx; box-shadow: 0px 3rpx 13rpx 0px rgba(0, 0, 0, 0.16); position: relative; } .close-bg { background-color: #999999; } .switch-dot { width: 60rpx; height: 60rpx; background: #ffffff; border-radius: 50%; position: absolute; top: 0; right: 0; } .close-switch { left: 0; } .pay-btn { /* width: 437px; */ height: 80rpx; background: #2b58a5; border-radius: 40rpx; text-align: center; line-height: 80rpx; font-size: 30rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #ffffff; margin-top: 44rpx; } .user-img { width: 140rpx; height: 140rpx; border-radius: 50%; } .user-right { display: flex; justify-content: space-between; align-items: center; margin-left: 65rpx; width: 485rpx; } .name-sex { display: flex; align-items: center; font-size: 28rpx; font-family: PingFang SC, PingFang SC-Bold; font-weight: 700; text-align: center; color: #1a1a1a; } .user-sex { width: 26rpx; height: 26rpx; margin-left: 43rpx; } .zhiwei { margin-top: 9rpx; font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #808080; } .right-box { display: flex; align-items: center; font-size: 24rpx; font-family: PingFang SC, PingFang SC-Regular; font-weight: 400; color: #666666; } .partime-bg { /* margin-top: 20rpx; */ } .partime-bg .content .desc { font-size: 28rpx; font-weight: 400; color: #666666; line-height: 38rpx; margin-bottom: 30rpx; } .partime-bg .content .desc-title { font-size: 28rpx; color: #1a1a1a; line-height: 38rpx; } .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; */ 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 32rpx 0; } .comment .card .split { border-top: 1px solid #e6e6e6; } .left-t-r i { font-size: 50rpx; } .left-t-r i.isyn { font-size: 50rpx; color: #ff9800; } .content-bottom { min-height: 340rpx; width: 100%; padding: 10rpx 0 0 0; box-sizing: border-box; } .content-bottom .content-price { width: 100%; font-size: 40rpx; text-align: center !important; color: #ff0000; margin-top: 0; } .content-bottom .content-money { font-size: 80rpx; font-weight: 700; } .content-bottom .price-text { padding: 20rpx 0 40rpx 0; font-size: 28rpx; color: #1a1a1a; } .content-bottom .content-jifen{ background-color: #ffffff; padding: 30rpx; }