.main.data-v-57bb4cfa { width: 100%; height: 100vh; background: #fff; box-sizing: border-box; padding: 38rpx 28rpx; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .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: 40rpx; height: 40rpx; 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 .tabBox.data-v-57bb4cfa { width: 100%; height: 60rpx; display: flex; align-items: center; margin-top: 16rpx; border-bottom: 1px solid #f6f6f6; } .main .tabBox .tabItem.data-v-57bb4cfa { width: 50%; height: 100%; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #716f69; line-height: 40rpx; text-align: center; font-style: normal; } .main .tabBox .active.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: center; font-style: normal; position: relative; } .main .tabBox .active.data-v-57bb4cfa:after { content: ""; width: 2rem; height: 6rpx; background: #ba922f; position: absolute; left: 50%; bottom: 6rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main .headerBox.data-v-57bb4cfa { height: 60rpx; box-sizing: border-box; background: #fff; display: flex; align-items: center; justify-content: space-between; margin-bottom: 32rpx; } .main .headerBox .searchBox.data-v-57bb4cfa { width: 100%; height: 60rpx; 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: 36rpx; height: 36rpx; margin-right: 10rpx; } .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: rgba(0, 0, 0, 0.5); 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 .newSelectBox.data-v-57bb4cfa { width: 100%; height: 50rpx; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; } .main .newSelectBox .leftBox.data-v-57bb4cfa { max-width: 70%; display: flex; align-items: center; } .main .newSelectBox .leftBox .first.data-v-57bb4cfa { display: flex; align-items: center; } .main .newSelectBox .leftBox .first .addressIcon.data-v-57bb4cfa { width: 40rpx; height: 40rpx; margin-right: 10rpx; } .main .newSelectBox .leftBox .first .text.data-v-57bb4cfa { font-family: "PingFangSC"; font-weight: 400; font-size: 30rpx; color: #090c1a; line-height: 36rpx; text-align: justify; font-style: normal; } .main .newSelectBox .leftBox .first .moreIcon.data-v-57bb4cfa { margin-left: 8rpx; width: 24rpx; height: 24rpx; } .main .newSelectBox .searchAll.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 30rpx; color: #fff; line-height: 36rpx; text-align: justify; font-style: normal; margin-left: 8rpx; text-align: center; padding: 4rpx 16rpx; background-color: #D0D0D0; border-radius: 32rpx; } .main .newSelectBox .inSearchAll.data-v-57bb4cfa { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 30rpx; color: #fff; line-height: 36rpx; text-align: justify; font-style: normal; margin-left: 8rpx; background: #00C920; text-align: center; border-radius: 32rpx; padding: 4rpx 16rpx; } .main .newSelectBox .tabBoxNew.data-v-57bb4cfa { border: 2rpx solid #ba922f; border-radius: 8rpx; box-sizing: border-box; } .main .newSelectBox .tabBoxNew .tabItemNew.data-v-57bb4cfa { display: inline-block; padding: 4rpx 16rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 30rpx; color: #ba922f; line-height: 36rpx; text-align: center; font-style: normal; } .main .newSelectBox .tabBoxNew .activeNew.data-v-57bb4cfa { background: #ba922f; color: #fff; } .main .newTabBox.data-v-57bb4cfa { width: 100%; height: 60rpx; display: flex; align-items: center; margin-top: 16rpx; } .main .newTabBox .tabItemNew.data-v-57bb4cfa { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 30rpx; color: #B7B7B7; text-align: left; font-style: normal; padding: 0 26rpx; } .main .newTabBox .activeNew.data-v-57bb4cfa { color: #000; position: relative; } .main .newTabBox .activeNew.data-v-57bb4cfa::after { content: ''; width: 2rem; height: 4rpx; background-color: #009DFF; position: absolute; bottom: -10rpx; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main .pageList.data-v-57bb4cfa { width: 100%; box-sizing: border-box; margin-top: 36rpx; margin-bottom: 16rpx; } .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%; overflow-y: auto; } .main .pageList .listBox .shopItem.data-v-57bb4cfa { width: 100%; margin-bottom: 24rpx; background: #ffffff; border-radius: 6rpx; box-sizing: border-box; position: relative; display: flex; align-items: flex-start; } .main .pageList .listBox .shopItem .leftImgNew.data-v-57bb4cfa { width: 192rpx; height: 192rpx; border-radius: 16rpx; overflow: hidden; margin-right: 24rpx; } .main .pageList .listBox .shopItem .leftImgNew .img.data-v-57bb4cfa { width: 100%; height: 100%; } .main .pageList .listBox .shopItem .rightItem.data-v-57bb4cfa { width: calc(100% - 216rpx); height: 192rpx; display: flex; flex-direction: column; justify-content: space-between; } .main .pageList .listBox .shopItem .rightItem .titleBox.data-v-57bb4cfa { display: flex; align-items: flex-start; justify-content: space-between; } .main .pageList .listBox .shopItem .rightItem .titleBox .title.data-v-57bb4cfa { width: calc(100% - 110rpx); font-family: "PingFangSC"; font-weight: 400; font-size: 30rpx; color: #130f05; line-height: 36rpx; text-align: left; font-style: normal; display: -webkit-box; -webkit-line-clamp: 2; /* 设置显示的行数 */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .main .pageList .listBox .shopItem .rightItem .titleBox .title .type.data-v-57bb4cfa { font-size: 30rpx; color: #d57a35; margin-right: 12rpx; } .main .pageList .listBox .shopItem .rightItem .titleBox .title .normal.data-v-57bb4cfa { font-family: "PingFangSC"; font-weight: 400; font-size: 26rpx; color: #130f05; line-height: 44rpx; text-align: left; font-style: normal; } .main .pageList .listBox .shopItem .rightItem .titleBox .title .light.data-v-57bb4cfa { font-family: "PingFangSC"; font-weight: 400; font-size: 26rpx; color: #ba922f; line-height: 44rpx; text-align: left; font-style: normal; } .main .pageList .listBox .shopItem .rightItem .titleBox .typeBox.data-v-57bb4cfa { width: 90rpx; font-family: "Microsoft YaHei"; font-weight: 400; font-size: 22rpx; color: #00C920; text-align: center; font-style: normal; padding: 4rpx 0; background-color: #CCF4D2; border-radius: 8rpx; margin-top: 8rpx; } .main .pageList .listBox .shopItem .rightItem .contentView .firstRow.data-v-57bb4cfa { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .pageList .listBox .shopItem .rightItem .contentView .firstRow .rowLeft.data-v-57bb4cfa { display: flex; align-items: center; } .main .pageList .listBox .shopItem .rightItem .contentView .firstRow .rowLeft .label.data-v-57bb4cfa { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 22rpx; color: rgba(0, 0, 0, 0.5); text-align: left; font-style: normal; display: inline-block; width: 110rpx; margin-right: 10rpx; } .main .pageList .listBox .shopItem .rightItem .contentView .firstRow .rowLeft .value.data-v-57bb4cfa { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 22rpx; color: #000000; text-align: left; font-style: normal; } .main .pageList .listBox .shopItem .rightItem .contentView .firstRow .rowRight.data-v-57bb4cfa { display: flex; align-items: center; } .main .pageList .listBox .shopItem .rightItem .contentView .firstRow .rowRight .value.data-v-57bb4cfa { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 22rpx; color: rgba(0, 0, 0, 0.5); text-align: left; font-style: normal; white-space: nowrap; } .main .pageList .listBox .shopItem .title.data-v-57bb4cfa { width: calc(100% - 72rpx); display: -webkit-box; /* 使用弹性盒模型 */ -webkit-box-orient: vertical; /* 垂直排列 */ overflow: hidden; /* 超出部分隐藏 */ -webkit-line-clamp: 6; /* 限制最多显示多少行文本 */ text-overflow: ellipsis; /* 超出部分用省略号显示 */ } .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 { width: calc(100% - 80rpx); height: 72rpx; margin-left: 40rpx; background: #07C160; border-radius: 6rpx; display: flex; align-items: center; box-sizing: border-box; justify-content: center; } .main .addNewPost .newPostBox.data-v-57bb4cfa { display: inline-block; padding: 14rpx 24rpx; border-radius: 36rpx; background: #07C160; } .main .addNewPost .newPostBox .addIcon.data-v-57bb4cfa { width: 28rpx; height: 28rpx; margin-right: 8rpx; } .main .addNewPost .newPostBox .addText.data-v-57bb4cfa { font-family: "PingFangSC"; font-weight: 400; font-size: 30rpx; color: #ffffff; line-height: 44rpx; text-align: center; 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; }