.main.data-v-c850b6c4 { width: 100%; height: 100vh; background: #fff; box-sizing: border-box; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .main .top.data-v-c850b6c4 { width: 100%; background: #fff; } .main .top .topContent.data-v-c850b6c4 { display: flex; align-items: center; box-sizing: border-box; padding: 0 16px; } .main .top .topContent .backIcon.data-v-c850b6c4 { width: 48rpx; height: 48rpx; margin-right: 8px; } .main .top .topContent .first.data-v-c850b6c4 { display: flex; align-items: center; box-sizing: border-box; border: 1rpx solid #e7e7e6; border-radius: 48rpx; padding: 8rpx 24rpx; } .main .top .topContent .first .addressIcon.data-v-c850b6c4 { width: 24rpx; height: 24rpx; margin-right: 8rpx; } .main .top .topContent .first .text.data-v-c850b6c4 { 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-c850b6c4 { margin-left: 8rpx; width: 24rpx; height: 24rpx; } .main .topBox.data-v-c850b6c4 { width: 100%; background: #fff; } .main .topBox .topContent.data-v-c850b6c4 { width: 100%; box-sizing: border-box; padding: 0 16px; display: flex; align-items: center; } .main .topBox .topContent .backIconBox.data-v-c850b6c4 { width: 48rpx; height: 48rpx; } .main .topBox .topContent .backIconBox .backIcon.data-v-c850b6c4 { width: 100%; height: 100%; } .main .topBox .topContent .currentServiceBox.data-v-c850b6c4 { display: flex; align-items: center; padding: 12rpx 16rpx; background: #fff; border-radius: 32rpx; border: 1rpx solid #e7e7e6; margin-left: 8rpx; } .main .topBox .topContent .currentServiceBox .servicePosition.data-v-c850b6c4 { width: 24rpx; height: 24rpx; margin-right: 8rpx; } .main .topBox .topContent .currentServiceBox .currentService.data-v-c850b6c4 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #090c1a; line-height: 40rpx; text-align: justify; font-style: normal; } .main .topBox .topContent .currentServiceBox .rightArrow.data-v-c850b6c4 { width: 24rpx; height: 24rpx; margin-left: 8rpx; } .main .newTabList.data-v-c850b6c4 { width: 100%; overflow-x: auto; display: flex; flex-wrap: nowrap; margin-top: 16rpx; height: 30px; } .main .newTabList .newTabItem.data-v-c850b6c4 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #C6C6C6; line-height: 40rpx; text-align: left; font-style: normal; white-space: nowrap; padding: 0 40rpx; } .main .newTabList .selectTabItem.data-v-c850b6c4 { font-family: PingFangSC, PingFang SC; font-weight: bold; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; position: relative; } .main .newTabList .selectTabItem.data-v-c850b6c4:after { content: ""; position: absolute; width: 2rem; height: 4rpx; background: #009DFF; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main .shopListBox.data-v-c850b6c4 { margin-top: 24rpx; width: 100%; box-sizing: border-box; padding: 0 24rpx; } .main .shopListBox .shopItemBox.data-v-c850b6c4 { width: 100%; margin-bottom: 32rpx; border-bottom: 1px solid #ededed; padding-bottom: 32rpx; } .main .shopListBox .shopItemBox .shopItemTop.data-v-c850b6c4 { width: 100%; display: flex; align-items: flex-start; } .main .shopListBox .shopItemBox .shopItemTop .shopImg.data-v-c850b6c4 { width: 130rpx; height: 130rpx; overflow: hidden; border-radius: 16rpx; margin-right: 28rpx; } .main .shopListBox .shopItemBox .shopItemTop .shopImg .shopIcon.data-v-c850b6c4 { width: 100%; height: 100%; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail.data-v-c850b6c4 { width: calc(100% - 158rpx); height: 130rpx; display: flex; align-items: center; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .shopDetailLeft.data-v-c850b6c4 { width: calc(100% - 150rpx); height: 130rpx; display: flex; flex-direction: column; justify-content: space-between; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .shopDetailLeft .detailLeftTop .topShopName.data-v-c850b6c4 { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 29rpx; color: #000000; text-align: left; font-style: normal; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .shopDetailLeft .detailLeftBottom .scoreBox.data-v-c850b6c4 { display: flex; align-items: center; font-family: "Microsoft YaHei"; font-weight: 400; font-size: 22rpx; color: #FF6200; text-align: left; font-style: normal; text-transform: none; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .shopDetailLeft .detailLeftBottom .newOtherDetail.data-v-c850b6c4 { width: 100%; display: flex; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 12rpx; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .shopDetailLeft .detailLeftBottom .newOtherDetail .label.data-v-c850b6c4 { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 22rpx; color: rgba(0, 0, 0, 0.5); text-align: left; font-style: normal; text-transform: none; display: inline-block; width: 50rpx; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .shopDetailLeft .detailLeftBottom .newOtherDetail .value.data-v-c850b6c4 { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 22rpx; color: #009DFF; text-align: left; font-style: normal; text-transform: none; display: inline-block; width: 70rpx; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .shopDetailRight.data-v-c850b6c4 { width: 150rpx; display: flex; justify-content: flex-end; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .shopDetailRight .goFood.data-v-c850b6c4 { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 26rpx; color: #FFFFFF; text-align: center; font-style: normal; text-transform: none; padding: 8rpx 28rpx; background-color: #4BCB7E; border-radius: 32rpx; display: inline-block; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .shopDetailRight .search.data-v-c850b6c4 { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 26rpx; color: #FFFFFF; text-align: center; font-style: normal; text-transform: none; padding: 8rpx 28rpx; background-color: #009DFF; border-radius: 32rpx; display: inline-block; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .shopName.data-v-c850b6c4 { width: 100%; display: flex; align-items: center; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .shopName .shopTitle.data-v-c850b6c4 { display: inline-block; max-width: calc(100% - 133rpx); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: PingFang SC; font-weight: 400; font-size: 32rpx; color: #130f05; line-height: 44rpx; text-align: left; font-style: normal; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .shopName .titleIcon.data-v-c850b6c4 { display: inline-block; background: url("https://eshangtech.com/ShopICO/icos/to-eat.png") no-repeat center; background-size: contain; width: 133rpx; height: 48rpx; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .otherDetail.data-v-c850b6c4 { display: flex; align-items: center; justify-content: space-between; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .otherDetail .leftDetail .mark.data-v-c850b6c4 { font-family: "DINAlternate"; font-weight: bold; font-size: 32rpx; color: #ba922f; line-height: 36rpx; text-align: justify; font-style: normal; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .otherDetail .leftDetail .mark .unit.data-v-c850b6c4 { font-family: "PingFangSC"; font-weight: 400; font-size: 24rpx; color: #ba922f; line-height: 32rpx; text-align: left; font-style: normal; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .otherDetail .leftDetail .monthSales.data-v-c850b6c4 { margin-left: 16rpx; font-family: "PingFangSC"; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .otherDetail .leftDetail .perCapita.data-v-c850b6c4 { margin-left: 16rpx; font-family: "PingFangSC"; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .otherDetail .rightDetail .perCapita.data-v-c850b6c4 { font-size: 24rpx; color: #666; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .otherDetail .rightDetail .icon-coupon.data-v-c850b6c4 { 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; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .couponList.data-v-c850b6c4 { display: inline-block; margin-top: 12rpx; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .couponList .couponBox.data-v-c850b6c4 { background: #fef0e5; border-radius: 2rpx; display: flex; align-items: center; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .couponList .couponBox .couponIconBox.data-v-c850b6c4 { width: 40rpx; height: 40rpx; background: linear-gradient(180deg, #ffddc0 0%, #ffeada 100%); border-radius: 4rpx; display: flex; align-items: center; justify-content: center; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .couponList .couponBox .couponIconBox .couponIcon.data-v-c850b6c4 { width: 24rpx; height: 24rpx; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .couponList .couponBox .couponText.data-v-c850b6c4 { margin: 0 10rpx; font-family: "PingFangSC"; font-weight: 400; font-size: 22rpx; color: #fa5825; line-height: 32rpx; text-align: left; font-style: normal; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .goOrder.data-v-c850b6c4 { position: absolute; right: 0; top: 0; padding: 10rpx 12rpx; border-radius: 4rpx; border: 2rpx solid #ae8d3e; display: flex; align-items: center; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .goOrder .orderIcon.data-v-c850b6c4 { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail .goOrder .goOrderText.data-v-c850b6c4 { font-family: "PingFangSC"; font-weight: 400; font-size: 22rpx; color: #ba922f; line-height: 32rpx; text-align: left; font-style: normal; } .main .shopListBox .shopItemBox .shopList.data-v-c850b6c4 { width: calc(100% - 160rpx); box-sizing: border-box; margin-left: 160rpx; overflow-x: auto; display: flex; margin-top: 24rpx; } .main .shopListBox .shopItemBox .shopList .shopItem.data-v-c850b6c4 { width: 168rpx; margin-right: 16rpx; } .main .shopListBox .shopItemBox .shopList .shopItem .shopImgBox.data-v-c850b6c4 { width: 146rpx; height: 146rpx; overflow: hidden; border-radius: 10rpx; margin-bottom: 12rpx; } .main .shopListBox .shopItemBox .shopList .shopItem .shopImgBox .shopImg.data-v-c850b6c4 { width: 100%; height: 100%; } .main .shopListBox .shopItemBox .shopList .shopItem .shopName.data-v-c850b6c4 { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "Microsoft YaHei"; font-weight: 400; font-size: 24rpx; color: #000000; text-align: left; font-style: normal; } .main .shopListBox .shopItemBox .shopList .shopItem .itemPrice .itemUnit.data-v-c850b6c4 { font-family: "DINAlternate"; font-weight: bold; font-size: 20rpx; color: #FF6200; text-align: left; font-style: normal; } .main .shopListBox .shopItemBox .shopList .shopItem .itemPrice .itemPrice.data-v-c850b6c4 { font-family: "DINAlternate"; font-weight: bold; font-size: 32rpx; color: #FF6200; text-align: left; font-style: normal; } .main .shopListBox .shopItemBox .shopList.data-v-c850b6c4::-webkit-scrollbar { display: none; } .main .shopListBox .shopItemBox .activitieBox.data-v-c850b6c4 { width: 100%; box-sizing: border-box; padding-top: 24rpx; } .main .shopListBox .shopItemBox .activitieBox .activeTitle.data-v-c850b6c4 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #716f69; line-height: 40rpx; text-align: left; font-style: normal; margin-bottom: 16rpx; } .main .shopListBox .shopItemBox .activitieBox .couponList.data-v-c850b6c4 { width: 100%; display: flex; align-items: center; } .main .shopListBox .shopItemBox .activitieBox .couponList .couponItem.data-v-c850b6c4 { width: calc((100% - 24rpx) / 2); margin-right: 24rpx; } .main .shopListBox .shopItemBox .activitieBox .couponList .couponItem .itemImgBox.data-v-c850b6c4 { width: 100%; height: 192rpx; border-radius: 12rpx; overflow: hidden; margin-bottom: 16rpx; } .main .shopListBox .shopItemBox .activitieBox .couponList .couponItem .itemImgBox .itemImg.data-v-c850b6c4 { width: 100%; height: 100%; } .main .shopListBox .shopItemBox .activitieBox .couponList .couponItem .couponText.data-v-c850b6c4 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main .shopListBox .shopItemBox .activitieBox .couponList .couponItem .couponTime.data-v-c850b6c4 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: justify; font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main .shopListBox .shopItemBox .activitieBox .couponList .couponItem.data-v-c850b6c4:nth-child(2n) { margin-right: 0; } .main .shopListBox .noDataBox.data-v-c850b6c4 { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .main .shopListBox.data-v-c850b6c4 ::-webkit-scrollbar { display: none; }