.bread-crumb{padding-top:5px}.bread-crumb ul{white-space:nowrap}.bread-crumb ul li{position:relative;height:28px;display:block;float:left;margin-left:40px}.bread-crumb ul li:first-child{margin-left:0}.bread-crumb ul li:last-child{padding-right:0}.bread-crumb ul li:last-child:after{background:none}.bread-crumb ul li a{line-height:28px;font-size:14px;color:#6d757a;width:100%;text-align:center}.bread-crumb ul li.on a,.bread-crumb ul li:hover a{color:#00a1d6}
.tl-head{position:relative;width:280px;height:66px;float:left;-webkit-animation:appear-from-left 1s linear;animation:appear-from-left 1s linear;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media screen and (max-width:1400px){.tl-head{width:328px}}.tl-head .tl-day{position:absolute;bottom:0;left:33px;float:left;padding:10px 10px 2px;background:var(--bg1)}.tl-head .tl-day.today .indicator{width:102px;margin-left:-51px;height:6px;background:var(--brand_pink)}.tl-head .tl-day.today .day-of-week{width:50px;height:48px}.tl-head .tl-day.today span{font-size:18px;color:var(--text1)}.tl-head .tl-day.today span.t-week{left:0;top:-6px;width:50px}.tl-head .tl-day.today span.t-date{position:absolute;left:60px;top:16px;width:50px;font-size:14px;color:var(--text1)}.tl-head .tl-day .indicator{position:absolute;bottom:0;left:50%;width:80px;height:3px;margin-left:-40px;padding:0;background:var(--graph_bg_regular);border-radius:8px;display:inline-block}.tl-head .tl-day .day-of-week{width:38px;height:36px;display:inline-block}.tl-head .tl-day span{font-size:14px;color:var(--text3);display:inline-block;text-align:center}.tl-head .tl-day span.t-week{position:relative;left:0;top:-2px;width:40px}.tl-head .tl-day span.t-date{position:absolute;left:48px;top:12px;width:40px;font-size:12px}.tl-head .week-1{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -146px -36px;background-size:247px 663px}.tl-head .week-2{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -146px -108px;background-size:247px 663px}.tl-head .week-3{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -146px -180px;background-size:247px 663px}.tl-head .week-4{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -146px -252px;background-size:247px 663px}.tl-head .week-5{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -146px -324px;background-size:247px 663px}.tl-head .week-6{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -146px -396px;background-size:247px 663px}.tl-head .week-7{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -146px -468px;background-size:247px 663px}.tl-head .today .week-1{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -56px -36px;background-size:247px 663px}.tl-head .today .week-2{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -56px -108px;background-size:247px 663px}.tl-head .today .week-3{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -56px -180px;background-size:247px 663px}.tl-head .today .week-4{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -56px -252px;background-size:247px 663px}.tl-head .today .week-5{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -56px -324px;background-size:247px 663px}.tl-head .today .week-6{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -56px -396px;background-size:247px 663px}.tl-head .today .week-7{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) -56px -468px;background-size:247px 663px}.theme-dark .tl-head .today .week-1{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons-dark.png) -56px -36px;background-size:247px 663px}.theme-dark .tl-head .today .week-2{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons-dark.png) -56px -108px;background-size:247px 663px}.theme-dark .tl-head .today .week-3{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons-dark.png) -56px -180px;background-size:247px 663px}.theme-dark .tl-head .today .week-4{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons-dark.png) -56px -252px;background-size:247px 663px}.theme-dark .tl-head .today .week-5{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons-dark.png) -56px -324px;background-size:247px 663px}.theme-dark .tl-head .today .week-6{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons-dark.png) -56px -396px;background-size:247px 663px}.theme-dark .tl-head .today .week-7{background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons-dark.png) -56px -468px;background-size:247px 663px}
.timeline-header{position:absolute;top:0;left:0;width:1160px;height:60px;margin:0 auto;background:var(--bg1);-webkit-box-shadow:0 10px 10px var(--bg1);box-shadow:0 10px 10px var(--bg1);z-index:10;-webkit-transition:height .3s;transition:height .3s}@media screen and (max-width:1400px){.timeline-header{width:980px}}.timeline-header.fixed{position:fixed;top:0;left:50%;height:72px;margin-left:-580px}@media screen and (max-width:1400px){.timeline-header.fixed{margin-left:-490px}}.timeline-header .arrow-left{position:absolute;top:38px;left:0;width:14px;height:26px;background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) no-repeat -77px -542px;background-size:247px 663px;cursor:pointer;-webkit-animation:arrow-from-left 1s;animation:arrow-from-left 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;z-index:100}.timeline-header .arrow-left.hidden{display:none}.timeline-header .arrow-right{position:absolute;top:38px;right:0;width:14px;height:26px;background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) no-repeat -158px -542px;background-size:247px 663px;cursor:pointer;-webkit-animation:arrow-from-right 1s;animation:arrow-from-right 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;z-index:100}.timeline-header .arrow-right.hidden{display:none}.timeline-header .tl-weeks{position:relative;height:66px;overflow:hidden;-webkit-box-shadow:inset 0 -33px 22px 12px var(--bg1);box-shadow:inset 0 -33px 22px 12px var(--bg1);z-index:1}.timeline-header .tl-weeks:after{position:absolute;top:50px;left:0;right:0;border-bottom:1px solid var(--line_regular);content:"";z-index:-1}.timeline-header .tl-weeks .tl-head-list{-webkit-transition:all .75s ease;transition:all .75s ease}
.season-empty{min-height:600px}.season-empty .season-bg.ball-1{width:246px;height:500px;background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/empty-1.png) no-repeat 2px 10px;background-size:244px 480px}.season-empty .season-bg.ball-2{width:246px;height:469px;background:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/empty-2.png) no-repeat 2px 10px;background-size:244px 449px}
li.season-item{position:relative;margin-top:20px}li.season-item:first-child{margin-top:0}li.season-item:after{content:" ";display:block;clear:both}li.season-item.delay{opacity:.4}li.season-item img{width:72px;height:72px;border-radius:4px;float:left;cursor:pointer;background:hsla(0,0%,47.1%,.1)}li.season-item .season-body{padding-left:80px}li.season-item .season-body .season-title{font-size:12px;color:var(--text1);cursor:pointer;display:-webkit-box;line-height:18px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;vertical-align:middle}li.season-item .season-body .season-title:hover{color:var(--brand_blue)}li.season-item .season-body .season-title span.follow{width:40px;height:18px;display:inline-block;margin-right:4px;margin-top:-2px;background:var(--bg1) url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) no-repeat -145px -606px;background-size:247px 663px;vertical-align:middle}li.season-item .season-body .season-desc{position:absolute;bottom:0;width:140px;font-size:12px;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}li.season-item .season-body .season-desc.published{color:var(--brand_pink)}
.season-timeline{float:left;-webkit-animation:appear-from-left 1s linear;animation:appear-from-left 1s linear;-webkit-animation-fill-mode:both;animation-fill-mode:both;width:280px}@media screen and (max-width:1400px){.season-timeline{width:328px}}.season-timeline .season-group{position:relative;left:26px;padding-right:26px;border-left:1px dashed #ccc}@media screen and (max-width:1400px){.season-timeline .season-group{left:46px;padding-right:46px}}.season-timeline .season-group.is-published{border-left:1px solid #ccc}.season-timeline .season-group.is-published .group-time{color:var(--text3)}.season-timeline .season-group.is-published .group-time:before{border-color:#e7e7e7;background:#e7e7e7}.season-timeline .season-group.today{border-color:var(--brand_pink)!important}.season-timeline .season-group.today .group-time:before{border-color:var(--brand_pink)!important}.season-timeline .season-group.today.is-published .group-time:before{background:var(--brand_pink)!important}.season-timeline .season-group .group-time{position:absolute;left:8px;top:20px;font-size:12px;color:var(--text1)}.season-timeline .season-group .group-time:before{position:absolute;left:-11px;top:6px;width:3px;height:3px;background:var(--bg1);border:1px solid var(--line_regular);content:" ";display:block;border-radius:50%;z-index:1}.season-timeline .season-group ul.season-list{list-style:none;padding-left:48px;padding-top:20px}
.season-timer{height:36px;border-left:1px solid var(--brand_pink)!important}.season-timer .current-timer{position:absolute;left:12px;top:20px;height:18px;line-height:18px;font-size:12px;color:var(--brand_pink)}.season-timer .current-timer:before{position:absolute;content:" ";display:block;border-radius:50%;z-index:1;left:-21px;top:1px;width:16px;height:16px;background:#fff url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icons.png) no-repeat -75px -606px;background-size:247px 663px}.season-timer .season-label{position:absolute;left:0;top:20px;height:18px;line-height:18px;padding-left:48px;font-size:12px;color:var(--brand_pink)}
.timeline-wrapper{width:1120px;margin:0 auto;background:var(--bg1);overflow:hidden;-webkit-box-shadow:inset 0 -33px 22px 12px var(--bg1);box-shadow:inset 0 -33px 22px 12px var(--bg1);-webkit-transition:all .6s;transition:all .6s}@media screen and (max-width:1400px){.timeline-wrapper{width:980px}}.timeline-wrapper .tl-body-list{-webkit-transition:all .6s ease;transition:all .6s ease}
*{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}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}@font-face{font-family:icomoon;src:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icomoon.eot);src:url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icomoon.eot#iefix) format("embedded-opentype"),url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icomoon.ttf) format("truetype"),url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icomoon.woff) format("woff"),url(//s1.hdslb.com/bfs/static/bangumi-timeline/assets/icomoon.svg#icomoon) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class*=" icon-"] *,[class^=icon-],[class^=icon-] *{font-family:icomoon!important;speak:none;font-style:normal;font-weight:400;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-unliked:before{content:"\E903";color:#00a1d6}.icon-cai:before{content:"\E908";color:#99a2aa}.icon-liked:before{content:"\E909";color:#00a1d6}.icon-zan:before{content:"\E90D";color:#99a2aa}.icon-star-half .path1:before{content:"\E90B";color:#ccc}.icon-star-half .path2:before{content:"\E90C";margin-left:-1em;color:#ffa726}.icon-warning:before{content:"\E907";color:#99a2aa}.icon-write .path1:before{content:"\E900";color:#ffd778}.icon-write .path2:before{content:"\E901";margin-left:-1em;color:#f79f4f}.icon-write .path3:before{content:"\E902";margin-left:-1em;color:#2cbce7}.icon-refresh:before{content:"\E904";color:#6d757a}.icon-star:before{content:"\E905";color:#ccc}.icon-star-light:before{content:"\E906";color:#ffa726}.icon-done:before{content:"\1F30D"}.icon-edit:before{content:"\E90A"}#app{border-top:1px solid var(--line_regular);width:100%;min-height:800px;background:var(--bg1);margin-bottom:20px}#app .bread-crumb,#app .timeline-container{position:relative;width:1160px;margin:0 auto;-webkit-transition:all .6s;transition:all .6s}@media screen and (max-width:1400px){#app .bread-crumb,#app .timeline-container{width:980px}}#app .timeline-container{padding-top:66px;padding-bottom:20px}