/* pages/edit/edit.wxss */ @import '../common/common.wxss'; .header { padding: 30rpx; font-size: 30rpx; font-size: 0; } .container { padding-bottom: 170rpx; width: 100vw; overflow-x: hidden; background: rgba(246, 246, 246, 1); } .header image { width: 88rpx; height: 88rpx; border-radius: 50%; vertical-align: top; } .header .r { display: inline-block; width: calc(100% - 88rpx); padding-left: 16rpx; } .header .username { font-size: 30rpx; color: #333; line-height: 88rpx; } .header-tips { color: #000000; padding: 0px 30rpx; line-height: 1.6; border-top: 20rpx solid rgba(246, 246, 246, 1); font-size: 27rpx; } .header-tips .name-tips { display: flex; align-items: center; justify-content: space-between; color: #333333; font-size: 30rpx; line-height: 45rpx; } .header-tips .name-tips .box { display: flex; align-items: center; font-weight: 650; } .header-tips .name-tips image { width: 35rpx; height: 40rpx; margin-right: 15rpx; } .header-tips .name-tips text { color: #7F7F7F; line-height: 45rpx; font-size: 24rpx; } .header-tips text { color: #555555; line-height: 45rpx; } .header-tips .name-tips .name-tips-unfold-btn { height: 50rpx; border: 2rpx solid #d7d7d7; padding: 0 24rpx; border-radius: 30rpx; color: #7f7f7f; display: flex; align-items: center; font-size: 21rpx; } .header-tips .name-tips .name-tips-unfold-btn image { width: 18rpx; height: 13rpx; } .bottomArrow { width: 13rpx; height: 13rpx; border-bottom: 2rpx solid #7f7f7f; border-right: 2rpx solid #7f7f7f; transform: rotate(45deg); margin-left: 5px; } .rightArrow { width: 13rpx; height: 13rpx; border-top: 2rpx solid #7f7f7f; border-right: 2rpx solid #7f7f7f; transform: rotate(45deg); margin-left: 5px; } .header-tips .name-tips-close-btn { width: 34rpx; height: 34rpx; border: 2rpx solid #aaaaaa; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-top: 30rpx; } .header-tips .name-tips-close-btn image { width: 20rpx; height: 14rpx; } .repeatedRelease, .submitFailure { position: fixed; top: 0; left: 0; display: flex; width: 750rpx; height: 100vh; background-color: rgba(0, 0, 0, 0.6); z-index: 1001; align-items: flex-end; flex-direction: column; justify-content: flex-end; } .repeatedRelease .repeatedRelease-centre { border-bottom: 1rpx dotted #d7d7d7; } .repeatedRelease .repeatedRelease-bottom { display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 20rpx; position: relative; padding-top: 56rpx; background-color: #f2f2f2; margin: 30rpx 30rpx 50rpx; } .repeatedRelease .repeatedRelease-bottom .repeatedRelease-title { display: flex; align-items: center; flex-direction: column; color: #333; font-size: 32rpx; line-height: 32rpx; font-weight: 650; } .repeatedRelease .repeatedRelease-bottom .repeatedRelease-title .repeatedRelease-title-icon { display: flex; align-items: center; } .repeatedRelease .repeatedRelease-bottom .repeatedRelease-title text { height: 65rpx; line-height: 65rpx; } .repeatedRelease .repeatedRelease-bottom .repeatedRelease-title image { width: 42rpx; height: 48rpx; margin-right: 20rpx; } /* 黄色的点 */ .yellow-dot { width: 7.5rpx; height: 15rpx; display: block; background-color: rgba(255, 215, 82, 1); margin-right: 20rpx; border-radius: 30rpx; } .nearbySchool-yellow-dot { width: 8rpx; height: 16rpx; display: block; background-color: rgba(255, 215, 82, 1); margin-right: 20rpx; border-radius: 8rpx; } .serial-number { height: 38rpx; line-height: 38rpx; padding: 0 20rpx; background-color: rgba(255, 215, 82, 1); display: inline-block; border-radius: 22rpx 0 22rpx 0; font-size: 20rpx; margin-right: 22rpx; } .footer-btn { position: fixed; bottom: 0; width: 750rpx; height: 186rpx; display: flex; justify-content: space-between; align-items: center; background-color: #fff; border-top: 2rpx solid #d7d7d7; padding: 0 25rpx; z-index: 2; } .footer-btn .submit { flex: 1; display: flex; justify-content: center; align-items: center; height: 96rpx; line-height: 96rpx; background-color: rgba(98, 177, 255, 1); border-radius: 82.5rpx; color: #fff; font-weight: 650; font-size: 36rpx; color: #fff; box-sizing: border-box; } .footer-btn .save1 { margin-right: 30rpx; color: #000; background-color: #fff; font-weight: 400; border: 2rpx solid rgba(215, 215, 215, 1); } .trigger-rules-close-icon { position: absolute; top: 0rpx; right: 30rpx; width: 30rpx; height: 30rpx; transform: rotate(45deg); padding: 25rpx 0rpx; } .edit-option { padding-top: 48rpx; } .edit-option-item { border-bottom: 15rpx solid #eeeff3; padding: 0 30rpx 45rpx; } .edit-box { background-color: #fff; } .edit-top { height: 150rpx; line-height: 150rpx; display: flex; justify-content: center; align-items: center; margin-top: 16rpx; color: #333; font-weight: 400; border-bottom: 2rpx dashed #d7d7d7; font-size: 30rpx; } .edit-top .clickInputLeftArrow { margin-right: 13px; } .edit-box .edit-top-img { width: 26rpx; height: 30rpx; margin-right: 20rpx; } .clickInput-box { margin-top: 55rpx; } .edit-option .edit-option-item:first-of-type .clickInput-box:first-of-type { margin-top: 0; } .clickInput-box input { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 586rpx; } .clickInput-box:last-child { /* padding-bottom: 45rpx; */ } .clickInput-title { color: #555; font-size: 28rpx; line-height: 28rpx; } .clickInput { display: flex; align-items: center; justify-content: space-between; border: 2rpx solid #d7d7d7; padding: 0 30rpx; height: 100rpx; /* line-height: 100rpx; */ border-radius: 10rpx; margin-top: 28rpx; } .clickInput input { width: 100%; } .clickInput-img { width: 22rpx; height: 13rpx; transform: rotate(-90deg); } .clickInput-imgimg { width: 22rpx; height: 13rpx; } .homeVideo-box { margin-top: 55rpx; } .homeVideo-title { color: #555; font-size: 28rpx; line-height: 28rpx; } .homeVideo-list { justify-content: space-between; width: 678rpx; flex-wrap: wrap; } .homeVideo-list::after { content: ""; width: 178rpx; margin-top: 24rpx; } .homeVideo-case { width: 678rpx; justify-content: space-between; } .homeVideo-add { width: 178rpx; height: 178rpx; border: 2rpx solid #d3d3d3; border-radius: 10rpx; background-color: #f2f2f2; display: flex; justify-content: center; align-items: center; margin-top: 24rpx; position: relative; } .homeVideo-add-video { max-width: 100%; max-height: 100%; border-radius: 10rpx; } .homeVideo-add-img { width: 38rpx; height: 38rpx; } .homePhoto-box { margin-top: 55rpx; } .homePhoto-title { color: #555; font-size: 28rpx; line-height: 28rpx; } .homePhoto-add { width: 178rpx; height: 178rpx; border: 2rpx solid #d3d3d3; border-radius: 10rpx; background-color: #f2f2f2; display: flex; justify-content: center; align-items: center; position: relative; margin-right: 20rpx; margin-bottom: 20rpx; } .homePhoto-add-icon { width: 38rpx; height: 38rpx; } .homePhoto-add-img { max-width: 100%; max-height: 100%; } .red-dot { position: absolute; top: -16rpx; right: -16rpx; width: 32rpx; height: 32rpx; background-color: #c54235; border-radius: 50%; } .homePhoto-boxes { margin-top: 24rpx; display: flex; flex-wrap: wrap; } .homeVideo-videoplay { width: 50rpx; height: 50rpx; position: absolute; } .clickInputLeftArrow { width: 17rpx; height: 17rpx; border-bottom: 2rpx solid #7f7f7f; border-right: 2rpx solid #7f7f7f; transform: rotate(-45deg); margin-left: 5px; } .clickInputBottomArrow { width: 17rpx; height: 17rpx; border-bottom: 2rpx solid #7f7f7f; border-right: 2rpx solid #7f7f7f; transform: rotate(45deg); margin-left: 5px; } .pop-up-arrow { width: 30rpx; height: 30rpx; transform: rotate(-90deg); } .pop-up { position: fixed; top: 0; left: 0; height: 100vh; width: 750rpx; z-index: 1001; display: flex; align-items: flex-end; background-color: rgba(0, 0, 0, 0.596078431372549); } .pop-up-box { width: 100%; background-color: #fff; border-radius: 60rpx 60rpx 0 0; display: flex; align-items: center; flex-direction: column; position: relative; overflow-y: scroll; /* z-index: 100; */ } .pop-up-top { width: 90rpx; height: 46rpx; line-height: 46rpx; display: flex; justify-content: center; align-items: center; background-color: #fdda55; border-radius: 0 0 50rpx 50rpx; position: relative; } .pop-up-box .pop-up-title { font-size: 42rpx; margin-top: 80rpx; font-weight: 650; } .AListOF-option { flex-direction: column; width: 100%; } .option-box { display: flex; width: 100%; padding: 0 74rpx; margin-top: 66rpx; padding-bottom: 46rpx; max-height: 60vh; overflow: scroll; } .AListOF-option-item { width: 100%; } .option-item { height: 120rpx; line-height: 120rpx; text-align: center; font-size: 30rpx; background-color: #f2f2f2e0; border-radius: 20rpx; margin-bottom: 30rpx; } .pop-up-footer { height: 186rpx; line-height: 186rpx; text-align: center; font-size: 30rpx; color: #000; font-weight: 850; border-top: 2rpx solid #d7d7d7; width: 100%; display: flex; z-index: 2; padding: 0 30rpx; } .pop-up-footer .pop-up-save, .pop-up-footer .pop-up-nextStep { /* flex: 1; */ width: 330rpx; display: flex; justify-content: center; align-items: center; height: 96rpx; line-height: 96rpx; background-color: #fff; border-radius: 82.5rpx; font-size: 36rpx; border: 2rpx solid rgba(215, 215, 215, 1); font-weight: 400; } .pop-up-footer .pop-up-nextStep { background-color: rgba(98, 177, 255, 1); color: #fff; font-weight: 650; margin-left: 30rpx; border: 2rpx solid rgba(98, 177, 255, 1); } .twoLines-option { display: flex; justify-content: space-between; flex-wrap: wrap; } .twoLines-option .twoLines-option-item { width: 270rpx; } .last-step-text { color: #555555; font-size: 24rpx; margin-top: 40rpx; line-height: 42rpx; } .unilineInput-box { height: 120rpx; line-height: 120rpx; width: 100%; margin: 0 30rpx; background-color: #f4f4f4; width: 690rpx; border-radius: 15rpx; display: flex; padding: 0 20rpx; margin-top: 70rpx; margin-bottom: 150rpx; } .unilineInput-box input { flex: 1; height: 120rpx; line-height: 120rpx; } .pop-up-skip { font-size: 28rpx; color: #555; position: absolute; top: 38rpx; right: 30rpx; display: flex; align-items: center; } .intro { margin: 30px; text-align: center; } .picker { height: 130rpx; line-height: 130rpx; background-color: rgba(98, 177, 255, 0.145098039215686); width: 600rpx; border-radius: 50rpx; display: inline-flex; justify-content: center; align-items: center; border: none; color: #c40000; } .pickerpitch { font-weight: bolder; font-size: 30rpx; } .pop-up-HomeVideo .homeVideo-add { margin-top: 72rpx; margin-bottom: 132rpx; } .close-btn { position: absolute; width: 32rpx; height: 32rpx; background-color: #c40000; display: flex; justify-content: center; align-items: center; border-radius: 50rpx; transform: rotate(45deg); top: -16rpx; right: -16rpx; } .close-btn image { width: 18rpx; height: 18rpx; } .picker { position: relative; } .picker::after, .picker::before { content: ""; height: 1px; width: 100%; position: absolute; top: -1000px; left: 0; } .pop-up-homePhoto-image-box { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 15rpx; margin-top: 70rpx; margin-bottom: 76rpx; } .pop-up-homePhoto-image-box .homePhoto-add { margin: 0 30rpx; } .pop-up-homePhoto-image { width: 178rpx; height: 178rpx; border: 2rpx solid #d3d3d3; border-radius: 10rpx; margin: 0 30rpx 20rpx; position: relative; } .pop-up-homePhoto-image .pop-up-homePhoto-image-item { width: 178rpx; height: 178rpx; } .pop-up-homePhoto-image.pop-up-homePhoto-image-kong { border-style: dashed; } .multilineInput .last-step-text { padding: 0 30rpx; margin-bottom: 30rpx; } .numberwords { display: flex; align-self: flex-end; color: #aaa; height: 48rpx; line-height: 24rpx; padding-right: 24rpx; padding-bottom: 24rpx; } .multilineInput .multilineInput-textarea { width: 690rpx; border-top: 2rpx dashed #d7d7d7; padding: 30rpx; min-height: 700rpx; } .nearSchool {} .nearSchool .nearSchool-box { display: flex; flex-direction: column; align-items: center; margin-top: 52rpx; margin-bottom: 34rpx; max-height: 60vh; } .nearSchool .nearSchool-item { position: relative; display: flex; flex-direction: column; border-radius: 20rpx; width: 690rpx; height: 242rpx; border: 2rpx solid #d7d7d7; margin-bottom: 30rpx; } .nearSchool .nearSchool-serial { position: absolute; width: 40rpx; height: 40rpx; border-radius: 20rpx 0 20rpx 0; background-color: #ffd752; display: flex; justify-content: center; align-items: center; font-size: 16rpx; color: #998232; top: -2rpx; left: -2rpx; } .nearSchool .nearSchool-input { height: 102rpx; display: block; padding: 0 28rpx; } .nearSchool .nearSchool-textarea { padding: 24rpx 30rpx; border-top: 2rpx solid #d7d7d7; width: 630rpx; height: 80rpx; } .nearSchool .nearSchool-add { display: flex; width: 75rpx; height: 75rpx; justify-content: center; align-items: center; background-color: #f2f2f2; border-radius: 50rpx; margin-top: 44rpx; } .nearSchool .nearSchool-add image { width: 34rpx; height: 34rpx; } .yellowDot { width: 9rpx; height: 22rpx; border-radius: 8rpx; margin-right: 14rpx; background-color: #ffd752; } .contactInformation .contactInformation-item .title { display: flex; align-items: center; margin-bottom: 36rpx; } .contactInformation .contactInformation-box { display: flex; width: 690rpx; flex-direction: column; margin-top: 74rpx; } .contactInformation .contactInformation-item { margin-bottom: 64rpx; } .contactInformation .contactInformation-wechat { display: flex; align-items: center; justify-content: space-between; width: 690rpx; } .contactInformation .contactInformation-wechat-item { width: 690rpx; height: 100rpx; line-height: 100rpx; background-color: #f4f4f4; border-radius: 15rpx; display: flex; align-items: center; justify-content: center; position: relative; } .contactInformation .contactInformation-wechat-item image { width: 28rpx; height: 28rpx; margin-right: 14rpx; } .contactInformation .contactInformation-input { height: 116rpx; line-height: 116rpx; padding: 0 18rpx; border: 2rpx solid #d7d7d7; border-radius: 20rpx; } .contactInformation .last-step-text { padding: 0 30rpx; } .contactInformation .contactInformation-wechat-input { display: flex; border: 2rpx solid #d7d7d7; border-radius: 20rpx; } .contactInformation .contactInformation-wechat-input .already-uploaded, .contactInformation .contactInformation-wechat-input input { flex: 1; border-right: 2rpx solid #d7d7d7; height: 100rpx; line-height: 100rpx; padding-left: 20rpx; } .contactInformation .contactInformation-wechat-input .already-uploaded { display: flex; justify-content: center; align-items: center; } .contactInformation .contactInformation-wechat-input .already-uploaded image { width: 32rpx; height: 32rpx; margin-right: 16rpx; } .contactInformation .QRCode-box { width: 690rpx; height: 180rpx; border: 1rpx solid rgba(215, 215, 215, 1); border-radius: 15rpx; position: relative; } .contactInformation .QRCode-box .QRCode-img { width: 150rpx; height: 150rpx; } .contactInformation .contactInformation-close { display: flex; justify-content: center; align-items: center; height: 100rpx; line-height: 100rpx; width: 82rpx; } .contactInformation .contactInformation-close image { width: 26rpx; height: 26rpx; transform: rotate(45deg); } .ofDate .ofDate-week { width: 100%; display: flex; justify-content: space-between; border-bottom: 2rpx dashed #d7d7d7; line-height: 68rpx; height: 68rpx; margin-top: 66rpx; padding: 0 25rpx; } .ofDate .ofDate-week .ofDate-week-item { width: 100rpx; text-align: center; } .ofDate .ofDate-box { max-height: 55vh; overflow: scroll; } .ofDate .ofDate-item { margin-top: 78rpx; } .ofDate .ofDate-date { display: flex; flex-wrap: wrap; margin-top: 34rpx; padding: 0 25rpx; } .ofDate .ofDate-blank, .ofDate .ofDate-number { width: 100rpx; height: 95rpx; line-height: 95rpx; text-align: center; color: #555; } .ofDate .ofDate-title { color: #000; font-size: 24rpx; font-weight: 650; text-align: center; } .ofDate .ofDate-number-already { color: #D7D7D7; } .ofDate .ofDate-number-current { position: relative; z-index: 2; display: flex; justify-content: center; align-items: center; } .ofDate .ofDate-number-current::before { content: ""; width: 60rpx; height: 60rpx; background-color: #e5e8f0; border-radius: 50rpx; position: absolute; z-index: -1; } .area .area-box { border-top: 2rpx dashed #d7d7d7; margin-top: 68rpx; width: 100%; display: flex; height: 60vh; overflow-y: scroll; } .area .area-box .area-region { background-color: #f2f2f2; } .area .area-box .area-region-item { height: 100rpx; line-height: 100rpx; width: 190rpx; text-align: center; } .area .area-box .area-region-item.area-region-item-pitch { background-color: #fff; font-weight: 800; display: flex; justify-content: center; align-items: center; } .area .area-box .yellow-dot { width: 10rpx; height: 28rpx; background-color: #ffd752; border-radius: 30rpx; } .area .area-box .area-district { flex: 1; height: 100%; overflow-y: scroll; } .area .area-box .area-district .area-district-item { height: 100rpx; line-height: 100rpx; padding-left: 45rpx; border-bottom: 2rpx solid #f2f2f2; } .pageInput-box { margin-top: 55rpx; } .pageInput { border: 2rpx solid #d7d7d7; display: flex; justify-content: space-between; height: 100rpx; line-height: 100rpx; align-items: center; padding: 0 30rpx; margin-top: 28rpx; border-radius: 10rpx; } .pageInput input { flex: 1; height: 100rpx; } .pageInput text { color: #555; } .contact-way-hint { color: #ccae42; display: flex; justify-content: center; align-items: center; font-size: 25rpx; margin-top: 55rpx; } .contact-way { margin-top: 55rpx; } .contact-way .contact-way-title { color: #555; font-size: 28rpx; line-height: 28rpx; } .contact-way .contact-way-input { display: flex; align-items: center; justify-content: space-between; border: 2rpx solid #d7d7d7; padding: 0 30rpx; height: 100rpx; line-height: 100rpx; border-radius: 10rpx; margin-top: 28rpx; width: 630rpx; display: block; } .pageTextarea-box { margin-top: 55rpx; } .pageTextarea-box .pageTextarea-title { color: #555; font-size: 28rpx; line-height: 28rpx; } .pageTextarea-box .pageTextarea { border: 2rpx solid #d7d7d7; border-radius: 10rpx; margin-top: 28rpx; display: flex; flex-direction: column; } .pageTextarea-box .pageTextarea .pageTextarea-numberwords { display: flex; justify-content: flex-end; color: #aaa; padding-right: 15rpx; padding-bottom: 15rpx; } .pageTextarea-box .pageTextarea textarea { min-height: 175rpx; padding: 30rpx 30rpx 0; width: 630rpx; height: 230rpx; } .pageTextarea-box .pageTextarea input { height: 100rpx; padding: 0 30rpx; width: 630rpx; } .nearbySchool { margin-top: 55rpx; } .nearbySchool-box { width: 690rpx; border-radius: 10rpx; border: 2rpx solid #d7d7d7; padding: 0 30rpx; margin-top: 28rpx; } .nearbySchool-box .nearbySchool-item { display: flex; flex-direction: column; padding-top: 34rpx; padding-bottom: 40rpx; font-size: 24rpx; } .nearbySchool-box .nearbySchool-item:not(:last-child) { border-bottom: 2rpx dashed #d7d7d7; } .nearbySchool-box .nearbySchool-item .nearbySchool-title { display: flex; align-items: center; margin-bottom: 20rpx; font-size: 25rpx; line-height: 25rpx; font-weight: 650; } .nearbySchool-box .nearbySchool-item .nearbySchool-title text { display: block; width: 600rpx; word-break: break-all; line-height: 30rpx; } .nearbySchool-box .nearbySchool-item .nearbySchool-content { margin-left: 28rpx; word-break: break-word; line-height: 38rpx; } .nearbySchool-box .nearbySchool-title { color: #555; font-size: 28rpx; line-height: 28rpx; } .nearbySchool-box .nearbySchool-modification { height: 90rpx; line-height: 90rpx; display: flex; justify-content: center; text-align: center; color: #7F7F7F; } .picker { max-height: 60vh; } .option-hover, .option-hove { background-color: rgba(98, 177, 255, 1); color: #fff; } .AddressHongKong-box { align-items: center; padding-right: 30rpx; } .pitchdate { content: ""; width: 60rpx; height: 60rpx; border-radius: 50%; color: #fff !important; position: relative; z-index: 1; } .pitchdate::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); content: ""; display: block; width: 60rpx; height: 60rpx; background-color: rgba(98, 177, 255, 1); border-radius: 50%; color: #fff !important; z-index: -1; } .click-areaDistrict-hover { color: #000; font-weight: 600; } .keyboard { width: 750rpx; height: 90rpx; line-height: 90rpx; font-size: 35rpx; color: rgb(36, 187, 108, 1); border: 2rpx solid #eeeeee; border-left: none; border-right: none; z-index: 999; background-color: #fff; display: flex; align-items: center; } .keyboard1 { padding-left: 35rpx; } .keyboard .keyboard-view { height: 90rpx; line-height: 90rpx; margin: 0 35rpx; flex: 1; display: flex; } .keyboard .keyboard-view:first-child { justify-content: flex-start; } .keyboard .keyboard-view:last-child { color: #aaa; justify-content: flex-end; text-align: right; } .submitFailure-box .submitFailure-title text:first-child { margin-bottom: 0; } .submitFailure-box .submitFailure-title { margin: 40rpx 0 38rpx; } .notice-publication { background-color: rgba(246, 246, 246, 1); height: 105rpx; border-radius: 15rpx; line-height: 36rpx; font-size: 24rpx; color: #555555; padding: 0 18rpx; margin-top: 48rpx; } .notice-publication .notice-publication-key { color: #000000; font-weight: 650; display: contents; } .edit-head-surplus { justify-content: space-between; height: 72rpx; background-color: #fff; font-size: 25rpx; border-radius: 20rpx; margin: 0 30rpx 36rpx; padding: 0 24rpx; } .edit-head-surplus text { font-weight: 650; } .edit-head-surplus .edit-head-surplus-icon { width: 24rpx; height: 24rpx; margin-left: 12rpx; } .edit-head-head { justify-content: space-between; margin: 30rpx 30rpx 40.5rpx; } .edit-head-head .edit-head-area { color: #000000; line-height: 45rpx; font-size: 36rpx; font-weight: 650; } .edit-head-head .edit-head-area .edit-head-area-icon { width: 36rpx; height: 36rpx; margin-right: 12rpx; } .edit-head-head .edit-head-type { height: 42rpx; font-size: 27rpx; color: #555555; border: 1rpx solid rgba(215, 215, 215, 1); padding: 0 11rpx; border-radius: 53rpx; } .rent-budget {} .rent-budget .rent-budget-unit { font-size: 24rpx; color: #fff; background-color: #000000; width: 108rpx; height: 36rpx; border-radius: 8rpx; margin-top: 60rpx; margin-right: 69rpx; align-self: flex-end; } .rent-budget .rent-budget-picker { height: 130rpx; line-height: 130rpx; background-color: rgba(98, 177, 255, 0.145098039215686); width: 100%; /* border-radius: 50rpx; */ display: inline-flex; justify-content: center; align-items: center; border: none; color: #c40000; } .rent-budget .rent-budget-picker { position: relative; } .rent-budget .rent-budget-picker::after, .rent-budget .rent-budget-picker::before { content: ""; height: 1px; width: 100%; position: absolute; top: -1000px; left: 0; } .rent-budget .pickerpitch { font-size: 35rpx; font-weight: bolder; } .rent-budget .picker-view-column { text-align: center; margin: 0 75rpx 200rpx; margin: 0 auto; } .rent-budget .picker-view-column view { line-height: 50px; } .rent-budget .rent-budget-tilde {} .rent-budget .rent-budget-tilde view { line-height: 50px; background-color: rgba(98, 177, 255, 0.145098039215686); } /* 标记 */ wx-slider { /* opacity: 0; */ } wx-slider .wx-slider-handle-wrapper { height: 12rpx; } .rent-budget .sliderHCon { width: 100%; margin: auto; display: flex; justify-content: center; align-items: center; flex-direction: column; } .rent-budget .twoSlider { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; } .rent-budget .select-area { padding-top: 102rpx; margin: 0 auto 129rpx; display: flex; flex-direction: column; align-items: center; } .rent-budget .slider-container { width: calc(100% - 14px); display: flex; position: relative; } .rent-budget .slider-right { padding-left: 11rpx; } .rent-budget .slider-left, .rent-budget .slider-right { margin: 0; } .rent-budget .select-construct { position: relative; width: 600rpx; margin: 0 auto; } .rent-budget .select-value { position: absolute; top: 22.5rpx; color: #50E3C2; font-weight: 700; font-size: 42rpx; white-space: nowrap; height: 48rpx; } .rent-budget .select-value.square-meter { position: absolute; bottom: 90.75rpx; font-size: 24rpx; color: #aaa; font-weight: 400; top: auto; } .pop-target-area {} .pop-target-area .pop-area-list { width: 100%; border-top: 1rpx solid #ebebeb; padding-top: 39rpx; padding-left: 57rpx; padding-right: 30rpx; margin-top: 30rpx; max-height: 50vh; overflow: auto; } .pop-target-area .pop-area-item { margin-bottom: 45rpx; } .pop-target-area .pop-area-name { color: #000; font-size: 30rpx; font-weight: 650; position: relative; margin-bottom: 30rpx; } .pop-target-area .pop-area-name::after { content: ""; position: absolute; top: 50%; left: -27rpx; transform: translateY(-50%); background-color: rgba(253, 218, 85, 1); width: 9rpx; height: 27rpx; border-radius: 8rpx; } .pop-target-area .pop-area-content { flex-wrap: wrap; } .pop-target-area .pop-area-content-item { border: 1rpx solid rgba(235, 235, 235, 1); border-radius: 15rpx; height: 72rpx; font-size: 27rpx; color: #7f7f7f; padding: 0 18rpx; margin-right: 15rpx; margin-bottom: 15rpx; } .pop-target-area .pop-area-content-item.pitch { color: #50E3C2; border-color: #50E3C2; } .pop-target-area .pop-area-pitch-list { border-top: 1rpx solid #ebebeb; width: 750rpx; background-color: rgba(246, 246, 246, 1); flex-wrap: wrap; padding: 20rpx 30rpx 0; justify-content: space-between; } .pop-target-area .pop-area-pitch-item { margin-bottom: 24rpx; } .pop-target-area .pop-area-pitch-index { color: #fff; width: 30rpx; height: 30rpx; border-radius: 50%; background-color: #000000; margin-right: 15rpx; font-size: 20rpx; } .pop-target-area .pop-area-pitch-content { color: #000000; font-size: 24rpx; width: 220rpx; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; } .pop-target-area .pop-area-pitch-cross { width: 18rpx; height: 18rpx; margin-left: 24rpx; padding: 6rpx; } .pop-target-area .last-step-text { padding: 0 30rpx; } .pop-new-marquee-box { height: 500rpxx; } .pop-new-marquee-box .pop-new-marquee-unlimited { font-size: 24rpx; color: #555555; align-self: flex-start; margin-left: 48rpx; margin-bottom: 48rpx; margin-top: 91.5rpx; } .pop-new-marquee-box .pop-new-marquee-unlimited.pitch { color: #000000; } .pop-new-marquee-box .pop-new-marquee-unlimited .pop-new-marquee-unlimited-icom { width: 30rpx; height: 30rpx; margin-right: 12rpx; } .pop-new-marquee-box .pop-new-marquee-unlimited .pop-new-marquee-unlimited-unselected-icom { border: 5rpx solid #d7d7d7; border-radius: 50%; } .pop-new-marquee-box .pop-new-marquee-line { width: 654rpx; height: 1rpx; background-color: #ebebeb; } .pop-new-marquee-box .pop-new-marquee-list { flex-wrap: wrap; justify-content: space-between; padding: 27.75rpx 0 27.75rpx 48rpx; margin-bottom: 64.5rpx; width: 100%; } .pop-new-marquee-box .pop-new-marquee-list .pop-new-marquee-item { width: 33.33%; padding: 27.75rpx 0; font-size: 27rpx; color: #555555; } .pop-new-marquee-box .pop-new-marquee-list .pop-new-marquee-item .pitch { color: #000000; } .pop-new-marquee-box .pop-new-marquee-list .pop-new-marquee-case { width: 30rpx; height: 30rpx; border-radius: 8rpx; border: 4rpx solid #aaaaaa; margin-right: 15rpx; } .pop-new-marquee-box .pop-new-marquee-list .pop-new-marquee-pitch { width: 30rpx; height: 30rpx; margin-right: 15rpx; } .target-area {} .target-area .target-area-list { flex-direction: column; padding-top: 28rpx; } .target-area .target-area-list .target-area-item { margin-bottom: 3rpx; } .target-area .target-area-list .target-area-index { width: 30rpx; height: 30rpx; border-radius: 50%; background-color: #000; color: #fff; font-size: 20rpx; margin-right: 15rpx; } .target-area .target-area-list .target-area-content { width: 650rpx; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; } .target-area .target-area-list .target-area-cross { width: 18rpx; height: 18rpx; padding: 24rpx; } .target-area .target-area-edit { width: 192rpx; height: 60rpx; font-size: 30rpx; color: #555555; background-color: rgba(242, 242, 242, 0.96078431372549); border-radius: 300rpx; margin: 34rpx auto 0; } .target-area .target-area-edit .target-area-edit-icon { width: 30rpx; height: 30rpx; margin-right: 9rpx; } .housing-message { border-bottom: 1rpx solid #ebebeb; padding-bottom: 36rpx; margin: 60rpx 30rpx 30rpx; margin-bottom: 30rpx; } .housing-message .housing-message-vertical { width: 2rpx; height: 30rpx; border-left: 1rpx dotted #d7d7d7; margin: 0 15rpx; } .housing-message .housing-message-item { color: #7f7f7f; line-height: 36rpx; font-size: 21rpx; }