.main.data-v-137d5072 { width: 100vw; height: 100vh; } .main .topBox.data-v-137d5072 { width: 100%; box-sizing: border-box; padding: 0 32rpx; position: fixed; top: 0; left: 0; z-index: 99; } .main .topBox .topContent.data-v-137d5072 { display: flex; align-items: center; } .main .topBox .topContent .topLeft.data-v-137d5072 { display: flex; align-items: center; } .main .topBox .topContent .topLeft .YDIcon.data-v-137d5072 { width: 176rpx; height: 48rpx; margin-right: 8rpx; } .main .topBox .topContent .topRight.data-v-137d5072 { width: 310rpx; height: 72rpx; background: #f6f8fa; border-radius: 36rpx; margin-left: 16rpx; box-sizing: border-box; padding: 16rpx 20rpx; display: flex; align-items: center; } .main .topBox .topContent .topRight .searchIcon.data-v-137d5072 { width: 32rpx; height: 32rpx; } .main .topBox .topContent .topRight .searchText.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #9fa1aa; line-height: 40rpx; text-align: left; font-style: normal; margin-left: 8rpx; } .main .content.data-v-137d5072 { width: 100%; box-sizing: border-box; padding: 0 32rpx; overflow-y: auto; } .main .content .userBox.data-v-137d5072 { width: 100%; border-radius: 16rpx 16rpx 0 0; overflow: hidden; } .main .content .userBox .userTop.data-v-137d5072 { height: 216rpx; background: #32ba68; box-sizing: border-box; padding: 40rpx 32rpx; width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .content .userBox .userTop .topLeft.data-v-137d5072 { height: 104rpx; display: flex; } .main .content .userBox .userTop .topLeft .userImg.data-v-137d5072 { width: 104rpx; height: 104rpx; margin-right: 20rpx; } .main .content .userBox .userTop .topLeft .userImg .imgIcon.data-v-137d5072 { width: 100%; height: 100%; } .main .content .userBox .userTop .topLeft .userDetail.data-v-137d5072 { height: 100%; box-sizing: border-box; padding: 6rpx 0; display: flex; flex-direction: column; justify-content: space-between; } .main .content .userBox .userTop .topLeft .userDetail .phoneText.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 36rpx; color: #ffffff; line-height: 48rpx; text-align: left; font-style: normal; } .main .content .userBox .userTop .topLeft .userDetail .bindCar .bindCarText.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #716f69; line-height: 32rpx; text-align: left; display: inline; font-style: normal; padding: 2rpx 16rpx; background: #ffffff; border-radius: 18rpx; } .main .content .userBox .userTop .topRight.data-v-137d5072 { display: flex; flex-direction: column; align-items: center; justify-content: center; } .main .content .userBox .userTop .topRight .codeBox.data-v-137d5072 { width: 64rpx; height: 64rpx; margin-bottom: 4rpx; } .main .content .userBox .userTop .topRight .codeBox .code.data-v-137d5072 { width: 64rpx; height: 64rpx; } .main .content .userBox .userTop .topRight .codeText.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #ffffff; line-height: 32rpx; text-align: left; font-style: normal; } .main .content .userBox .userBottom.data-v-137d5072 { width: 100%; height: 128rpx; background: #fff; border-radius: 0 0 16rpx 16rpx; display: flex; align-items: center; justify-content: space-between; } .main .content .userBox .userBottom .bottomItem.data-v-137d5072 { width: calc((100% - 16rpx) / 3); height: 100%; box-sizing: border-box; padding: 24rpx 0; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; } .main .content .userBox .userBottom .bottomItem .label.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #716f69; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .userBox .userBottom .bottomItem .value.data-v-137d5072 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 36rpx; color: #130f05; line-height: 48rpx; text-align: left; font-style: normal; } .main .content .userBox .userBottom .bottomItem .rightLine.data-v-137d5072 { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2rpx; height: 72rpx; background: #eeeeee; } .main .content .orderFun.data-v-137d5072 { width: 100%; margin-top: 24rpx; background: #fff; box-sizing: border-box; padding: 24rpx; } .main .content .orderFun .boxTitleTop.data-v-137d5072 { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .content .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 .content .orderFun .boxTitleTop .rightArrow.data-v-137d5072 { width: 24rpx; height: 24rpx; } .main .content .orderFun .orderContent.data-v-137d5072 { margin-top: 32rpx; width: 100%; display: flex; align-items: center; } .main .content .orderFun .orderContent .orderLeft.data-v-137d5072, .main .content .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 .content .orderFun .orderContent .orderLeft .orderFunItem.data-v-137d5072, .main .content .orderFun .orderContent .newOrderLeft .orderFunItem.data-v-137d5072 { width: 72rpx; display: flex; flex-direction: column; align-items: center; } .main .content .orderFun .orderContent .orderLeft .orderFunItem .orderFunIcon.data-v-137d5072, .main .content .orderFun .orderContent .newOrderLeft .orderFunItem .orderFunIcon.data-v-137d5072 { width: 48rpx; height: 48rpx; margin-bottom: 16rpx; } .main .content .orderFun .orderContent .orderLeft .orderFunItem .orderFunText.data-v-137d5072, .main .content .orderFun .orderContent .newOrderLeft .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; } .main .content .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 .content .orderFun .orderContent .orderRight.data-v-137d5072 { width: 162rpx; box-sizing: border-box; padding-left: 44rpx; } .main .content .orderFun .orderContent .orderRight .orderFunItem.data-v-137d5072 { width: 108rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; } .main .content .orderFun .orderContent .orderRight .orderFunItem .orderFunIcon.data-v-137d5072 { width: 48rpx; height: 48rpx; margin-bottom: 16rpx; } .main .content .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; } .main .content .commonFunction.data-v-137d5072 { width: 100%; box-sizing: border-box; padding: 24rpx; background: #fff; margin-top: 24rpx; } .main .content .commonFunction .boxTitleTop.data-v-137d5072 { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .content .commonFunction .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 .content .commonFunction .boxTitleTop .rightArrow.data-v-137d5072 { width: 24rpx; height: 24rpx; } .main .content .commonFunction .commonFunContent.data-v-137d5072 { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 24rpx; } .main .content .commonFunction .commonFunContent .commonFunItem.data-v-137d5072 { width: calc((100% - 48rpx) / 3); height: 188rpx; background: #f5f8f6; border-radius: 16rpx; display: flex; flex-direction: column; justify-content: center; align-items: center; } .main .content .commonFunction .commonFunContent .commonFunItem .commonFunIcon.data-v-137d5072 { width: 72rpx; height: 72rpx; margin-bottom: 8rpx; } .main .content .commonFunction .commonFunContent .commonFunItem .commonFunText.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; } .main .content .customerService.data-v-137d5072 { width: 100%; margin-top: 24rpx; display: flex; align-items: center; justify-content: space-between; } .main .content .customerService .customerServiceItem.data-v-137d5072 { width: calc((100% - 24rpx) / 2); box-sizing: border-box; padding: 28rpx 24rpx; background: #ffffff; border-radius: 16rpx; display: flex; align-items: center; justify-content: space-between; } .main .content .customerService .customerServiceItem .customerServiceLeft .label.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; margin-bottom: 4rpx; } .main .content .customerService .customerServiceItem .customerServiceLeft .smallLabel.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; } .main .content .customerService .customerServiceItem .customerServiceRight .customerIcon.data-v-137d5072 { width: 72rpx; height: 72rpx; } .main .content.data-v-137d5072::-webkit-scrollbar { display: none; }