2025-03-19 19:25:16 +08:00

1073 lines
30 KiB
Plaintext

.main.data-v-49dced80 {
width: 100vw;
background: #f5f5f5;
}
.main .topBox.data-v-49dced80 {
width: 100%;
padding: 0 32rpx 16rpx;
box-sizing: border-box;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index: 9;
}
.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;
margin-top: 24rpx;
}
.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 .detailTop .noDataBg.data-v-49dced80 {
width: 100%;
height: 100%;
background-image: url(https://eshangtech.com/wanmeiyizhanImg/discovery/defaultIcon.png);
background-repeat: no-repeat;
background-position-x: 50%;
background-position-y: 50%;
}
.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;
display: flex;
align-items: center;
justify-content: center;
background: #f8f4ea;
border-radius: 50%;
}
.main .content .serviceDetail .detailBottom .navigationBox .navigationIcon.data-v-49dced80 {
width: 24rpx;
height: 24rpx;
}
.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: #ba922f;
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: 72rpx;
height: 72rpx;
}
.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: 36rpx;
text-align: left;
font-style: normal;
margin: 16rpx 0;
}
.main .content .carDetailBox .firstContent .gasContent .gasItem .value.data-v-49dced80 {
font-family: DINAlternate, DINAlternate;
font-size: 28rpx;
color: #2a2b2e;
line-height: 36rpx;
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 .chargeItem.data-v-49dced80 {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24rpx;
}
.main .content .carDetailBox .firstContent .chargeContent .chargeItem .itemLeft.data-v-49dced80 {
display: flex;
align-items: center;
}
.main .content .carDetailBox .firstContent .chargeContent .chargeItem .itemLeft .imgIcon.data-v-49dced80 {
width: 40rpx;
height: 40rpx;
margin-right: 12rpx;
}
.main .content .carDetailBox .firstContent .chargeContent .chargeItem .itemLeft .chargeTypeName.data-v-49dced80 {
font-family: "PingFangSC";
font-weight: 400;
font-size: 28rpx;
color: #130f05;
line-height: 40rpx;
text-align: left;
font-style: normal;
}
.main .content .carDetailBox .firstContent .chargeContent .chargeItem .itemRight.data-v-49dced80 {
background: #f5f6f7;
border-radius: 4rpx;
padding: 4rpx 12rpx;
display: flex;
align-items: center;
}
.main .content .carDetailBox .firstContent .chargeContent .chargeItem .itemRight .emptyText.data-v-49dced80 {
font-family: "PingFangSC";
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 .chargeItem .itemRight .use.data-v-49dced80 {
font-family: "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 .chargeItem .itemRight .sum.data-v-49dced80 {
font-family: "DINAlternate";
font-weight: bold;
font-size: 32rpx;
color: #716f69;
line-height: 36rpx;
text-align: left;
font-style: normal;
}
.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-size: 28rpx;
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: #ba922f;
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;
border-radius: 12rpx;
margin-bottom: 16rpx;
display: flex;
align-items: center;
}
.main .content .otherFacilities .secondContent .toiletBox .toiletItem .toiletItemLeft.data-v-49dced80 {
width: 80rpx;
height: 80rpx;
border: 1rpx solid #e7e7e6;
border-radius: 50%;
margin-right: 16rpx;
display: flex;
align-items: center;
justify-content: center;
}
.main .content .otherFacilities .secondContent .toiletBox .toiletItem .toiletItemLeft .icon.data-v-49dced80 {
width: 40rpx;
height: 40rpx;
}
.main .content .otherFacilities .secondContent .toiletBox .toiletItem .toiletItemRight .label.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 .otherFacilities .secondContent .toiletBox .toiletItem .toiletItemRight .value.data-v-49dced80 {
margin-top: 4rpx;
font-family: DINAlternate, DINAlternate;
font-size: 28rpx;
color: #130f05;
line-height: 36rpx;
text-align: left;
font-style: normal;
}
.main .content .otherFacilities .secondContent .toiletBox .toiletItem .toiletItemRight .value .unit.data-v-49dced80 {
margin-left: 4rpx;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 24rpx;
color: #716f69;
line-height: 36rpx;
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;
}
.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 {
width: 100%;
margin-bottom: 32rpx;
border-bottom: 1px solid #ededed;
padding-bottom: 32rpx;
}
.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: 136rpx;
height: 136rpx;
overflow: hidden;
border-radius: 8rpx;
margin-right: 24rpx;
}
.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% - 136rpx);
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: PingFang SC;
font-weight: 400;
font-size: 32rpx;
color: #130f05;
line-height: 44rpx;
text-align: left;
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 {
font-family: "DINAlternate";
font-weight: bold;
font-size: 32rpx;
color: #ba922f;
line-height: 36rpx;
text-align: justify;
font-style: normal;
}
.main .content .popularMerchants .newShopUnit .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 .newShopUnit .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 .newShopUnit .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 .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 .couponList.data-v-49dced80 {
display: inline-block;
margin-top: 12rpx;
}
.main .content .popularMerchants .newShopUnit .shopItemTop .shopDetail .couponList .couponBox.data-v-49dced80 {
background: #fef0e5;
border-radius: 2rpx;
display: flex;
align-items: center;
}
.main .content .popularMerchants .newShopUnit .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 .newShopUnit .shopItemTop .shopDetail .couponList .couponBox .couponIconBox .couponIcon.data-v-49dced80 {
width: 24rpx;
height: 24rpx;
}
.main .content .popularMerchants .newShopUnit .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 .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";
font-weight: 400;
font-size: 22rpx;
color: #ba922f;
line-height: 32rpx;
text-align: left;
font-style: normal;
}
.main .content .popularMerchants .newShopUnit .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 .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";
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";
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";
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;
}