body{background-color: #FFFFFF;}
@media (min-width: 1200px){  .container{width: 1200px;}  }
.hpoi-albumList-box{display: flex;align-items: center;justify-content: center;width: 100%;height: 175px;background-position: center;margin-top: -20px;margin-bottom: 20px;font-size: 46px;color: #FFFFFF;}
.hpoi-album-ranking-list-nav{display: flex;justify-content: space-evenly;}
.hpoi-album-ranking-list-nav .item{display: flex;flex-direction: column;align-items: center;}
.hpoi-album-ranking-list-nav .item>img{width: 46px;height: 46px;}
.hpoi-album-ranking-list-nav .item>span{font-size: 18px;color: #333333;margin-top: 6px;}
.hpoi-album-ranking-list-nav .item>span.checked{color: #35CDFF;}
/*相册排行切换*/
.hpoi-album-ranking-switch-nav{position: relative;margin: 60px 0 20px 0;padding: 0 20px;display: flex;justify-content: center;}
.hpoi-album-ranking-switch-nav>.ranking-switch-nav-lt{display: flex;flex-direction: column;}
.hpoi-album-ranking-switch-nav>.ranking-switch-nav-lt>.title{color: #333333;font-size: 18px;text-align: center;}
.hpoi-album-ranking-switch-nav>.ranking-switch-nav-lt>div{margin-top: 10px;display: flex;justify-content: space-between;align-items: center;color: #666666;}
.hpoi-album-ranking-switch-nav>.ranking-switch-nav-lt>div>span{margin: 0 20px;min-width: 200px;text-align: center;}
.hpoi-album-ranking-switch-nav>.ranking-switch-nav-lt>div>a{width: 28px;height: 28px;line-height: 24px;border-radius: 50%;background: #F8F8F8;text-align: center;font-size: 24px;color: #999999;user-select: none;}
.hpoi-album-ranking-switch-nav>.ranking-switch-nav-rt{display: flex;position: absolute;top: 0;right: 20px;}
.hpoi-album-ranking-switch-nav>.ranking-switch-nav-rt>button{margin-left: 10px;border-radius: 194px;background: #F8F8F8;height: 24px;padding: 0 14px;color: #666666;outline: none;border: 0;}
.hpoi-album-ranking-switch-nav>.ranking-switch-nav-rt>button.active{background: #35CDFF;color: #FFFFFF;}
.hpoi-album-ranking-switch-nav>.ranking-switch-nav-lt>div>a:hover{background-color: #35CDFF;color: #FFFFFF;}
/*相册排行版*/
#hpoi-album-ranking-list-box{border-top: 1px solid #EEEEEE;margin-top: 20px;display: flex;flex-wrap: wrap;}
#hpoi-album-ranking-list-box .item-ranking{display: flex;margin-top: 40px;width: 50%;}
#hpoi-album-ranking-list-box .item-ranking .ranking-num{display: flex;align-items: center}
#hpoi-album-ranking-list-box .item-ranking .ranking-num>span{text-align: center;width: 24px;height: 24px;line-height: 24px;font-size: 14px;border-radius: 50%;color: #999999;background: #EEEEEE;}
#hpoi-album-ranking-list-box .item-ranking .ranking-num>img{width: 24px;}
#hpoi-album-ranking-list-box .item-ranking .cover{position: relative;display: flex;align-items: center;overflow: hidden;margin-left: 20px;width: 120px;height: 172px;background-color: #F8F8F8;border-radius: 6px;}
#hpoi-album-ranking-list-box .item-ranking .cover>.praiseCount{position: absolute;top: 10px;right: 10px;z-index: 5;display: flex;align-items: center;background-color: rgba(0, 0, 0, 0.4);padding: 2px 6px;border-radius: 4px;color: #FFFFFF;}
#hpoi-album-ranking-list-box .item-ranking .cover>.praiseCount>img{width: 12px;height: 12px;margin-right: 3px;}
#hpoi-album-ranking-list-box .item-ranking .cover>img{width: 100%;max-height: 100%;}
#hpoi-album-ranking-list-box .item-ranking .info{margin-left: 10px;padding: 20px 80px 20px 0;flex: 1;display: flex;flex-direction: column;justify-content: space-between;}
#hpoi-album-ranking-list-box .item-ranking .info .name{color: #333333;font-weight: bold;font-size: 14px;transition: var(--transition-2s);}
#hpoi-album-ranking-list-box .item-ranking .info .user-info{display: flex;align-items: center;}
#hpoi-album-ranking-list-box .item-ranking .info .user-info>.header{width: 22px;height: 22px;border-radius: 50%;}
#hpoi-album-ranking-list-box .item-ranking .info .user-info>.nickname{color: #666666;margin: 0 6px;}
#hpoi-album-ranking-list-box .item-ranking .info .user-info>.level{height: 14px;}
#hpoi-album-ranking-list-box .item-ranking .info .name:hover{color: #35CDFF;}