.carousel-wrapper{position:relative;border-radius:4px;overflow:hidden}.carousel-wrapper.carousel-large{width:100%;height:332px;margin:0 auto 40px}.carousel-wrapper.carousel-large .carou-info{left:10px}.carousel-wrapper.carousel-large .carou-mini{right:8px}.carousel-wrapper.carousel-large .carou-mini .thumb-cursor{width:64px;height:48px}.carousel-wrapper.carousel-small{width:620px;height:300px;float:left;margin:0 20px 40px 0}.carousel-wrapper.carousel-small .carou-info{right:10px;text-indent:13px}.carousel-wrapper.carousel-small .carou-mini{left:8px}.carousel-wrapper.carousel-small .carou-mini .thumb-cursor{width:54px;height:42px}.carousel-wrapper .carou-images{position:relative;width:100%;height:100%;overflow:hidden}.carousel-wrapper .carou-images .carou-images-wrapper{height:100%;white-space:nowrap;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.carousel-wrapper .carou-images .carou-images-wrapper.no-anime{-webkit-transition:none!important;transition:none!important}.carousel-wrapper .carou-bottom-shadow{position:absolute;width:100%;height:62px;bottom:0;left:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.75));background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);background:linear-gradient(-180deg,rgba(0,0,0,0),rgba(0,0,0,.75))}.carousel-wrapper .carou-info{position:absolute;bottom:9px;line-height:22px;height:22px;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.carousel-wrapper .carou-info span{line-height:22px;left:0;top:0}.carousel-wrapper .carou-info span a{color:#fff}.carousel-wrapper .carou-mini{position:absolute;bottom:9px}.carousel-wrapper .carou-mini .thumb-cursor{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:2px solid #f25d8e;top:0;-webkit-transition:left .3s ease;transition:left .3s ease}@media screen and (max-width:1400px){.carousel-wrapper.carousel-large{height:280px}}.carousel-title-fade-enter-active{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.carousel-title-fade-enter{opacity:0}
.chief-recom-item{display:inline-block;vertical-align:top;position:relative;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.chief-recom-item a,.chief-recom-item img{display:block;width:100%;height:100%;line-height:44px;font-size:12px;text-align:center}
.chief-thumb-item{-webkit-box-sizing:border-box;box-sizing:border-box;float:left;margin-right:8px;border-radius:4px;border:2px solid #fff;overflow:hidden}.chief-thumb-item:last-child{margin-right:0}.chief-thumb-item a,.chief-thumb-item img{display:block;width:100%;height:100%;font-size:12px;text-align:center}.carousel-large .chief-thumb-item{width:64px;height:48px}.carousel-large .chief-thumb-item a,.carousel-large .chief-thumb-item img{line-height:44px}.carousel-small .chief-thumb-item{width:54px;height:42px}.carousel-small .chief-thumb-item a,.carousel-small .chief-thumb-item img{line-height:38px}
.index-entry-wrapper{height:76px}.index-entry-wrapper .filter-block{float:left;width:900px;height:100%;white-space:nowrap;overflow:hidden}@media screen and (max-width:1400px){.index-entry-wrapper .filter-block{width:765px}}.index-entry-wrapper .filter-block .filter-block-item{display:inline-block;vertical-align:top;width:260px;margin-right:40px}@media screen and (max-width:1400px){.index-entry-wrapper .filter-block .filter-block-item{width:215px}}.index-entry-wrapper .filter-block .filter-block-item:last-child{margin-right:0}.index-entry-wrapper .hot-search-wrapper{float:left;width:260px;height:100%}.index-entry-wrapper .hot-search-wrapper .filter-list .filter-item{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:1400px){.index-entry-wrapper .hot-search-wrapper{width:215px}}.index-entry-wrapper .filter-block-title{height:22px;white-space:nowrap;margin-bottom:10px}.index-entry-wrapper .filter-block-title span{display:inline-block;vertical-align:top;height:22px;line-height:22px;font-size:18px;color:#222}.index-entry-wrapper .filter-block-title a{display:inline-block;vertical-align:top;height:22px;line-height:22px;margin-left:12px;font-size:12px;color:#222;-webkit-transition:color .3s ease;transition:color .3s ease}.index-entry-wrapper .filter-block-title a:hover{color:#00a1d6}.index-entry-wrapper .filter-block-title a:after{content:"";display:inline-block;width:6px;height:12px;margin-top:6px;margin-left:6px;vertical-align:top;-webkit-transition:all .2s;transition:all .2s;background:url(//s1.hdslb.com/bfs/static/bangumi-home/assets/icons.png);background-position:-478px -218px}.index-entry-wrapper .filter-list{white-space:normal;word-break:break-all;word-wrap:break-word;height:50px;overflow:hidden}.index-entry-wrapper .filter-list .filter-item{display:inline-block;vertical-align:top;height:19px;line-height:19px;font-size:14px;color:#6c7579;margin-right:20px;margin-bottom:6px;-webkit-transition:color .3s ease;transition:color .3s ease}.index-entry-wrapper .filter-list .filter-item:hover{color:#00a1d6}
.pgc-common-tab{overflow:hidden;font-size:12px;zoom:1}.pgc-common-tab .bili-tab-item{float:left;position:relative;height:20px;line-height:20px;cursor:pointer;padding:1px 0 2px;border-bottom:1px solid rgba(0,0,0,0);margin-left:12px;-webkit-transition:.2s;transition:.2s;-webkit-transition-property:border,color;transition-property:border,color}.pgc-common-tab .bili-tab-item:before{content:"";display:none;position:absolute;left:50%;margin-left:-3px;bottom:0;width:0;height:0;border-bottom:3px solid #00a1d6;border-top:0;border-left:3px dashed rgba(0,0,0,0);border-right:3px dashed rgba(0,0,0,0)}.pgc-common-tab .bili-tab-item.on{background-color:rgba(0,0,0,0);border-color:#00a1d6;color:#00a1d6}.pgc-common-tab .bili-tab-item.on:before{display:block}.pgc-common-tab .bili-tab-item:hover{color:#00a1d6}.pgc-common-tab .bili-tab-item:first-child{margin-left:0}
.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-home/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-home/assets/loading.gif)}.load-state span.empty:before{background-position:center -598px}.load-state span.error:before{background-position:center -471px}
.cover-preview-module{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:opacity .3s;transition:opacity .3s}.cover-preview-module.show{opacity:1}.cover-preview-module .cover{position:absolute;left:0;top:7px;height:98px;width:100%;margin-top:2px}.cover-preview-module .progress-bar{position:absolute;left:0;top:0;width:100%;height:10px;border-color:#000;border-style:solid;border-width:4px 8px;background:#444;-webkit-box-sizing:border-box;box-sizing:border-box}.cover-preview-module .progress-bar span{display:block;background:#fff;height:2px}
.danmu-module{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;-webkit-transition:all .3s;transition:all .3s}.danmu-module.show{opacity:1}.danmu-module .dm{position:absolute;color:#fff;left:100%;top:8px;white-space:pre;text-shadow:1px 1px 2px #001}.danmu-module .dm.row2{top:25px}
.common-lazy-img{background:url(//s1.hdslb.com/bfs/static/bangumi-home/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}
.spread-module{position:relative;width:160px;height:148px;font-size:12px;overflow:hidden}.spread-module a{text-decoration:none}.spread-module a:hover .t{color:#00a1d6}.spread-module .pic{position:relative;width:160px;height:100px;display:block;overflow:hidden;text-align:center;border-radius:4px}.spread-module .pic img{margin:0 auto;outline:0}.spread-module .pic .gg-pic{position:absolute;right:0;top:0}.spread-module .pic .dur{opacity:0;position:absolute;bottom:2px;left:6px;color:#fff;height:12px;line-height:12px;padding:0 5px 1px 0;-webkit-transition:all .3s;transition:all .3s}.spread-module .pic .promote{overflow:hidden;position:absolute;bottom:0;padding:0 5px;border-radius:0 5px 0 0;color:#fff;left:0;height:20px;background-color:rgba(0,0,0,.4);line-height:20px}.spread-module .pic .mask-video{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);-webkit-transition:opacity .3s;transition:opacity .3s}.spread-module .pic .medal{position:absolute;left:0;top:0;width:40px;height:24px;pointer-events:none;background-image:url(//static.hdslb.com/images/base/icons.png)}.spread-module .pic .medal.golden{background-position:-849px -148px}.spread-module .pic .medal.silvery{background-position:-849px -212px}.spread-module .t{padding-top:8px;height:40px;line-height:20px;-webkit-transition:all .2s linear;transition:all .2s linear;color:#222;word-wrap:break-word;word-break:break-all;overflow:hidden;text-align:left}.spread-module .num{position:absolute;width:100%;bottom:0;height:20px;line-height:20px;color:#99a2aa;background-color:#fff;-webkit-transition:all .3s;transition:all .3s;display:-webkit-box;display:-ms-flexbox;display:flex}.spread-module .num span{line-height:12px;height:14px;display:inline-block;width:50%;overflow:hidden;font-size:12px;vertical-align:bottom}.spread-module .num .icon{width:16px;height:16px;margin-right:5px;color:#99a2aa}.spread-module .num .danmu,.spread-module .num .play{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.spread-module:hover .dur{opacity:1}.spread-module:hover .num{bottom:-20px}.spread-module:hover .mask-video{opacity:1}
.new-stat-module{font-size:12px;height:100%}.new-stat-module .storey-box{min-height:336px;overflow:hidden}.new-stat-module .storey-box .spread-module{float:left;margin:0 20px 20px 0}.new-stat-module .storey-box.center{position:relative}.new-stat-module .storey-box.center .load-state{text-align:center;color:#99a2aa;width:100%;position:absolute}.new-stat-module .storey-box.center .load-state .error,.new-stat-module .storey-box.center .load-state .loading{display:inline;display:initial}.new-stat-module .zone-title{padding-right:20px}.new-stat-module .zone-title .headline{padding:0 0 20px}.new-stat-module .zone-title .headline .name{font-size:24px;line-height:24px;font-weight:400;margin-right:20px;float:left;color:#222}.new-stat-module .zone-title .headline .read-push{float:right;cursor:pointer;background-color:#fff;border:1px solid #ccd0d7;border-radius:4px;height:22px;padding:0 10px;-webkit-transition:all .2s;transition:all .2s}.new-stat-module .zone-title .headline .read-push .icon_read{display:inline-block;width:12px;height:13px;vertical-align:top;-webkit-transition:all .5s;transition:all .5s;margin-top:5px;background-position:-475px -89px;background-image:url(//static.hdslb.com/images/base/icons.png)}.new-stat-module .zone-title .headline .read-push .info{display:inline-block;vertical-align:top;line-height:22px;margin-left:5px}.new-stat-module .zone-title .headline .read-push .info b{font-weight:700}.new-stat-module .zone-title .headline .read-push:hover{background-color:#ccd0d7}.new-stat-module .zone-title .headline .read-push:hover .icon_read{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}.new-stat-module .zone-title .headline .new-stat-more{float:right;width:52px;height:22px;font-size:12px;line-height:22px;background-color:#fff;border:1px solid #ccd0d7;color:#555;border-radius:4px;text-align:center;margin:0 0 0 10px;-webkit-transition:all .2s;transition:all .2s}.new-stat-module .zone-title .headline .new-stat-more .icon{display:inline-block;width:6px;height:12px;margin-top:-2px;margin-left:2px;vertical-align:middle;-webkit-transition:all .2s;transition:all .2s;background:url(//static.hdslb.com/images/base/icons.png);background-position:-478px -218px}.new-stat-module .zone-title .headline .new-stat-more:hover{background-color:#ccd0d7}.new-stat-module .zone-title .headline .new-stat-more:hover .icon{margin-left:5px}.new-stat-module .bili-tab{float:left;margin:0 10px 0 0}
.gg-floor-module{margin:0 auto;position:relative;width:1160px;overflow:hidden;border-radius:5px;max-height:136px}.gg-floor-module .item{-webkit-box-sizing:content-box;box-sizing:content-box}.gg-floor-module a{width:100%;height:100%;display:block}.gg-floor-module img{border-radius:5px}@media screen and (max-width:1400px){.gg-floor-module{width:980px;max-height:120px}}.gg-floor-module .gg-pic{position:absolute;left:0;bottom:0}.gg-floor-module .gg-img{width:100%;height:100%}
.block-area{width:100%;margin-bottom:40px}.block-area:after{content:"";display:block;width:0;height:0;clear:both}.block-area .block-left{width:900px;float:left;overflow:hidden}.block-area .block-left.short .block-header{margin-bottom:28px}.block-area .block-left .block-header{height:24px;margin-bottom:20px}.block-area .block-left .block-header .block-title{float:left;font-size:24px;font-weight:400;line-height:24px;margin-right:30px;color:#222;cursor:auto}.block-area .block-left .block-header a[href*="/"]{cursor:pointer}.block-area .block-left .block-header a[href*="/"]:hover{color:#00a1d6}.block-area .block-left .block-header a.link-more{float:right;width:52px;height:22px;font-size:12px;line-height:22px;background-color:#fff;border:1px solid #ccd0d7;color:#555;border-radius:4px;text-align:center;margin:0 20px 0 10px;-webkit-transition:all .2s;transition:all .2s}.block-area .block-left .block-header a.link-more:hover{color:#555;background-color:#ccd0d7}.block-area .block-left .block-header a.link-more:hover i{margin-left:5px}.block-area .block-left .block-header a.link-more i{display:inline-block;width:6px;height:12px;margin-top:-2px;margin-left:2px;vertical-align:middle;-webkit-transition:all .2s;transition:all .2s;background:url(//s1.hdslb.com/bfs/static/bangumi-home/assets/icons.png);background-position:-478px -218px}.block-area .block-left .block-header .words-link{display:block;float:left;font-size:12px;line-height:24px;color:#99a2aa;max-width:700px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.block-area .block-left .block-header .words-link:hover{color:#00a1d6}.block-area .block-right{float:right;width:260px}.block-area .block-right.align-top-left{padding-top:44px}@media screen and (max-width:1400px){.block-area .block-left{width:720px}.block-area .block-left .block-header .words-link{max-width:500px}}
.pgc-rank-dropdown{position:relative;display:inline-block;vertical-align:middle;background-color:#fff;font-size:12px;cursor:default;padding:0 7px;height:22px;line-height:22px;border:1px solid #ccd0d7;border-radius:4px}.pgc-rank-dropdown:hover{border-radius:4px 4px 0 0;-webkit-box-shadow:rgba(0,0,0,.16) 0 2px 4px;box-shadow:0 2px 4px rgba(0,0,0,.16)}.pgc-rank-dropdown:hover .dropdown-list{display:block}.pgc-rank-dropdown .selected{display:inline-block;vertical-align:top}.pgc-rank-dropdown .icon-arrow-down{background-image:url(//static.hdslb.com/images/base/icons.png);background-position:-475px -157px;display:inline-block;vertical-align:middle;width:12px;height:6px;margin-left:5px;margin-top:-1px}.pgc-rank-dropdown .dropdown-list{position:absolute;width:100%;background:#fff;border:1px solid #ccd0d7;border-top:0;left:-1px;top:22px;z-index:10;display:none;border-radius:0 0 4px 4px}.pgc-rank-dropdown .dropdown-list .dropdown-item{cursor:pointer;margin:0;padding:3px 7px}.pgc-rank-dropdown .dropdown-list .dropdown-item:hover{background-color:#e5e9ef}
.pgc-rank-list{font-size:12px}.pgc-rank-list .load-state{min-height:278px}.pgc-rank-list .rank-item{position:relative;padding-left:25px;margin-top:20px;overflow:hidden}.pgc-rank-list .rank-item.first{margin-top:0;margin-bottom:15px}.pgc-rank-list .rank-item .ri-num{position:absolute;color:#fff;height:18px;line-height:18px;top:0;left:0;font-size:12px;min-width:12px;text-align:center;background-color:#b8c0cc;border-radius:4px;padding:0 3px;font-weight:bolder;font-style:normal}.pgc-rank-list .rank-item.highlight .ri-num{background:#00a1d6}.pgc-rank-list .rank-item .ri-info-wrap{position:relative;display:block;cursor:pointer}.pgc-rank-list .rank-item .ri-info-wrap .w-later{right:160px}.pgc-rank-list .rank-item .ri-info-wrap:hover .w-later{display:block}.pgc-rank-list .rank-item .ri-preview{margin-right:5px;width:80px;height:50px;float:left;display:none;border-radius:4px;overflow:hidden}.pgc-rank-list .rank-item.show-detail .ri-preview{display:block}.pgc-rank-list .rank-item .ri-detail{float:left}.pgc-rank-list .rank-item .ri-detail .ri-title{line-height:18px;height:18px;overflow:hidden;color:#222}.pgc-rank-list .rank-item .ri-detail .ri-point{line-height:12px;color:#99a2aa;height:12px;margin-top:5px;display:none;overflow:hidden}.pgc-rank-list .rank-item.show-detail .ri-detail .ri-title{height:36px;line-height:18px;margin-top:-2px;width:150px;padding:0}.pgc-rank-list .rank-item.show-detail .ri-point{display:block}.pgc-rank-list .rank-item:hover .ri-title{color:#00a1d6}
.sec-rank{font-size:12px;min-height:360px;overflow:hidden}.sec-rank .rank-head{height:24px;line-height:24px}.sec-rank .rank-head h3{float:left;font-size:18px;font-weight:400}.sec-rank .rank-head .pgc-rank-tab{margin-left:20px;float:left}.sec-rank .rank-head .rank-dropdown{float:right}.sec-rank .rank-list-wrap{width:100%;overflow:hidden;zoom:1;-webkit-transition:all .2s linear;transition:all .2s linear}.sec-rank .rank-list-wrap .pgc-rank-list{padding-bottom:15px;min-height:278px;width:100%;padding-top:20px;position:relative}.sec-rank .rank-list-wrap .pgc-rank-list .state{line-height:100px}.sec-rank .more-link{display:block;height:24px;line-height:24px;background-color:#e5e9ef;text-align:center;border:1px solid #e0e6ed;color:#222;border-radius:4px;-webkit-transition:.2s;transition:.2s}.sec-rank .more-link:hover{background-color:#ccd0d7;border-color:#ccd0d7}.sec-rank .more-link .icon-arrow-r{background-image:url(//static.hdslb.com/images/base/icons.png);display:inline-block;vertical-align:middle;background-position:-478px -218px;width:6px;height:12px;margin:-2px 0 0 5px}
li.recom-item-bangumi{position:relative;float:left}li.recom-item-bangumi img{border-radius:4px;width:120px;height:166px}li.recom-item-bangumi+li{margin-left:20px}li.recom-item-bangumi a .rib-info{font-size:12px;position:absolute;bottom:0;left:0;width:100%;background:url(/images/base/layer.png) repeat;background:rgba(0,0,0,.6);line-height:20px;color:#fff;padding:5px 0}li.recom-item-bangumi a .rib-info .d,li.recom-item-bangumi a .rib-info .t{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 10px}li.recom-item-bangumi a .rib-info .d{color:#ccc}
.recom-right-head{height:24px;line-height:24px;padding-bottom:20px}.recom-right-head h3{float:left;font-size:18px;font-weight:400}.recom-right-module{height:166px;padding-bottom:30px}.recom-right-module a,.recom-right-module img{vertical-align:top}
.video-info-module{font-size:12px;position:absolute;top:0;left:0;width:320px;border:1px solid #ccd0d7;border-radius:4px;-webkit-box-shadow:rgba(0,0,0,.16) 0 2px 4px;box-shadow:0 2px 4px rgba(0,0,0,.16);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10020;overflow:hidden;background-color:#fff;padding:12px}.video-info-module .v-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:20px;line-height:12px}.video-info-module .v-info{color:#99a2aa;padding:4px 0 6px}.video-info-module .v-info span{display:inline-block;vertical-align:top;height:16px;line-height:12px}.video-info-module .v-info .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.video-info-module .v-info .line{display:inline-block;border-left:1px solid #99a2aa;height:12px;margin:1px 10px 0}.video-info-module .v-preview{padding:8px 0 12px;border-top:1px solid #e5e9ef;height:64px}.video-info-module .v-preview .common-lazy-img{width:auto;float:left;margin-right:8px;margin-top:4px;height:auto;border-radius:4px;overflow:hidden;width:96px;height:60px}.video-info-module .v-preview .txt{height:60px;overflow:hidden;line-height:21px;word-wrap:break-word;word-break:break-all;color:#99a2aa}.video-info-module .v-data{border-top:1px solid #e5e9ef;padding-top:10px}.video-info-module .v-data span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:70px;color:#99a2aa;line-height:12px}.video-info-module .v-data span .icon{margin-right:4px;vertical-align:top;display:inline-block;width:12px;height:12px;background-image:url(//static.hdslb.com/images/base/icons.png)}.video-info-module .v-data .svg-icon-next{-ms-flex-negative:0;flex-shrink:0;margin-right:4px;vertical-align:top;display:inline-block;width:12px;height:12px}.video-info-module .v-data .play .icon{background-position:-282px -90px}.video-info-module .v-data .danmu .icon{background-position:-282px -218px}.video-info-module .v-data .star .icon{background-position:-282px -346px}.video-info-module .v-data .coin .icon{background-position:-282px -410px}
.video-item-biref{width:160px;margin:0 20px 20px 0;height:150px;float:left;overflow:hidden;cursor:pointer}.video-item-biref.cinema-large{height:260px}.video-item-biref.cinema-large .biref-img{height:214px}.video-item-biref:hover .biref-info .biref-title{color:#00a1d6}.video-item-biref .biref-img{width:100%;height:100px;border-radius:4px;overflow:hidden;position:relative}.video-item-biref .biref-img img{width:100%;height:100%}.video-item-biref .biref-img .biref-tag{position:absolute;width:38px;height:33px;background:url(//s1.hdslb.com/bfs/static/bangumi-home/assets/btag.png) no-repeat;top:0;right:6px;z-index:10}.video-item-biref .biref-img .biref-tag.btag1{background-position:0 0}.video-item-biref .biref-img .biref-tag.btag2{background-position:0 -40px}.video-item-biref .biref-img .biref-tag.btag3{background-position:0 -80px}.video-item-biref .biref-img .biref-tag.btag4{background-position:0 -120px}.video-item-biref .biref-img .biref-tag.btag5{background-position:0 -160px}.video-item-biref .biref-img .biref-tag.btag6{background-position:0 -200px}.video-item-biref .biref-img .biref-tag.btag7{background-position:0 -240px}.video-item-biref .biref-img .biref-tag.btag8{background-position:0 -280px}.video-item-biref .biref-info{margin-top:6px}.video-item-biref .biref-info .biref-title{font-size:12px;line-height:22px;height:22px;color:#222;margin-bottom:2px;-webkit-transition:all .3s;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;word-wrap:break-word}.video-item-biref .biref-info .biref-title.biref-title-line2{height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.video-item-biref .biref-info .biref-title-sec{font-size:12px;color:#99a2aa;line-height:18px;height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.random-change{float:right;cursor:pointer;background-color:#fff;border:1px solid #ccd0d7;border-radius:4px;height:22px;padding:0 10px;-webkit-transition:all .2s;transition:all .2s;font-size:12px}.random-change .icon_read{display:inline-block;width:12px;height:13px;vertical-align:top;-webkit-transition:all .5s;transition:all .5s;margin-top:5px;background-position:-475px -89px;background-image:url(//static.hdslb.com/images/base/icons.png)}.random-change .info{display:inline-block;vertical-align:top;line-height:22px;margin-left:5px}.random-change:hover{background-color:#ccd0d7}.random-change:hover .icon_read{-webkit-transform:rotate(1turn);-ms-transform:rotate(1turn);transform:rotate(1turn)}
.timeline-appear-enter-active,.timeline-appear-leave-active{-webkit-transition:all .4s;transition:all .4s}.timeline-appear-enter,.timeline-appear-leave-to{opacity:0;-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}.timeline-box ul{overflow:hidden;margin-right:-65px}.timeline-box .timeline-item{float:left;width:auto;padding-bottom:35px;padding-right:53px;zoom:1;font-size:12px}.timeline-box .timeline-item:after{content:"";display:block;visibility:hidden;height:0;clear:both;font-size:0}.timeline-box .timeline-item .item-right{float:left;width:96px;height:72px;position:relative}.timeline-box .timeline-item .item-right p.t{height:57px;line-height:18px;overflow:hidden;text-align:left;width:100%;margin-top:-3px;word-break:break-all;word-wrap:break-word}.timeline-box .timeline-item .item-right p.num{position:absolute;bottom:0;text-align:left;margin-top:2px;color:#aaa;left:0;white-space:nowrap;line-height:18px}.timeline-box .timeline-item .item-right p.num span{display:inline-block;*display:inline;*zoom:1}.timeline-box .timeline-item .item-right p.num a,.timeline-box .timeline-item .item-right p.num span{background:#b8c0cc;border-radius:9px;vertical-align:top;text-align:center;padding:0 4px;height:18px;line-height:18px;min-width:28px;max-width:80px;text-overflow:ellipsis;overflow:hidden;color:#fff;margin-left:5px}.timeline-box .timeline-item .item-right p.num a{display:inline-block}.timeline-box .timeline-item .item-right a{color:inherit;text-align:left;display:block;height:100%}.timeline-box .timeline-item .item-right a:hover{color:#00a1d6}.timeline-box .timeline-item .item-right a span.empty-area-fill{display:inline-block;width:100%;height:20px}.timeline-box .timeline-item .preview{margin-right:12px;display:block;float:left;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(circle,#fff,#000)}.timeline-box .timeline-item .preview,.timeline-box .timeline-item .preview img{width:72px;height:72px;border-radius:4px}.timeline-box .timeline-item.new p.num a{background:#ff8eb3}@media screen and (max-width:1400px){.timeline-box ul{overflow:hidden;margin-right:-86px}.timeline-box .timeline-item{float:left;width:auto;padding-bottom:36px;padding-right:80px}}
.bangumi-home-lazy-img{position:relative;background:url(//s1.hdslb.com/bfs/static/bangumi-home/assets/img_loading.png) 50% no-repeat;background-size:50px;width:100%;height:100%;display:inline-block;vertical-align:top;border-radius:4px;overflow:hidden}.bangumi-home-lazy-img img{position:absolute;left:0;top:50%;display:block;width:100%}.bangumi-home-lazy-img img[src=""]{opacity:0}
.follow-item{margin-top:15px}.follow-item:first-child{margin-top:0}.follow-item .follow-cover{float:left;width:96px;height:60px}.follow-item .details{float:left;padding-left:8px;max-width:155px}.follow-item .details .season-title{display:block;height:20px;line-height:20px;margin-top:-3px;width:150px;padding:0;font-size:12px;color:#222;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.follow-item .details .season-title:hover{color:#00a1d6}.follow-item .details .ep-info,.follow-item .details .ep-intro{display:block;height:16px;line-height:16px;font-size:12px;color:#999;margin-top:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.follow-item .details .highlight{color:#fb7299}
.block-area{width:100%;margin-bottom:40px}.block-area:after{content:"";display:block;width:0;height:0;clear:both}.block-area .timeline-wrapper.block-left .item-right p.num a{max-width:50px}.block-area .timeline-wrapper.fix-width{width:100%}.block-area .timeline-wrapper.fix-width .timeline-box .timeline-item{padding-right:65px}@media screen and (max-width:1400px){.block-area .timeline-wrapper.fix-width .timeline-box .timeline-item{padding-right:86px}}.block-area .follow-wrapper{float:right;width:100%;min-height:300px;overflow:hidden}.block-area .follow-wrapper .follow-head{height:24px;line-height:24px}.block-area .follow-wrapper .follow-head h3{float:left;font-size:18px;font-weight:400}.block-area .follow-wrapper .follow-head .follow-more{float:right;width:52px;height:22px;font-size:12px;line-height:22px;background-color:#fff;border:1px solid #ccd0d7;color:#555;border-radius:4px;text-align:center;margin:0 0 0 10px;-webkit-transition:all .2s;transition:all .2s}.block-area .follow-wrapper .follow-head .follow-more:hover{background:#ccd0d7}.block-area .follow-wrapper .follow-head .follow-more:hover .icon{margin-left:5px}.block-area .follow-wrapper .follow-head .follow-more .icon{display:inline-block;width:6px;height:12px;margin-top:-2px;margin-left:2px;vertical-align:middle;-webkit-transition:all .2s;transition:all .2s;background:url(//static.hdslb.com/images/base/icons.png) no-repeat -478px -218px}.block-area .follow-wrapper .follow-list{width:100%;padding-top:20px;padding-bottom:15px;overflow:hidden}.block-area .follow-wrapper .follow-list.reduce{height:285px}.block-area .timeline-title{padding-right:20px}.block-area .timeline-title .headline{padding:0 0 20px}.block-area .timeline-title .headline .name{font-size:24px;line-height:24px;font-weight:400;float:left;color:#222}.block-area .timeline-title .headline .timeline-more{float:right;border:1px solid #f25d8e;width:104px;height:22px;line-height:22px;text-align:center;font-size:14px;border-radius:4px;-webkit-transition:all .2s;transition:all .2s;color:#f25d8e}.block-area .timeline-title .headline .timeline-more i{display:inline-block;vertical-align:middle;width:6px;height:12px;margin:-2px 0 0 5px;background:url(//s1.hdslb.com/bfs/static/bangumi-home/assets/icons.png) no-repeat;background-position:-478px -281px}.block-area .timeline-title .headline .timeline-more:hover{background-color:#f25d8e;color:#fff}.block-area .timeline-title .headline .timeline-more:hover i{background-position:-541px -218px}.block-area .timeline-box .load-state{height:315px}.block-area .timeline-toggle-block{background:url(//s1.hdslb.com/bfs/static/bangumi-home/assets/toggle-base.png) center -480px no-repeat;position:relative;height:40px}.block-area .timeline-toggle-block .timeline-icon{vertical-align:top;margin-left:5px;margin-top:7px}.block-area .timeline-toggle-block .timeline-toggle-btn{background:url(//s1.hdslb.com/bfs/static/bangumi-home/assets/toggle-base.png) -653px -79px no-repeat;width:94px;height:30px;line-height:22px;display:block;cursor:pointer;text-align:center;position:absolute;top:-8px;left:50%;margin-left:-47px;color:#6d757a;font-size:12px}.block-area .timeline-toggle-block .timeline-toggle-btn i{display:inline-block;width:12px;height:10px;margin-left:5px;margin-top:7px;background:url(//s1.hdslb.com/bfs/static/bangumi-home/assets/icons.png) no-repeat}.block-area .timeline-toggle-block .timeline-toggle-btn i.timeline-icon-toggle-down{background-position:-474px -732px}.block-area .timeline-toggle-block .timeline-toggle-btn i.timeline-icon-toggle-up{background-position:-473px -797px}.block-area .timeline-toggle-block .timeline-toggle-btn:hover{color:#00a1d6}.block-area .timeline-toggle-block .timeline-toggle-btn:hover .timeline-icon-toggle-down{background-position:-539px -732px}.block-area .timeline-toggle-block .timeline-toggle-btn:hover .timeline-icon-toggle-up{background-position:-538px -797px}@media screen and (max-width:1400px){.block-area .timeline-toggle-block{background-position:center -288px}}
.handpick-right-module{margin-top:-44px}.handpick-right-module .block-header{height:24px;margin-bottom:20px}.handpick-right-module .block-header .block-title{float:left;font-size:24px;font-weight:400;line-height:24px;margin-right:30px;color:#222;cursor:auto}.handpick-right-module .carousel-wrapper.carousel-large,.handpick-right-module .load-state{height:148px;margin:0}.handpick-right-module .carousel-wrapper.carousel-large .carou-bottom-shadow,.handpick-right-module .load-state .carou-bottom-shadow{height:35px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.5)));background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5))}.handpick-right-module .carousel-wrapper.carousel-large .carou-bottom-shadow .carou-info,.handpick-right-module .load-state .carou-bottom-shadow .carou-info{display:none}.handpick-right-module .carousel-wrapper.carousel-large .carou-bottom-shadow .carou-mini,.handpick-right-module .load-state .carou-bottom-shadow .carou-mini{bottom:6px;right:20px}.handpick-right-module .carousel-wrapper.carousel-large .carou-bottom-shadow .carou-mini .carousel-thumb,.handpick-right-module .load-state .carou-bottom-shadow .carou-mini .carousel-thumb{display:inline-block;width:9px;height:6px;margin-left:8px;border-radius:10px;background:#fff;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.handpick-right-module .carousel-wrapper.carousel-large .carou-bottom-shadow .carou-mini .carousel-thumb.cursor,.handpick-right-module .load-state .carou-bottom-shadow .carou-mini .carousel-thumb.cursor{width:30px;background-color:#f45d8f}.handpick-right-module .carousel-wrapper.carousel-large .carou-bottom-shadow .carou-mini .carousel-thumb.hidden,.handpick-right-module .load-state .carou-bottom-shadow .carou-mini .carousel-thumb.hidden{display:none}
li.recom-item img{border-radius:4px}li.recom-item.lg img{width:340px;height:320px}li.recom-item.md img{width:260px;height:270px}li.recom-item.sm{padding-top:16px}li.recom-item.sm:first-child{padding-top:0}li.recom-item.sm img{width:260px;height:150px}
.sec-rank+.recom-right-module-wrapper{margin-top:20px}.recom-right-module-wrapper.content-lg{height:320px}.recom-right-module-wrapper.content-md{height:270px}.recom-right-module-wrapper.content-sm{height:150px}.recom-right-module a,.recom-right-module img{vertical-align:top}.recom-right-module+.recom-right-module{margin-top:20px}
@media screen and (max-width:1400px){.back-top-tools{margin-left:500px!important}}.back-top-tools{position:fixed;bottom:50px;left:50%;margin-left:590px}.back-top-tools .tool-item{background:#f7f9fa;border:1px solid #e5e9ef;border-radius:3px;width:45px;height:45px;margin-bottom:8px;-webkit-transition:all .3s;transition:all .3s;cursor:pointer;color:#999;text-align:center}.back-top-tools .tool-item svg{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.back-top-tools .tool-item:hover{background-color:#00a1d6;border-color:#00a1d6;color:#fff}.back-top-tools .tool-item:hover svg g{fill:#fff}.back-top-tools .tool-item:last-child{margin-bottom:0}.back-top-tools .tool-item.backup{font-size:28px;line-height:45px}.back-top-tools .tool-item span{display:block}
@-webkit-keyframes up-down-data-v-1652be61{0%{top:60px}25%{top:65px}50%{top:60px}75%{top:55px}to{top:60px}}@keyframes up-down-data-v-1652be61{0%{top:60px}25%{top:65px}50%{top:60px}75%{top:55px}to{top:60px}}.nav-tool-container[data-v-1652be61]{position:fixed;top:40%;left:0;z-index:10;font-size:12px}.nav-tool-container .item-container[data-v-1652be61]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;width:29px;height:72px;margin-bottom:15px;background:#fff;border:1px solid #f3f3f3;-webkit-box-shadow:0 4px 13px rgba(0,0,0,.1);box-shadow:0 4px 13px rgba(0,0,0,.1);cursor:pointer}.nav-tool-container .item-container .tip[data-v-1652be61]{position:absolute;width:149px;height:56px;left:50%;top:60px;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation-iteration-count:5;animation-iteration-count:5;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:up-down-data-v-1652be61;animation-name:up-down-data-v-1652be61}.nav-tool-container .item-container .text[data-v-1652be61]{width:12px;height:56px;color:#000;font-weight:400;font-size:12px;line-height:14px}
.dialog{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;width:100%;height:100%;top:0;left:0;font-size:12px;background-color:rgba(0,0,0,.6);z-index:10240}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .2s cubic-bezier(.25,.53,.66,1.31);transition:opacity .2s cubic-bezier(.25,.53,.66,1.31)}.fade-enter-from,.fade-leave-to{opacity:0}
.dailog-wrap[data-v-96e41fde]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.img-wrap[data-v-96e41fde],.img-wrap .img[data-v-96e41fde]{width:480px;height:480px}.close-btn[data-v-96e41fde],.img-wrap .img[data-v-96e41fde]{cursor:pointer}.close-btn[data-v-96e41fde]{width:40px;height:40px;margin-top:12px;background:url(//activity.hdslb.com/blackboard/static/Kj55Jbxsm6.png) no-repeat 50%/100% 100%}
*{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body{background-color:#fff;min-height:1000px}a,a:link,a:visited{text-decoration:none}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}.ell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.arrow,.arrow-bottom,.arrow-top{display:inline-block;width:10px;height:10px;border-top:.1rem solid #e0e0e0;border-right:.1rem solid #e0e0e0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.arrow-top{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.arrow-bottom{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.hidden{display:none}.layout-scroll-fixed{overflow:hidden}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.cinema-home-wrapper{border-top:1px solid #f4f4f4;width:1160px;margin:0 auto 20px}.carousel-wrapper{margin-right:-20px;margin-bottom:40px}.recom-right-module-wrapper.dtm-recom{margin-top:15px;font-size:12px}.recom-right-module-wrapper.dtm-recom .recom-right-module{padding-bottom:0}.carousel-wrapper.carousel-small .carou-info{height:32px;line-height:32px}.carousel-wrapper.carousel-small .carou-info span a:hover{text-shadow:0 0 3px #fff;color:#fff}@media screen and (max-width:1400px){.cinema-home-wrapper{border-top:1px solid #f4f4f4;width:980px}}