.main.data-v-57bb4cfa { width: 100%; height: 100vh; background: #fff; } .main .top.data-v-57bb4cfa { width: 100%; box-sizing: border-box; background: #fff; } .main .top .topContent.data-v-57bb4cfa { display: flex; align-items: center; box-sizing: border-box; padding: 0 16px; } .main .top .topContent .backIcon.data-v-57bb4cfa { width: 48rpx; height: 48rpx; margin-right: 8px; } .main .top .topContent .first.data-v-57bb4cfa { display: flex; align-items: center; box-sizing: border-box; border: 1rpx solid #e7e7e6; border-radius: 48rpx; padding: 12rpx 24rpx; } .main .top .topContent .first .addressIcon.data-v-57bb4cfa { width: 24rpx; height: 24rpx; margin-right: 8rpx; } .main .top .topContent .first .text.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #090c1a; line-height: 40rpx; text-align: justify; font-style: normal; } .main .top .topContent .first .moreIcon.data-v-57bb4cfa { margin-left: 8rpx; width: 24rpx; height: 24rpx; } .main .top .topContent .searchAll.data-v-57bb4cfa { width: 120rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #090c1a; line-height: 40rpx; text-align: justify; font-style: normal; margin-left: 8rpx; text-align: center; } .main .top .topContent .inSearchAll.data-v-57bb4cfa { width: 120rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #fff; line-height: 40rpx; text-align: justify; font-style: normal; margin-left: 8rpx; background: #ba922f; text-align: center; border-radius: 8rpx; } .main .headerBox.data-v-57bb4cfa { height: 104rpx; box-sizing: border-box; padding: 24rpx 32rpx 0; background: #fff; display: flex; align-items: center; justify-content: space-between; } .main .headerBox .searchBox.data-v-57bb4cfa { width: 100%; height: 80rpx; background: #f5f6f7; border-radius: 8rpx; box-sizing: border-box; padding: 16rpx 20rpx; display: flex; align-items: center; } .main .headerBox .searchBox .searchIcon.data-v-57bb4cfa { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .main .headerBox .searchBox .inputBox.data-v-57bb4cfa { width: 100%; } .main .headerBox .searchBox .searchText.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #9fa1aa; line-height: 40rpx; text-align: left; font-style: normal; margin-left: 8rpx; } .main .headerBox .searchBtn.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 44rpx; text-align: left; font-style: normal; } .main .headerBox .filterBox.data-v-57bb4cfa { width: 80rpx; height: 80rpx; background: #f5f6f7; border-radius: 8rpx; display: flex; align-items: center; justify-content: center; } .main .headerBox .filterBox .filterIcon.data-v-57bb4cfa { width: 32rpx; height: 32rpx; } .main .pageList.data-v-57bb4cfa { width: 100%; box-sizing: border-box; padding: 0 32rpx; margin-top: 40rpx; } .main .pageList .pageTitle.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #130f05; line-height: 44rpx; text-align: left; font-style: normal; margin-bottom: 24rpx; } .main .pageList .listBox.data-v-57bb4cfa { width: 100%; height: calc(100% - 80rpx); overflow-y: auto; } .main .pageList .listBox .shopItem.data-v-57bb4cfa { width: 100%; margin-bottom: 24rpx; background: #ffffff; border-radius: 6rpx; border: 2rpx solid #f5f6f7; box-sizing: border-box; padding: 24rpx; position: relative; } .main .pageList .listBox .shopItem .title.data-v-57bb4cfa { width: calc(100% - 72rpx); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .main .pageList .listBox .shopItem .title .normal.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #130f05; line-height: 44rpx; text-align: left; font-style: normal; } .main .pageList .listBox .shopItem .title .light.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #ba922f; line-height: 44rpx; text-align: left; font-style: normal; } .main .pageList .listBox .shopItem .timeBox.data-v-57bb4cfa { margin-top: 8rpx; display: flex; align-items: center; } .main .pageList .listBox .shopItem .timeBox .timeIcon.data-v-57bb4cfa { width: 24rpx; height: 24rpx; margin-right: 8rpx; } .main .pageList .listBox .shopItem .timeBox .timeText.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; } .main .pageList .listBox .shopItem .phoneBox.data-v-57bb4cfa { margin-top: 4rpx; display: flex; align-items: center; } .main .pageList .listBox .shopItem .phoneBox .phoneIcon.data-v-57bb4cfa { width: 24rpx; height: 24rpx; margin-right: 8rpx; } .main .pageList .listBox .shopItem .phoneBox .phoneText.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; } .main .pageList .listBox .shopItem .callPhoneBox.data-v-57bb4cfa { position: absolute; right: 24rpx; top: 24rpx; width: 64rpx; height: 64rpx; background: #f5f6f7; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .main .pageList .listBox .shopItem .callPhoneBox .callPhoneIcon.data-v-57bb4cfa { width: 32rpx; height: 32rpx; } .main .pageList .listBox .inBottom.data-v-57bb4cfa { width: 100%; display: flex; align-items: center; justify-content: center; } .main .pageList .listBox .inBottom .bottomText.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 26rpx; color: #d0d0d0; line-height: 40rpx; text-align: justify; font-style: normal; position: relative; padding: 6rpx 0; } .main .pageList .listBox .inBottom .bottomText.data-v-57bb4cfa::after { content: ""; width: 30vw; height: 2rpx; background: #e0e0e0; position: absolute; left: -32vw; top: 50%; } .main .pageList .listBox .inBottom .bottomText.data-v-57bb4cfa::before { content: ""; width: 30vw; height: 2rpx; background: #e0e0e0; position: absolute; right: -32vw; top: 50%; } .main .pageList .listBox.data-v-57bb4cfa ::-webkit-scrollbar { display: none; } .main .addNewPost.data-v-57bb4cfa { height: 56px; padding-bottom: 32rpx; box-sizing: border-box; position: fixed; bottom: 20vh; right: 0; display: flex; align-items: center; justify-content: center; } .main .addNewPost .newPostBox.data-v-57bb4cfa { display: inline-block; padding: 16rpx 24rpx; border-radius: 36rpx; background: #ba922f; } .main .addNewPost .newPostBox .addIcon.data-v-57bb4cfa { width: 28rpx; height: 28rpx; margin-right: 8rpx; } .main .addNewPost .newPostBox .addText.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #ffffff; line-height: 40rpx; text-align: justify; font-style: normal; } .main .popupBox.data-v-57bb4cfa { width: 100vw; height: 80vh; background: #fff; } .main .popupBox .popupTitle.data-v-57bb4cfa { width: 100%; box-sizing: border-box; padding: 32rpx; display: flex; justify-content: space-between; align-items: center; } .main .popupBox .popupTitle .closeIcon.data-v-57bb4cfa { width: 32rpx; height: 32rpx; } .main .popupBox .popupTitle .titleText.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #130f05; line-height: 44rpx; text-align: left; font-style: normal; } .main .popupBox .popupList.data-v-57bb4cfa { width: 100%; height: calc(100% - 250rpx); display: flex; align-items: center; } .main .popupBox .popupList .popupLeftBox.data-v-57bb4cfa { width: 200rpx; height: 100%; background: #f5f6f7; overflow-y: auto; } .main .popupBox .popupList .popupLeftBox .itemType.data-v-57bb4cfa { width: 100%; box-sizing: border-box; padding: 24rpx 0; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: center; font-style: normal; } .main .popupBox .popupList .popupLeftBox .selectType.data-v-57bb4cfa { color: #ba922f; background: #fff; } .main .popupBox .popupList .popupRightBox.data-v-57bb4cfa { width: calc(100% - 200rpx); height: 100%; background: #fff; box-sizing: border-box; padding: 0 50rpx 0 32rpx; overflow-y: auto; } .main .popupBox .popupList .popupRightBox .rightItem.data-v-57bb4cfa { width: 100%; margin-bottom: 24rpx; } .main .popupBox .popupList .popupRightBox .rightItem .itemTitle.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; margin-bottom: 16rpx; } .main .popupBox .popupList .popupRightBox .rightItem .rightTypeList.data-v-57bb4cfa { width: 100%; display: flex; align-items: center; flex-wrap: wrap; } .main .popupBox .popupList .popupRightBox .rightItem .rightTypeList .rightType.data-v-57bb4cfa { display: block; width: calc((100% - 48rpx) / 3); height: 64rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #716f69; line-height: 40rpx; font-style: normal; background: #f5f6f7; border-radius: 4rpx; display: flex; align-items: center; justify-content: center; margin-bottom: 16rpx; margin-right: 16rpx; } .main .popupBox .popupList .popupRightBox .rightItem .rightTypeList .selectRightType.data-v-57bb4cfa { color: #ffffff; background: #ba922f; } .main .popupBox .popupList .popupLeftBox.data-v-57bb4cfa::-webkit-scrollbar { display: none; } .main .popupBox .popupList .popupRightBox.data-v-57bb4cfa::-webkit-scrollbar { display: none; } .main .popupBox .btnBox.data-v-57bb4cfa { width: 100%; box-sizing: border-box; padding: 16rpx 40rpx; } .main .popupBox .btnBox .btn.data-v-57bb4cfa { width: 100%; background: #ba922f; border-radius: 6rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #ffffff; line-height: 44rpx; text-align: center; font-style: normal; padding: 22rpx 0; }