.page-body.data-v-d596de08 { padding: 24rpx 32rpx; box-sizing: border-box; background: linear-gradient(180deg, #f0f4ff 0%, #f6f7f9 100%); min-height: 100vh; } .page-body .userDetailBox.data-v-d596de08 { width: 100%; background: #fff; border-radius: 8rpx; box-sizing: border-box; padding: 32rpx; margin-bottom: 32rpx; } .page-body .userDetailBox .userBox.data-v-d596de08 { width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding-bottom: 24rpx; border-bottom: 1px solid #f3f3f3; } .page-body .userDetailBox .userBox .userLeft.data-v-d596de08 { display: flex; align-items: center; } .page-body .userDetailBox .userBox .userLeft .userImgBox.data-v-d596de08 { width: 104rpx; height: 104rpx; border-radius: 50%; overflow: hidden; } .page-body .userDetailBox .userBox .userLeft .userDetail.data-v-d596de08 { margin-left: 24rpx; height: 104rpx; } .page-body .userDetailBox .userBox .userLeft .userDetail .userName.data-v-d596de08 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 32rpx; color: #130f05; line-height: 44rpx; text-align: justify; font-style: normal; margin-bottom: 8rpx; } .page-body .userDetailBox .userBox .userLeft .userDetail .identity.data-v-d596de08 { font-family: PingFangSC, PingFang SC; font-weight: 500; font-size: 22rpx; color: #c79519; line-height: 32rpx; text-align: justify; font-style: normal; background: #faf3e2; border-radius: 16rpx 16rpx 16rpx 0rpx; padding: 2rpx 6rpx; } .page-body .userDetailBox .userBox .codeBox.data-v-d596de08 { width: 80rpx; box-sizing: border-box; padding: 4rpx; display: flex; flex-direction: column; } .page-body .userDetailBox .userBox .codeBox .codeImg.data-v-d596de08 { width: 64rpx; height: 64rpx; } .page-body .userDetailBox .userBox .codeBox .codeText.data-v-d596de08 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #130f05; line-height: 32rpx; text-align: justify; font-style: normal; white-space: nowrap; } .page-body .userDetailBox .propertyBox.data-v-d596de08 { width: 100%; display: flex; box-sizing: border-box; padding-top: 24rpx; } .page-body .userDetailBox .propertyBox .propertyItem.data-v-d596de08 { width: calc((100% / 3)); display: flex; flex-direction: column; justify-content: center; align-items: center; } .page-body .userDetailBox .propertyBox .propertyItem .propertyLabel.data-v-d596de08 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; } .page-body .userDetailBox .propertyBox .propertyItem .propertyValue.data-v-d596de08 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #ba922f; line-height: 40rpx; text-align: left; font-style: normal; } .page-body .funListBox.data-v-d596de08 { width: 100%; background: #fff; border-radius: 8rpx; box-sizing: border-box; padding: 0 32rpx; } .page-body .funListBox .funItem.data-v-d596de08 { padding: 32rpx 0; display: flex; align-items: center; border-bottom: 1px solid #f5f6f7; } .page-body .funListBox .funItem .funIcon.data-v-d596de08 { width: 40rpx; height: 40rpx; margin-right: 12rpx; } .page-body .funListBox .funItem .funName.data-v-d596de08 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; } .page-body .funListBox .funItem .gray.data-v-d596de08 { color: #c5c6c7; } .user-card.data-v-d596de08 { display: flex; height: 278rpx; color: #3e4148; border-radius: 20rpx; flex-direction: column; background-image: url("https://eshangtech.com/ShopICO/user-card.png"); background-size: cover; background-position: center; } .photo.data-v-d596de08 { width: 100rpx; height: 100rpx; border-radius: 50%; overflow: hidden; margin-right: 20rpx; } .user-card-top.data-v-d596de08 { display: flex; color: #41414b; box-sizing: border-box; padding: 40rpx 40rpx; width: 100%; font-size: 28rpx; position: relative; align-items: center; } .novip.data-v-d596de08 { background: url("https://eshangtech.com/ShopICO/nohavevip.png") no-repeat left center; background-size: contain; height: 30rpx; width: 160rpx; } .user-btn.data-v-d596de08 { background: url("https://eshangtech.com/ShopICO/join-vip.png") no-repeat center; background-size: contain; color: #414141; height: 54rpx; width: 176rpx; border-radius: 28rpx; } .ico-menu.data-v-d596de08 { width: 34rpx; height: 34rpx; vertical-align: middle; margin-right: 12rpx; } .name-text.data-v-d596de08 { line-height: 50rpx; font-size: 32rpx; color: #28292d; } .user-tab.data-v-d596de08 { display: flex; align-items: center; justify-content: center; height: 138rpx; width: 100%; background-color: #2c2c2c; position: relative; top: -20rpx; font-family: 'PingFang SC Medium'; padding: 0 30rpx; box-sizing: border-box; } .u-t-unit.data-v-d596de08 { font-size: 12px; color: #d5c59d; width: 40%; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; } .user-tab-num.data-v-d596de08 { margin-top: 12rpx; color: #d5c59d; font-size: 28rpx; } .code-cont-box.data-v-d596de08 { padding: 24rpx 0 24rpx 24rpx; border-radius: 12rpx; display: flex; align-items: center; background-color: #fff; margin: 0 30rpx 30rpx; } .code-title.data-v-d596de08 { font-size: 24rpx; width: 100rpx; } .code-text.data-v-d596de08 { font-size: 30rpx; color: #498fe2; width: 370rpx; } .code-btn.data-v-d596de08 { font-size: 24rpx; color: #498fe2; width: 192rpx; text-align: center; border-left: 1rpx solid #eee; } .list-num.data-v-d596de08 { color: #a4a5a8; margin-right: 20rpx; font-size: 24rpx; display: inline-block; vertical-align: middle; font-family: 'PingFang SC Medium'; } .user-menu.data-v-d596de08 { margin: 0 30rpx; padding: 0 30rpx; background: #fff; border-radius: 12rpx; } .my-list + .my-list.data-v-d596de08 { border-top: 1rpx solid #eee; } .my-list.data-v-d596de08 { height: 80rpx; padding: 16rpx 0rpx; display: flex; justify-content: space-between; align-items: center; font-size: 26rpx; color: #383838; } .list-title.data-v-d596de08 { flex: 0.5; display: flex; align-items: center; font-family: 'PingFang SC Regular'; } .list-title ._span.data-v-d596de08 { flex: 0.7; } .my-list image.data-v-d596de08, .spread-view image.data-v-d596de08 { vertical-align: middle; margin-right: 18rpx; } image.my-ico1.data-v-d596de08 { width: 35rpx; height: 31rpx; } image.my-ico2.data-v-d596de08 { width: 35rpx; height: 28rpx; } image.my-ico3.data-v-d596de08 { width: 35rpx; height: 26rpx; } image.my-ico4.data-v-d596de08 { width: 17rpx; height: 30rpx; } image.my-ico5.data-v-d596de08 { width: 35rpx; height: 31rpx; } .no-border.data-v-d596de08 { border: none; } .pop-box.data-v-d596de08 { width: 588rpx; height: 256rpx; text-align: center; padding: 40rpx 0; border-radius: 30rpx; overflow: hidden; } .pop-title.data-v-d596de08 { font-size: 32rpx; } .pop-body.data-v-d596de08 { font-size: 28rpx; margin-top: 36rpx; } .popbtn-box.data-v-d596de08 { display: flex; justify-content: center; align-items: center; margin-top: 72rpx; } .popbtn.data-v-d596de08 { height: 60rpx; width: 208rpx; border-radius: 32rpx; text-align: center; font-size: 24rpx; line-height: 60rpx; } .popbtn+.popbtn.data-v-d596de08 { margin-left: 60rpx; } .cancel-btn.data-v-d596de08 { border: 1rpx solid #616161; color: #616161; } .confirm-btn.data-v-d596de08 { background: #515151; color: #fff; } .spread-view.data-v-d596de08 { border-radius: 12rpx; background: #fff; margin: 0 30rpx 24rpx 30rpx; font-size: 26rpx; padding: 24rpx 0; } .spread-tab.data-v-d596de08 { margin-top: 16rpx; display: flex; align-items: center; justify-content: space-between; } .spread-tab .u-t-unit.data-v-d596de08 { color: #b89051; } .spread-tab .user-tab-num.data-v-d596de08 { color: #b89051; margin-bottom: 12rpx; } .down-img-btn.data-v-d596de08 { text-align: center; padding: 32rpx 0; background: #fff; position: absolute; bottom: 0; width: 100%; left: 0; }