.repeatedRelease, .submitFailure, .wrong-micro-signal, .succeed-pop, .getWechatQRCode, .fail-pop { position: fixed; top: 0; left: 0; display: flex; width: 750rpx; height: 100vh; background-color: rgba(0, 0, 0, 0.6); z-index: 1004; align-items: flex-end; flex-direction: column; justify-content: flex-end; } .repeatedRelease-box { background-color: #fff; width: 100%; border-radius: 50rpx 50rpx 0 0; max-height: 90vh; overflow: auto; position: relative; } .repeatedRelease-box .repeatedRelease-headline { display: flex; flex-direction: column; align-items: center; } .repeatedRelease-box .repeatedRelease-headline text:first-child { color: #333; font-size: 42rpx; font-weight: 650; margin: 55rpx 0 20rpx; } .repeatedRelease-box .repeatedRelease-headline text:last-child { color: #aaa; font-size: 24rpx; } .repeatedRelease-close-Btn, .submitFailure-close-Btn { width: 60rpx; height: 60rpx; display: flex; justify-content: center; align-items: center; border: 2rpx solid #fff; border-radius: 50rpx; align-self: center; margin-bottom: 50rpx; } .repeatedRelease .repeatedRelease-top { display: flex; justify-content: center; flex-direction: column; align-items: center; height: 222rpx; background-color: #f2f2f2; border-radius: 20rpx; margin: 25rpx 30rpx 30rpx; position: relative; } .repeatedRelease .repeatedRelease-top .hint, .repeatedRelease .repeatedRelease-top .appeal { display: flex; align-items: center; } .repeatedRelease .repeatedRelease-top .hint { color: #333; font-size: 30rpx; line-height: 30rpx; padding-bottom: 40rpx; } .repeatedRelease .repeatedRelease-top .warn { width: 37rpx; height: 37rpx; margin-right: 10rpx; } .repeatedRelease .repeatedRelease-top .appeal { height: 22rpx; line-height: 22rpx; font-size: 28rpx; /* padding-top: 40rpx; */ } .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; } .repeatedRelease .repeatedRelease-housing-information { background-color: #fff; padding: 35rpx 24rpx 35rpx; border-radius: 20rpx; display: flex; flex-direction: column; margin: 30rpx 40rpx 0; -moz-box-shadow: 0px 0px 22rpx rgba(0, 0, 0, 0.10196078); -webkit-box-shadow: 0px 0px 22rpx rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 22rpx rgba(0, 0, 0, 0.1); margin-bottom: 15rpx; width: 600rpx; } .repeatedRelease .repeatedRelease-housing-information .title { font-size: 24rpx; display: flex; align-items: center; width: 100%; } .repeatedRelease .repeatedRelease-housing-information .title text { max-width: 480rpx; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .repeatedRelease .repeatedRelease-housing-information .house-id { color: #ccc; font-size: 20rpx; margin-top: 25rpx; } .repeatedRelease .repeatedRelease-housing-information .title text { margin-right: 10rpx; } .repeatedRelease .repeatedRelease-message { font-size: 22rpx; align-self: self-start; padding: 0 24rpx 0; } .repeatedRelease .repeatedRelease-message .repeatedRelease-message-item { display: flex; align-items: center; margin-top: 20rpx; } .repeatedRelease .repeatedRelease-message .repeatedRelease-message-item text { display: block; position: relative; height: 32rpx; } .repeatedRelease .repeatedRelease-message .repeatedRelease-message-item .daheise { display: inline; color: #000; font-size: 30rpx; font-weight: 750; } .repeatedRelease .repeatedRelease-message .repeatedRelease-message-item .underline::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background-color: rgba(98, 177, 255, 0.14901961); } .repeatedRelease .immediately-btn { width: 100%; display: flex; justify-content: center; align-items: center; height: 100rpx; background-color: #333; color: #fff; font-size: 36rpx; border-radius: 20rpx; margin-top: 50rpx; } .repeatedRelease .immediately-btn image { width: 36rpx; height: 36rpx; margin-left: 15rpx; } .repeatedRelease .house-operation { display: flex; align-self: flex-end; font-size: 20rpx; margin-top: 35rpx; } .repeatedRelease .house-operation .operation-item { padding: 0 20rpx; height: 38rpx; display: flex; align-items: center; border: 2rpx solid #b7b7b7; border-radius: 10rpx; margin-left: 22rpx; } .repeatedRelease .house-operation .operation-item.blue { background-color: #5db3f9; color: #fff; border: none; } /* 黄色的点 */ .yellow-dot { width: 7.5rpx; height: 15rpx; display: block; background-color: #ffd752; margin-right: 20rpx; border-radius: 30rpx; } /* 右上角黄色的四分之一圆 */ .topRightCorner { width: 35rpx; height: 35rpx; background-color: #ffd752; border-radius: 22rpx; border-top-left-radius: 0; border-bottom-right-radius: 0; position: absolute; top: 0; right: 0; } .wrong-micro-signal-box { background-color: #fff; width: 750rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50rpx 50rpx 0 0; padding: 30rpx 32rpx 48rpx; position: relative; } .wrong-micro-signal-icon { width: 120rpx; height: 120rpx; } .wrong-micro-signal-title { margin: 26rpx 0 30rpx; color: #000; font-size: 35rpx; font-weight: 800; } .wrong-micro-signal-text { position: relative; z-index: 1; color: #333; line-height: 30rpx; margin-top: 15rpx; font-size: 30rpx; } .wrong-micro-signal-text::after { content: ""; position: absolute; bottom: 0; left: 0; background-color: #ffeddb; height: 15rpx; width: 100%; z-index: -1; } .wrong-micro-signal-method { position: relative; width: 100%; background-color: #f2f2f2; padding: 30rpx 45rpx 20rpx; border-radius: 30rpx; margin-top: 60rpx; } .wrong-micro-signal-method-text { display: flex; align-items: center; justify-content: center; font-size: 30rpx; } .wrong-micro-signal-method-text image { width: 30rpx; height: 38rpx; margin-right: 10rpx; } .wrong-micro-signal-method-image { width: 600rpx; height: 650rpx; margin-top: 36rpx; } .submitFailure-box { background-color: #fff; border-radius: 50rpx 50rpx 0 0; width: 750rpx; display: flex; flex-direction: column; align-items: center; padding: 85rpx 30rpx 60rpx; position: relative; } .submitFailure-box .submitFailure-reminder { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; } .trigger-rules-close-icon { position: absolute; top: 0rpx; right: 30rpx; width: 30rpx; height: 30rpx; transform: rotate(45deg); padding: 25rpx 0rpx; } .submitFailure-box .submitFailure-reminder { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column; } .submitFailure-box .submitFailure-reminder .submitFailure-reminder-item { position: relative; font-size: 30rpx; margin-top: 30rpx; line-height: 35rpx; height: 40rpx; } .submitFailure-box .submitFailure-reminder .submitFailure-reminder-item::before { content: ""; position: absolute; display: block; width: 100%; height: 40%; bottom: 0; left: 0; background-color: rgba(98, 177, 255, 0.14901961); } .submitFailure-box .submitFailure-icon { width: 180rpx; height: 180rpx; } .submitFailure-box .submitFailure-title { font-size: 40rpx; line-height: 40rpx; margin: 40rpx 0 68rpx; display: flex; flex-direction: column; justify-content: center; align-items: center; } .submitFailure-box .method-item { width: 690rpx; background-color: #f2f2f2; border-radius: 30rpx; padding: 45rpx 30rpx; display: flex; flex-direction: column; margin-top: 45rpx; font-size: 28rpx; } .submitFailure-box .method-item .method-item-btn { margin-top: 30rpx; height: 60rpx; width: 160rpx; background-color: #333; font-size: 20rpx; color: #fff; display: inline-flex; border-radius: 30rpx; align-items: center; justify-content: center; align-self: flex-end; } .submitFailure-box .jiantou { width: 14rpx; height: 14rpx; border-top: 2rpx solid #fff; border-right: 2rpx solid #fff; transform: rotate(45deg); margin-left: 14rpx; } .submitFailure-box .submitFailure-title text:first-child { color: #333; font-size: 42rpx; font-weight: 650; margin-bottom: 20rpx; } .submitFailure-box .submitFailure-title text:last-child { color: #aaa; font-size: 24rpx; } .serial-number { height: 38rpx; line-height: 38rpx; padding: 0 20rpx; background-color: #ffd752; display: inline-block; border-radius: 22rpx 0 22rpx 0; font-size: 20rpx; margin-right: 22rpx; } .repeatedRelease .rightArrow { width: 13rpx; height: 13rpx; border-top: 2rpx solid #7f7f7f; border-right: 2rpx solid #7f7f7f; transform: rotate(45deg); margin-left: 5px; } .succeed-box { background-color: #fff; width: 750rpx; border-radius: 50rpx 50rpx 0 0; flex-direction: column; padding-top: 124.5rpx; padding-bottom: 132rpx; } .succeed-box .succeed-icom { width: 180rpx; height: 180rpx; } .succeed-box .succeed-title { font-size: 42rpx; color: #333333; font-weight: 650; margin-top: 30rpx; margin-bottom: 30rpx; } .succeed-box .succeed-reminder { color: #555555; font-size: 30rpx; margin-bottom: 60rpx; } .succeed-box .succeed-hint { color: #7F7F7F; font-size: 24rpx; margin-bottom: 19.5rpx; } .succeed-box .succeed-hint text { font-weight: 650; color: #000000; } .succeed-box .succeed-btn { background-color: #fddf6d; font-size: 36rpx; font-weight: 650; border-radius: 126rpx; width: 360rpx; height: 96rpx; margin: 67.5rpx auto 0; } .succeed-box .succeed-btn .succeed-btn-icom { width: 48rpx; height: 48rpx; margin-left: 18rpx; } .succeed-box .succeed-btn-no { text-decoration: underline; font-size: 24rpx; line-height: 24rpx; color: #555555; margin-top: 84rpx; } .succeed-pop .automatically-skip { color: #555555; font-size: 27rpx; margin-top: 45rpx; margin-bottom: 126rpx; } .fail-box { background-color: #fff; width: 750rpx; border-radius: 50rpx 50rpx 0 0; flex-direction: column; padding-top: 124.5rpx; padding-bottom: 132rpx; } .fail-box .fail-icom { width: 180rpx; height: 180rpx; } .fail-box .fail-title { font-size: 42rpx; color: #333333; font-weight: 650; margin-top: 30rpx; margin-bottom: 30rpx; } .fail-box .fail-btn { background-color: #62b1ff; color: #fff; font-size: 36rpx; font-weight: 650; border-radius: 126rpx; width: 360rpx; height: 96rpx; margin: 67.5rpx auto 0; } .fail-box .fail-btn .fail-btn-icom { width: 48rpx; height: 48rpx; margin-left: 18rpx; } .fail-box .fail-hint { font-size: 24rpx; color: #aaa; margin-bottom: 60rpx; } .fail-box .fail-explain { color: #555555; font-size: 27rpx; margin-bottom: 24rpx; } .header-search { padding: 0rpx 30rpx 48rpx; font-size: 0; margin-top: 20rpx; } .header-search .form { background: rgba(255, 255, 255, 0.7); width: 588rpx; flex: 1; height: 72rpx; padding: 0 30rpx; box-sizing: border-box; vertical-align: middle; color: #333; position: relative; border-radius: 306rpx; box-shadow: 0 0 12rpx rgba(0, 0, 0, 0.07843137); } .header-search .search-icon { width: 30rpx; height: 30rpx; vertical-align: sub; } .header-search input { display: inline-flex; height: 72rpx; font-size: 28rpx; padding: 0 10rpx; box-sizing: border-box; background-color: transparent; text-align: left; } /* .header-search navigator { font-size: 30rpx; display: inline-block; width: 80rpx; text-align: right; vertical-align: middle; } */ .header-search .map-btn { width: 72rpx; height: 72rpx; border-radius: 232.5rpx; background-color: #fff; margin-left: 19.5rpx; box-shadow: 0 0 12rpx rgba(0, 0, 0, 0.07843137); background: rgba(255, 255, 255, 0.7); } .header-search .map-btn .map-btn-icon { width: 36rpx; height: 36rpx; } .empty-box { width: 690rpx; height: 900rpx; margin: 0 auto; box-shadow: 0 0 12rpx rgba(0, 0, 0, 0.07843137); border-radius: 24rpx; flex-direction: column; background-color: #fff; } .empty-box .empty-icon { width: 153rpx; height: 180rpx; margin-bottom: 24rpx; } .empty-box .empty-text { color: #7f7f7f; font-size: 27rpx; } .asking-housing .fail-icom { margin-bottom: 60rpx; } .asking-housing .asking-housing-title { margin-bottom: 80rpx; color: #333; font-weight: 650; font-size: 42rpx; } .asking-housing .asking-housing-hint { color: #555555; font-size: 30rpx; margin-bottom: 30rpx; } .asking-housing .asking-housing-explain { font-size: 24rpx; color: #7f7f7f; margin-bottom: 20rpx; } .asking-housing .asking-housing-explain .bold { color: #000000; } .asking-housing .fail-btn { background-color: #fddf6d; color: #000000; margin-bottom: 69rpx; } .asking-housing .asking-housing-no { color: #555555; font-size: 24rpx; text-decoration: underline; } .pinterest-list { padding: 30rpx; justify-content: space-between; flex-wrap: wrap; } .pinterest-list .pinterest-list-left, .pinterest-list .pinterest-list-right { height: fit-content; } .pinterest-list .pinterest-list-item { width: 337.5rpx; background-color: #fff; /* border-radius: 24rpx 24rpx 14rpx 24rpx; */ border-radius: 24rpx 24rpx 24rpx 24rpx; margin-bottom: 18rpx; position: relative; box-shadow: 0px 0px 12rpx rgba(0, 0, 0, 0.17843137); } .pinterest-list .pinterest-list-item.apartment { padding-bottom: 19.5rpx; } .pinterest-list .pinterest-list-item.apartment .apartment-top { background: linear-gradient(-47.9699748deg, #b7dcfd -59%, #d5d0ef 29%, #62b1ff 135%); height: 45rpx; border-radius: 24rpx 24rpx 0 0; } .pinterest-list .pinterest-list-item.apartment .apartment-icon { width: 30rpx; height: 30rpx; margin-right: 8rpx; } .pinterest-list .pinterest-list-item.apartment .apartment-text { width: 97.5rpx; height: 31.5rpx; } .pinterest-list .pinterest-list-item.apartment .apartment-img { width: 337.5rpx; height: 281.24rpx; } .pinterest-list .pinterest-list-item.apartment .apartment-name { font-size: 27rpx; color: #000000; font-weight: 650; padding: 13.5rpx 15rpx; } .pinterest-list .pinterest-list-item.apartment .apartment-introduce { color: #aaaaaa; font-size: 22rpx; padding: 0 15rpx; } .pinterest-list .pinterest-list-item.apartment .apartment-price { margin-top: 6rpx; } .pinterest-list .pinterest-list-item.apartment .apartment-price-item { justify-content: space-between; padding: 16.5rpx 0; margin: 0 15rpx; } .pinterest-list .pinterest-list-item.apartment .apartment-price-item:not(:last-of-type) { border-bottom: 1rpx solid #ebebeb; } .pinterest-list .pinterest-list-item.apartment .apartment-price-name { color: #000000; font-size: 22.5rpx; } .pinterest-list .pinterest-list-item.apartment .apartment-price-cost { font-size: 21rpx; color: #555555; justify-content: flex-end; font-family: 'Arial-Black'; white-space: nowrap; margin-left: 22rpx; } .pinterest-list .pinterest-list-item.apartment .apartment-price-unit { font-weight: 900; font-family: 'Arial-Black', 'Arial Black', sans-serif; color: #000; } .pinterest-list .pinterest-list-item.apartment .apartment-price-number { font-size: 24rpx; color: #f95d5d; font-weight: 900; margin: 0 10rpx; font-family: 'Arial-Black', 'Arial Black', sans-serif; } .pinterest-list .pinterest-list-item.apartment .apartment-price-more { margin: 0 auto; font-size: 21rpx; background-color: #fddf6d; border-radius: 30rpx; width: 84rpx; height: 36rpx; margin-top: 18rpx; margin-bottom: 16.5rpx; } #apartment, #general { width: 337.5rpx; } .pinterest-list .pinterest-list-item.general { padding-bottom: 36rpx; flex-direction: column; display: flex; /* align-items: center; */ } .pinterest-list .pinterest-list-item.general .top-right-corner { height: 36rpx; padding: 0 10rpx; font-size: 21rpx; border-radius: 8rpx; position: absolute; top: 20rpx; right: 20rpx; background-color: rgba(51, 51, 51, 0.56078431); color: #fff; } .pinterest-list .pinterest-list-item.general .top-right-corner-authentication { /* background-color: rgba(59, 106, 238, 0.7); */ background-color: transparent !important; height: 30rpx; } .pinterest-list .pinterest-list-item.general .general-img { width: 317.5rpx; height: 281.24rpx; max-width: 317.5rpx; max-height: 281.24rpx; /* border-radius: 24rpx 24rpx 0 0; */ border-radius: 24rpx; margin-top: 10rpx; margin: 10rpx; } .pinterest-list .pinterest-list-item.general .general-name { font-size: 27rpx; color: #000000; line-height: 48rpx; padding: 0 15rpx; display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } .pinterest-list .pinterest-list-item.general .general-authentication-mark { height: 42rpx; width: 100%; background: linear-gradient(to right, #8080ff 20%, transparent 80%); padding-left: 15rpx; position: absolute; top: 249.24rpx; left: 10rpx; border-radius: 0 0 0 24rpx; } .pinterest-list .pinterest-list-item.general .general-authentication-mark1 { width: 24rpx; height: 24rpx; } .pinterest-list .pinterest-list-item.general .general-authentication-mark2 { width: 108rpx; height: 24rpx; margin-left: 6rpx; } .pinterest-list .pinterest-list-item.general .general-tag { background-color: #f2f2f2; border: 1rpx solid #ebebeb; border-radius: 8rpx; height: 36rpx; font-size: 23rpx; color: #555555; display: inline-flex; margin-right: 15rpx; padding: 0 10rpx; } .pinterest-list .pinterest-list-item.general .label-list { font-size: 23rpx; color: #aaaaaa; padding: 0 15rpx; line-height: 40rpx; margin-top: 15rpx; flex-wrap: wrap; } .pinterest-list .pinterest-list-item.general .label-list .label-item:not(:last-of-type) { padding-right: 43rpx; position: relative; } .pinterest-list .pinterest-list-item.general .label-list .label-item:not(:last-of-type)::after { width: 5rpx; height: 5rpx; border-radius: 50%; content: ""; display: block; position: absolute; top: 18.5rpx; right: 20rpx; background-color: #aaaaaa; } .pinterest-list .pinterest-list-item.general .general-cost { font-size: 22rpx; color: #555555; padding: 0 15rpx; margin-top: 15rpx; } .pinterest-list .pinterest-list-item.general .general-cost .general-unit { font-weight: 900; color: #000000; font-family: 'Arial-Black', 'Arial Black', sans-serif; } .pinterest-list .pinterest-list-item.general .general-cost .general-number { font-size: 30rpx; color: #F95D5D; font-weight: 900; margin: 0 10rpx; font-family: 'Arial-Black', 'Arial Black', sans-serif; } .pinterest-list .pinterest-list-item .color-scheme { width: 48rpx; height: 48rpx; border-radius: 8rpx; background-color: #fddf6d; position: absolute; bottom: 0; right: 0; display: none; } .pinterest-list .pinterest-list-item .color-scheme::after { content: ""; display: block; width: 100%; height: 100%; border-radius: 0 0 100% 0; background-color: #fff; } .apartment1-name { font-size: 27rpx; color: transparent; font-weight: 650; padding: 13.5rpx 15rpx; } .apartment1-introduce { color: transparent; font-size: 21rpx; padding: 0 15rpx; } .general-name1 { font-size: 27rpx; color: transparent; line-height: 48rpx; padding: 0 15rpx; display: -webkit-box; display: -ms-flexbox; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .apartment-list.apartment-item { width: 690rpx; box-shadow: 0px 0px 12rpx rgba(0, 0, 0, 0.07843137); border-radius: 18rpx; margin: 0 auto; } .apartment-list.apartment-item:not(:last-of-type) { margin-bottom: 36rpx; } .apartment-list.apartment-item .apartment-top { height: 459rpx; width: 100%; flex-direction: column; align-items: center; justify-content: center; position: relative; } .apartment-list.apartment-item .apartment-top .apartment-select { position: absolute; top: 0; left: 0; width: 279rpx; height: 42rpx; z-index: 1; } .apartment-list.apartment-item .apartment-top .apartment-top-collect { position: absolute; top: 9rpx; right: 9rpx; z-index: 1; width: 48rpx; height: 48rpx; border-radius: 50%; background-color: rgba(0, 0, 0, 0.29); } .apartment-list.apartment-item .apartment-top .apartment-top-collect .apartment-top-collect-icon { width: 33rpx; height: 31.5rpx; } .apartment-list.apartment-item .apartment-top .apartment-name { height: 48rpx; font-size: 30rpx; font-weight: 650; color: #000000; padding: 0 25rpx; border-radius: 25rpx; background-color: rgba(255, 255, 255, 0.7); z-index: 1; margin-top: -109.5rpx; } .apartment-list.apartment-item .apartment-top .apartment-icon { width: 100%; height: 100%; border-radius: 25rpx; position: absolute; background-color: #fff; } .apartment-list.apartment-item .apartment-bottom { position: relative; margin-top: -109.5rpx; } .apartment-list.apartment-item .apartment-introduce { background-color: rgba(0, 0, 0, 0.63921569); height: 48rpx; width: 630rpx; margin: -48rpx auto 0; padding: 0 12rpx; border-radius: 24rpx 24rpx 0 0; line-height: 48rpx; font-size: 24rpx; color: #FFFFFF; } .apartment-list.apartment-item .apartment-introduce .remark-on { font-size: 21rpx; color: #D7D7D7; margin-right: 9rpx; } .apartment-list.apartment-item .apartment-introduce .remark-on .fang-icon { width: 36rpx; height: 36rpx; border-radius: 50%; margin-right: 9rpx; } .apartment-list.apartment-item .apartment-introduce .remark-text { font-size: 24rpx; color: #FFFFFF; } .apartment-list.apartment-item .apartment-bottom .apartment-tag { padding: 0 15rpx; border-radius: 12rpx; height: 33rpx; border: 1rpx solid #797979; margin-right: 15rpx; color: #FDDA55; } .apartment-list.apartment-item .apartment-bottom .apartment-content { border-radius: 18rpx 0 18rpx 18rpx; background-color: #fff; flex-direction: column; position: relative; box-shadow: 0px 0px 12rpx #ccc; padding: 27rpx 24rpx; } .apartment-list.apartment-item .apartment-bottom .apartment-content .apartment-label-list { flex-wrap: wrap; } .apartment-list.apartment-item .apartment-bottom .apartment-content .apartment-label-list .apartment-label-item { height: 36rpx; background-color: #ebebeb; border-radius: 12rpx; font-size: 21rpx; color: #555555; text-align: center; line-height: 36rpx; padding: 0 9rpx; margin-right: 15rpx; margin-bottom: 16.5rpx; } .apartment-list.apartment-item .apartment-bottom .apartment-content .apartment-label-list .apartment-label-item .safety-icon { width: 24rpx; height: 24rpx; margin-right: 6rpx; } .apartment-list.apartment-item .apartment-bottom .apartment-content .apartment-label-list .apartment-label-item.blue { background-color: #62b1ff; color: #fff; } .apartment-list.apartment-item .apartment-bottom .apartment-content .apartment-label-list .apartment-label-item.violet { background-color: #8080ff; color: #fff; } .apartment-list.apartment-item .apartment-bottom .apartment-arc { position: absolute; top: -30rpx; right: 0; width: 30rpx; height: 30rpx; filter: brightness(2); z-index: 11; } .apartment-list.apartment-item .apartment-bottom .apartment-quantity { color: #7F7F7F; font-size: 21rpx; } .apartment-list.apartment-item .apartment-bottom .apartment-message { justify-content: space-between; } .apartment-list.apartment-item .apartment-bottom .apartment-place { color: #555555; font-size: 24rpx; justify-content: flex-end; margin-left: 20rpx; } .apartment-list.apartment-item .apartment-bottom .apartment-place .apartment-place-address { max-width: 390rpx; } .apartment-list.apartment-item .apartment-bottom .apartment-place-icon { width: 27rpx; height: 27rpx; margin-right: 10rpx; } .apartment-list.apartment-item .apartment-bottom .area-vertical { width: 1rpx; height: 24rpx; background-color: #D7D7D7; margin: 0 10rpx; } .apartment-list.apartment-item .apartment-bottom .area-distance { font-size: 24rpx; color: #50E3C2; } .apartment-list.apartment-item .apartment-bottom .apartment-price { padding: 0 14rpx; background: #f6f6f6; border-radius: 18rpx; margin-top: 24rpx; } .apartment-list.apartment-item .apartment-bottom .apartment-price-item { height: 81rpx; justify-content: space-between; } .apartment-list.apartment-item .apartment-bottom .apartment-price-item:not(:last-of-type) { border-bottom: 1rpx solid #ebebeb; } .apartment-list.apartment-item .apartment-bottom .apartment-price-name { color: #000000; font-size: 23rpx; } .apartment-list.apartment-item .apartment-bottom .apartment-price-symbol { font-weight: 900; color: #000000; font-size: 21rpx; font-family: 'Arial-Black', 'Arial Black', sans-serif; } .apartment-list.apartment-item .apartment-bottom .apartment-price-price { color: #F95D5D; font-size: 30rpx; font-weight: 900; margin: 0 10rpx; font-family: 'Arial-Black', 'Arial Black', sans-serif; } .apartment-list.apartment-item .apartment-bottom .apartment-price-unit { color: #555555; font-size: 21rpx; } .getWechatQRCode .getWechatQRCode-box { width: 100vw; background-color: #f6f6f6; flex-direction: column; border-radius: 60rpx 60rpx 0 0; font-size: 42rpx; align-items: center; padding-top: 70.5rpx; } .getWechatQRCode .getWechatQRCode-title { padding-bottom: 67.5rpx; color: #000000; font-weight: 650; } .getWechatQRCode .getWechatQRCode-image { width: 675rpx; } .getWechatQRCode .getWechatQRCode-close { width: 100vw; height: 186rpx; background-color: #fff; margin-top: 75rpx; } .getWechatQRCode .getWechatQRCode-close-btn { font-size: 36rpx; width: 360rpx; height: 96rpx; border-radius: 82.5rpx; border: 1rpx solid #d7d7d7; } .public-hint { height: 60rpx; line-height: 60rpx; border-radius: 6rpx; position: fixed; top: 50%; left: 0; right: 0; margin: auto; width: fit-content; background-color: rgba(85, 85, 85, 0.9); color: #fff; padding: 30rpx; z-index: 1000; } .apartmentApartment.pinterest-list-item.apartment { padding-bottom: 0; display: flex; overflow: hidden; flex-direction: column; } .apartmentApartment.pinterest-list-item.apartment .apartment-top { border-radius: 0; height: 50rpx; } .apartmentApartment.pinterest-list-item.apartment .apartment-img { width: 317.5rpx; border-radius: 24rpx; margin: 10rpx auto; } .apartmentApartment .apartmentApartment-subject { flex-direction: column; padding-bottom: 20rpx; border-radius: 0 0 30rpx 0; } .apartmentApartment.pinterest-list-item.apartment .apartment-top { background: none; position: relative; } .apartmentApartment.pinterest-list-item.apartment .apartment-top .apartment-bottom-icon { width: 100%; position: absolute; bottom: -1rpx; left: 0; } .apartmentApartment.pinterest-list-item.apartment .apartment-icon, .apartmentApartment.pinterest-list-item.apartment .apartment-text { z-index: 6; } .consultation-window { position: fixed; background-color: rgba(0, 0, 0, 0.69803922); z-index: 1001; flex-direction: column; overflow: hidden; width: 0; height: 0; top: 0; left: 0; width: 100vw; height: 100vh; } .consultation-window .consultation-window-box { width: 570rpx; height: 801rpx; background-color: rgba(253, 223, 109, 0.84705882); border-radius: 30rpx; position: relative; } .consultation-window .consultation-window-box .star { position: absolute; } .consultation-window .consultation-window-box .star.star1 { width: 72rpx; height: 72rpx; left: 55.5rpx; top: -75rpx; } .consultation-window .consultation-window-box .star.star2 { width: 78rpx; height: 78rpx; left: 562.5rpx; top: 490.5rpx; } .consultation-window .consultation-window-box .star.star3 { width: 60rpx; height: 60rpx; left: -48rpx; top: 775.5rpx; } .consultation-window .consultation-window-box .inverted-triangle { width: 489rpx; height: 202.5rpx; transform: rotate(180deg); position: absolute; top: 0; } .consultation-window .consultation-window-box .metropolis { width: 570rpx; height: 468rpx; position: absolute; bottom: 0; } .consultation-window .consultation-window-box .consultation-window-box-mask { width: 570rpx; height: 801rpx; background-color: rgba(253, 223, 109, 0.84705882); border-radius: 30rpx; position: absolute; top: 0; left: 0; } .consultation-window .consultation-window-box .consultation-text { font-size: 37.5rpx; text-align: center; line-height: 54rpx; font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; color: #333333; position: absolute; top: 58.5rpx; white-space: pre-line; } .consultation-window .consultation-window-box .consultation-hint { position: absolute; font-size: 24rpx; color: #FFFFFF; bottom: 63rpx; font-family: 'PingFangSC-Regular', 'PingFang SC', sans-serif; } .consultation-window .consultation-window-box .consultation-info { position: absolute; top: 201rpx; width: 361.5rpx; height: 465rpx; } .consultation-window .consultation-window-box .consultation-info::after { content: ""; top: 5rpx; left: 0; width: 330rpx; height: 1rpx; border-bottom: 1rpx dotted #ebebeb; position: absolute; top: 357rpx; left: 16.5rpx; } .consultation-window .consultation-window-box .consultation-info .product-frame { width: 361.5rpx; height: 465rpx; position: absolute; } .consultation-window .consultation-window-box .consultation-info .consultation-QR-code { width: 300rpx; height: 300rpx; position: absolute; top: 30rpx; } .consultation-window .consultation-window-box .consultation-info .consultation-username { color: #333333; font-size: 25.5rpx; position: absolute; bottom: 40.5rpx; } .consultation-window .consultation-window-box .consultation-info .consultation-username .weChat-icon { width: 39rpx; height: 30rpx; margin-right: 10.5rpx; } .consultation-window .close-icon { margin-top: 102rpx; width: 72rpx; height: 72rpx; } .popwindow-box { position: fixed; width: 87rpx; height: 144rpx; right: 16rpx; bottom: 320rpx; bottom: 364rpx; z-index: 1000; } .popwindow-box.popwindow-btn-animation { animation: coupon-toright 0.3s; } @keyframes coupon-toright { from { right: calc(50% - 50rpx); bottom: calc(50% - 50rpx); } 20% { bottom: calc(50% + 10rpx); } to { right: 16rpx; bottom: 320rpx; } } .popwindow-box .popwindow-btn { width: 87rpx; height: 144rpx; background: -webkit-linear-gradient(270deg, #f8f4f1 0%, #f3e7d9 100%); background: -moz-linear-gradient(180deg, #f8f4f1 0%, #f3e7d9 100%); background: linear-gradient(180deg, #f8f4f1 0%, #f3e7d9 100%); border: 1px solid #d7d7d7; border-radius: 43.5rpx; -moz-box-shadow: 0 0 7.5rpx rgba(0, 0, 0, 0.34901961); -webkit-box-shadow: 0 0 7.5rpx rgba(0, 0, 0, 0.34901961); box-shadow: 0 0 7.5rpx rgba(0, 0, 0, 0.34901961); flex-direction: column; padding-top: 12rpx; } .popwindow-box .popwindow-btn .popwindow-avatar { width: 69rpx; height: 69rpx; border-radius: 50%; margin-bottom: 10.5rpx; box-shadow: 0 0 3rpx rgba(0, 0, 0, 0.5); } .popwindow-box .popwindow-btn .popwindow-text { width: 99rpx; height: 33rpx; background-color: #fdda55; border: 1rpx solid #d2ac27; border-radius: 6rpx; color: #333333; font-size: 21rpx; } .popwindow-box .semicircle { width: 48rpx; height: 30rpx; position: absolute; top: 84rpx; z-index: -1; } .popwindow-box .semicircle.semicircle1 { transform: rotate(270deg); left: -15rpx; } .popwindow-box .semicircle.semicircle2 { right: -15rpx; transform: rotate(90deg); }