.hpoi-user-box{margin-top: .88rem;background: var(--bg-color-f8f8f8);}
.user-banner-box{width: 100%;height: 3.75rem;background-repeat: no-repeat;background-size: contain;}
.user-tab-info-box,.user-record-info-box{margin-top: .2rem;background-color: var(--bg-color-fff);}
/*用户信息*/
.user-info-box{background-color: var(--bg-color-fff);padding: 0 .24rem .30rem .24rem;}
.user-info-box .user-box{position: relative;height: 1.7rem}
.user-info-box .user-box>.user-avatar{position: absolute;top: -.10rem;background-repeat: no-repeat;background-size: contain;width: 1.8rem;height: 1.8rem;border: 1px solid var(--bg-color-fff);border-radius: 50%;}
.user-info-box .user-box>.user-avatar>.verify{position: absolute;width: .36rem;height: .36rem;right: 0;bottom: 0;}
.user-info-box .user-box>.user-avatar-rt{padding-left: 1.96rem;display: flex;text-align: center;padding-top: .2rem}
.user-info-box .user-box>.user-avatar-rt>.item{flex: 1;font-size: var( --text-size-default);color: #666666;font-weight: 300;}
.user-info-box .user-box>.user-avatar-rt>.item span{display: block;font-size: var(--text-size-secondary);color: var(--text-color-333);font-weight: 500;}
/*呢称*/
.user-info-box .user-nickname-box{display: flex;margin-top: .3rem;}
.user-info-box .user-nickname-box>p{font-weight: 500;font-size: .36rem;color: var(--text-color-333);}
.user-info-box .user-nickname-box>img{margin-top: .17rem;margin-left: .06rem;height: .26rem;}
/*认证*/
.user-info-box .user-verify-box,.user-info-box .user-sign-box,.user-info-box .user-intro-box{margin-top: .2rem;color: var(--text-color-666);font-size: var( --text-size-default);}
.user-info-box .user-verify-box>img{width: .28rem;height: .28rem;margin-right: .1rem;margin-bottom: -2px;}
/*签名/介绍*/
.user-info-box .user-sign-box>span,.user-info-box .user-intro-box>.intro>span{color: var(--text-color-999);}
.user-info-box .user-intro-box>.intro .intro-text{color: var(--text-color-666);}
.user-info-box .user-intro-box{display: flex;}
.user-info-box .user-intro-box>.intro{flex: 1;}
.user-info-box .user-intro-box>.intro-btn{margin-left: .3rem;display: flex;flex-direction: column;}
.user-info-box .user-intro-box>.intro-btn>#user-intro-btn{color: var(--text-color-3cd5ff);font-size: var( --text-size-default);}
/*想要、预定、已入、总消费*/
.user-record-info-box{display: flex;text-align: center;padding: .3rem .64rem;}
.user-record-info-box>.item{flex: 1;font-weight: 300;font-size: var(--text-size-secondary);color: var(--text-color-666);}
.user-record-info-box>.item>span{margin-top: .1rem;display: block;color: var(--text-color-333);}
/*动态、相册、二手*/
.user-tab-info-box .user-tab-info-head{display: flex;align-items: center;justify-content: space-between;padding: 0 .84rem;height: .9rem;color: var(--text-color-666);font-size: var(--text-size-secondary);}
.user-tab-info-box .user-tab-info-head>.item{line-height: .9rem;height: .9rem;border-bottom: 2px solid transparent;}
.user-tab-info-box .user-tab-info-head>.item.active{font-weight: bold;color: var(--text-color-3cd5ff);border-color: var(--text-color-3cd5ff);}
.user-tab-info-box .tab-info-body{padding: .2rem .24rem;background: var(--bg-color-f8f8f8);}
/*相册*/
#album-content{columns: 2; column-gap: .2rem;}
.item-album{margin-bottom: .2rem;display: inline-block;background-color: var(--bg-color-fff);border-radius: var(--border-radius-default);overflow: hidden;}
.item-album a>img{width: 3.41rem;display: block;}
.item-album .item-album-name{font-size: .24rem;color: var(--text-color-666);margin: .1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.item-album-user-box{display: flex;align-items: center;justify-content: space-between;padding: 0 .1rem .1rem;}
.item-album-user-box .user-box{display: flex;align-items: center;}
.item-album-user-box .user-box>img{width: .42rem;height: .42rem;display: block;margin-right: .1rem;border-radius: 50%;}
.item-album-user-box .user-box>span{color: var(--text-color-666);font-size: var(--text-size-default);max-width: 2.5rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.item-album-user-time{color: var(--text-color-999);font-size: var(--text-size-default);}
/*二手*/
#resale-content{display: flex;flex-wrap: wrap;margin: 0 -.2rem;}
.item-resale-box{width: 33.33333%;padding: 0 .20rem .20rem;}
.item-resale{position: relative;border-radius: var(--border-radius-default);overflow: hidden;}
.item-resale .cover{display: block;}
.item-resale .cover>img{width: 100%;}
.item-resale .price{position: absolute;bottom: .1rem;left: 50%;transform: translateX(-50%);font-size: .22rem;font-weight: 300;color: #FF4400;background-color: var(--bg-color-fff);
    border-radius: .06rem;padding: .04rem .1rem}