.main.data-v-137d5072 { width: 100vw; height: 100vh; background-image: url('https://eshangtech.com/minTestImg/pageBg.png'); } .main .fixedHeader.data-v-137d5072 { width: 100vw; position: fixed; background-image: url('https://eshangtech.com/minTestImg/pageBg.png'); background-repeat: no-repeat; background-size: 100% 100vh; top: 0; left: 0; z-index: 999999; display: flex; align-items: flex-end; } .main .fixedHeader .YDIcon.data-v-137d5072 { width: 176rpx; height: 48rpx; margin-left: 32rpx; margin-bottom: 16px; } .main .pageTop.data-v-137d5072 { width: 100vw; background-image: url('https://eshangtech.com/minTestImg/pageBg.png'); background-repeat: no-repeat; background-size: 100% 100vh; box-sizing: border-box; } .main .pageTop .userTopInfo.data-v-137d5072 { width: calc(100vw - 64rpx); margin-left: 32rpx; background: linear-gradient(270deg, #27B25F 0%, #4CCC7F 100%); border-radius: 16rpx; } .main .pageTop .userTopInfo .userInfoBox.data-v-137d5072 { width: 100%; box-sizing: border-box; padding: 40rpx 42rpx; display: flex; align-items: center; } .main .pageTop .userTopInfo .userInfoBox .headerImgBox.data-v-137d5072 { width: 136rpx; height: 136rpx; } .main .pageTop .userTopInfo .userInfoBox .headerImgBox .avatarBtn.data-v-137d5072 { width: 136rpx; height: 136rpx; border-radius: 50%; border: 1px solid #fff; padding: 0 !important; } .main .pageTop .userTopInfo .userInfoBox .headerImgBox .avatarBtn .headerImg.data-v-137d5072 { width: 100%; height: 100%; } .main .pageTop .userTopInfo .userInfoBox .userInfo.data-v-137d5072 { width: calc(100% - 170rpx); height: 100%; margin-left: 34rpx; display: flex; align-items: center; } .main .pageTop .userTopInfo .userInfoBox .userInfo .userInfoLeft.data-v-137d5072 { width: 100%; box-sizing: border-box; } .main .pageTop .userTopInfo .userInfoBox .userInfo .userInfoLeft .userInfoLeftTop .userName.data-v-137d5072 { display: block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 30rpx; color: #FFFFFF; line-height: 40rpx; text-align: left; font-style: normal; } .main .pageTop .userTopInfo .userInfoBox .userInfo .userInfoLeft .userInfoLeftTop .userLevel.data-v-137d5072 { display: inline-flex; align-items: center; margin-top: 24rpx; box-sizing: border-box; padding: 0 14rpx; border-radius: 32rpx; background-color: #fff; } .main .pageTop .userTopInfo .userInfoBox .userInfo .userInfoLeft .userInfoLeftTop .userLevel .userLevelIcon.data-v-137d5072 { width: 24rpx; height: 24rpx; margin-right: 8rpx; } .main .pageTop .userTopInfo .userInfoBox .userInfo .userInfoLeft .userInfoLeftTop .userLevel .userLevelName.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 24rpx; color: #716F69; line-height: 34rpx; text-align: left; font-style: normal; text-transform: none; } .main .pageTop .userTopInfo .userInfoBox .userInfo .userInfoLeft .userInfoLeftTop .userSetting.data-v-137d5072 { width: 48rpx; height: 48rpx; margin-left: 24rpx; } .main .pageTop .userTopInfo .userInfoBox .userInfo .userInfoLeft .userInfoLeftTop .userSetting .userSettingIcon.data-v-137d5072 { width: 100%; height: 100%; } .main .pageTop .userTopInfo .userInfoBox .userInfo .userInfoLeft .userInfoLeftBottom.data-v-137d5072 { width: 100%; margin-top: 16rpx; } .main .pageTop .userTopInfo .userInfoBox .userInfo .userInfoLeft .userInfoLeftBottom .userInfoLeftBottomItem .bindCarBox.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; line-height: 34rpx; text-align: right; font-style: normal; padding: 4rpx 22rpx 2rpx 22rpx; border-radius: 32rpx; color: #716F69; background-color: #fff; display: inline-block; } .main .pageTop .userTopInfo .userInfoBox .userInfo .userInfoLeft .userInfoLeftBottom .userInfoLeftBottomItem .userCollect.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; line-height: 34rpx; text-align: right; font-style: normal; padding: 4rpx 22rpx 2rpx 22rpx; border-radius: 32rpx; color: #716F69; background-color: #fff; display: inline-block; } .main .pageTop .userTopInfo .userInfoBox .userInfo .userInfoRight.data-v-137d5072 { width: 82rpx; height: 100%; box-sizing: border-box; } .main .pageTop .userTopInfo .userInfoBox .userInfo .userInfoRight .userCodeImg.data-v-137d5072 { width: 82rpx; height: 76rpx; margin-bottom: 4rpx; } .main .pageTop .userTopInfo .userInfoBox .userInfo .userInfoRight .userCodeText.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #fff; line-height: 34rpx; text-align: center; font-style: normal; } .main .pageTop .userTopInfo .couponBox.data-v-137d5072 { width: 100%; height: 132rpx; box-sizing: border-box; } .main .pageTop .userTopInfo .couponBox .CouponContent.data-v-137d5072 { width: 100%; height: 100%; background-color: #fff; box-shadow: 2rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.09); border-bottom-left-radius: 16rpx; border-bottom-right-radius: 16rpx; box-sizing: border-box; padding: 20rpx 0; display: flex; align-items: center; } .main .pageTop .userTopInfo .couponBox .CouponContent .CouponItem.data-v-137d5072 { width: calc((100% - 2px) / 2); height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .main .pageTop .userTopInfo .couponBox .CouponContent .CouponItem .CouponItemValue.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 30rpx; color: #101010; line-height: 44rpx; text-align: left; font-style: normal; margin-bottom: 2rpx; } .main .pageTop .userTopInfo .couponBox .CouponContent .CouponItem .CouponItemLabel.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #333330; line-height: 44rpx; text-align: center; font-style: normal; } .main .pageTop .userTopInfo .couponBox .CouponContent .line.data-v-137d5072 { width: 2rpx; height: 48rpx; background-color: #B9B6B6; border-radius: 1rpx; } .main .pageContent.data-v-137d5072 { width: 100%; box-sizing: border-box; padding: 0 32rpx 200rpx; } .main .pageContent .basicBox.data-v-137d5072 { width: 100%; background: #FFFFFF; border-radius: 14rpx; margin-top: 24rpx; box-sizing: border-box; padding: 22rpx 34rpx; } .main .pageContent .basicBox .userOrderTop.data-v-137d5072 { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .pageContent .basicBox .userOrderTop .userOrderTitle.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 28rpx; color: #222222; line-height: 40rpx; text-align: right; font-style: normal; } .main .pageContent .basicBox .userOrderTop .userOrderMoreIcon.data-v-137d5072 { width: 24rpx; height: 24rpx; } .main .pageContent .basicBox .basicBoxContent.data-v-137d5072 { width: 100%; display: flex; align-items: center; margin-top: 42rpx; } .main .pageContent .basicBox .basicBoxContent .basicItem.data-v-137d5072 { width: 20%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .main .pageContent .basicBox .basicBoxContent .basicItem .basicItemImg.data-v-137d5072 { width: 48rpx; height: 48rpx; margin-bottom: 16rpx; } .main .pageContent .basicBox .basicBoxContent .basicItem .basicText.data-v-137d5072 { font-family: 'PingFangSC'; font-weight: 400; font-size: 24rpx; color: #000; line-height: 36rpx; text-align: left; font-style: normal; } .main .pageContent .userOrder.data-v-137d5072 { width: 100%; background: #FFFFFF; border-radius: 14rpx; margin-top: 24rpx; box-sizing: border-box; padding: 22rpx 34rpx; } .main .pageContent .userOrder .userOrderTop.data-v-137d5072 { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .pageContent .userOrder .userOrderTop .userOrderTitle.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 28rpx; color: #222222; line-height: 40rpx; text-align: right; font-style: normal; } .main .pageContent .userOrder .userOrderTop .userOrderMoreIcon.data-v-137d5072 { width: 24rpx; height: 24rpx; } .main .pageContent .userOrder .userOrderBottom.data-v-137d5072 { width: 100%; display: flex; margin-top: 42rpx; } .main .pageContent .userOrder .userOrderBottom .userOrderBottomItem.data-v-137d5072 { width: 20%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .main .pageContent .userOrder .userOrderBottom .userOrderBottomItem .userOrderBottomItemImg.data-v-137d5072 { width: 48rpx; height: 48rpx; margin-bottom: 16rpx; } .main .pageContent .userOrder .userOrderBottom .userOrderBottomItem .userOrderBottomItemText.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #000; line-height: 36rpx; text-align: right; font-style: normal; } .main .pageContent .userOrder .userOrderBottom .userOrderBottomItem .orderCount.data-v-137d5072 { position: absolute; min-width: 28rpx; min-height: 28rpx; text-align: center; top: -10rpx; right: 10rpx; color: #fff; background-color: red; border-radius: 50%; font-size: 20rpx; } .main .pageContent .oftenFunBox.data-v-137d5072 { width: 100%; margin-top: 24rpx; background: #FFFFFF; border-radius: 14rpx; box-sizing: border-box; padding: 22rpx 32rpx; } .main .pageContent .oftenFunBox .ofternFunTitle.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 28rpx; color: #222222; line-height: 40rpx; text-align: left; font-style: normal; } .main .pageContent .oftenFunBox .funListBox.data-v-137d5072 { width: 100%; margin-top: 20rpx; display: flex; align-items: center; justify-content: space-between; } .main .pageContent .oftenFunBox .funListBox .funItemBox.data-v-137d5072 { width: calc((100% - 48rpx) / 3); height: 136rpx; box-sizing: border-box; padding: 14rpx 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #F1F5FA; border-radius: 9rpx; } .main .pageContent .oftenFunBox .funListBox .funItemBox .funItemImg.data-v-137d5072 { width: 64rpx; height: 64rpx; margin-bottom: 8rpx; } .main .pageContent .oftenFunBox .funListBox .funItemBox .funItemText.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #222222; line-height: 40rpx; text-align: center; font-style: normal; } .main .pageContent .customerServiceBox.data-v-137d5072 { width: 100%; margin-top: 24rpx; background: #FFFFFF; border-radius: 14rpx; box-sizing: border-box; padding: 22rpx 32rpx; } .main .pageContent .customerServiceBox .customerServiceTitle.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 28rpx; color: #222222; line-height: 40rpx; text-align: left; font-style: normal; } .main .pageContent .customerServiceBox .customerServiceContent.data-v-137d5072 { display: flex; align-items: center; justify-content: space-between; margin-top: 20rpx; } .main .pageContent .customerServiceBox .customerServiceContent .customerServiceItem.data-v-137d5072 { width: calc((100% - 20rpx) / 2); height: 130rpx; background-repeat: no-repeat; background-size: 100% 100%; background-image: url('https://eshangtech.com/caiyunyiImg/customerServiceItem1.png'); box-sizing: border-box; padding: 20rpx; } .main .pageContent .customerServiceBox .customerServiceContent .customerServiceItem .customerServiceItemTitle.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 28rpx; color: #FFFFFF; line-height: 40rpx; text-align: left; font-style: normal; } .main .pageContent .customerServiceBox .customerServiceContent .customerServiceItem .customerServiceItemContent.data-v-137d5072 { font-family: STYuanti-SC, STYuanti-SC; font-weight: 400; font-size: 20rpx; color: #0754F3; line-height: 28rpx; text-align: left; font-style: normal; margin-top: 8rpx; } .main .pageContent .customerServiceBox .customerServiceContent .customerServiceItemBg2.data-v-137d5072 { background-image: url('https://eshangtech.com/caiyunyiImg/customerServiceItem2.png'); } .main .pageContent .serviceDetail.data-v-137d5072 { width: 100%; margin-top: 32rpx; box-sizing: border-box; padding: 24rpx; background: #ffffff; border-radius: 12rpx; } .main .pageContent .serviceDetail .detailTop.data-v-137d5072 { width: 100%; display: flex; align-items: flex-start; position: relative; } .main .pageContent .serviceDetail .detailTop .detailImg.data-v-137d5072 { width: 160rpx; height: 136rpx; border-radius: 6rpx; overflow: hidden; margin-right: 20rpx; } .main .pageContent .serviceDetail .detailTop .detailImg .img.data-v-137d5072 { width: 160rpx; height: 136rpx; } .main .pageContent .serviceDetail .detailTop .detailRight.data-v-137d5072 { width: calc(100% - 180rpx); height: 136rpx; display: flex; flex-direction: column; justify-content: space-between; } .main .pageContent .serviceDetail .detailTop .detailRight .detailTop.data-v-137d5072 { display: flex; flex-direction: column; } .main .pageContent .serviceDetail .detailTop .detailRight .detailTop .title.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 32rpx; color: #130f05; line-height: 44rpx; text-align: left; font-style: normal; display: inline-block; width: 352rpx; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 4rpx; } .main .pageContent .serviceDetail .detailTop .detailRight .detailTop .status .statusText.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #009f43; line-height: 32rpx; text-align: justify; font-style: normal; padding: 2rpx 6rpx; background: #e9f8ee; border-radius: 4rpx; display: inline-block; } .main .pageContent .serviceDetail .detailTop .detailRight .detailBottom.data-v-137d5072 { margin-top: 16rpx; } .main .pageContent .serviceDetail .detailTop .detailRight .detailBottom .distance.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #130f05; line-height: 36rpx; text-align: left; font-style: normal; margin-right: 8rpx; } .main .pageContent .serviceDetail .detailTop .detailRight .detailBottom .addressText.data-v-137d5072 { max-width: 342rpx; font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .main .pageContent .serviceDetail .detailTop .navigation.data-v-137d5072 { width: 64rpx; height: 64rpx; position: absolute; right: 0; top: 0; } .main .pageContent .serviceDetail .detailBottom.data-v-137d5072 { width: 100%; margin-top: 24rpx; display: flex; align-items: center; } .main .pageContent .serviceDetail .detailBottom .detailBottomItem.data-v-137d5072 { width: calc(100% / 6); display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .main .pageContent .serviceDetail .detailBottom .detailBottomItem .detailIcon.data-v-137d5072 { width: 48rpx; height: 48rpx; margin-bottom: 4rpx; } .main .pageContent .serviceDetail .detailBottom .detailBottomItem .detailText.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #130f05; line-height: 32rpx; text-align: left; font-style: normal; } .main .pageContent .serviceDetail .stateGrid.data-v-137d5072 { 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 .pageContent .serviceDetail .stateGrid .leftGrid.data-v-137d5072 { display: flex; align-items: center; } .main .pageContent .serviceDetail .stateGrid .leftGrid .gridImg.data-v-137d5072 { width: 40rpx; height: 40rpx; margin-right: 12rpx; } .main .pageContent .serviceDetail .stateGrid .leftGrid .gridText.data-v-137d5072 { 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 .pageContent .serviceDetail .stateGrid .leftGrid .fastCharg.data-v-137d5072 { 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 .pageContent .serviceDetail .stateGrid .rightGrid.data-v-137d5072 { display: flex; align-items: center; } .main .pageContent .serviceDetail .stateGrid .rightGrid .other.data-v-137d5072 { 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 .pageContent .serviceDetail .stateGrid .rightGrid .have.data-v-137d5072 { 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 .pageContent .serviceDetail .stateGrid .rightGrid .all.data-v-137d5072 { font-family: DINAlternate, DINAlternate; font-weight: bold; font-size: 32rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; } .main .pageContent .orderFun.data-v-137d5072 { width: 100%; margin-top: 24rpx; background: #fff; box-sizing: border-box; padding: 22rpx 34rpx; border-radius: 14rpx; } .main .pageContent .orderFun .boxTitleTop.data-v-137d5072 { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .pageContent .orderFun .boxTitleTop .boxTitle.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; } .main .pageContent .orderFun .boxTitleTop .rightArrow.data-v-137d5072 { width: 24rpx; height: 24rpx; } .main .pageContent .orderFun .orderContent.data-v-137d5072 { margin-top: 32rpx; width: 100%; display: flex; align-items: center; } .main .pageContent .orderFun .orderContent .orderLeft.data-v-137d5072, .main .pageContent .orderFun .orderContent .newOrderLeft.data-v-137d5072 { width: calc(100% - 108rpx); display: flex; justify-content: space-between; position: relative; box-sizing: border-box; padding-right: 44rpx; } .main .pageContent .orderFun .orderContent .orderLeft .orderFunItem.data-v-137d5072, .main .pageContent .orderFun .orderContent .newOrderLeft .orderFunItem.data-v-137d5072 { width: 20%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .main .pageContent .orderFun .orderContent .orderLeft .orderFunItem .orderFunIcon.data-v-137d5072, .main .pageContent .orderFun .orderContent .newOrderLeft .orderFunItem .orderFunIcon.data-v-137d5072 { width: 48rpx; height: 48rpx; margin-bottom: 16rpx; } .main .pageContent .orderFun .orderContent .orderLeft .orderFunItem .orderFunText.data-v-137d5072, .main .pageContent .orderFun .orderContent .newOrderLeft .orderFunItem .orderFunText.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #000; line-height: 36rpx; text-align: left; font-style: normal; } .main .pageContent .orderFun .orderContent .orderLeft .orderFunItem .orderCount.data-v-137d5072, .main .pageContent .orderFun .orderContent .newOrderLeft .orderFunItem .orderCount.data-v-137d5072 { position: absolute; right: 10rpx; top: -10rpx; min-width: 28rpx; min-height: 28rpx; text-align: center; color: #fff; background-color: red; border-radius: 50%; font-size: 20rpx; } .main .pageContent .orderFun .orderContent .orderLeft.data-v-137d5072::after { content: ""; width: 2rpx; height: 76rpx; background: #eeeeee; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .main .pageContent .orderFun .orderContent .orderRight.data-v-137d5072 { width: 162rpx; box-sizing: border-box; padding-left: 44rpx; } .main .pageContent .orderFun .orderContent .orderRight .orderFunItem.data-v-137d5072 { width: 108rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; } .main .pageContent .orderFun .orderContent .orderRight .orderFunItem .orderFunIcon.data-v-137d5072 { width: 48rpx; height: 48rpx; margin-bottom: 16rpx; } .main .pageContent .orderFun .orderContent .orderRight .orderFunItem .orderFunText.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 36rpx; text-align: left; font-style: normal; }