.load-state{text-align:center;color:#99a2aa;height:100%;display:table;width:100%}.load-state a{color:#00a1d6}.load-state span{vertical-align:middle;display:table-cell}.load-state span:before{text-align:center;content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;background-image:url(//s1.hdslb.com/bfs/static/bangumi-index/assets/empty-icon.png);background-repeat:no-repeat;margin-right:5px;margin-top:-3px}.load-state span.loading:before{width:24px;height:24px;margin-top:-5px;background-image:url(//s1.hdslb.com/bfs/static/bangumi-index/assets/loading.gif)}.load-state span.empty:before{background-position:center -598px}.load-state span.error:before{background-position:center -471px}
.bangumi-index-crumb{margin:9px 0 20px}.bangumi-index-crumb ul{white-space:nowrap}.bangumi-index-crumb ul li{display:block;float:left;padding:0 20px}.bangumi-index-crumb ul li:first-child{padding-left:0}.bangumi-index-crumb ul li:last-child{padding-right:0}.bangumi-index-crumb ul li a{line-height:28px;font-size:14px;color:var(--text2);width:100%;text-align:center}.bangumi-index-crumb ul li.on a,.bangumi-index-crumb ul li:hover a{color:var(--brand_blue)}
.sort-item{position:relative;width:80px;margin-right:20px;float:left;color:var(--text1);cursor:pointer}.sort-item:last-child{margin-right:0}.sort-item.on{color:var(--brand_blue)}.sort-item.on i.active{border-left-color:rgba(0,0,0,0);border-bottom-color:var(--brand_blue);border-right-color:rgba(0,0,0,0);border-top-color:var(--brand_blue)}.sort-item.on i.active.up{border-top:none}.sort-item.on i.active.down{border-bottom:none}.sort-item.lock-desc i.up{display:none}.sort-item.lock-desc i.down{bottom:4px}.sort-item.lock-asc i.up{top:4px}.sort-item.lock-asc i.down{display:none}.sort-item i.up{top:0;border:5px dashed rgba(0,0,0,0);border-top:none;border-bottom:5px solid #ddd}.sort-item i.down,.sort-item i.up{display:block;position:absolute;left:60px;margin:0 2px;width:0;height:0}.sort-item i.down{bottom:0;border:5px dashed rgba(0,0,0,0);border-top:5px solid #ddd;border-bottom:none}
.sort-banner{height:44px;font-size:14px;line-height:1;position:relative}
.common-lazy-img{background:url(//s1.hdslb.com/bfs/static/bangumi-index/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}
.bangumi-item{width:160px;height:304px;margin-right:20px;display:inline-block;vertical-align:top;cursor:pointer}.bangumi-item .cover-wrapper{position:relative;display:block;width:100%;height:214px;border-radius:4px;overflow:hidden}.bangumi-item .cover-wrapper .common-lazy-img{background:var(--graph_weak)}.bangumi-item .cover-wrapper .shadow{position:absolute;padding:28px 10px 0;color:#fff;bottom:0;left:0;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;height:50px;line-height:1;font-size:12px;white-space:nowrap;overflow:hidden;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,.6)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(bottom,rgba(0,0,0,.6),rgba(0,0,0,0));background:-o-linear-gradient(bottom,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);background:linear-gradient(0deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=rgb(0,255,255),endColorstr=rgba(153,0,0,0),GradientType=0)}.bangumi-item .cover-wrapper .shadow.shadow-score{color:#ffa726}.bangumi-item .cover-wrapper .corner-tag{position:absolute;height:24px;line-height:24px;border-radius:0 0 0 4px;top:0;right:0;font-size:12px;text-align:center;background-color:#ffa726;color:#fff;padding-left: 4px;padding-right: 4px;}.bangumi-item .cover-wrapper .corner-tag.badge_0{background-color:#f25d8e}.bangumi-item .cover-wrapper .corner-tag.badge_1{background-color:#03a1d6}.bangumi-item .cover-wrapper .corner-tag.badge_2{background-color:#ffa726}.bangumi-item .bangumi-title{display:block;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;color:var(--text1);max-height:44px;font-size:14px;margin-top:10px;line-height:22px}.bangumi-item .bangumi-title:hover{color:var(--brand_blue)}.bangumi-item .pub-info{height:18px;line-height:18px;overflow:hidden;color:#99a2aa;font-size:12px;white-space:nowrap;text-overflow:ellipsis}
.pagelistbox{display:block;height:40px;white-space:nowrap;padding-right:20px}.pagelistbox .p{float:left;min-width:17px;font-size:14px;height:38px;border-radius:4px;background-color:var(--bg1);color:var(--text1);text-align:center;line-height:38px;padding:0 8px;border:1px solid var(--line_regular);-webkit-transition:all .2s ease;transition:all .2s ease;margin-right:4px}.pagelistbox .p.next-page,.pagelistbox .p.prev-page{padding:0 15px}.pagelistbox .p.active,.pagelistbox .p:hover{background-color:var(--brand_blue);color:var(--text_white);border-color:var(--brand_blue)}.pagelistbox .p:last-child{margin-right:0}.pagelistbox strong{float:left;margin-right:4px;width:35px;height:40px;color:var(--text1);line-height:40px;text-align:center;font-weight:400;font-size:14px}.pagelistbox .custom-right{float:right}.pagelistbox .custom-right .custom-right-inner{display:inline-block;vertical-align:top;min-width:15px;margin:0 2px;height:40px;line-height:40px;font-size:12px;color:var(--text3);padding:0 2px}.pagelistbox .custom-right .custom-right-inner.custompage{position:relative;margin-top:7px;padding:0 10px;width:30px;height:24px;line-height:24px;border-radius:4px;border:1px solid var(--line_regular);background-color:var(--bg1);text-align:center;outline:none;-webkit-transition:border .2s ease;transition:border .2s ease;vertical-align:middle}
.filter-block{position:relative;margin-bottom:16px;overflow:hidden}.filter-block .filter-name{display:block;float:left;width:52px;height:30px;line-height:1;font-size:12px;color:var(--text3)}.filter-block .filter-item-wrapper{width:208px;float:right;overflow:hidden;-webkit-transition:all .3s linear;transition:all .3s linear;min-height:30px}.filter-block .filter-item-wrapper.free .filter-item{width:auto;padding-right:20px}.filter-block .filter-item-wrapper .filter-item{display:inline-block;vertical-align:top;line-height:1;text-align:left;width:50px;height:30px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:2px;cursor:pointer;outline:0;color:var(--text1)}.filter-block .filter-item-wrapper .filter-item.on{color:var(--brand_blue)}.filter-block .filter-item-wrapper .btn-expand{position:absolute;width:38px;height:18px;border:1px solid #ccd0d7;font-size:12px;color:#99a2aa;border-radius:4px;text-align:center;line-height:18px;bottom:14px;right:18px;background-color:var(--bg1)}.filter-block .filter-item-wrapper .btn-expand:after{content:"";display:block;position:absolute;top:-1px;right:-31px;width:30px;height:20px;z-index:0;background:var(--bg1)}.filter-block .filter-item-wrapper .btn-expand:hover{cursor:pointer;color:var(--brand_blue);border-color:var(--brand_blue)}
.filter-wrapper{float:right;width:260px;padding-top:20px}.filter-wrapper .filter-title{height:44px;line-height:1;font-size:18px;color:var(--text1)}
*{margin:0;padding:0;font-family:Microsoft Yahei,Tahoma,Helvetica,Arial,"\5B8B\4F53",sans-serif}body{background-color:var(--bg1);min-height:1000px}a{text-decoration:none;outline-width:0;outline-style:none;outline-color:invert}img{border:0}li,ul{list-style:none}.clearfix:after{content:"";display:block;width:0;height:0;clear:both}.no-wrap{white-space:nowrap}.no-scroll{overflow:hidden}.fade-enter-active,.fade-leave-active{opacity:1;-webkit-transition:opacity .3s linear;transition:opacity .3s linear}.fade-enter,.fade-leave-active{opacity:0}.rightin-enter-active,.rightin-leave-active{-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.rightin-enter-to{-webkit-transform:translateX(0)!important;-ms-transform:translateX(0)!important;transform:translateX(0)!important}.rightin-enter,.rightin-leave-active{-webkit-transform:translateX(100%)!important;-ms-transform:translateX(100%)!important;transform:translateX(100%)!important}.delay-enter-active,.delay-leave-active{-webkit-transition:all .2s linear;transition:all .2s linear}.pre-loading{position:absolute;width:100%;top:40%;font-size:24px;text-align:center}.bangumi-index-wrapper{border-top:1px solid var(--line_regular);width:1160px;margin:0 auto 20px}.bangumi-index-wrapper .bangumi-index-body{width:100%}.bangumi-index-wrapper .bangumi-index-body .filter-body{position:relative;padding-top:20px;width:900px;float:left}.bangumi-index-wrapper .bangumi-index-body .filter-body .bangumi-list{position:relative;width:100%;overflow:hidden}.bangumi-index-wrapper .bangumi-index-body .filter-body .bangumi-list.no-data .load-state{display:none}.bangumi-index-wrapper .bangumi-index-body .filter-body .bangumi-list .load-state{height:500px;font-size:12px}.bangumi-index-wrapper .bangumi-index-body .filter-body .bangumi-list .no-data-wrapper{padding-top:360px;position:relative;width:100%;height:500px;background-repeat:no-repeat;background-position:center 74px;background-image:url(//s1.hdslb.com/bfs/static/bangumi-index/assets/bgm-nodata-filter.png)}.bangumi-index-wrapper .bangumi-index-body .filter-body .bangumi-list .no-data-wrapper span{display:block;position:absolute;top:310px;left:0;width:100%;height:20px;line-height:20px;font-size:14px;color:#99a2aa;text-align:center;font-family:PingFangSC-Regular}.bangumi-index-wrapper .bangumi-index-body .filter-body .bangumi-list .no-data-wrapper .reset-btn{position:relative;display:block;width:160px;height:40px;margin:0 auto;border-radius:4px;color:#fff;background-color:#00a1d6;text-align:center;line-height:40px;font-size:14px;font-family:PingFangSC-Regular;cursor:pointer}@media screen and (max-width:1400px){.bangumi-index-wrapper{border-top:1px solid var(--line_regular);width:980px}.bangumi-index-wrapper .bangumi-index-body .filter-body{width:720px}}