body{background-color:#f8f8f8}@media (min-width:1200px){.container{width:1200px}}.hpoi-albumList-box{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:175px;background-position:center;background-size:contain;margin-top:-20px;margin-bottom:20px;font-size:46px;color:#fff}.hpoi-album-list-nav{display:flex;justify-content:space-between;padding:20px 40px;background-color:#fff;border-radius:6px}.hpoi-album-list-nav .item{text-align:center;width:72px}.hpoi-album-list-nav .item>img{width:46px;height:46px}.hpoi-album-list-nav .item>span{display:block;font-size:18px;color:#444;margin-top:6px}.hpoi-album-list-nav .item>span.checked{color:#35cdff}.hpoi-album-list-box{margin-top:20px;padding:20px;background-color:#fff;border-radius:6px}.album-list-head-box .sort-box,.album-list-head-box .label-box{display:flex}.album-list-head-box .label-box{padding:20px 0 10px;border-bottom:1px solid #EEE}.album-list-head-box .sort-box>.sort-lt{flex:1;display:flex;flex-wrap:wrap;align-items:center}.album-list-head-box .label-box>.label-lt{flex:1;display:flex;flex-wrap:wrap}.album-list-head-box .label-box>.label-lt>div{flex:1;display:flex;flex-wrap:wrap}.album-list-head-box .sort-box>.sort-lt>span,.album-list-head-box .label-box>.label-lt>span{width:84px;text-align:right;font-size:14px;color:#999}.album-list-head-box .label-box>.label-lt>span{padding-top:2px}.album-list-head-box .label-box>.label-rt{position:relative;display:flex;height:26px;margin-left:50px}.album-list-head-box .sort-box>.sort-rt{display:flex;font-size:14px;padding-top:5px}.album-list-head-box .sort-box>.sort-rt .original-box{margin-right:10px}.album-list-head-box .sort-box>.sort-rt .original-box span,.age-box span{color:#999}.album-list-head-box .sort-box>.sort-rt .original-box select,.age-box select{color:#666;border-radius:6px;outline:none;border-color:#999;width:55px}.album-list-head-box .sort-box>.sort-rt .original-box select:focus,.age-box select:focus{border-color:#35cdff}.hpoi-album-list-ibox{border-radius:6px;margin-bottom:20px;background:#fff;padding:20px}.hpoi-album-list-ibox .title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #EEE;padding-bottom:10px}.hpoi-album-list-ibox .title>h3{color:#333;font-size:18px;font-weight:400;margin:0}.hpoi-album-list-ibox .item-ranking{display:flex;margin-top:20px}.hpoi-album-list-ibox .item-ranking .ranking-num{display:flex;align-items:center}.hpoi-album-list-ibox .item-ranking .ranking-num>span{text-align:center;width:18px;height:18px;line-height:18px;border-radius:50%;color:#999;background:#eee}.hpoi-album-list-ibox .item-ranking .ranking-num>img{width:18px}.hpoi-album-list-ibox .item-ranking .cover{display:flex;align-items:center;overflow:hidden;margin-left:10px;width:80px;height:115px;background:#f8f8f8;border-radius:6px}.hpoi-album-list-ibox .item-ranking .cover>img{width:100%;max-height:100%}.hpoi-album-list-ibox .item-ranking .info{margin-left:10px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.hpoi-album-list-ibox .item-ranking .info .name{color:#333;font-size:14px;transition:var(--transition-2s)}.hpoi-album-list-ibox .item-ranking .info .user-info{display:flex;align-items:center}.hpoi-album-list-ibox .item-ranking .info .user-info>.header{width:22px;height:22px;border-radius:50%}.hpoi-album-list-ibox .item-ranking .info .user-info>.nickname{flex:1;color:#666;margin:0 6px}.hpoi-album-list-ibox .item-ranking .info .user-info>.level{height:14px}.hpoi-album-list-ibox .item-ranking .info .name:hover{color:#35cdff}.hpoi-ibox{background:#fff;padding:20px 0;border-radius:0 0 6px 6px}.hpoi-showUser{margin:0 0 20px}.hpoi-showUser>a{color:#35cdff}.hpoi-album-box{border-bottom:1px solid #EEE;font-size:14px;background:#fff;padding:24px 20px 20px;border-radius:6px 6px 0 0}.hpoi-btn{outline:none;border:0;color:#666;border-radius:6px;padding:5.5px 10px;background:transparent;font-size:14px;transition:var(--transition-2s)}.hpoi-btn:hover{color:#35cdff}.hpoi-btn-toggle{outline:none;border:0;border-radius:6px;padding:4px 10px;background:transparent}.hpoi-btn+.hpoi-btn{margin-left:20px}.hpoi-group{margin-left:20px;border-radius:6px}.dropdown-menu>li>a{color:#666}.hpoi-screen-box:last-child{margin-top:15px}.btn-active,.hpoi-group.open,.active{background-color:#35cdff!important;color:#fff!important}.hpoi-group.open .dropdown-toggle{box-shadow:none}.dropdown-menu{box-shadow:0 0 10px #00000014;border-radius:6px}.hpoi-label-content{border-top:1px solid #EEE}.hpoi-form-horizontal{border-radius:6px 0 0 6px;height:26px;font-size:12px}.hpoi-form-horizontal::placeholder{color:#999}.hpoi-form-horizontal:focus{border-color:#35cdff!important}.hpoi-album-list-btn{border-radius:0 6px 6px 0;outline:none;height:26px;border:1px solid #EEE;color:#ccc;background:#fff;border-left:none}.hpoi-album-list-btn:hover,.waterfall-ibox .user-info-box>.user-album-box>.user-album-identity>.nickname:hover{color:#35cdff}.hpoi-badge{border-radius:194px;padding:4px 14px;color:#666;background:#f8f8f8;transition:background var(--transition-2s);margin:0 10px 10px 0}.hpoi-badge:hover,.hpoi-badge.active{background:#35cdff;color:#fff}a:focus{color:unset}#hpoi-album-list-clear{position:absolute;top:0;right:28px;font-size:12px;line-height:27px;cursor:pointer;display:none}#hpoi-album-list-clear:hover{color:#35cdff}.waterfall-ibox .waterfall-test-name{padding-left:0;padding-right:0}.waterfall-ibox .user-info-box{width:100%;margin-top:10px;display:flex;align-items:center;flex-wrap:nowrap;min-width:0}.waterfall-ibox .user-info-box>.user-album-box{flex:1 1 auto;display:flex;align-items:center;min-width:0;margin-right:8px;overflow:hidden}.waterfall-ibox .user-info-box>.user-album-box>.header{flex:0 0 auto;width:30px;height:30px}.waterfall-ibox .user-info-box>.user-album-box>.user-album-identity{display:flex;align-items:center;flex:0 1 auto;min-width:0;max-width:calc(100% - 36px);margin-left:6px}.waterfall-ibox .user-info-box>.user-album-box>.user-album-identity>.nickname{flex:0 1 auto;margin-left:0;color:#666;transition:color var(--transition-2s);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.waterfall-ibox .user-info-box>.user-album-box>.user-album-identity>.level{flex:0 0 auto;margin-left:6px;height:12px}.waterfall-ibox .waterfall-album-praise-inline{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;margin-left:auto;color:#999;font-size:12px;line-height:1;white-space:nowrap}.waterfall-ibox .waterfall-album-praise-inline .hpoifont{font-size:13px}