/* pages/detail/index.wxss */ page { background: #f5f5f5; padding-bottom: 139rpx; } .panel-header { /* height: 170rpx; */ background: #fff; display: flex; flex-direction: column; justify-content: space-around; } .panel .one { display: flex; align-items: center; /* height: 70rpx; */ justify-content: space-between; padding: 0 30rpx; background: #fff; } .panel .one .left { color: #333; font-size: 42rpx; font-family: SourceHanSansCN-Regular; /* font-weight: 400; */ display: flex; align-items: center; padding: 5rpx 0; /* height: 100%; */ } .panel .one .left image { width: 58rpx; height: 26rpx; margin-left: 10rpx; } .panel .one .salary { font-size: 42rpx; font-family: Arial-BoldMT; /* font-weight: bold; */ color: #ff401a; width: 300rpx; text-align: right; } .panel .one .salary image { width: 18rpx; height: 24rpx; } .panel .two { background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 20rpx 30rpx; } .panel .two .left { display: flex; flex-direction: row; font-size: 28rpx; font-family: PingFangSC; /* font-weight: 400; */ color: #666; } .panel .two .left .femaleReward { border: 2rpx solid rgba(255, 112, 74, 1); border-radius: 30rpx; font-size: 20rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; color: rgba(255, 112, 74, 1); padding: 4rpx 15rpx; } .panel .two .left .femaleReward image { width: 14rpx; height: 14rpx; } .panel .two .left .maleReward { border: 2rpx solid #127bb0; border-radius: 30rpx; font-size: 20rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; color: #127bb0; padding: 4rpx 15rpx; margin-left: 6rpx; } .panel .two .left .maleReward image { width: 14rpx; height: 14rpx; } .panel .two .left .backmoney { border: 2rpx solid rgba(255, 143, 1, 1); border-radius: 30rpx; font-size: 20rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; color: rgba(255, 143, 1, 1); padding: 4rpx 15rpx; margin-left: 6rpx; } .panel .two .left .backmoney image { width: 10rpx; height: 14rpx; } .panel .two .right { color: #999; font-size: 28rpx; } .panel .two1 { min-height: 76rpx; display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 0 30rpx; border-top: 1rpx solid #f5f5f5; /* border-bottom: 1rpx solid #eee; */ } .panel .two1 .left { flex: 1; display: flex; flex-direction: row; font-size: 22rpx; font-family: PingFangSC; font-weight: 400; color: rgba(102, 102, 102, 1); } .panel .two1 .left .reward { flex: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .panel .two1 .left .reward1 { height: 38rpx; width: 100rpx; text-align: center; line-height: 38rpx; background: linear-gradient(270deg, rgba(255, 131, 49, 1) 0%, rgba(255, 83, 49, 1) 100%); border-radius: 10rpx; font-size: 24rpx; padding: 4rpx 12rpx; font-family: PingFangSC; font-weight: 400; color: rgba(255, 255, 255, 1); } .panel .two1 .left .reward2 { flex: 1; margin-left: 20rpx; font-size: 26rpx; font-family: PingFangSC; /* font-weight: 400; */ color: #333; } .panel .two1 .left .reward3 { margin-left: 20rpx; font-size: 24rpx; font-family: PingFangSC; font-weight: 400; color: rgba(255, 143, 1, 1); } .panel .two1 .left .backmoney { border: 2rpx solid rgba(255, 143, 1, 1); border-radius: 30rpx; font-size: 20rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; color: rgba(255, 143, 1, 1); padding: 4rpx 15rpx; margin-left: 20rpx; } .panel .two1 .left .backmoney image { width: 10rpx; height: 14rpx; } .panel .two1 .right { width: 240rpx; color: #333; font-size: 28rpx; display: flex; align-items: center; justify-content: flex-end; } .panel .two_1 { background: #fff; display: flex; align-items: center; justify-content: space-between; padding: 15rpx 30rpx; height: 28rpx; border-top: 1rpx solid #f5f5f5; } .panel .two_1 .left { display: flex; flex-direction: row; color: #999; font-size: 20rpx; height: 28rpx; align-items: center; } .panel .two_1 .left .countdown-class { margin-top: -28rpx; } .panel .two_1 .right { color: #999; font-size: 20rpx; } /* 拼团 */ .panel .two_pt { display: flex; width: 100%; background-color: #fafafa; } .panel .two_pt .pt { display: flex; width: 100%; background-color: #fff; margin: 12rpx 20rpx 0 20rpx; border-radius: 17rpx; flex-direction: column; } .swiper_container { height: 94rpx; padding: 0rpx 20rpx; border-bottom: 2rpx solid #fafafa; } .panel .two_pt .pt .pt_1 { height: 100%; display: flex; justify-content: space-between; align-items: center; color: #666; font-size: 26rpx; } .panel .two_pt .pt .pt_1 .left { display: flex; flex-direction: row; align-items: center; } .panel .two_pt .pt .pt_1 .left .left_1 { width: 60rpx; height: 60rpx; margin-left: -10rpx; } .panel .two_pt .pt .pt_1 .left :first-child { margin-left: 0rpx !important; } .panel .two_pt .pt .pt_1 .left .left_1 image { width: 100%; height: 100%; border-radius: 50%; } .panel .two_pt .pt .pt_1 .left .left_2 { margin-left: 16rpx; display: flex; flex-wrap: wrap; } .panel .two_pt .pt .pt_1 .left .left_2 text { color: #ff8f01; padding: 0 6rpx; } .panel .two_pt .pt .pt_1 .right { background: rgba(255, 143, 1, 1); border-radius: 21rpx; padding: 6rpx 16rpx; font-size: 22rpx; font-family: SourceHanSansCN-Medium; font-weight: 500; color: rgba(255, 255, 255, 1); } .panel .two_pt .pt .pt_2 { padding: 20rpx 20rpx; display: flex; flex-direction: row; justify-content: center; color: #666; font-size: 22rpx; } .panel .two_pt .pt .pt_2 text { color: #ff8f01; padding: 0 6rpx; } .panel .three { display: flex; align-items: center; justify-content: space-between; /* height: 72rpx; */ background-color: #fafafa; padding: 20rpx 30rpx; } .panel .three .left { display: flex; height: 100%; align-items: center; -webkit-line-clamp: 1; overflow: hidden; /*超出隐藏*/ text-overflow: ellipsis; /*超出显示为省略号*/ -webkit-box-orient: vertical; word-break: break-all; /*强制英文单词自动换行*/ } .panel .three .left image { width: 19rpx; height: 22rpx; } .panel .three .left text { display: flex; height: 100%; align-items: center; color: #525255; font-size: 26rpx; margin-left: 10rpx; font-family: SourceHanSansCN-Normal; font-weight: 400; -webkit-line-clamp: 1; overflow: hidden; /*超出隐藏*/ text-overflow: ellipsis; /*超出显示为省略号*/ -webkit-box-orient: vertical; word-break: break-all; /*强制英文单词自动换行*/ } .panel .three .right { display: flex; height: 100%; align-items: center; } .panel .three .right image { width: 14rpx; height: 24rpx; } .panel .three_1 { display: flex; justify-content: center; padding: 20rpx 30rpx 0rpx 30rpx; flex-direction: column; } .panel .three_1 .sex { display: flex; flex-direction: row; color: #666; font-size: 22rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; } .panel .three_1 .sex .left { width: 16%; } .panel .three_1 .sex .right { width: 82%; margin-left: 36rpx; display: flex; flex-wrap: wrap; } .panel .three_2 { display: flex; justify-content: center; padding: 10rpx 30rpx 20rpx 30rpx; flex-direction: column; } .panel .three_2 .sex { display: flex; flex-direction: row; color: #666; font-size: 22rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; } .panel .three_2 .sex .left { width: 16%; } .panel .three_2 .sex .right { width: 82%; margin-left: 36rpx; display: flex; flex-wrap: wrap; } .panel .four { display: flex; align-items: center; height: 72rpx; padding: 0 30rpx; } .panel .four .title { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-bottom: 2rpx solid #ddd; } .panel .four .title .name { font-size: 24rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; color: rgba(153, 153, 153, 1); flex: 1 0 auto; display: flex; height: 100%; align-items: center; justify-content: center; } .panel .four .title .active { color: #222; font-size: 26rpx; border-bottom: 6rpx solid rgba(30, 98, 167, 1); } .panel .five { background: #fff; display: flex; justify-content: center; flex-direction: column; margin-top: 22rpx; padding-bottom: 15rpx; } .panel .five .title { height: 114rpx; display: flex; flex-direction: row; align-items: center; padding: 0 30rpx; box-sizing: border-box; border-bottom: 2rpx solid #eee; margin-bottom: 15rpx; /* padding: 0 30rpx; */ /* padding-bottom: 20rpx; */ } .panel .five .title .left { width: 32rpx; height: 28rpx; /* background: rgba(30, 98, 167, 1); border-radius: 3rpx; */ } .panel .five .title .right { color: #333; font-size: 30rpx; font-family: SourceHanSansCN-Regular; /* font-weight: 400; */ margin-left: 15rpx; } .panel .five .basesalay { display: flex; flex-direction: row; color: #666; font-size: 22rpx; font-family: SourceHanSansCN-Regular; padding: 15rpx 30rpx; box-sizing: border-box; } .panel .five .basesalay .left { width: 16%; } .panel .five .basesalay .right { width: 82%; margin-left: 36rpx; display: flex; flex-wrap: wrap; word-break: break-all; } .panel .six { background: #fff; display: flex; justify-content: center; flex-direction: column; margin-top: 22rpx; padding-bottom: 15rpx; } .panel .six .title { height: 114rpx; display: flex; flex-direction: row; align-items: center; padding: 0 30rpx; box-sizing: border-box; border-bottom: 2rpx solid #eee; margin-bottom: 15rpx; } .panel .six .title .left { width: 32rpx; height: 32rpx; } .panel .six .title .right { color: #333; font-size: 30rpx; font-family: SourceHanSansCN-Regular; /* font-weight: 400; */ margin-left: 15rpx; } .panel .six .sex { display: flex; flex-direction: row; color: #666; font-size: 22rpx; font-family: SourceHanSansCN-Regular; padding: 15rpx 30rpx; box-sizing: border-box; } .panel .six .sex .left { width: 16%; } .panel .six .sex .right { width: 82%; margin-left: 36rpx; display: flex; flex-wrap: wrap; } .panel .seven { background: #fff; display: flex; justify-content: center; flex-direction: column; margin-top: 22rpx; padding-bottom: 15rpx; } .panel .seven .title { height: 114rpx; display: flex; flex-direction: row; align-items: center; padding: 0 30rpx; box-sizing: border-box; border-bottom: 2rpx solid #eee; margin-bottom: 15rpx; } .panel .seven .title .left { width: 32rpx; height: 35rpx; } .panel .seven .title .right { color: #333; font-size: 30rpx; font-family: SourceHanSansCN-Regular; /* font-weight: 400; */ margin-left: 15rpx; } .panel .seven .work { display: flex; flex-direction: row; color: #666; font-size: 22rpx; font-family: SourceHanSansCN-Regular; padding: 15rpx 30rpx; box-sizing: border-box; } .panel .seven .work .left { width: 16%; } .panel .seven .work .right { width: 82%; margin-left: 36rpx; display: flex; flex-wrap: wrap; } .panel .eight { background: #fff; display: flex; justify-content: center; flex-direction: column; margin-top: 22rpx; padding-bottom: 15rpx; } .panel .eight .title { height: 114rpx; display: flex; flex-direction: row; align-items: center; padding: 0 30rpx; box-sizing: border-box; border-bottom: 2rpx solid #eee; margin-bottom: 15rpx; } .panel .eight .title .left { width: 32rpx; height: 32rpx; } .panel .eight .title .right { color: #333; font-size: 30rpx; font-family: SourceHanSansCN-Regular; /* font-weight: 400; */ margin-left: 15rpx; } .panel .eight .company { display: flex; flex-wrap: wrap; font-size: 22rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; color: rgba(102, 102, 102, 1); padding: 15rpx 30rpx; box-sizing: border-box; } .panel .eight .com { display: flex; flex-direction: row; color: #666; font-size: 22rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; padding: 0 30rpx; margin-top: 10rpx; } .panel .eight .com .left { width: 16%; } .panel .eight .com .right { width: 82%; margin-left: 36rpx; display: flex; flex-wrap: wrap; } .eight-company { height: 86rpx; font-size: 28rpx; color: #333; display: flex; align-items: center; justify-content: space-between; padding: 0 30rpx; } .eight-company-name { flex: 1; } .companyDescription { width: 200rpx; text-align: right; font-size: 24rpx; color: #0177ff; } .panel .nine { height: 154rpx; color: #ff401a; background: #fff; font-size: 24rpx; display: flex; align-items: center; justify-content: space-between; /* padding: 40rpx 30rpx 180rpx 30rpx; */ /* flex-direction: column; */ font-family: SourceHanSansCN-Medium; /* font-weight: 500; */ padding: 0 30rpx; box-sizing: border-box; margin-top: 22rpx; } .panel .nine .nin-image { width: 60rpx; height: 60rpx; margin-right: 30rpx; } .panel .nine view { flex: 1; } .panel .eight_1 { display: flex; justify-content: center; padding: 60rpx 30rpx 0rpx 30rpx; flex-direction: column; } .panel .eight_1 .title { display: flex; flex-direction: row; align-items: center; padding-bottom: 20rpx; } .panel .eight_1 .title .left { width: 6rpx; height: 22rpx; background: rgba(30, 98, 167, 1); border-radius: 3rpx; } .panel .eight_1 .title .right { color: #222; font-size: 26rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; margin-left: 10rpx; } .panel .eight_1 .company { display: flex; flex-wrap: wrap; font-size: 22rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; color: rgba(102, 102, 102, 1); padding-bottom: 78rpx; } .panel .eight_1 .com { display: flex; flex-direction: row; color: #666; font-size: 22rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; padding-top: 10rpx; } .panel .eight_1 .com .left { width: 16%; } .panel .eight_1 .com .right { width: 82%; margin-left: 36rpx; display: flex; flex-wrap: wrap; } /* 福利岗位 */ .welfe { padding: 30rpx; } .welfe .one { display: flex; height: 410rpx; width: 100%; } .welfe .one image { width: 100%; height: 100%; } .welfe .two { display: flex; align-items: center; justify-content: center; padding: 70rpx 0rpx; margin: 0rpx 30rpx; flex-direction: column; border-bottom: 2rpx solid #ddd; } .welfe .two .wel_tagline { font-size: 36rpx; font-family: SourceHanSansCN-Medium; font-weight: 500; color: rgba(34, 34, 34, 1); } .welfe .two .wel_title { padding-top: 24rpx; font-size: 22rpx; font-family: SourceHanSansCN-Medium; font-weight: 500; color: rgba(102, 102, 102, 1); } .welfe .three { display: flex; justify-content: center; padding: 60rpx 0rpx 0rpx 0rpx; flex-direction: column; border-bottom: 2rpx solid #ddd; margin: 0rpx 30rpx; } .welfe .three .title { display: flex; flex-direction: row; align-items: center; padding-bottom: 20rpx; } .welfe .three .title .left { width: 6rpx; height: 22rpx; background: rgba(30, 98, 167, 1); border-radius: 3rpx; } .welfe .three .title .right { color: #222; font-size: 26rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; margin-left: 10rpx; } .welfe .three .wel_top { padding: 70rpx 0rpx; width: 100%; } .welfe .three .wel_top image { width: 100%; } .welfe .four { display: flex; justify-content: center; padding: 60rpx 30rpx 170rpx 30rpx; flex-direction: column; border-bottom: 2rpx solid #ddd; } .welfe .four .title { display: flex; flex-direction: row; align-items: center; padding-bottom: 20rpx; } .welfe .four .title .left { width: 6rpx; height: 22rpx; background: rgba(30, 98, 167, 1); border-radius: 3rpx; } .welfe .four .title .right { color: #222; font-size: 26rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; margin-left: 10rpx; } .welfe .four .welfare-container { padding-top: 10rpx; } /* btn */ .fixed-footer { position: fixed; left: 0; bottom: 0; width: 100%; display: flex; align-items: center; justify-content: center; } .btn-group { background: #fff; width: 100%; height: 124rpx; display: flex; align-items: center; justify-content: center; } .button { width: 690rpx; height: 88rpx; color: #fff; font-size: 34rpx; display: flex; align-items: center; justify-content: space-between; } .call-kefu { width: 220rpx; height: 88rpx; color: #0177FF; text-align: center; line-height: 88rpx; border-radius: 10rpx; border: 1rpx solid #0177FF; margin-right: 20rpx; } .selfBtn { flex: 1; height: 100%; color: #fff; font-size: 34rpx; background: #0177ff; border-radius: 10rpx; } /*弹窗*/ .pt-container, .pt-container .mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; } .pt-container .mask { background: rgba(0, 0, 0, 0.6); } .pt_detail { position: fixed; top: 240rpx; width: 76%; height: auto; left: 12%; background: #fff; z-index: 99999; border-radius: 24rpx; overflow: hidden; } .modal_1 { padding-top: 80rpx; display: flex; width: 100%; justify-content: center; } .modal_1 :first-child { margin-left: 0rpx !important; } .modal_1 .border { width: 162rpx; height: 162rpx; border-radius: 50%; border: 2rpx solid #fff; background-color: #fff; display: flex; justify-content: center; align-items: center; margin-left: -30rpx; } .modal_1 image { width: 142rpx; height: 142rpx; border-radius: 50%; } .modal_2 { padding-top: 40rpx; display: flex; width: 100%; align-items: center; justify-content: center; color: #666; font-size: 32rpx; } .modal_2 text { color: #ff8f01; font-size: 44rpx; } .modal_3 { padding-top: 24rpx; padding-bottom: 56rpx; display: flex; width: 100%; align-items: center; justify-content: center; color: #666; font-size: 26rpx; height: 34rpx; } .modal_3 .countdown-class { color: #ff8f01; margin-top: -34rpx; } .modal-footer { display: flex; flex-direction: row; height: 92rpx; border-top: 1px solid #ddd; line-height: 92rpx; align-items: center; } .btn-cancel { width: 50%; font-size: 32rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; color: rgba(153, 153, 153, 1); text-align: center; border-right: 1px solid #ddd; } .btn-confirm { width: 50%; font-size: 32rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; color: rgba(255, 143, 1, 1); text-align: center; } /* 所有拼工 */ .allpt-container, .allpt-container .mask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; } .allpt-container .mask { background: rgba(0, 0, 0, 0.6); } .allpt_detail { position: fixed; top: 240rpx; width: 76%; height: auto; left: 12%; background: #fff; z-index: 99999; border-radius: 24rpx; overflow: hidden; } .allpt_detail .title { font-size: 32rpx; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(102, 102, 102, 1); display: flex; width: 100%; justify-content: center; padding: 40rpx 0rpx; border-bottom: 2rpx solid #ddd; } .allpt_detail .allpt_list { display: flex; height: 94rpx; justify-content: space-between; align-items: center; color: #666; font-size: 26rpx; padding: 0rpx 20rpx; border-bottom: 2rpx solid #fafafa; } .allpt_detail .allpt_list .left { display: flex; flex-direction: row; align-items: center; } .allpt_detail .allpt_list .left .left_1 { width: 60rpx; height: 60rpx; margin-left: -10rpx; } .allpt_detail .allpt_list .left :first-child { margin-left: 0rpx !important; } .allpt_detail .allpt_list .left .left_1 image { width: 100%; height: 100%; border-radius: 50%; } .allpt_detail .allpt_list .left .left_2 { margin-left: 16rpx; display: flex; flex-wrap: wrap; font-size: 24rpx; } .allpt_detail .allpt_list .left .left_2 text { color: #ff8f01; padding: 0 6rpx; } .allpt_detail .allpt_list .right { font-size: 22rpx; font-family: SourceHanSansCN-Regular; font-weight: 400; color: rgba(255, 143, 1, 1); } /* 收藏 */ .favour { font-size: 28rpx; color: #333; display: flex; align-items: center; justify-content: space-between; } .favour image { width: 25rpx; height: 23rpx; margin-right: 6rpx; } .share { margin-left: 40rpx; } .favour image { height: 25rpx; } .address { height: 150rpx; background: #fff; padding: 0 30rpx; border-top: 2rpx solid #f5f5f5; display: flex; align-items: center; justify-content: space-between; } .address-left { height: 100%; flex: 1; color: #333; font-size: 34rpx; display: flex; align-items: center; justify-content: space-between; padding-right: 15rpx; } .address-left image { height: 73rpx; width: 73rpx; margin-right: 35rpx; } .address-content { height: 100%; flex: 1; padding: 20rpx 0; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-around; } .address-content-address { font-size: 26rpx; color: #666; } .address-right { width: 140rpx; color: #0177ff; font-size: 26rpx; display: flex; align-items: center; justify-content: space-between; } .address-bar { width: 2rpx; height: 84rpx; background: #ddd; /* border: 1rpx solid rgba(221, 221, 221, 1); */ } .address-right text { margin: 0 20rpx; } .regularBus { height: 130rpx; font-weight: 400; background: #fff; font-family: PingFangSC-Regular, PingFang SC; color: #333; font-size: 34rpx; padding: 0 30rpx; display: flex; align-items: center; border-top: 1rpx solid #eee; } .regularBus image { width: 60rpx; height: 54rpx; margin-right: 40rpx; } .show-share { height: 100%; width: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; display: flex; /* align-items: center; */ justify-content: center; } .share-content { width: 100%; height: calc(100% - 180rpx); display: flex; align-items: center; justify-content: center; } .share-content-content { width: 552rpx; height: 960rpx; background: #fff; border-radius: 40rpx; display: flex; flex-direction: column; align-items: center; /* justify-content: center; */ position: relative; } .share-content-image { height: 751rpx; width: 454rpx; } .share-content-header { width: 100%; padding: 0 49rpx; box-sizing: border-box; font-size: 28rpx; color: #333; margin-top: 65rpx; margin-bottom: 29rpx; } .share-close { height: 48rpx; width: 48rpx; position: absolute; right: 20rpx; top: 20rpx; } .show-share-bottom { height: 180rpx; width: 100%; background: #fff; padding: 0 30rpx; box-sizing: border-box; display: flex; align-items: center; justify-content: space-around; position: absolute; left: 0; bottom: 0; } .share-item { color: #666; font-size: 24rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .share-item image { width: 80rpx; margin-bottom: 15rpx; } .share-item button { height: 100%; width: 100%; position: absolute; left: 0; top: 0; opacity: 0; } .left_pin { width: 6rpx; height: 22rpx; background: rgba(30, 98, 167, 1); border-radius: 3rpx; }