/* 统一圆形头像：替换为指定图片，并缩小显示以露出图中文字 */
:root {
    --unified-avatar-image: url('/img/unified-avatar-logo.png');
    --unified-avatar-inner-padding: 14%;
}

.home-my .head-body .user-info .my-user-img .van-image__img,
.home-my .head-body .user-info .my-user-img img,
.home-my .head-body .user-info img.my-user-img,
.home-my .member-box .userimg .van-image__img,
.home-my .member-box .userimg img,
.home-my .member-box img.userimg,
.user-img .left-image .van-image__img,
.user-img .left-image img,
.user-img-top img.userimg,
.user-img-top .userimg img,
.my-swipe .set-right .right-top .user-logo img,
.user-logo img,
.userimg .van-image__img,
.userimg img,
img.userimg,
[class*="avatar"] img,
[class*="avatar"].van-image__img,
img[class*="avatar"],
[class*="avatar"] .van-image__img,
[class*="headpic"] img,
[class*="headpic"].van-image__img,
img[class*="headpic"],
[class*="headpic"] .van-image__img,
[class*="head-img"] img,
[class*="head-img"].van-image__img,
img[class*="head-img"],
[class*="head-img"] .van-image__img {
    object-fit: contain !important;
    object-position: center center !important;
    box-sizing: border-box !important;
    padding: var(--unified-avatar-inner-padding) !important;
    background-color: #fff !important;
    border-radius: 50% !important;
}

.home-my .head-body .user-info .my-user-img,
.home-my .member-box .userimg,
.user-img-top .userimg,
.my-swipe .set-right .right-top .user-logo {
    background-image: var(--unified-avatar-image) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 72% 72% !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

.home-my .head-body .user-info .user-text .not-login {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* My page header layout override */
.home-my .head-body {
    min-height: 2.52rem !important;
    padding: .48rem .34rem .66rem !important;
    box-sizing: border-box !important;
}

.home-my .head-body .user-info {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    min-height: 1.42rem !important;
    padding-left: 0 !important;
    position: relative !important;
}

.home-my .head-body .user-info .my-user-img {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 1.38rem !important;
    height: 1.38rem !important;
    flex: 0 0 1.38rem !important;
    margin: 0 .28rem 0 0 !important;
    border: .04rem solid rgba(255, 255, 255, .96) !important;
    box-shadow: 0 .08rem .18rem rgba(0, 0, 0, .12) !important;
}

.home-my .head-body .user-info .user-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding-top: 0 !important;
    padding-right: 1.18rem !important;
    position: static !important;
}

.home-my .head-body .user-info .user-text .user-name {
    display: flex !important;
    align-items: center !important;
    min-height: .44rem !important;
    color: #fff !important;
    font-size: .34rem !important;
    font-weight: 600 !important;
    line-height: .44rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.home-my .head-body .user-info .user-text .user-name lv {
    flex: 0 0 auto !important;
    margin-left: .12rem !important;
}

.home-my .head-body .user-info .user-text .user-code {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: .12rem .22rem !important;
    padding-top: .16rem !important;
    font-size: .26rem !important;
    line-height: .4rem !important;
}

.home-my .head-body .user-info .user-text .user-code label {
    float: none !important;
}

.home-my .head-body .user-info .user-text .user-code .hh {
    display: inline-flex !important;
    align-items: center !important;
    margin-right: 0 !important;
    font-size: .3rem !important;
    white-space: nowrap !important;
}

.home-my .head-body .user-info .user-text .user-code label img {
    flex: 0 0 .32rem !important;
    margin-right: .06rem !important;
}

.home-my .head-body .user-info .user-text .user-code .ma {
    display: inline-flex !important;
    align-items: center !important;
    margin-top: 0 !important;
    white-space: nowrap !important;
}

.home-my .head-body .user-info .user-text .user-code .ma span {
    float: none !important;
    flex: 0 0 auto !important;
    width: .82rem !important;
    height: .38rem !important;
    margin: 0 0 0 .14rem !important;
    line-height: .38rem !important;
}

.home-my .head-body .user-info .user-text .tool {
    position: absolute !important;
    right: .02rem !important;
    top: .08rem !important;
    display: flex !important;
    align-items: center !important;
}

.home-my .head-body .user-info .user-text .tool img {
    width: .34rem !important;
    height: .34rem !important;
    margin-left: .28rem !important;
}

.home-my .balance {
    height: 1.62rem !important;
    background: #fff !important;
}

.home-my .balance .top-bg {
    height: .7rem !important;
}

.home-my .balance .text {
    left: .32rem !important;
    right: .32rem !important;
    height: 1.54rem !important;
    padding: .16rem .28rem !important;
    box-sizing: border-box !important;
    border-radius: .16rem !important;
    box-shadow: 0 .08rem .24rem rgba(0, 0, 0, .14) !important;
    align-items: stretch !important;
}

.home-my .balance .text .cell1,
.home-my .balance .text .cell2 {
    justify-content: space-evenly !important;
}

.home-my .balance .text .cell2 {
    width: 2.18rem !important;
}

.home-my .balance .text .cell3 {
    margin: .18rem .2rem !important;
}

.home-my .balance .text .tm1 {
    min-height: .46rem !important;
}

.home .website-body.target-home-links {
    display: flex !important;
    flex-wrap: wrap !important;
    height: auto !important;
    padding: 0 .08rem .08rem !important;
    background: #fff !important;
    box-sizing: border-box !important;
}

.home .website-body.target-home-links .website-item {
    float: none !important;
    width: 25% !important;
    padding: .14rem .06rem !important;
    box-sizing: border-box !important;
}

.home .website-body.target-home-links .website-item div {
    padding: 0 !important;
}

.home .website-body.target-home-links .website-item p {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: .78rem !important;
    margin: 0 !important;
    padding: 0 .08rem !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: .08rem !important;
    background: #f3f4f6 !important;
    color: #333 !important;
    font-size: .28rem !important;
    font-weight: 400 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}