.main.data-v-d596de08 { width: 100vw; box-sizing: border-box; } .main .content.data-v-d596de08 { width: 100%; height: 100%; box-sizing: border-box; padding: 0 32rpx; position: absolute; top: 0; left: 0; z-index: 3; } .main .content .top.data-v-d596de08 { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .content .top .userInfoLeft.data-v-d596de08 { display: flex; } .main .content .top .userInfoLeft .userFile.data-v-d596de08 { width: 116rpx; height: 116rpx; margin-right: 28rpx; border-radius: 50%; overflow: hidden; } .main .content .top .userInfoLeft .userFile .avatarBtn.data-v-d596de08 { width: 116rpx; height: 116rpx; padding: 0; } .main .content .top .userInfoLeft .userFile .avatarBtn .headerImg.data-v-d596de08 { width: 100%; height: 100%; border-radius: 50%; } .main .content .top .userInfoLeft .userFile .headerImg.data-v-d596de08 { width: 100%; height: 100%; border-radius: 50%; } .main .content .top .userInfoLeft .userInfoBox.data-v-d596de08 { display: flex; flex-direction: column; box-sizing: border-box; padding: 10rpx 0; } .main .content .top .userInfoLeft .userInfoBox .userTop.data-v-d596de08 { display: flex; align-items: center; margin-bottom: 16rpx; } .main .content .top .userInfoLeft .userInfoBox .userTop .userName.data-v-d596de08 { font-family: Source Han Sans SC, Source Han Sans SC; font-weight: 500; font-size: 32rpx; color: #000000; text-align: left; font-style: normal; display: inline-block; max-width: 250rpx; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .main .content .top .userInfoLeft .userInfoBox .userTop .userType.data-v-d596de08 { width: 80rpx; height: 32rpx; margin-left: 8rpx; } .main .content .top .userInfoLeft .userInfoBox .userBottom.data-v-d596de08 { font-family: "PingFangSC"; font-weight: 400; font-size: 24rpx; color: #716f69; line-height: 32rpx; text-align: left; font-style: normal; } .main .content .top .userInfoRight.data-v-d596de08 { padding: 10rpx 20rpx; border-radius: 28rpx; background: linear-gradient(90deg, #ffebe5 0%, #ffedd8 100%); display: flex; align-items: center; } .main .content .top .userInfoRight .sginIcon.data-v-d596de08 { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .main .content .top .userInfoRight .sginText.data-v-d596de08 { font-family: "PingFangSC"; font-weight: 400; font-size: 26rpx; color: #ff7040; line-height: 36rpx; text-align: left; font-style: normal; white-space: nowrap; } .main .content .top .userInfoRightNew.data-v-d596de08 { padding: 8rpx 20rpx; background: linear-gradient(270deg, #FAC3A3 0%, #FFDFBD 100%); box-shadow: 0rpx 2rpx 8rpx 0rpx rgba(61, 113, 255, 0.1); border-radius: 198rpx 198rpx 198rpx 198rpx; border: 2rpx solid #FEBE7A; height: 50rpx; box-sizing: border-box; display: flex; align-items: center; justify-content: center; } .main .content .top .userInfoRightNew .sginText.data-v-d596de08 { font-family: Source Han Sans SC, Source Han Sans SC; font-weight: 400; font-size: 24rpx; line-height: 24rpx; color: #511313; text-align: left; font-style: normal; text-transform: none; } .main .content .balanceBox.data-v-d596de08 { width: 100%; border-radius: 16rpx; overflow: hidden; margin-top: 40rpx; } .main .content .balanceBox .balanceTop.data-v-d596de08 { width: 100%; box-sizing: border-box; padding: 32rpx; background: linear-gradient(270deg, #393530 0%, #504741 48%, #393530 100%); display: flex; align-items: center; justify-content: space-between; } .main .content .balanceBox .balanceTop .leftTop .balanceValue.data-v-d596de08 { font-family: "DINAlternate"; font-weight: 400; font-size: 40rpx; color: #ecdfbf; line-height: 50rpx; text-align: left; font-style: normal; } .main .content .balanceBox .balanceTop .leftTop .balanceUnit.data-v-d596de08 { font-family: "PingFangSC"; font-weight: 400; font-size: 28rpx; color: #bdb08f; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .balanceBox .balanceTop .leftTopNew.data-v-d596de08 { width: calc(100% - 64rpx); display: flex; align-items: center; } .main .content .balanceBox .balanceTop .leftTopNew .bottomItem.data-v-d596de08 { width: 50%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .main .content .balanceBox .balanceTop .leftTopNew .bottomItem .itemContent.data-v-d596de08 { width: 100rpx; display: flex; flex-direction: column; align-items: center; justify-content: center; } .main .content .balanceBox .balanceTop .leftTopNew .bottomItem .itemContent .bottomValue.data-v-d596de08 { font-family: "DINAlternate"; font-weight: 400; font-size: 36rpx; color: #ecdfbf; line-height: 44rpx; text-align: left; font-style: normal; } .main .content .balanceBox .balanceTop .leftTopNew .bottomItem .itemContent .bottomUnit.data-v-d596de08 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #bdb08f; line-height: 36rpx; text-align: left; font-style: normal; margin-top: 4rpx; } .main .content .balanceBox .balanceTop .rightTop.data-v-d596de08 { width: 64rpx; height: 64rpx; display: flex; align-items: center; justify-content: center; } .main .content .balanceBox .balanceTop .rightTop .codeIcon.data-v-d596de08 { width: 64rpx; height: 64rpx; } .main .content .balanceBox .balanceBottom.data-v-d596de08 { width: 100%; box-sizing: border-box; padding: 16rpx 0; background: #fff; display: flex; align-items: center; } .main .content .balanceBox .balanceBottom .bottomItem.data-v-d596de08 { width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .main .content .balanceBox .balanceBottom .bottomItem .bottomValue.data-v-d596de08 { font-family: "DINAlternate"; font-weight: 400; font-size: 36rpx; color: #130f05; line-height: 44rpx; text-align: left; font-style: normal; } .main .content .balanceBox .balanceBottom .bottomItem .bottomUnit.data-v-d596de08 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #130f05; line-height: 36rpx; text-align: left; font-style: normal; margin-top: 4rpx; } .main .content .balanceBoxNew.data-v-d596de08 { width: 100%; border-radius: 16rpx; overflow: hidden; margin-top: 40rpx; background: linear-gradient(90deg, #393530 0%, #4F4740 50%, #393530 100%); box-shadow: 0rpx 2rpx 8rpx 0rpx rgba(61, 113, 255, 0.1); border-radius: 16rpx 16rpx 16rpx 16rpx; display: flex; box-sizing: border-box; padding: 40rpx 0 30rpx; } .main .content .balanceBoxNew .balanceBoxItem.data-v-d596de08 { width: calc(100% / 3); display: flex; align-items: center; justify-items: center; flex-direction: column; } .main .content .balanceBoxNew .balanceBoxItem .balanceImg.data-v-d596de08 { width: 42rpx; height: 42rpx; margin-bottom: 6rpx; } .main .content .balanceBoxNew .balanceBoxItem .balanceContent .balanceLabel.data-v-d596de08 { font-family: Source Han Sans SC, Source Han Sans SC; font-weight: 500; font-size: 24rpx; color: #FFE3B4; text-align: center; font-style: normal; } .main .content .balanceBoxNew .balanceBoxItem .balanceContent .balanceValue.data-v-d596de08 { font-family: Source Han Sans SC, Source Han Sans SC; font-weight: 400; font-size: 20rpx; color: #968E77; text-align: center; font-style: normal; } .main .content .orderBox.data-v-d596de08 { width: 100%; margin-top: 30rpx; background: #fff; border-radius: 16rpx; box-sizing: border-box; padding: 20rpx 30rpx 30rpx; } .main .content .orderBox .orderTitle.data-v-d596de08 { font-family: Source Han Sans SC, Source Han Sans SC; font-weight: 400; font-size: 32rpx; color: #000000; text-align: left; font-style: normal; } .main .content .orderBox .orderList.data-v-d596de08 { width: 100%; margin-top: 24rpx; display: flex; align-items: center; } .main .content .orderBox .orderList .orderItem.data-v-d596de08 { width: 25%; display: flex; flex-direction: column; align-items: center; } .main .content .orderBox .orderList .orderItem .orderIcon.data-v-d596de08 { width: 42rpx; height: 42rpx; margin-bottom: 8rpx; } .main .content .orderBox .orderList .orderItem .orderText.data-v-d596de08 { font-family: "PingFangSC"; font-weight: 400; font-size: 24rpx; color: #130f05; line-height: 36rpx; text-align: left; font-style: normal; } .main .content .orderBox .oftenList.data-v-d596de08 { width: 100%; margin-top: 24rpx; display: flex; align-items: center; } .main .content .orderBox .oftenList .oftenItem.data-v-d596de08 { width: calc(100% / 4); display: flex; flex-direction: column; align-items: center; } .main .content .orderBox .oftenList .oftenItem .oftenIcon.data-v-d596de08 { width: 42rpx; height: 42rpx; margin-bottom: 4rpx; } .main .content .orderBox .oftenList .oftenItem .oftenText.data-v-d596de08 { font-family: "PingFangSC"; font-weight: 400; font-size: 24rpx; color: #130f05; line-height: 36rpx; text-align: left; font-style: normal; } .main .pageBg.data-v-d596de08 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("https://eshangtech.com/wanmeiyizhanImg/app/userCenterBg.png"); background-size: 100% 100%; z-index: 1; }