.main.data-v-49dced80 { width: 100vw; height: 100vh; background: #f5f5f5; } .main .topBox.data-v-49dced80 { width: 100%; box-sizing: border-box; padding: 0 32rpx; position: fixed; background: #f5f5f5; top: 0; left: 0; z-index: 99; } .main .topBox .topContent.data-v-49dced80 { display: flex; align-items: center; } .main .topBox .topContent .backIconBox.data-v-49dced80 { width: 48rpx; height: 48rpx; } .main .topBox .topContent .backIconBox .backIcon.data-v-49dced80 { width: 100%; height: 100%; } .main .topBox .topContent .currentServiceBox.data-v-49dced80 { 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-49dced80 { width: 24rpx; height: 24rpx; margin-right: 8rpx; } .main .topBox .topContent .currentServiceBox .currentService.data-v-49dced80 { 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-49dced80 { width: 24rpx; height: 24rpx; margin-left: 8rpx; } .main .content.data-v-49dced80 { width: 100%; box-sizing: border-box; padding: 0 32rpx 48rpx; } .main .content .serviceDetail.data-v-49dced80 { width: 100%; background: #ffffff; border-radius: 16rpx; } .main .content .serviceDetail .detailTop.data-v-49dced80 { width: 100%; height: 320rpx; border-radius: 16rpx; overflow: hidden; } .main .content .serviceDetail .detailTop .serviceImg.data-v-49dced80 { width: 100%; height: 100%; } .main .content .serviceDetail .detailBottom.data-v-49dced80 { width: 100%; box-sizing: border-box; padding: 4rpx 24rpx 24rpx; position: relative; } .main .content .serviceDetail .detailBottom .detailFirst.data-v-49dced80 { width: 100%; } .main .content .serviceDetail .detailBottom .detailFirst .serviceName.data-v-49dced80 { width: calc(100% - 190rpx); font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 36rpx; color: #130f05; line-height: 52rpx; text-align: left; font-style: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-right: 16rpx; } .main .content .serviceDetail .detailBottom .detailFirst .serviceStatus.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #009f43; line-height: 32rpx; text-align: justify; font-style: normal; display: inline-block; padding: 2rpx 6rpx; background: #e9f8ee; border-radius: 4rpx; } .main .content .serviceDetail .detailBottom .detailSecond.data-v-49dced80 { width: 100%; display: flex; align-items: center; } .main .content .serviceDetail .detailBottom .detailSecond .detailFixedIcon.data-v-49dced80 { width: 24rpx; height: 24rpx; margin-right: 4rpx; } .main .content .serviceDetail .detailBottom .detailSecond .address.data-v-49dced80 { width: calc(100% - 120rpx); display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .main .content .serviceDetail .detailBottom .detailSecond .address .distance.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 26rpx; color: #130f05; line-height: 36rpx; text-align: left; font-style: normal; margin-right: 8rpx; } .main .content .serviceDetail .detailBottom .detailSecond .address .addressText.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 26rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; } .main .content .serviceDetail .detailBottom .navigationBox.data-v-49dced80 { width: 64rpx; height: 64rpx; position: absolute; right: 24rpx; top: 32rpx; } .main .content .serviceDetail .detailBottom .navigationBox .navigationIcon.data-v-49dced80 { width: 100%; height: 100%; } .main .content .carDetailBox.data-v-49dced80 { width: 100%; background: #fff; border-radius: 16rpx; margin-top: 24rpx; box-sizing: border-box; padding: 24rpx; } .main .content .carDetailBox .detailTab.data-v-49dced80 { width: 100%; border-bottom: 1px solid #f3f3f3; display: flex; align-items: center; } .main .content .carDetailBox .detailTab .tabItem.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #716f69; line-height: 40rpx; text-align: left; font-style: normal; margin-right: 40rpx; padding-bottom: 14rpx; } .main .content .carDetailBox .detailTab .selectTabItem.data-v-49dced80 { font-weight: 600; color: #160002; position: relative; } .main .content .carDetailBox .detailTab .selectTabItem.data-v-49dced80::after { position: absolute; content: ""; width: 2rem; height: 6rpx; background: #009f43; border-radius: 3rpx; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main .content .carDetailBox .firstContent.data-v-49dced80 { width: 100%; margin-top: 24rpx; } .main .content .carDetailBox .firstContent .gasContent.data-v-49dced80 { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 24rpx; box-sizing: border-box; } .main .content .carDetailBox .firstContent .gasContent .gasItem.data-v-49dced80 { width: calc((100% - 32rpx) / 3); padding: 32rpx 0; border-radius: 8rpx; display: flex; flex-direction: column; align-items: center; } .main .content .carDetailBox .firstContent .gasContent .gasItem .gasItemIcon.data-v-49dced80 { width: 56rpx; height: 56rpx; } .main .content .carDetailBox .firstContent .gasContent .gasItem .label.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #2a2b2e; line-height: 40rpx; text-align: left; font-style: normal; margin: 16rpx 0; } .main .content .carDetailBox .firstContent .gasContent .gasItem .value.data-v-49dced80 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 36rpx; color: #2a2b2e; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .carDetailBox .firstContent .gasContent .first.data-v-49dced80 { background: linear-gradient(180deg, #f3fbf7 0%, #f3faf7 100%); } .main .content .carDetailBox .firstContent .gasContent .second.data-v-49dced80 { background: linear-gradient(180deg, #f8f9ff 0%, #f5f6fe 100%); } .main .content .carDetailBox .firstContent .gasContent .third.data-v-49dced80 { background: linear-gradient(180deg, #f1f7ff 0%, #f2f7ff 100%); } .main .content .carDetailBox .firstContent .chargeContent.data-v-49dced80 { margin-top: 24rpx; } .main .content .carDetailBox .firstContent .chargeContent .stateGrid.data-v-49dced80 { width: 100%; margin-top: 24rpx; background: #f6f6f6; border-radius: 12rpx; box-sizing: border-box; padding: 24rpx; display: flex; align-items: center; justify-content: space-between; } .main .content .carDetailBox .firstContent .chargeContent .stateGrid .leftGrid.data-v-49dced80 { display: flex; align-items: center; } .main .content .carDetailBox .firstContent .chargeContent .stateGrid .leftGrid .gridImg.data-v-49dced80 { width: 40rpx; height: 40rpx; margin-right: 12rpx; } .main .content .carDetailBox .firstContent .chargeContent .stateGrid .leftGrid .gridText.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; margin-right: 12rpx; } .main .content .carDetailBox .firstContent .chargeContent .stateGrid .leftGrid .fastCharg.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 20rpx; color: #ffffff; line-height: 28rpx; text-align: justify; font-style: normal; display: inline; padding: 2rpx 6rpx; background: linear-gradient(270deg, #ff500e 0%, #ff7d0a 100%); border-radius: 4rpx; } .main .content .carDetailBox .firstContent .chargeContent .stateGrid .rightGrid.data-v-49dced80 { display: flex; align-items: center; } .main .content .carDetailBox .firstContent .chargeContent .stateGrid .rightGrid .other.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #130f05; line-height: 36rpx; text-align: left; font-style: normal; margin-right: 4rpx; } .main .content .carDetailBox .firstContent .chargeContent .stateGrid .rightGrid .have.data-v-49dced80 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 32rpx; color: #130f05; line-height: 36rpx; text-align: left; font-style: normal; margin-right: 4rpx; } .main .content .carDetailBox .firstContent .chargeContent .stateGrid .rightGrid .all.data-v-49dced80 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 32rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; } .main .content .carDetailBox .firstContent .chargeContent .contentItem.data-v-49dced80 { width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding: 24rpx; margin-bottom: 24rpx; border-radius: 8rpx; border: 2rpx solid #f5f6f7; } .main .content .carDetailBox .firstContent .chargeContent .contentItem .leftItem.data-v-49dced80 { display: flex; align-items: center; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .carDetailBox .firstContent .chargeContent .contentItem .leftItem .carIcon.data-v-49dced80 { width: 40rpx; height: 40rpx; margin-right: 12rpx; } .main .content .carDetailBox .firstContent .chargeContent .contentItem .leftItem .configIcon.data-v-49dced80 { width: 100%; height: 100%; } .main .content .carDetailBox .firstContent .chargeContent .contentItem .rightItem.data-v-49dced80 { display: flex; align-items: center; } .main .content .carDetailBox .firstContent .chargeContent .contentItem .rightItem .emptyText.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #130f05; line-height: 36rpx; text-align: center; font-style: normal; margin-right: 4rpx; } .main .content .carDetailBox .firstContent .chargeContent .contentItem .rightItem .occupy.data-v-49dced80 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 32rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; margin-right: 4rpx; } .main .content .carDetailBox .firstContent .chargeContent .contentItem .rightItem .unit.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: justify; font-style: normal; } .main .content .carDetailBox .firstContent .chargeContent .contentItem .rightItem .smallIcon.data-v-49dced80 { width: 32rpx; height: 32rpx; } .main .content .carDetailBox .firstContent .chargeContent .contentItem .rightItem .value.data-v-49dced80 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 36rpx; color: #282622; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .carDetailBox .firstContent .carContent.data-v-49dced80 { width: 100%; border-radius: 8rpx; border: 2rpx solid #f5f6f7; margin-top: 24rpx; box-sizing: border-box; padding: 24rpx 24rpx 0; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 32rpx; } .main .content .carDetailBox .firstContent .carContent .carItem.data-v-49dced80 { width: calc(100% / 2); display: flex; align-items: center; margin-bottom: 32rpx; } .main .content .carDetailBox .firstContent .carContent .carItem .carTop.data-v-49dced80 { width: 80rpx; height: 80rpx; border: 1rpx solid #e7e7e6; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 16rpx; } .main .content .carDetailBox .firstContent .carContent .carItem .carTop .carIcon.data-v-49dced80 { width: 40rpx; height: 40rpx; } .main .content .carDetailBox .firstContent .carContent .carItem .carTop .carName.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #282622; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .carDetailBox .firstContent .carContent .carItem .carBottom.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #8c8981; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .carDetailBox .firstContent .carContent .carItem .carBottom .carName.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .carDetailBox .firstContent .carContent .carItem .carBottom .carValue.data-v-49dced80 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 32rpx; color: #130f05; line-height: 36rpx; text-align: left; font-style: normal; } .main .content .carDetailBox .firstContent .carContent .carItem .carBottom .carValue .unit.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: justify; font-style: normal; margin-left: 4rpx; } .main .content .carDetailBox .firstContent .vehicleMaintenance.data-v-49dced80 { width: 100%; box-sizing: border-box; padding: 0 24rpx; background: #ffffff; border-radius: 16rpx; } .main .content .carDetailBox .firstContent .vehicleMaintenance .vehicleTitle.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .carDetailBox .firstContent .vehicleMaintenance .vehicleContent.data-v-49dced80 { margin-top: 12rpx; display: flex; align-items: flex-start; justify-content: space-between; } .main .content .carDetailBox .firstContent .vehicleMaintenance .vehicleContent .vehicleContentLeft .leftLabel.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; margin-bottom: 4rpx; } .main .content .carDetailBox .firstContent .vehicleMaintenance .vehicleContent .vehicleContentLeft .onlineTime.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; margin-top: 24rpx; } .main .content .carDetailBox .firstContent .vehicleMaintenance .vehicleContent .vehicleContentRight .callPhone.data-v-49dced80 { width: 64rpx; height: 64rpx; } .main .content .otherFacilities.data-v-49dced80 { width: 100%; background: #fff; border-radius: 16rpx; margin-top: 24rpx; box-sizing: border-box; padding: 24rpx; } .main .content .otherFacilities .otherTitle.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 28rpx; color: #160002; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .otherFacilities .detailTab.data-v-49dced80 { width: 100%; border-bottom: 1px solid #f3f3f3; display: flex; align-items: center; } .main .content .otherFacilities .detailTab .tabItem.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #716f69; line-height: 40rpx; text-align: left; font-style: normal; margin-right: 40rpx; padding-bottom: 14rpx; } .main .content .otherFacilities .detailTab .selectTabItem.data-v-49dced80 { font-weight: 600; color: #160002; position: relative; } .main .content .otherFacilities .detailTab .selectTabItem.data-v-49dced80::after { position: absolute; content: ""; width: 2rem; height: 6rpx; background: #009f43; border-radius: 3rpx; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main .content .otherFacilities .secondContent.data-v-49dced80 { width: 100%; margin-top: 24rpx; } .main .content .otherFacilities .secondContent .toiletBox.data-v-49dced80 { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .main .content .otherFacilities .secondContent .toiletBox .toiletItem.data-v-49dced80 { width: calc((100% - 16rpx) / 2); box-sizing: border-box; padding: 24rpx; background: #f6f6f6; border-radius: 12rpx; margin-bottom: 16rpx; display: flex; align-items: center; justify-content: space-between; } .main .content .otherFacilities .secondContent .toiletBox .toiletItem .toiletItemLeft.data-v-49dced80 { display: flex; align-items: center; } .main .content .otherFacilities .secondContent .toiletBox .toiletItem .toiletItemLeft .toiletIcon.data-v-49dced80 { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .main .content .otherFacilities .secondContent .toiletBox .toiletItem .toiletItemLeft .toiletText.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #160002; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .otherFacilities .secondContent .toiletBox .toiletItem .toiletItemRight .rightText.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #999da3; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .popularMerchants.data-v-49dced80 { width: 100%; box-sizing: border-box; padding: 24rpx; background: #ffffff; border-radius: 16rpx; margin-top: 24rpx; } .main .content .popularMerchants .popularTitle.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; margin-bottom: 16rpx; } .main .content .popularMerchants .newTabList.data-v-49dced80 { width: 100%; overflow-x: auto; display: flex; flex-wrap: nowrap; border-bottom: 1px solid #f5f6f7; } .main .content .popularMerchants .newTabList .newTabItem.data-v-49dced80 { 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 .content .popularMerchants .newTabList .selectTabItem.data-v-49dced80 { 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 .content .popularMerchants .newTabList .selectTabItem.data-v-49dced80:after { content: ""; position: absolute; width: 2rem; height: 4rpx; background: #ba922f; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main .content .popularMerchants .newTabList.data-v-49dced80::-webkit-scrollbar { display: none; } .main .content .popularMerchants .newShopUnit.data-v-49dced80 { padding: 26rpx 0 26rpx 0; background-color: #ffffff; } .main .content .popularMerchants .newShopUnit .shopItemTop.data-v-49dced80 { width: 100%; display: flex; align-items: flex-start; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopImg.data-v-49dced80 { width: 96rpx; height: 96rpx; overflow: hidden; border-radius: 8rpx; margin-right: 16rpx; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopImg .shopIcon.data-v-49dced80 { width: 100%; height: 100%; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail.data-v-49dced80 { width: calc(100% - 112rpx); height: 96rpx; display: flex; flex-direction: column; justify-content: space-between; position: relative; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .shopName.data-v-49dced80 { width: 100%; display: flex; align-items: center; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .shopName .shopTitle.data-v-49dced80 { display: inline-block; max-width: calc(100% - 133rpx); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; text-align: justify; font-style: normal; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .shopName .titleIcon.data-v-49dced80 { display: inline-block; background: url("https://eshangtech.com/ShopICO/icos/to-eat.png") no-repeat center; background-size: contain; width: 133rpx; height: 48rpx; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .otherDetail.data-v-49dced80 { display: flex; align-items: center; justify-content: space-between; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .otherDetail .leftDetail .mark.data-v-49dced80 { color: #d45e0e; font-size: 26rpx; font-weight: bold; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .otherDetail .leftDetail .monthSales.data-v-49dced80 { margin-left: 12px; font-size: 24rpx; color: #666; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .otherDetail .monthSales.data-v-49dced80 { margin-left: 12px; font-size: 24rpx; color: #666; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .otherDetail .rightDetail .perCapita.data-v-49dced80 { font-size: 24rpx; color: #666; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .otherDetail .rightDetail .icon-coupon.data-v-49dced80 { 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 .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .goOrder.data-v-49dced80 { position: absolute; right: 0; top: 0; padding: 10rpx 12rpx; border-radius: 4rpx; border: 2rpx solid #ae8d3e; display: flex; align-items: center; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .goOrder .orderIcon.data-v-49dced80 { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .goOrder .goOrderText.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #ba922f; line-height: 32rpx; text-align: left; font-style: normal; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .couponBox.data-v-49dced80 { padding: 4rpx 6rpx; background: rgba(247, 80, 49, 0.08); border-radius: 2rpx; display: flex; align-items: center; position: absolute; right: 160rpx; top: 0; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .couponBox .couponIcon.data-v-49dced80 { width: 24rpx; height: 24rpx; margin-right: 4rpx; } .main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .couponBox .couponText.data-v-49dced80 { 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; } .main .content .popularMerchants .newShopUnit .shopList.data-v-49dced80 { width: calc(100% - 120rpx); box-sizing: border-box; margin-left: 120rpx; overflow-x: auto; display: flex; } .main .content .popularMerchants .newShopUnit .shopList .shopItem.data-v-49dced80 { width: 168rpx; margin-right: 16rpx; } .main .content .popularMerchants .newShopUnit .shopList .shopItem .shopImgBox.data-v-49dced80 { width: 168rpx; height: 128rpx; overflow: hidden; border-radius: 12rpx; margin-bottom: 8rpx; } .main .content .popularMerchants .newShopUnit .shopList .shopItem .shopImgBox .shopImg.data-v-49dced80 { width: 100%; height: 100%; } .main .content .popularMerchants .newShopUnit .shopList .shopItem .shopName.data-v-49dced80 { 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; } .main .content .popularMerchants .newShopUnit .shopList .shopItem .itemPrice .itemUnit.data-v-49dced80 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 24rpx; color: #130f05; text-align: left; font-style: normal; } .main .content .popularMerchants .newShopUnit .shopList .shopItem .itemPrice .itemPrice.data-v-49dced80 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 32rpx; color: #130f05; text-align: left; font-style: normal; } .main .content .popularMerchants .newShopUnit .shopList.data-v-49dced80::-webkit-scrollbar { display: none; } .main .content .popularMerchants .newShopUnit .activitieBox.data-v-49dced80 { width: 100%; box-sizing: border-box; padding-top: 24rpx; } .main .content .popularMerchants .newShopUnit .activitieBox .activeTitle.data-v-49dced80 { 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 .content .popularMerchants .newShopUnit .activitieBox .couponList.data-v-49dced80 { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .main .content .popularMerchants .newShopUnit .activitieBox .couponList .couponItem.data-v-49dced80 { width: calc((100% - 24rpx) / 2) !important; margin-right: 24rpx; } .main .content .popularMerchants .newShopUnit .activitieBox .couponList .couponItem .itemImgBox.data-v-49dced80 { width: 100%; height: 192rpx; border-radius: 12rpx; overflow: hidden; margin-bottom: 16rpx; } .main .content .popularMerchants .newShopUnit .activitieBox .couponList .couponItem .itemImgBox .itemImg.data-v-49dced80 { width: 100%; height: 100%; } .main .content .popularMerchants .newShopUnit .activitieBox .couponList .couponItem .couponText.data-v-49dced80 { 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 .content .popularMerchants .newShopUnit .activitieBox .couponList .couponItem .couponTime.data-v-49dced80 { display: flex; align-items: center; } .main .content .popularMerchants .newShopUnit .activitieBox .couponList .couponItem .couponTime .timeIcon.data-v-49dced80 { width: 24rpx; height: 24rpx; margin-right: 8rpx; } .main .content .popularMerchants .newShopUnit .activitieBox .couponList .couponItem .couponTime .couponTimeText.data-v-49dced80 { width: calc(100% - 32rpx); 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 .content .popularMerchants .newShopUnit .activitieBox .couponList .couponItem.data-v-49dced80:nth-child(2n) { margin-right: 0; } .main .content .popularMerchants .shopItemBox.data-v-49dced80 { width: 100%; margin-bottom: 32rpx; border-bottom: 1px solid #ededed; padding-bottom: 32rpx; } .main .content .popularMerchants .shopItemBox .shopItemTop.data-v-49dced80 { width: 100%; display: flex; align-items: flex-start; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopImg.data-v-49dced80 { width: 130rpx; height: 130rpx; overflow: hidden; border-radius: 16rpx; margin-right: 28rpx; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopImg .shopIcon.data-v-49dced80 { width: 100%; height: 100%; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail.data-v-49dced80 { width: calc(100% - 158rpx); height: 130rpx; display: flex; align-items: center; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .shopDetailLeft.data-v-49dced80 { width: calc(100% - 150rpx); height: 130rpx; display: flex; flex-direction: column; justify-content: space-between; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .shopDetailLeft .detailLeftTop .topShopName.data-v-49dced80 { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 29rpx; color: #000000; text-align: left; font-style: normal; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .shopDetailLeft .detailLeftBottom .scoreBox.data-v-49dced80 { 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 .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .shopDetailLeft .detailLeftBottom .newOtherDetail.data-v-49dced80 { width: 100%; display: flex; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 12rpx; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .shopDetailLeft .detailLeftBottom .newOtherDetail .label.data-v-49dced80 { 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 .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .shopDetailLeft .detailLeftBottom .newOtherDetail .value.data-v-49dced80 { 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 .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .shopDetailRight.data-v-49dced80 { width: 150rpx; display: flex; justify-content: flex-end; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .shopDetailRight .goFood.data-v-49dced80 { 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: #FF6200; border-radius: 32rpx; display: inline-block; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .shopDetailRight .search.data-v-49dced80 { 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 .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .shopName.data-v-49dced80 { width: 100%; display: flex; align-items: center; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .shopName .shopTitle.data-v-49dced80 { 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 .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .shopName .titleIcon.data-v-49dced80 { display: inline-block; background: url("https://eshangtech.com/ShopICO/icos/to-eat.png") no-repeat center; background-size: contain; width: 133rpx; height: 48rpx; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .otherDetail.data-v-49dced80 { display: flex; align-items: center; justify-content: space-between; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .otherDetail .leftDetail .mark.data-v-49dced80 { font-family: "DINAlternate"; font-weight: bold; font-size: 32rpx; color: #ba922f; line-height: 36rpx; text-align: justify; font-style: normal; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .otherDetail .leftDetail .mark .unit.data-v-49dced80 { font-family: "PingFangSC"; font-weight: 400; font-size: 24rpx; color: #ba922f; line-height: 32rpx; text-align: left; font-style: normal; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .otherDetail .leftDetail .monthSales.data-v-49dced80 { margin-left: 16rpx; font-family: "PingFangSC"; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .otherDetail .leftDetail .perCapita.data-v-49dced80 { margin-left: 16rpx; font-family: "PingFangSC"; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .otherDetail .rightDetail .perCapita.data-v-49dced80 { font-size: 24rpx; color: #666; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .otherDetail .rightDetail .icon-coupon.data-v-49dced80 { 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 .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .couponList.data-v-49dced80 { display: inline-block; margin-top: 12rpx; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .couponList .couponBox.data-v-49dced80 { background: #fef0e5; border-radius: 2rpx; display: flex; align-items: center; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .couponList .couponBox .couponIconBox.data-v-49dced80 { width: 40rpx; height: 40rpx; background: linear-gradient(180deg, #ffddc0 0%, #ffeada 100%); border-radius: 4rpx; display: flex; align-items: center; justify-content: center; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .couponList .couponBox .couponIconBox .couponIcon.data-v-49dced80 { width: 24rpx; height: 24rpx; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .couponList .couponBox .couponText.data-v-49dced80 { margin: 0 10rpx; font-family: "PingFangSC"; font-weight: 400; font-size: 22rpx; color: #fa5825; line-height: 32rpx; text-align: left; font-style: normal; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .goOrder.data-v-49dced80 { position: absolute; right: 0; top: 0; padding: 10rpx 12rpx; border-radius: 4rpx; border: 2rpx solid #ae8d3e; display: flex; align-items: center; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .goOrder .orderIcon.data-v-49dced80 { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .main .content .popularMerchants .shopItemBox .shopItemTop .shopDetail .goOrder .goOrderText.data-v-49dced80 { font-family: "PingFangSC"; font-weight: 400; font-size: 22rpx; color: #ba922f; line-height: 32rpx; text-align: left; font-style: normal; } .main .content .popularMerchants .shopItemBox .shopList.data-v-49dced80 { width: calc(100% - 160rpx); box-sizing: border-box; margin-left: 160rpx; overflow-x: auto; display: flex; margin-top: 24rpx; } .main .content .popularMerchants .shopItemBox .shopList .shopItem.data-v-49dced80 { width: 168rpx; margin-right: 16rpx; } .main .content .popularMerchants .shopItemBox .shopList .shopItem .shopImgBox.data-v-49dced80 { width: 146rpx; height: 146rpx; overflow: hidden; border-radius: 10rpx; margin-bottom: 12rpx; } .main .content .popularMerchants .shopItemBox .shopList .shopItem .shopImgBox .shopImg.data-v-49dced80 { width: 100%; height: 100%; } .main .content .popularMerchants .shopItemBox .shopList .shopItem .shopName.data-v-49dced80 { 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 .content .popularMerchants .shopItemBox .shopList .shopItem .itemPrice .itemUnit.data-v-49dced80 { font-family: "DINAlternate"; font-weight: bold; font-size: 20rpx; color: #FF6200; text-align: left; font-style: normal; } .main .content .popularMerchants .shopItemBox .shopList .shopItem .itemPrice .itemPrice.data-v-49dced80 { font-family: "DINAlternate"; font-weight: bold; font-size: 32rpx; color: #FF6200; text-align: left; font-style: normal; } .main .content .popularMerchants .shopItemBox .shopList.data-v-49dced80::-webkit-scrollbar { display: none; } .main .content .popularMerchants .shopItemBox .activitieBox.data-v-49dced80 { width: 100%; box-sizing: border-box; padding-top: 24rpx; } .main .content .popularMerchants .shopItemBox .activitieBox .activeTitle.data-v-49dced80 { 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 .content .popularMerchants .shopItemBox .activitieBox .couponList.data-v-49dced80 { width: 100%; display: flex; align-items: center; } .main .content .popularMerchants .shopItemBox .activitieBox .couponList .couponItem.data-v-49dced80 { width: calc((100% - 24rpx) / 2); margin-right: 24rpx; } .main .content .popularMerchants .shopItemBox .activitieBox .couponList .couponItem .itemImgBox.data-v-49dced80 { width: 100%; height: 192rpx; border-radius: 12rpx; overflow: hidden; margin-bottom: 16rpx; } .main .content .popularMerchants .shopItemBox .activitieBox .couponList .couponItem .itemImgBox .itemImg.data-v-49dced80 { width: 100%; height: 100%; } .main .content .popularMerchants .shopItemBox .activitieBox .couponList .couponItem .couponText.data-v-49dced80 { 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 .content .popularMerchants .shopItemBox .activitieBox .couponList .couponItem .couponTime.data-v-49dced80 { 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 .content .popularMerchants .shopItemBox .activitieBox .couponList .couponItem.data-v-49dced80:nth-child(2n) { margin-right: 0; } .main .content .nearbyAttractions.data-v-49dced80 { width: 100%; box-sizing: border-box; padding: 24rpx; background: #ffffff; border-radius: 16rpx; margin-top: 24rpx; } .main .content .nearbyAttractions .nearTitle.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .nearbyAttractions .attractionsList.data-v-49dced80 { width: 100%; } .main .content .nearbyAttractions .attractionsList .attractionsItem.data-v-49dced80 { display: flex; align-items: flex-start; justify-content: flex-start; } .main .content .nearbyAttractions .attractionsList .attractionsItem .attractionsImg.data-v-49dced80 { width: 196rpx; height: 196rpx; margin-right: 16rpx; } .main .content .nearbyAttractions .attractionsList .attractionsItem .rightItem.data-v-49dced80 { width: calc(100% - 212rpx); } .main .content .nearbyAttractions .attractionsList .attractionsItem .rightItem .attractionsText.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 30rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .nearbyAttractions .attractionsList .attractionsItem .rightItem .rightItemBox.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 26rpx; color: #716f69; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .nearbyAttractions .attractionsList .attractionsItem .rightItem .rightItemBox .timeText.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .nearbyAttractions .attractionsList .attractionsItem .rightItem .descBox.data-v-49dced80 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 限制显示行数 */ overflow: hidden; text-overflow: ellipsis; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 40rpx; text-align: left; font-style: normal; }