.main.data-v-c850b6c4 { width: 100%; height: 100vh; background: #fff; } .main .top.data-v-c850b6c4 { width: 100%; box-sizing: border-box; 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: 12rpx 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 .pageTop.data-v-c850b6c4 { width: 100%; box-sizing: border-box; padding: 12rpx 32rpx; background: #fff; } .main .pageTop .first.data-v-c850b6c4 { width: 100%; display: flex; align-items: center; box-sizing: border-box; } .main .pageTop .first .addressIcon.data-v-c850b6c4 { width: 24rpx; height: 24rpx; margin-right: 8rpx; } .main .pageTop .first .text.data-v-c850b6c4 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #130f05; line-height: 44rpx; text-align: left; font-style: normal; } .main .pageTop .first .moreIcon.data-v-c850b6c4 { margin-left: 8rpx; width: 24rpx; height: 24rpx; } .main .pageTop .second.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; margin-left: 32rpx; } .main .newTabList.data-v-c850b6c4 { width: 100%; overflow-x: auto; display: flex; flex-wrap: nowrap; border-bottom: 1px solid #dddcdc; margin-top: 16rpx; } .main .newTabList .newTabItem.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; padding: 0 50rpx 12rpx 50rpx; white-space: nowrap; } .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: 100%; height: 4rpx; background: #ba922f; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main .newTabList.data-v-c850b6c4::-webkit-scrollbar { display: none; } .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: 136rpx; height: 136rpx; overflow: hidden; border-radius: 8rpx; margin-right: 24rpx; } .main .shopListBox .shopItemBox .shopItemTop .shopImg .shopIcon.data-v-c850b6c4 { width: 100%; height: 100%; } .main .shopListBox .shopItemBox .shopItemTop .shopDetail.data-v-c850b6c4 { width: calc(100% - 136rpx); position: relative; } .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: 168rpx; height: 128rpx; overflow: hidden; border-radius: 12rpx; margin-bottom: 8rpx; } .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: "PingFangSC"; font-weight: 400; font-size: 22rpx; color: #130f05; line-height: 32rpx; text-align: justify; font-style: normal; } .main .shopListBox .shopItemBox .shopList .shopItem .itemPrice .itemUnit.data-v-c850b6c4 { font-family: "DINAlternate"; font-weight: bold; font-size: 24rpx; color: #130f05; 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: #130f05; 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; }