.global-toast{display:block;height:.6rem;line-height:.6rem;position:fixed;top:50%;left:50%;background-color:rgba(0,0,0,.8);z-index:1000;color:#fff;font-size:.24rem;white-space:nowrap;padding:0 .2rem;border-radius:.08rem;-webkit-box-shadow:0 0 .2rem 0 rgba(0,0,0,.2);box-shadow:0 0 .2rem 0 rgba(0,0,0,.2);-webkit-transition:all .3s ease;transition:all .3s ease}.global-toast,.toast-enter-active,.toast-leave-active{-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.toast-enter-active,.toast-leave-active{opacity:1}.toast-enter,.toast-leave-active{opacity:0;-webkit-transform:translateX(-50%) translateY(-150%);-ms-transform:translateX(-50%) translateY(-150%);transform:translateX(-50%) translateY(-150%)}
*{margin:0;padding:0;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;font-family:Microsoft Yahei,Tahoma,Helvetica,Arial,"\5B8B\4F53",sans-serif;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;tap-highlight-color:rgba(0,0,0,0);-moz-appearance:none;appearance:none}html{height:100%;overflow:hidden}html #__vconsole .vc-switch{bottom:100px}body{height:100%;overflow:hidden;background:#fff}body.night{background:#141414}body.movie{background-color:#141414}#app,.page-wrapper{overflow:hidden;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none}li,ul{list-style:none}.clearfix:after{content:"";display:block;width:0;height:0;clear:both}
.slide-tab-bar{position:relative;width:100%;height:100%}.slide-tab-bar .tab-header{position:relative;height:.88rem;border-bottom:1pt solid #f4f4f4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;z-index:2;overflow:hidden}.night .slide-tab-bar .tab-header{border-bottom:1pt solid #1e1e1e}.movie .slide-tab-bar .tab-header{background-color:#141414;border-bottom:1pt solid #1f1f1f}.slide-tab-bar .tab-header .bottom-line{position:absolute;left:0;bottom:-1px;padding:0 .04rem;height:.06rem;border-radius:.02rem;background-color:#fb7299;color:#fb7299;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden;font-size:.32rem}.night .slide-tab-bar .tab-header .bottom-line{color:#eb7093;background-color:#eb7093}.movie .slide-tab-bar .tab-header .bottom-line{background-color:#5961c6;color:#5961c6}.slide-tab-bar .tab-header .tab-item{width:33.333333%;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;text-align:center;height:.88rem;line-height:.88rem;font-size:.32rem;color:#757575;-webkit-transition:all .3s ease;transition:all .3s ease}.night .slide-tab-bar .tab-header .tab-item{color:#b5b5b5}.movie .slide-tab-bar .tab-header .tab-item{color:#949494}.slide-tab-bar .tab-header .tab-item.actived{color:#fb7299}.night .slide-tab-bar .tab-header .tab-item.actived{color:#eb7093}.movie .slide-tab-bar .tab-header .tab-item.actived{color:#5961c6}.slide-tab-bar .tab-body{position:absolute;left:0;top:.88rem;bottom:0;white-space:nowrap;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;z-index:1;overflow:hidden}.slide-tab-bar .tab-body>div{display:inline-block;vertical-align:top;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.common-lazy-img{background:url(//s1.hdslb.com/bfs/static/ogvhapp/assets/img_loading.png) 50% no-repeat;background-size:50px;width:100%;height:100%;display:inline-block;vertical-align:top}.common-lazy-img img{display:block;width:100%;height:100%}.common-lazy-img img[src=""]{opacity:0}
.rank-list{-webkit-box-sizing:border-box;box-sizing:border-box;padding:.04rem .24rem;position:relative}.rank-list .show-cover-picture{position:absolute;width:100%;height:100%;top:0;left:0;z-index:9;background-color:#fff;-webkit-transition:all .5s ease;transition:all .5s ease;opacity:1}.movie .rank-list .show-cover-picture,.night .rank-list .show-cover-picture{background-color:#141414}.rank-list .show-cover-picture.cover-hide{opacity:0}.rank-list .show-cover-picture img{width:5.6rem;height:3.2rem;margin:3rem 0 .4rem .96rem}.movie .rank-list .show-cover-picture img,.night .rank-list .show-cover-picture img{opacity:.7}.rank-list .show-cover-picture p{font-size:.32rem;color:#999;text-align:center}.night .rank-list .show-cover-picture p{color:#727272}.movie .rank-list .show-cover-picture p{color:#737373}.rank-list .scroll-wrapper{position:relative;width:100%;overflow:hidden}.rank-list .tip{position:absolute;left:0;right:0;color:#999;font-size:.24rem;overflow:hidden;text-overflow:ellipsis;height:.3rem;padding-top:.22rem}.night .rank-list .tip{color:#727272}.movie .rank-list .tip{color:#737373}.rank-list .rank-item{position:absolute;left:0;right:0;height:1.7rem;padding-top:.24rem}.rank-list .rank-item.placeholder{position:absolute;top:0;left:0;opacity:0}.rank-list .rank-item:last-child .info-wrapper .line{display:none}.rank-list .rank-item.skeleton{position:relative;top:auto!important;width:100%}.rank-list .rank-item.skeleton .cover-wrapper,.rank-list .rank-item.skeleton .info-wrapper .desc,.rank-list .rank-item.skeleton .info-wrapper .rank-sort,.rank-list .rank-item.skeleton .info-wrapper .title,.rank-list .rank-item.skeleton .info-wrapper .views{background-color:#f4f5f7}.rank-list .rank-item.skeleton .info-wrapper .desc.author:before{content:none}.rank-list .rank-item .cover-wrapper{position:relative;width:2.54rem;height:1.44rem;float:left;z-index:2;border-radius:.08rem;overflow:hidden;background-repeat:no-repeat;background-size:40%;background-position:50%}.rank-list .rank-item .cover-wrapper.show-loading{background-image:url(//s1.hdslb.com/bfs/static/ogvhapp/assets/img_loading.png)}.rank-list .rank-item .cover-wrapper .cover{display:block;width:100%;height:100%}.rank-list .rank-item .cover-wrapper .btn-follow{position:absolute;top:0;left:0;width:.52rem;height:.52rem;border-radius:0 0 .08rem 0;background-color:rgba(0,0,0,.5);background-image:url(//s1.hdslb.com/bfs/static/ogvhapp/assets/btn-follow.png);background-repeat:no-repeat;background-size:.4rem;background-position:center .1rem}.night .rank-list .rank-item .cover-wrapper .btn-follow.followed{background-image:url(//s1.hdslb.com/bfs/static/ogvhapp/assets/btn-follow-dark1.png);background-position:center .06rem}.movie .rank-list .rank-item .cover-wrapper .btn-follow{background-image:url(//s1.hdslb.com/bfs/static/ogvhapp/assets/btn-follow-dark.png)}.rank-list .rank-item .cover-wrapper .btn-follow.followed{background-position:center -.8rem}.rank-list .rank-item .cover-wrapper .badgebase{position:absolute;top:.08rem;right:0;height:.66rem}.rank-list .rank-item .cover-wrapper .badge,.rank-list .rank-item .cover-wrapper .badgebase{-webkit-transform:scale(.5) translate(50%,-50%);-ms-transform:scale(.5) translate(50%,-50%);transform:scale(.5) translate(50%,-50%)}.rank-list .rank-item .cover-wrapper .badge{right:.08rem;padding:0 .16rem;height:.56rem;line-height:.58rem;text-align:center;color:#fff;font-size:.4rem;border-radius:.08rem;background-color:#999}.movie .rank-list .rank-item .cover-wrapper .badge,.night .rank-list .rank-item .cover-wrapper .badge{background-color:#737373}.rank-list .rank-item .cover-wrapper .badge.pink{background-color:#fb7299}.movie .rank-list .rank-item .cover-wrapper .badge.pink,.night .rank-list .rank-item .cover-wrapper .badge.pink{background-color:#e96d90}.rank-list .rank-item .cover-wrapper .badge.blue{background-color:#00a1d6}.rank-list .rank-item .cover-wrapper .badge.yellow{background-color:#ffa726}.movie .rank-list .rank-item .cover-wrapper .badge.yellow,.night .rank-list .rank-item .cover-wrapper .badge.yellow{background-color:#d19c1a}.rank-list .rank-item .info-wrapper{position:relative;padding-left:2.78rem;padding-right:.64rem;height:100%;z-index:1}.rank-list .rank-item .info-wrapper .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-wrap:break-word!important;word-break:break-word!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:.36rem;min-height:.36rem;max-height:.72rem;font-size:.28rem;color:#212121;margin-top:-.02rem}.night .rank-list .rank-item .info-wrapper .title{color:#e1e1e1}.movie .rank-list .rank-item .info-wrapper .title{color:#e0e0e0}.rank-list .rank-item .info-wrapper .desc,.rank-list .rank-item .info-wrapper .views{position:absolute;left:2.78rem;right:0;bottom:.58rem;height:.32rem;line-height:.32rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#999;font-size:.24rem}.night .rank-list .rank-item .info-wrapper .desc,.night .rank-list .rank-item .info-wrapper .views{color:#727272}.movie .rank-list .rank-item .info-wrapper .desc,.movie .rank-list .rank-item .info-wrapper .views{color:#737373}.rank-list .rank-item .info-wrapper .views{bottom:.22rem}.rank-list .rank-item .info-wrapper .desc.author:before{content:"";display:inline-block;vertical-align:top;margin-top:.04rem;margin-right:.08rem;width:.24rem;height:.24rem;background:url(//s1.hdslb.com/bfs/static/ogvhapp/assets/up-icon.png) no-repeat;background-position:50%;background-size:100%}.rank-list .rank-item .info-wrapper .line{position:absolute;left:2.78rem;height:0;right:0;bottom:0;border-bottom:1pt solid #e7e7e7}.night .rank-list .rank-item .info-wrapper .line{border-bottom:1pt solid #2a2a2a}.movie .rank-list .rank-item .info-wrapper .line{border-bottom:1pt solid #292929}.rank-list .rank-item .info-wrapper .rank-sort{position:absolute;top:-.08rem;right:0;width:1.12rem;height:1.12rem;line-height:1.28rem;text-align:center;font-size:.4rem;color:silver;background-repeat:no-repeat;background-position:center -3.38rem;background-size:1.12rem;background-image:url(//s1.hdslb.com/bfs/static/ogvhapp/assets/rank-icons.png);font-weight:700;-webkit-transform:scale(.5) translate(50%,-50%);-ms-transform:scale(.5) translate(50%,-50%);transform:scale(.5) translate(50%,-50%)}.movie .rank-list .rank-item .info-wrapper .rank-sort,.night .rank-list .rank-item .info-wrapper .rank-sort{opacity:.94}.rank-list .rank-item .info-wrapper .rank-sort.first{background-position:center 0;color:#d6aa11}.rank-list .rank-item .info-wrapper .rank-sort.second{background-position:center -1.12rem;color:#96a4b6}.rank-list .rank-item .info-wrapper .rank-sort.third{background-position:center -2.24rem;color:#a48771}