.hpoi-album-box{margin-top: .88rem;background-color: var(--bg-color-f8f8f8);}
.hpoi-album-ibox{padding: .17rem .24rem 0 .24rem;background-color: var(--bg-color-fff);}
.hpoi-album-user{display: flex;}
.hpoi-album-user .user-headerUrl{margin-right: .1rem;}
.hpoi-album-user .user-headerUrl>img{display: block;width: .76rem;height: .76rem;border-radius: 50%;}
.hpoi-album-user .user-info{display: flex;flex-flow: column;padding-top: 0.1rem;flex: 1;}
.hpoi-album-user .user-info>span,.hpoi-album-user .user-info>a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;max-width: 5rem}
.hpoi-album-user .user-info>a{color: var(--text-color-333);font-size: var(--text-size-secondary);font-weight: 500;}
.hpoi-album-user .user-info>span{color: var(--text-color-666);font-size: var(--text-size-default);}
/*相册标题*/
.hpoi-album-title-box{margin:.28rem 0 .2rem 0;display: flex;justify-content: space-between;align-items: flex-end;}
.hpoi-album-title-box .name{flex: 1;font-size: var(--text-size-secondary);color: var(--text-color-333);font-weight: 500;}
.hpoi-album-title-box .time{margin-left: .4rem;font-size: var(--text-size-default);color: var(--text-color-999);font-weight: 300;}
/*相册内容*/
.hpoi-detail-content{font-size: var(--text-size-secondary);color: var(--text-color-666);overflow: hidden;}
/*相册图片*/
.hpoi-album-pic>img,.hpoi-detail-content img{margin-top: .1rem;width: 100%;height: auto;display: block;border-radius: var(--border-radius-default);}
/*关联*/
.hpoi-album-relation{ margin-top: .1rem;padding: .3rem .24rem;background-color: var(--bg-color-fff);}
.hpoi-album-relation-title{margin-bottom: .22rem;color: var(--text-color-333);font-size: var(--text-size-large);}
.album-infinite-roll-box{ overflow-x: scroll;overflow-y: hidden;-webkit-overflow-scrolling: touch;}
.album-infinite-roll-box::-webkit-scrollbar{display: none;}
.hpoi-album-roll{display: flex;}
.hpoi-album-hobby-taobao{display: flex;margin-left: -.1rem;}
.hpoi-album-hobby-taobao .item-hobby,.item-taobao{position: relative;margin-left: .1rem;border-radius: var(--border-radius-default);overflow: hidden;}
.hpoi-album-hobby-taobao .item-hobby>img,.item-taobao>img{width: 1.68rem;height: 1.68rem;display: block;}
.hpoi-album-hobby-taobao .item-hobby>span,.item-taobao>span {position: absolute;border-bottom-right-radius: .06rem;font-size: var(--text-size-default);top: 0;left: 0;padding: .04rem .07rem;color: var(--text-color-fff);}
.hpoi-album-hobby-taobao .item-hobby>span{background: linear-gradient(132deg, #5CDBFF 0%, #20CEFF 100%);}
.hpoi-album-hobby-taobao .item-taobao>span{background: linear-gradient(132deg, #FF5555 0%, #FF2A2A 100%);}

pre{
    display: block;
    padding: .09rem;
    margin: 0 0 .1rem;
    font-size: var(--text-size-default);
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    color: var(--text-color-333);
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: .06rem;
    overflow: auto;
}