.main.data-v-5ed2f26c { width: 100%; background-color: #fff; box-sizing: border-box; padding: 0 32rpx; } .main .top.data-v-5ed2f26c { width: 100%; box-sizing: border-box; background: #fff; } .main .top .topContent.data-v-5ed2f26c { display: flex; align-items: center; box-sizing: border-box; } .main .top .topContent .pageTitle.data-v-5ed2f26c { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 40rpx; color: #090c1a; line-height: 56rpx; text-align: left; font-style: normal; } .main .top .topContent .backIcon.data-v-5ed2f26c { width: 48rpx; height: 48rpx; margin-right: 8px; } .main .top .topContent .currentServiceBox.data-v-5ed2f26c { display: flex; align-items: center; padding: 8rpx 20rpx; border-radius: 32rpx; border: 1rpx solid #e7e7e6; } .main .top .topContent .currentServiceBox .pointIcon.data-v-5ed2f26c { width: 24rpx; height: 24rpx; margin-right: 8rpx; } .main .top .topContent .currentServiceBox .serviceName.data-v-5ed2f26c { 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 .currentServiceBox .rightArrowIcon.data-v-5ed2f26c { width: 24rpx; height: 24rpx; margin-left: 8rpx; } .main .newTab.data-v-5ed2f26c { width: 100%; height: 58rpx; display: flex; align-items: center; margin-top: 28rpx; border-bottom: 2rpx solid #f5f6f7; } .main .newTab .tabItem.data-v-5ed2f26c { width: calc(100% / 3); display: flex; align-items: center; justify-content: center; font-family: "PingFangSC"; font-weight: 400; font-size: 28rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; padding-bottom: 16rpx; } .main .newTab .selectTab.data-v-5ed2f26c { color: #130f05; position: relative; } .main .newTab .selectTab.data-v-5ed2f26c::after { content: ""; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 2rem; height: 4rpx; background: #ba922f; } .main .newContent.data-v-5ed2f26c { width: 100%; box-sizing: border-box; padding-top: 24rpx; } .main .newContent .content .contentItem.data-v-5ed2f26c { width: 686rpx; height: 272rpx; border-radius: 16rpx; overflow: hidden; } .main .newContent .content .contentItem .contentImg.data-v-5ed2f26c { width: 100%; height: 100%; } .main .todayRecommendation.data-v-5ed2f26c { width: 100%; margin-top: 24rpx; } .main .todayRecommendation .todayTitle.data-v-5ed2f26c { font-family: "PingFangSC"; font-weight: 400; font-size: 30rpx; color: #130f05; line-height: 36rpx; text-align: left; font-style: normal; margin-bottom: 16rpx; } .main .todayRecommendation .todayItem.data-v-5ed2f26c { width: 100%; height: 272rpx; border-radius: 16rpx; overflow: hidden; margin-bottom: 24rpx; } .main .todayRecommendation .todayItem .todayImg.data-v-5ed2f26c { width: 100%; height: 100%; } .main .selectService .currentServiceBox.data-v-5ed2f26c { display: flex; align-items: center; padding: 8rpx 20rpx; border-radius: 32rpx; border: 1rpx solid #e7e7e6; } .main .selectService .currentServiceBox .pointIcon.data-v-5ed2f26c { width: 24rpx; height: 24rpx; margin-right: 8rpx; } .main .selectService .currentServiceBox .serviceName.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #090c1a; line-height: 40rpx; text-align: justify; font-style: normal; } .main .selectService .currentServiceBox .rightArrowIcon.data-v-5ed2f26c { width: 24rpx; height: 24rpx; margin-left: 8rpx; } .main .newBox.data-v-5ed2f26c { width: 100%; margin-top: 24rpx; } .main .newBox .activityTitle.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #716f69; line-height: 40rpx; text-align: left; font-style: normal; } .main .newBox .activityBox.data-v-5ed2f26c { width: 100%; height: 284rpx; margin-top: 16rpx; } .main .newBox .activityBox .couponList .couponItem.data-v-5ed2f26c { display: inline-block; width: 332rpx; height: 100%; margin-right: 24rpx; } .main .newBox .activityBox .couponList .couponItem .couponItemTop.data-v-5ed2f26c { width: 100%; height: 192rpx; } .main .newBox .activityBox .couponList .couponItem .couponItemTop .itemImg.data-v-5ed2f26c { width: 100%; height: 100%; } .main .newBox .activityBox .couponList .couponItem .couponItemBottom.data-v-5ed2f26c { width: 100%; margin-top: 16rpx; } .main .newBox .activityBox .couponList .couponItem .couponItemBottom .couponText.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; } .main .newBox .activityBox .couponList .couponItem .couponItemBottom .couponTime.data-v-5ed2f26c { display: flex; align-items: center; } .main .newBox .activityBox .couponList .couponItem .couponItemBottom .couponTime .timeIcon.data-v-5ed2f26c { width: 24rpx; height: 24rpx; margin-right: 4rpx; } .main .newBox .activityBox .couponList .couponItem .couponItemBottom .couponTime .couponTimeText.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; } .main .newBox .activityBox .noDataBox.data-v-5ed2f26c { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .main .header.data-v-5ed2f26c { width: 100%; position: fixed; top: 0; left: 0; margin-bottom: 44rpx; background-color: #fff; box-sizing: border-box; padding: 0 32rpx; z-index: 10; } .main .header .currentServiceBox.data-v-5ed2f26c { display: flex; align-items: center; padding: 8rpx 20rpx; border-radius: 32rpx; border: 1rpx solid #e7e7e6; } .main .header .currentServiceBox .pointIcon.data-v-5ed2f26c { width: 24rpx; height: 24rpx; margin-right: 8rpx; } .main .header .currentServiceBox .serviceName.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #090c1a; line-height: 40rpx; text-align: justify; font-style: normal; } .main .header .currentServiceBox .rightArrowIcon.data-v-5ed2f26c { width: 24rpx; height: 24rpx; margin-left: 8rpx; } .main .header .arrowBox.data-v-5ed2f26c { width: 100%; display: flex; align-items: center; } .main .header .arrowBox .img.data-v-5ed2f26c { width: 48rpx; height: 48rpx; } .main .header .arrowBox .selectServiceBox.data-v-5ed2f26c { margin-left: 16rpx; display: flex; align-items: center; } .main .header .arrowBox .selectServiceBox .serviceIcon.data-v-5ed2f26c { width: 70rpx; height: 70rpx; position: relative; z-index: 2; } .main .header .arrowBox .selectServiceBox .nameBox.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 24rpx; color: #160002; line-height: 36rpx; text-align: left; font-style: normal; padding: 12rpx 34rpx 12rpx 48rpx; display: inline-block; border-top-right-radius: 200rpx; border-bottom-right-radius: 200rpx; background: #f4f3f2; -webkit-transform: translateX(-20px); transform: translateX(-20px); } .main .header .arrowBox .selectServiceBox .nameBox .moreIcon.data-v-5ed2f26c { width: 24rpx; height: 24rpx; margin-left: 14rpx; } .main .serviceBox .serviceImg.data-v-5ed2f26c { width: 100%; height: 350rpx; border-radius: 16rpx; overflow: hidden; position: relative; } .main .serviceBox .serviceImg .img.data-v-5ed2f26c { width: 100%; height: 100%; } .main .serviceBox .serviceImg .defaultImgBox.data-v-5ed2f26c { width: 100%; height: 100%; display: flex; align-content: center; justify-content: center; } .main .serviceBox .serviceImg .defaultImgBox .defaultImg.data-v-5ed2f26c { width: 350rpx; height: 350rpx; } .main .serviceBox .serviceImg .serviceInfoBox.data-v-5ed2f26c { position: absolute; bottom: 24rpx; left: 24rpx; display: flex; align-items: center; } .main .serviceBox .serviceImg .serviceInfoBox .serviceName.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 36rpx; color: #ffffff; line-height: 52rpx; text-align: left; font-style: normal; } .main .serviceBox .serviceImg .serviceInfoBox .state.data-v-5ed2f26c { display: inline-block; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #1ba74d; line-height: 36rpx; text-align: left; font-style: normal; padding: 2rpx 8rpx; background: #e9f8ee; border-radius: 4rpx; margin-left: 16rpx; } .main .serviceBox .serviceMessage.data-v-5ed2f26c { width: 100%; box-sizing: border-box; padding: 8rpx 0; margin-top: 24rpx; display: flex; align-items: center; justify-content: space-between; } .main .serviceBox .serviceMessage .leftMessage.data-v-5ed2f26c { width: calc(100% - 178rpx); margin-right: 16rpx; box-sizing: border-box; } .main .serviceBox .serviceMessage .leftMessage .leftTop.data-v-5ed2f26c { flex: 1; display: flex; align-items: center; } .main .serviceBox .serviceMessage .leftMessage .leftTop .leftIcon.data-v-5ed2f26c { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .main .serviceBox .serviceMessage .leftMessage .leftTop .massageNameBox.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 32rpx; color: #282622; line-height: 44rpx; text-align: left; font-style: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .main .serviceBox .serviceMessage .leftMessage .leftTop .state.data-v-5ed2f26c { display: inline-block; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #1ba74d; line-height: 36rpx; text-align: left; font-style: normal; padding: 2rpx 8rpx; background: #e9f8ee; border-radius: 4rpx; margin-left: 16rpx; } .main .serviceBox .serviceMessage .leftMessage .leftBottom.data-v-5ed2f26c { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .main .serviceBox .serviceMessage .leftMessage .leftBottom .address.data-v-5ed2f26c { width: 100%; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #5f5b52; line-height: 32rpx; text-align: left; font-style: normal; margin-left: 36rpx; } .main .serviceBox .serviceMessage .rightMessage.data-v-5ed2f26c { width: 162rpx; height: 64rpx; border-radius: 32rpx; border: 2rpx solid #ae8d3e; display: flex; align-items: center; box-sizing: border-box; padding: 16rpx 8rpx; } .main .serviceBox .serviceMessage .rightMessage .navigationIcon.data-v-5ed2f26c { width: 32rpx; height: 32rpx; } .main .serviceBox .serviceMessage .rightMessage .distance.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #ae8d3e; line-height: 32rpx; text-align: left; font-style: normal; } .main .serviceBox .serviceTypeTabs.data-v-5ed2f26c { width: 100%; height: 86px; background: #fcf8ef; border-radius: 4px; margin-top: 16px; display: flex; margin-bottom: 30rpx; } .main .serviceBox .serviceTypeTabs .serviceTypeItem.data-v-5ed2f26c { width: 25%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .main .serviceBox .serviceTypeTabs .serviceTypeItem .itemIcon.data-v-5ed2f26c { width: 48rpx; height: 48rpx; margin-bottom: 8px; } .main .serviceBox .serviceTypeTabs .serviceTypeItem .itemText.data-v-5ed2f26c { font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: rgba(0, 0, 0, 0.65); line-height: 18px; } .main .newListItemRight.data-v-5ed2f26c { flex: 1; } .main .newListItemRight .titleItemRight.data-v-5ed2f26c { display: flex; align-items: center; } .main .newListItemRight .titleItemRight .title.data-v-5ed2f26c { font-size: 30rpx; font-family: "PingFang SC Bold"; color: #313131; font-weight: bolder; } .main .newListItemRight .titleItemRight .titleIcon.data-v-5ed2f26c { background: url("https://eshangtech.com/ShopICO/icos/to-eat.png") no-repeat center; background-size: contain; width: 133rpx; height: 48rpx; } .main .newListItemRight .scoreBox.data-v-5ed2f26c { width: 100%; display: flex; align-content: center; margin-top: 8rpx; } .main .newListItemRight .scoreBox .value.data-v-5ed2f26c { font-size: 24rpx; color: #333; margin-top: 6rpx; } .main .newListItemRight .labelList.data-v-5ed2f26c { width: 100%; display: flex; align-content: center; margin-top: 8rpx; } .main .newListItemRight .labelList .labelItem.data-v-5ed2f26c { width: 30%; display: flex; align-content: center; overflow: hidden; } .main .newListItemRight .labelList .labelItem .labelIcon.data-v-5ed2f26c { width: 24rpx; height: 24rpx; margin-right: 6rpx; margin-top: 4rpx; } .main .newListItemRight .labelList .labelItem .labelName.data-v-5ed2f26c { flex: 1; font-size: 24rpx; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } /* 头部搜索 */ .mt8.data-v-5ed2f26c { margin-top: 16rpx; } .text263.data-v-5ed2f26c { font-size: 24rpx; color: #333; } .text246.data-v-5ed2f26c { font-size: 24rpx; color: #666; } .flex-item.data-v-5ed2f26c { width: calc(100% / 3); display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .flex-s.data-v-5ed2f26c { width: 100%; display: flex; align-items: center; margin-top: 8rpx; } .flex-b.data-v-5ed2f26c { display: flex; align-items: center; justify-content: space-between; } .mtb16.data-v-5ed2f26c { margin: 16rpx 0 24rpx 0; } ._hr.data-v-5ed2f26c { color: #eeeeee !important; height: 2rpx; width: 100%; background: #eee !important; } .line.data-v-5ed2f26c { color: #eeeeee !important; height: 2rpx; width: 100%; background: #eee !important; } .list-box.data-v-5ed2f26c { width: 100%; background: #fff; height: 100%; } .list-box .listTitle.data-v-5ed2f26c { width: 100%; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #130f05; line-height: 44rpx; text-align: left; font-style: normal; } .list-box .shopList.data-v-5ed2f26c { width: 100%; margin-top: 12rpx; } .list-box .shopList .shopItem.data-v-5ed2f26c { width: 100%; align-items: center; box-sizing: border-box; padding: 32rpx 0; position: relative; } .list-box .shopList .shopItem .shopLeft.data-v-5ed2f26c { width: 160rpx; height: 160rpx; border-radius: 12rpx; overflow: hidden; margin-right: 24rpx; } .list-box .shopList .shopItem .shopLeft .shopIcon.data-v-5ed2f26c { width: 100%; height: 100%; } .list-box .shopList .shopItem .shopRight.data-v-5ed2f26c { width: calc(100% - 184rpx); height: 160rpx; } .list-box .shopList .shopItem .shopRight .first.data-v-5ed2f26c { display: flex; align-items: center; } .list-box .shopList .shopItem .shopRight .first .shopName.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #130f05; line-height: 44rpx; text-align: left; font-style: normal; display: inline-block; max-width: 300rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .list-box .shopList .shopItem .shopRight .first .tradeType.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #c27003; line-height: 32rpx; text-align: left; font-style: normal; padding: 2rpx 6rpx; background: #f9f0e5; border-radius: 2rpx; margin-left: 12rpx; } .list-box .shopList .shopItem .shopRight .rateBox.data-v-5ed2f26c { margin-top: 4rpx; display: flex; align-items: center; } .list-box .shopList .shopItem .shopRight .rateBox .markNumber.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #130f05; line-height: 36rpx; text-align: left; font-style: normal; } .list-box .shopList .shopItem .shopRight .otherBox.data-v-5ed2f26c { margin-top: 16rpx; display: flex; align-items: center; } .list-box .shopList .shopItem .shopRight .otherBox .otherItem.data-v-5ed2f26c { margin-right: 54rpx; display: flex; flex-direction: column; } .list-box .shopList .shopItem .shopRight .otherBox .otherItem .label.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; } .list-box .shopList .shopItem .shopRight .otherBox .otherItem .value.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #130f05; line-height: 36rpx; text-align: left; font-style: normal; } .list-box .shopList .shopItem .shopRight .otherBox .otherItem.data-v-5ed2f26c:nth-last-child(1) { margin-right: 0; } .list-box .shopList .shopItem .goOrder.data-v-5ed2f26c { position: absolute; right: 0; top: 32rpx; padding: 10rpx 12rpx; border-radius: 4rpx; border: 2rpx solid #ae8d3e; display: flex; align-items: center; } .list-box .shopList .shopItem .goOrder .orderIcon.data-v-5ed2f26c { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .list-box .shopList .shopItem .goOrder .goOrderText.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #ba922f; line-height: 32rpx; text-align: left; font-style: normal; } .list-box .shopList .shopItem .couponBox.data-v-5ed2f26c { padding: 4rpx 6rpx; background: rgba(247, 80, 49, 0.08); border-radius: 2rpx; display: flex; align-items: center; position: absolute; right: 160rpx; bottom: 32rpx; } .list-box .shopList .shopItem .couponBox .couponIcon.data-v-5ed2f26c { width: 24rpx; height: 24rpx; margin-right: 4rpx; } .list-box .shopList .shopItem .couponBox .couponText.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #f75031; line-height: 32rpx; text-align: left; font-style: normal; white-space: nowrap; } .card-list.data-v-5ed2f26c { padding-top: 24rpx; padding-bottom: 24rpx; margin-top: 30rpx; background: #fff; } .banner-box.data-v-5ed2f26c { background: #ffffff; text-align: center; position: relative; } .banner.data-v-5ed2f26c { background: #fff; height: 197rpx; width: 690rpx; margin: 0 auto; } .banner image.data-v-5ed2f26c { width: 100%; height: 197rpx; } .swiper-dots.data-v-5ed2f26c { width: 90rpx; height: 20rpx; display: flex; flex-direction: row; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 6rpx; } .dot.data-v-5ed2f26c { width: 30rpx; height: 8rpx; border-radius: 14rpx; margin-right: 12rpx; background-color: #ffffff; opacity: 0.3; } .active.dot.data-v-5ed2f26c { background-color: #fff; opacity: 1; } .banner-text.data-v-5ed2f26c { width: 690rpx; margin: 20rpx auto 0 auto; border-radius: 12rpx; background: #383838; color: #d5c8a6; padding: 20rpx 32rpx; font-size: 24rpx; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; } .banner-text ._i.data-v-5ed2f26c { background: url("https://eshangtech.com/ShopICO/vip-ico.png") no-repeat center; background-size: contain; width: 36rpx; height: 36rpx; margin-right: 16rpx; } .banner-text .vip-btn.data-v-5ed2f26c { width: 132rpx; height: 38rpx; line-height: 38rpx; border: 1rpx solid #d5c8a6; border-radius: 20rpx; margin-left: 74rpx; font-family: "PingFang SC Regular"; text-align: center; } ._span.ico-t-count.data-v-5ed2f26c { font-style: normal; color: #fff; border-radius: 18px; min-width: 8px; width: auto; height: auto; padding: 2rpx 8rpx; font-size: 20rpx; line-height: 1.2; text-align: center; white-space: nowrap; background: #ed4d3e; position: absolute; right: -4rpx; top: -12rpx; } .zhanwei.data-v-5ed2f26c { height: 112rpx; } .shoplist-service.data-v-5ed2f26c { position: fixed; justify-content: space-between; padding: 20rpx 30rpx; font-size: 24rpx; height: 104rpx; display: flex; align-items: center; background: #fff; width: 100%; box-sizing: border-box; z-index: 1; } .position-btn.data-v-5ed2f26c, .service-btn.data-v-5ed2f26c { border-radius: 8rpx; font-size: 24rpx; height: 40rpx; color: #d5c59d; background: #383838; padding: 8rpx 16rpx; border-radius: 16rpx; line-height: 40rpx; display: flex; align-items: baseline; } .service-name.data-v-5ed2f26c, .position-name.data-v-5ed2f26c { color: #555; font-weight: bolder; font-size: 28rpx; display: inline-block; } .sj.data-v-5ed2f26c { width: 0; height: 0; border: 0; border-left: 16rpx solid transparent; border-bottom: 14rpx solid #d5c59d; margin-left: 16rpx; } .servepart-sevice-box.data-v-5ed2f26c { font-size: 24rpx; background: #ffffff; box-shadow: 0 0 8rpx 0 #eee; padding: 16rpx; margin: 0 32rpx 32rpx; border-radius: 8rpx; z-index: 0; width: 686rpx; box-sizing: border-box; border-radius: 6rpx; transition: all 1s; } .servepart-sevice-box .sevice-des-box.data-v-5ed2f26c { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16rpx; padding-bottom: 16rpx; border-bottom: 1rpx solid #f1f1f1; } .servepart-sevice-box .sevice-unit-box .sevice-unit.data-v-5ed2f26c { width: 160rpx; font-size: 22rpx; display: flex; align-items: center; margin: 8rpx 0; } .servepart-sevice-box .sevice-unit-box .image.data-v-5ed2f26c { height: 33rpx; width: 33rpx; margin-right: 8rpx; } .servepart-sevice-box .sevice-des.data-v-5ed2f26c { width: 918rpx; height: 102rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } .servepart-sevice-box image.data-v-5ed2f26c { width: 348rpx; height: 104rpx; margin-right: 16rpx; } .title-ico.data-v-5ed2f26c { background: url("https://eshangtech.com/ShopICO/icos/to-eat.png") no-repeat center; background-size: contain; width: 133rpx; height: 48rpx; } .shop-unit.data-v-5ed2f26c { padding: 26rpx 0 0 0; background-color: #ffffff; } .newTabList.data-v-5ed2f26c { width: 100%; overflow-x: auto; display: flex; flex-wrap: nowrap; border-bottom: 1px solid #f5f6f7; } .newTabList .newTabItem.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #716f69; line-height: 40rpx; text-align: left; font-style: normal; padding: 0 50rpx 12rpx 50rpx; white-space: nowrap; } .newTabList .selectTabItem.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: bold; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; position: relative; } .newTabList .selectTabItem.data-v-5ed2f26c:after { content: ""; position: absolute; width: 2rem; height: 4rpx; background: #ba922f; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .newTabList.data-v-5ed2f26c::-webkit-scrollbar { display: none; } .newShopUnit.data-v-5ed2f26c { padding: 26rpx 0 26rpx 0; background-color: #ffffff; border-bottom: 2rpx solid #f0f0f0; } .newShopUnit .shopItemTop.data-v-5ed2f26c { width: 100%; display: flex; align-items: flex-start; } .newShopUnit .shopItemTop .shopImg.data-v-5ed2f26c { width: 96rpx; height: 96rpx; overflow: hidden; border-radius: 8rpx; margin-right: 16rpx; } .newShopUnit .shopItemTop .shopImg .shopIcon.data-v-5ed2f26c { width: 100%; height: 100%; } .newShopUnit .shopItemTop .shopDetail.data-v-5ed2f26c { width: calc(100% - 112rpx); height: 96rpx; display: flex; flex-direction: column; justify-content: space-between; position: relative; } .newShopUnit .shopItemTop .shopDetail .shopName.data-v-5ed2f26c { width: 100%; display: flex; align-items: center; } .newShopUnit .shopItemTop .shopDetail .shopName .shopTitle.data-v-5ed2f26c { display: inline-block; max-width: calc(100% - 133rpx); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: PingFangSC, PingFang SC; font-weight: bold; font-size: 30rpx; color: #130f05; text-align: justify; font-style: normal; } .newShopUnit .shopItemTop .shopDetail .shopName .titleIcon.data-v-5ed2f26c { display: inline-block; background: url("https://eshangtech.com/ShopICO/icos/to-eat.png") no-repeat center; background-size: contain; width: 133rpx; height: 48rpx; } .newShopUnit .shopItemTop .shopDetail .otherDetail.data-v-5ed2f26c { display: flex; align-items: center; justify-content: space-between; } .newShopUnit .shopItemTop .shopDetail .otherDetail .leftDetail .mark.data-v-5ed2f26c { color: #d45e0e; font-size: 26rpx; font-weight: bold; } .newShopUnit .shopItemTop .shopDetail .otherDetail .leftDetail .monthSales.data-v-5ed2f26c { margin-left: 8px; font-size: 24rpx; color: #666; } .newShopUnit .shopItemTop .shopDetail .otherDetail .leftDetail .perCapita.data-v-5ed2f26c { margin-left: 8px; font-size: 24rpx; color: #666; } .newShopUnit .shopItemTop .shopDetail .otherDetail .rightDetail .perCapita.data-v-5ed2f26c { font-size: 24rpx; color: #666; } .newShopUnit .shopItemTop .shopDetail .otherDetail .rightDetail .icon-coupon.data-v-5ed2f26c { background: url("https://eshangtech.com/ShopICO/icos/y-yhq.png") no-repeat left center; background-size: contain; padding-left: 40rpx; height: 27rpx; line-height: 27rpx; font-size: 24rpx; color: #ec5930; margin-left: 8px; } .newShopUnit .shopItemTop .shopDetail .goOrder.data-v-5ed2f26c { position: absolute; right: 0; top: 0; padding: 10rpx 12rpx; border-radius: 4rpx; border: 2rpx solid #ae8d3e; display: flex; align-items: center; } .newShopUnit .shopItemTop .shopDetail .goOrder .orderIcon.data-v-5ed2f26c { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .newShopUnit .shopItemTop .shopDetail .goOrder .goOrderText.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #ba922f; line-height: 32rpx; text-align: left; font-style: normal; } .newShopUnit .shopItemTop .shopDetail .couponBox.data-v-5ed2f26c { padding: 4rpx 6rpx; background: rgba(247, 80, 49, 0.08); border-radius: 2rpx; display: flex; align-items: center; position: absolute; right: 160rpx; top: 0; } .newShopUnit .shopItemTop .shopDetail .couponBox .couponIcon.data-v-5ed2f26c { width: 24rpx; height: 24rpx; margin-right: 4rpx; } .newShopUnit .shopItemTop .shopDetail .couponBox .couponText.data-v-5ed2f26c { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #f75031; line-height: 32rpx; text-align: left; font-style: normal; white-space: nowrap; } .newShopUnit .shopList.data-v-5ed2f26c { width: calc(100% - 120rpx); box-sizing: border-box; margin-left: 120rpx; overflow-x: auto; display: flex; } .newShopUnit .shopList .shopItem.data-v-5ed2f26c { width: 168rpx; margin-right: 16rpx; } .newShopUnit .shopList .shopItem .shopImgBox.data-v-5ed2f26c { width: 168rpx; height: 128rpx; overflow: hidden; border-radius: 12rpx; margin-bottom: 8rpx; } .newShopUnit .shopList .shopItem .shopImgBox .shopImg.data-v-5ed2f26c { width: 100%; height: 100%; } .newShopUnit .shopList .shopItem .shopName.data-v-5ed2f26c { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #130f05; line-height: 32rpx; text-align: justify; font-style: normal; } .newShopUnit .shopList .shopItem .itemPrice .itemUnit.data-v-5ed2f26c { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 24rpx; color: #130f05; text-align: left; font-style: normal; } .newShopUnit .shopList .shopItem .itemPrice .itemPrice.data-v-5ed2f26c { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 32rpx; color: #130f05; text-align: left; font-style: normal; } .newShopUnit .shopList.data-v-5ed2f26c::-webkit-scrollbar { display: none; } .icon-coupon.data-v-5ed2f26c { background: url("https://eshangtech.com/ShopICO/icos/y-yhq.png") no-repeat left center; background-size: contain; padding-left: 40rpx; height: 27rpx; line-height: 27rpx; font-size: 24rpx; color: #ec5930; } .icon-trade.data-v-5ed2f26c { display: flex; align-items: center; } .icon-trade.data-v-5ed2f26c:before { content: ""; background: url("https://eshangtech.com/wanmeiyizhanImg/discovery/trade.png") no-repeat center; background-size: contain; width: 27rpx; height: 24rpx; margin-right: 4rpx; } .shop-comment-text.data-v-5ed2f26c { color: #f3b680; background: #fdf5ec; padding: 0 4rpx; border-radius: 2rpx; font-size: 20rpx; max-width: 344rpx; } .coupon-card.data-v-5ed2f26c { display: flex; align-items: center; font-family: "PingFang SC "; } .card-bottom.data-v-5ed2f26c { display: flex; align-items: center; justify-content: space-between; border-top: 1rpx solid #f2f2f2; padding-top: 24rpx; } .conpon-img.data-v-5ed2f26c { margin-right: 24rpx; width: 190rpx; height: 190rpx; } .conpon-img image.data-v-5ed2f26c { width: 180rpx; height: 180rpx; border-radius: 8rpx; } .coupon-title.data-v-5ed2f26c { font-size: 30rpx; font-family: "PingFang SC Bold"; color: #313131; font-weight: bolder; } .coupon-store.data-v-5ed2f26c { font-size: 28rpx; color: #444; } .coupon-detail.data-v-5ed2f26c { display: flex; justify-content: space-between; align-items: flex-end; } .coupon-price.data-v-5ed2f26c { color: #d74942; font-size: 40rpx; } .coupon-price-unit.data-v-5ed2f26c { color: #d7493f; font-size: 20rpx; } .coupon-price-though.data-v-5ed2f26c { color: #a1a1a1; font-size: 24rpx; margin-left: 32rpx; } .coupon-price-sell.data-v-5ed2f26c { color: #454246; font-size: 24rpx; display: flex; justify-content: space-between; align-items: center; } .coupon-get-btn.data-v-5ed2f26c { background: #c6a375; border-radius: 32rpx; width: 164rpx; height: 50rpx; color: #fff; line-height: 50rpx; font-size: 24rpx; text-align: center; box-shadow: none; } .getLocation.data-v-5ed2f26c { width: 240rpx; margin: 24rpx auto; display: block; } .loading-text.data-v-5ed2f26c { text-align: center; font-size: 24rpx; color: #a1a1a1; line-height: 80rpx; } .pop-box.data-v-5ed2f26c { width: 588rpx; height: 256rpx; text-align: center; padding: 40rpx 0; border-radius: 30rpx; overflow: hidden; } .pop-title.data-v-5ed2f26c { font-size: 32rpx; } .pop-body.data-v-5ed2f26c { font-size: 28rpx; margin-top: 36rpx; } .popbtn-box.data-v-5ed2f26c { display: flex; justify-content: center; align-items: center; margin-top: 72rpx; } .popbtn.data-v-5ed2f26c { height: 60rpx; width: 208rpx; border-radius: 32rpx; text-align: center; font-size: 24rpx; line-height: 60rpx; } .popbtn + .popbtn.data-v-5ed2f26c { margin-left: 60rpx; } .cancel-btn.data-v-5ed2f26c { border: 1rpx solid #616161; color: #616161; } .confirm-btn.data-v-5ed2f26c { background: #515151; color: #fff; }