.main.data-v-49dced80 { width: 100%; height: 100vh; background-color: #fff; } .main .pageContent.data-v-49dced80 { width: 100%; height: 100%; background-color: #fff; } .main .pageContent .topImg.data-v-49dced80 { background: #fff; width: 100%; height: 430rpx; position: relative; } .main .pageContent .topImg .img.data-v-49dced80 { width: 24px; height: 24px; position: absolute; left: 32rpx; top: 32rpx; z-index: 20; } .main .pageContent .topImg .topDefaultBg.data-v-49dced80 { width: 100%; height: 100%; } .main .pageContent .topImg .carousel.data-v-49dced80 { width: 100%; height: 100%; overflow: hidden; float: left; display: flex; } .main .pageContent .topImg .carousel .imgIndex.data-v-49dced80 { width: 100%; height: 100%; background-size: 100% 100%; } .main .pageContent .topImg .picNumber.data-v-49dced80 { position: absolute; left: 32rpx; bottom: 66rpx; padding: 8rpx 16rpx; background: rgba(0,0,0,0.3); border-radius: 32rpx; border: 2rpx solid rgba(255,255,255,0.7); display: flex; align-items: center; } .main .pageContent .topImg .picNumber .icon.data-v-49dced80 { width: 32rpx; height: 32rpx; opacity: 0.7; margin-right: 4rpx; } .main .pageContent .topImg .picNumber .text.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #fff; text-align: left; font-style: normal; } .main .pageContent .contentBox.data-v-49dced80 { width: 100%; height: 100%; background-color: #f7f7f8; border-radius: 32rpx 32rpx 0rpx 0rpx; overflow: hidden; -webkit-transform: translateY(-42rpx); transform: translateY(-42rpx); box-sizing: border-box; padding: 12px 0 0 0; } .main .pageContent .contentBox .topBg.data-v-49dced80 { height: 162rpx; background: #fff; } .main .pageContent .contentBox .topBg .contentTop.data-v-49dced80 { width: 100%; box-sizing: border-box; padding: 30rpx; background-image: url("https://eshangtech.com/ShopICO/discovery/navigationBg.png"); background-repeat: no-repeat; display: flex; align-items: center; justify-content: space-between; } .main .pageContent .contentBox .topBg .contentTop .left.data-v-49dced80 { flex: 1; margin-right: 16rpx; } .main .pageContent .contentBox .topBg .contentTop .left .leftTop.data-v-49dced80 { display: flex; align-items: center; } .main .pageContent .contentBox .topBg .contentTop .left .leftTop .serviceName.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 36rpx; color: #282622; line-height: 52rpx; text-align: left; font-style: normal; } .main .pageContent .contentBox .topBg .contentTop .left .leftTop .stateBox.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #1ba74d; line-height: 36rpx; text-align: left; font-style: normal; padding: 2rpx 8rpx; background: #e9f8ee; border-radius: 4rpx; margin-left: 16rpx; } .main .pageContent .contentBox .topBg .contentTop .left .leftBottom.data-v-49dced80 { margin-top: 8rpx; } .main .pageContent .contentBox .topBg .contentTop .left .leftBottom .address.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #5f5b52; line-height: 32rpx; text-align: left; font-style: normal; display: inline-block; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .main .pageContent .contentBox .topBg .contentTop .rightMessage.data-v-49dced80 { width: 162rpx; height: 64rpx; border-radius: 32rpx; border: 2rpx solid #ae8d3e; display: flex; align-items: center; box-sizing: border-box; padding: 16rpx 8rpx; } .main .pageContent .contentBox .topBg .contentTop .rightMessage .navigationIcon.data-v-49dced80 { width: 32rpx; height: 32rpx; } .main .pageContent .contentBox .topBg .contentTop .rightMessage .distance.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #ae8d3e; line-height: 32rpx; text-align: left; font-style: normal; } .main .pageContent .contentBox .scrollBox.data-v-49dced80 { width: 100%; height: 100%; margin: 16rpx 0; background: #fff; box-sizing: border-box; } .main .pageContent .contentBox .scrollBox .tabBox.data-v-49dced80 { width: 100%; height: 98rpx; box-sizing: border-box; padding: 24rpx 32rpx 12rpx; background: #fff; display: flex; justify-content: space-between; align-items: center; } .main .pageContent .contentBox .scrollBox .tabBox .tabItem.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #5f5b52; line-height: 40rpx; text-align: left; font-style: normal; height: 55rpx; } .main .pageContent .contentBox .scrollBox .tabBox .selectTabItem.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 28rpx; color: #ae8d3e; line-height: 40rpx; text-align: left; font-style: normal; position: relative; display: inline-block; } .main .pageContent .contentBox .scrollBox .tabBox .selectTabItem.data-v-49dced80:after { content: ''; width: 34rpx; height: 6rpx; background: #c5a65b; border-radius: 2rpx; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main .pageContent .contentBox .scrollBox .detailItem.data-v-49dced80 { width: 100%; box-sizing: border-box; padding: 32rpx 32rpx 8rpx; background: #fff; } .main .pageContent .contentBox .scrollBox .detailItem .top.data-v-49dced80 { display: flex; align-items: center; } .main .pageContent .contentBox .scrollBox .detailItem .top .boxIcon.data-v-49dced80 { width: 40rpx; height: 40rpx; margin-right: 16rpx; } .main .pageContent .contentBox .scrollBox .detailItem .top .boxName.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #130f05; line-height: 44rpx; text-align: justify; font-style: normal; } .main .pageContent .contentBox .scrollBox .detailItem .chargeContent.data-v-49dced80 { margin-top: 24rpx; } .main .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .chargeContent .contentItem .leftItem .carIcon.data-v-49dced80 { width: 40rpx; height: 40rpx; margin-right: 12rpx; } .main .pageContent .contentBox .scrollBox .detailItem .chargeContent .contentItem .leftItem .configIcon.data-v-49dced80 { width: 100%; height: 100%; } .main .pageContent .contentBox .scrollBox .detailItem .chargeContent .contentItem .rightItem.data-v-49dced80 { display: flex; align-items: center; } .main .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .chargeContent .contentItem .rightItem .smallIcon.data-v-49dced80 { width: 32rpx; height: 32rpx; } .main .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .gasContent.data-v-49dced80 { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 24rpx; box-sizing: border-box; padding-bottom: 40rpx; } .main .pageContent .contentBox .scrollBox .detailItem .gasContent .gasItem.data-v-49dced80 { width: calc(((100% - 32rpx) / 3)); padding: 32rpx 0; border-radius: 8rpx; display: flex; flex-direction: column; align-items: center; border-radius: 8rpx; border: 2rpx solid #f5f6f7; } .main .pageContent .contentBox .scrollBox .detailItem .gasContent .gasItem .gasItemIcon.data-v-49dced80 { width: 56rpx; height: 56rpx; } .main .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .gasContent .first.data-v-49dced80 { background: linear-gradient(180deg, #f3fbf7 0%, #f3faf7 100%); } .main .pageContent .contentBox .scrollBox .detailItem .gasContent .second.data-v-49dced80 { background: linear-gradient(180deg, #f8f9ff 0%, #f5f6fe 100%); } .main .pageContent .contentBox .scrollBox .detailItem .gasContent .third.data-v-49dced80 { background: linear-gradient(180deg, #f1f7ff 0%, #f2f7ff 100%); } .main .pageContent .contentBox .scrollBox .detailItem .serviceContent.data-v-49dced80 { padding-bottom: 24rpx; box-sizing: border-box; border-radius: 8rpx; border: 2rpx solid #f5f6f7; margin-top: 16rpx; } .main .pageContent .contentBox .scrollBox .detailItem .serviceContent .serviceItem.data-v-49dced80 { margin-top: 24rpx; } .main .pageContent .contentBox .scrollBox .detailItem .serviceContent .serviceItem .smallTitle.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 28rpx; color: #282622; line-height: 40rpx; text-align: left; font-style: normal; position: relative; text-indent: 12rpx; } .main .pageContent .contentBox .scrollBox .detailItem .serviceContent .serviceItem .smallTitle.data-v-49dced80:before { width: 4rpx; height: 24rpx; background: #c5a65b; content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .main .pageContent .contentBox .scrollBox .detailItem .serviceContent .serviceItem .serviceMessage.data-v-49dced80 { width: 100%; border-radius: 8rpx; box-sizing: border-box; padding: 0 24rpx 0; display: flex; flex-wrap: wrap; align-items: center; } .main .pageContent .contentBox .scrollBox .detailItem .serviceContent .serviceItem .serviceMessage .messageItem.data-v-49dced80 { width: calc((100% / 3)); } .main .pageContent .contentBox .scrollBox .detailItem .serviceContent .serviceItem .serviceMessage .messageItem .serviceTop.data-v-49dced80 { display: flex; align-items: center; } .main .pageContent .contentBox .scrollBox .detailItem .serviceContent .serviceItem .serviceMessage .messageItem .serviceTop .serviceIcon.data-v-49dced80 { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .main .pageContent .contentBox .scrollBox .detailItem .serviceContent .serviceItem .serviceMessage .messageItem .serviceTop .serviceName.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 .pageContent .contentBox .scrollBox .detailItem .serviceContent .serviceItem .serviceMessage .messageItem .serviceBottom.data-v-49dced80 { margin-top: 4rpx; padding-left: 38rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #8c8981; line-height: 40rpx; text-align: left; font-style: normal; } .main .pageContent .contentBox .scrollBox .detailItem .serviceContent .serviceItem .otherMessage.data-v-49dced80 { width: 100%; display: flex; margin-top: 16rpx; align-items: center; } .main .pageContent .contentBox .scrollBox .detailItem .serviceContent .serviceItem .otherMessage .otherItem.data-v-49dced80 { width: calc((100% / 3)); display: flex; align-items: center; } .main .pageContent .contentBox .scrollBox .detailItem .serviceContent .serviceItem .otherMessage .otherItem .haveIcon.data-v-49dced80 { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .main .pageContent .contentBox .scrollBox .detailItem .serviceContent .serviceItem .otherMessage .otherItem .configText.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 .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .carContent .carItem.data-v-49dced80 { width: calc((100% / 2)); display: flex; align-items: center; margin-bottom: 32rpx; } .main .pageContent .contentBox .scrollBox .detailItem .carContent .carItem .carTop.data-v-49dced80 { width: 80rpx; height: 80rpx; display: flex; align-items: center; border: 1rpx solid #e7e7e6; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin-right: 16rpx; } .main .pageContent .contentBox .scrollBox .detailItem .carContent .carItem .carTop .carIcon.data-v-49dced80 { width: 40rpx; height: 40rpx; } .main .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .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 .pageContent .contentBox .scrollBox .detailItem .storeContent.data-v-49dced80 { width: 100%; margin-top: 24rpx; border-radius: 8rpx; border: 2rpx solid #f5f6f7; box-sizing: border-box; padding: 24rpx; margin-bottom: 32rpx; display: flex; align-items: center; } .main .pageContent .contentBox .scrollBox .detailItem .storeContent .storeItem.data-v-49dced80 { width: calc((100% / 4)); display: flex; flex-direction: column; align-items: center; justify-content: center; } .main .pageContent .contentBox .scrollBox .detailItem .storeContent .storeItem .storeTop.data-v-49dced80 { width: 80rpx; height: 80rpx; border: 1rpx solid #e7e7e6; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .main .pageContent .contentBox .scrollBox .detailItem .storeContent .storeItem .storeTop .storeIcon.data-v-49dced80 { width: 40rpx; height: 40rpx; } .main .pageContent .contentBox .scrollBox .detailItem .storeContent .storeItem .storeTop .storeName.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 .pageContent .contentBox .scrollBox .detailItem .storeContent .storeItem .storeTop .mode.data-v-49dced80 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #ff7d00; line-height: 36rpx; text-align: left; font-style: normal; background: #feeede; border-radius: 4rpx; display: inline-block; padding: 2rpx 8rpx; margin-left: 16rpx; } .main .pageContent .contentBox .scrollBox .detailItem .storeContent .storeItem .storeBottom.data-v-49dced80 { margin-top: 4rpx; } .main .pageContent .contentBox .scrollBox .detailItem .storeContent .storeItem .storeBottom .storeName.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; } .main .pageContent .contentBox .scrollBox .detailItem .storeContent .storeItem .storeBottom .value.data-v-49dced80 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 32rpx; color: #130f05; line-height: 36rpx; text-align: center; font-style: normal; } .main .pageContent .contentBox .scrollBox .detailItem .storeContent .storeItem .storeBottom .value .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; }