diff --git a/pages/agentList/agentList.js b/pages/agentList/agentList.js
index d26938d..b4e77b9 100644
--- a/pages/agentList/agentList.js
+++ b/pages/agentList/agentList.js
@@ -410,24 +410,23 @@ Page({
},
// 拉去广告
getAd() {
- let that = this;
let url = app.globalData.config.studentapartment.quarantineBanner
miucms.request(url, {}).then(data => {
- that.setData({
+ data.data[0].image = "https://app.gter.net/image/miniApp/HKRenting/md5__a65c6e69fa6d5cad6ee45aeaf147028f.svg"
+
+ this.setData({
attachment: data.data
})
wx.hideLoading()
- // that.getverifiedList()
- }).catch(res => {})
+ })
},
getverifiedList() {
- let that = this;
miucms.request(app.globalData.config.adv.verifiedList, {}).then(data => {
- that.setData({
+ this.setData({
verifiedList: data.data
})
- }).catch(res => {})
+ })
},
// 获取地域列表
getLocationList() {
diff --git a/pages/agentList/agentList.wxml b/pages/agentList/agentList.wxml
index aae314f..e114bb7 100644
--- a/pages/agentList/agentList.wxml
+++ b/pages/agentList/agentList.wxml
@@ -6,14 +6,10 @@
{{ miniProgram == 'xg' ? '寄托香港租房' : '寄托港校租房' }}
-
-
-
-
-
+
+
+
diff --git a/pages/brandApartmentList/brandApartmentList.js b/pages/brandApartmentList/brandApartmentList.js
index fa58c7a..b07accb 100644
--- a/pages/brandApartmentList/brandApartmentList.js
+++ b/pages/brandApartmentList/brandApartmentList.js
@@ -154,7 +154,6 @@ Page({
}
this.setData({
- isMapFindState: app.globalData.isMapFindState,
irentCouponBig: app.globalData.irentCouponBig,
options: options || {},
school: this.data.school || '',
@@ -219,6 +218,7 @@ Page({
initState: true,
miniProgram: app.globalData.miniProgram,
popwindow: app.globalData.popwindow,
+ isMapFindState: app.globalData.isMapFindState,
})
let screen_data = this.data.screen_data
@@ -412,6 +412,7 @@ Page({
content: data.message,
})
} else {
+ data.data[0].image = "https://app.gter.net/image/miniApp/HKRenting/md5__a65c6e69fa6d5cad6ee45aeaf147028f.svg"
that.setData({
imgUrls: data.data
})
diff --git a/pages/brandApartmentList/brandApartmentList.json b/pages/brandApartmentList/brandApartmentList.json
index d1822b8..cd1c017 100644
--- a/pages/brandApartmentList/brandApartmentList.json
+++ b/pages/brandApartmentList/brandApartmentList.json
@@ -5,7 +5,7 @@
"form-id": "../../template/formId/formId",
"go-login": "../../template/goLogin/goLogin",
"head-swiper": "../../template/headSwiper/headSwiper",
- "tab": "../personList/tab/tab",
+ "tab": "/pages/personList/tab/tab",
"to-top": "../../template/toTop/toTop",
"select-single": "../../template/selectSingle/selectSingle",
"range-box": "../../template/rangeBox/rangeBox",
diff --git a/pages/brandApartmentList/brandApartmentList.wxml b/pages/brandApartmentList/brandApartmentList.wxml
index 8a60eae..0033234 100644
--- a/pages/brandApartmentList/brandApartmentList.wxml
+++ b/pages/brandApartmentList/brandApartmentList.wxml
@@ -5,25 +5,22 @@
- {{ miniProgram == 'xg' ? '寄托香港租房' : '寄托港校租房' }}
-
+ {{ miniProgram == 'xg' ? '寄托香港租房' : '寄托港校租房' }}
-
-
-
+
+
+
-
- 单人间
+
+ 单人间
@@ -36,7 +33,7 @@
-
+
diff --git a/pages/brandApartmentList/brandApartmentList.wxss b/pages/brandApartmentList/brandApartmentList.wxss
index 4e8a32e..c7c0a2b 100644
--- a/pages/brandApartmentList/brandApartmentList.wxss
+++ b/pages/brandApartmentList/brandApartmentList.wxss
@@ -5,6 +5,7 @@
.irent-list-box {
min-height: 100vh;
box-sizing: border-box;
+ padding-top: 20rpx;
}
.house-list {
@@ -29,7 +30,6 @@
.bottom-already .text {
color: #999;
font-size: 24rpx;
-
}
.bottom-already .text::before,
@@ -152,7 +152,7 @@
}
.annex-school .annex-school-name {
- color: rgb(51, 51, 51);
+ color: #000000;
font-weight: 650;
font-size: 24rpx;
height: 60rpx;
@@ -162,8 +162,8 @@
.annex-school .annex-school-item {
- border: 1rpx solid rgb(235, 235, 235);
- color: rgb(127, 127, 127);
+ border: 1rpx solid rgb(215, 215, 215);
+ color: #7F7F7F;
border-radius: 45rpx;
width: 90rpx;
height: 60rpx;
@@ -173,9 +173,10 @@
}
.annex-school .annex-school-item.pitch {
- background-color: rgb(231, 251, 247);
- border: none;
- color: rgb(80, 227, 194);
+ /* background-color: rgb(231, 251, 247); */
+ background-color: rgba(80, 227, 194, 1);
+ border-color: rgba(80, 227, 194, 1);
+ color: #FFFFFF;
}
.tab-box {
diff --git a/pages/brandApartmentList/brandApartmentListLess.less b/pages/brandApartmentList/brandApartmentListLess.less
index 924115d..d15ab1b 100644
--- a/pages/brandApartmentList/brandApartmentListLess.less
+++ b/pages/brandApartmentList/brandApartmentListLess.less
@@ -1,6 +1,12 @@
+.xin-head-swiper {
+ margin-top: 20rpx;
+ margin-bottom: 30rpx;
+ display: block;
+}
.label {
white-space: nowrap;
+ margin-bottom: 40rpx;
.item {
display: inline-flex;
@@ -9,5 +15,22 @@
padding: 0 24rpx;
background-color: rgba(242, 242, 242, 1);
border-radius: 15rpx;
+ margin-right: 15rpx;
+ font-size: 24rpx;
+ color: #333333;
+
+ &:first-of-type {
+ margin-left: 30rpx;
+ }
+
+ &:last-of-type {
+ margin-right: 30rpx;
+ }
+
+ &.pitch {
+ background-color: rgba(80, 227, 194, 1);
+ border-color: rgba(80, 227, 194, 1);
+ color: #FFFFFF;
+ }
}
}
\ No newline at end of file
diff --git a/pages/brandApartmentList/brandApartmentListLess.wxss b/pages/brandApartmentList/brandApartmentListLess.wxss
index 4b986c6..6960393 100644
--- a/pages/brandApartmentList/brandApartmentListLess.wxss
+++ b/pages/brandApartmentList/brandApartmentListLess.wxss
@@ -1,5 +1,11 @@
+.xin-head-swiper {
+ margin-top: 20rpx;
+ margin-bottom: 30rpx;
+ display: block;
+}
.label {
white-space: nowrap;
+ margin-bottom: 40rpx;
}
.label .item {
display: inline-flex;
@@ -8,4 +14,18 @@
padding: 0 24rpx;
background-color: #f2f2f2;
border-radius: 15rpx;
+ margin-right: 15rpx;
+ font-size: 24rpx;
+ color: #333333;
+}
+.label .item:first-of-type {
+ margin-left: 30rpx;
+}
+.label .item:last-of-type {
+ margin-right: 30rpx;
+}
+.label .item.pitch {
+ background-color: #50e3c2;
+ border-color: #50e3c2;
+ color: #FFFFFF;
}
diff --git a/pages/common/common.less b/pages/common/common.less
new file mode 100644
index 0000000..471f3d6
--- /dev/null
+++ b/pages/common/common.less
@@ -0,0 +1,1586 @@
+.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.101960784313725);
+ -webkit-box-shadow: 0px 0px 22rpx rgb(0 0 0 / 10%);
+ box-shadow: 0px 0px 22rpx rgb(0 0 0 / 10%);
+ 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.149019607843137);
+}
+
+.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: rgba(255, 215, 82, 1);
+ 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: rgba(255, 237, 219, 1);
+ height: 15rpx;
+ width: 100%;
+ z-index: -1;
+}
+
+.wrong-micro-signal-method {
+ position: relative;
+ width: 100%;
+ background-color: rgba(242, 242, 242, 1);
+ 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.149019607843137);
+}
+
+.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: rgba(242, 242, 242, 1);
+ 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;
+ align-items: center;
+ 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: rgba(255, 215, 82, 1);
+ 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: rgba(253, 223, 109, 1);
+ 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: rgba(98, 177, 255, 1);
+ 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.0784313725490196);
+}
+
+.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.0784313725490196);
+ 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.0784313725490196);
+ 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 {}
+
+.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: rgba(253, 223, 109, 1);
+ 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.1784313725490196);
+}
+
+.pinterest-list .pinterest-list-item.apartment {
+ padding-bottom: 19.5rpx;
+}
+
+.pinterest-list .pinterest-list-item.apartment .apartment-top {
+ background: linear-gradient(-47.9699747981038deg, rgba(183, 220, 253, 1) -59%, rgba(213, 208, 239, 1) 29%, rgba(98, 177, 255, 1) 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: rgba(253, 223, 109, 1);
+ 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.56078431372549);
+ 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: rgba(242, 242, 242, 1);
+ border: 1rpx solid rgba(235, 235, 235, 1);
+ 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.0784313725490196);
+ 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-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: 57rpx;
+ // height: 57rpx;
+ width: 33rpx;
+ height: 31.5rpx;
+ // margin-right: 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.63921568627451);
+ 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;
+
+ .remark-on {
+ font-size: 21rpx;
+ color: #D7D7D7;
+ margin-right: 9rpx;
+
+ .fang-icon {
+ width: 36rpx;
+ height: 36rpx;
+ border-radius: 50%;
+ margin-right: 9rpx;
+ }
+ }
+
+ .remark-text {
+ font-size: 24rpx;
+ color: #FFFFFF;
+ }
+}
+
+.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-label-list {
+ flex-wrap: wrap;
+
+ .apartment-label-item {
+ height: 36rpx;
+ background-color: rgba(235, 235, 235, 1);
+ border-radius: 12rpx;
+ font-size: 21rpx;
+ color: #555555;
+ text-align: center;
+ line-height: 36rpx;
+ padding: 0 9rpx;
+ margin-right: 15rpx;
+ margin-bottom: 16.5rpx;
+
+ .safety-icon {
+ width: 24rpx;
+ height: 24rpx;
+ margin-right: 6rpx;
+ }
+
+ &.blue {
+ background-color: rgba(98, 177, 255, 1);
+ color: #fff;
+ }
+
+ &.violet {
+ background-color: rgba(128, 128, 255, 1);
+ 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: rgba(246, 246, 246, 1);
+ 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 .getWechatQRCode-box {
+ width: 100vw;
+ background-color: rgba(246, 246, 246, 1);
+ 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 rgba(215, 215, 215, 1);
+}
+
+.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);
+}
\ No newline at end of file
diff --git a/pages/common/common.wxml b/pages/common/common.wxml
index 0cebda3..48bfa5e 100644
--- a/pages/common/common.wxml
+++ b/pages/common/common.wxml
@@ -14,12 +14,10 @@
-
+