/**
 *  网站首页样式
 *  by wang 2018-07
 */
@import "layout-anime.css?ver=20210424";
/* banner 样式 */
.banner{
    height:14rem;
    position:relative;
    z-index:49;
    overflow:hidden;
}
.banner .slider_inner{
    width:100%;
    height:100%; 
    position: absolute;
    transition:opacity .3s ease;
}
.slider_inner .slider_item{
    width:100%;
    height:100%; 
    position: absolute;
    background-size:auto 14rem;
    background-position:center 0;
    background-repeat:no-repeat;
    transition:opacity .3s ease;
}
.slider_item .txt{
  position: absolute;
  bottom:1rem;
  right: 1rem;
  font-size: 1.2rem;
  padding: .2rem 1rem;
  background-color: rgba(255, 255, 255, .9);
  border-radius: 1rem;
}
.slider_inner .in{
    opacity:1;
    z-index:1;
}
.slider_inner .out{
    opacity:0;
    z-index:0;
}
.banner .slider_nav{
    position:absolute;
    z-index:1;
    bottom:.5rem;
    left: 0;
    width:100%;
    height:2rem;
    text-align: left;
}
.slider_nav .nav_link{
    display:inline-block;
    width:1rem;
    height: 1rem;
    border-radius: 50%;
    margin-left: 1rem;
    background-color:rgba(255,255,255,.5);
}
.slider_nav .current{
    background-color:#fff;
}
.w1200{
  width:100%;
}
/* 我的追番表 */
.week0 .week-title > span{color:#fff; border-color:#FC4C74; border-color:var(--week0-color);background-color:#FC4C74;background-color:var(--week0-color); }
.week1 .week-title > span{color:#fff; border-color:#00CCFD; border-color:var(--week1-color);background-color:#00CCFD;background-color:var(--week1-color); }
.week2 .week-title > span{color:#fff; border-color:#FDE001; border-color:var(--week2-color);background-color:#FDE001;background-color:var(--week2-color); }
.week3 .week-title > span{color:#fff; border-color:#B532CD; border-color:var(--week3-color);background-color:#B532CD;background-color:var(--week3-color); }
.week4 .week-title > span{color:#fff; border-color:#20CE94; border-color:var(--week4-color);background-color:#20CE94;background-color:var(--week4-color); }
.week5 .week-title > span{color:#fff; border-color:#ff6300; border-color:var(--week5-color);background-color:#ff6300;background-color:var(--week5-color); }
.week6 .week-title > span{color:#fff; border-color:#65C514; border-color:var(--week6-color);background-color:#65C514;background-color:var(--week6-color); }
/* 追番表 */
.week-box{
  margin:.2rem 0;
  min-height:10rem;
}
.week-title{
  width: calc(100% - 1rem);
  margin: 1rem .5rem 0;
  z-index:2;
  position: relative;
  text-align:center;
  display: flex;
}
.week-title span{
  flex-grow:1;
  color:#555;
  font-size:1.4rem;
  padding:.2rem .9rem .1rem;
  line-height:2.5rem;
  display:inline-block;
  border-top-left-radius:.3rem;
  border-top-right-radius:.3rem;
  border:.1rem solid #dee2e5;
  border-bottom:none;
  background-color:#fff;
}
.week-title span.week0{border-color:#FC4C74; border-color:var(--week0-color); }
.week-title span.week1{border-color:#00CCFD; border-color:var(--week1-color); }
.week-title span.week2{border-color:#FDE001; border-color:var(--week2-color); }
.week-title span.week3{border-color:#B532CD; border-color:var(--week3-color); }
.week-title span.week4{border-color:#20CE94; border-color:var(--week4-color); }
.week-title span.week5{border-color:#ff6300; border-color:var(--week5-color); }
.week-title span.week6{border-color:#65C514; border-color:var(--week6-color); }
.week-title span.active{ color:#fff; }
.week-title .week0.active{background-color:#FC4C74;background-color:var(--week0-color);}
.week-title .week1.active{background-color:#00CCFD;background-color:var(--week1-color);}
.week-title .week2.active{background-color:#FDE001;background-color:var(--week2-color);}
.week-title .week3.active{background-color:#B532CD;background-color:var(--week3-color);}
.week-title .week4.active{background-color:#20CE94;background-color:var(--week4-color);}
.week-title .week5.active{background-color:#ff6300;background-color:var(--week5-color);}
.week-title .week6.active{background-color:#65C514;background-color:var(--week6-color);}
.week-animes{
  display: -webkit-flex;
  display:flex;
  flex-wrap:wrap;
  border-top:.4rem solid #FC4C74;
  margin: -0.1rem 0.5rem 0;
  position: relative;
  z-index: 20;
}
.week-animes.hide{
  display:none;
}
.week-animes#week0{border-color:#FC4C74; border-color:var(--week0-color);}
.week-animes#week1{border-color:#00CCFD; border-color:var(--week1-color);}
.week-animes#week2{border-color:#FDE001; border-color:var(--week2-color);}
.week-animes#week3{border-color:#B532CD; border-color:var(--week3-color);}
.week-animes#week4{border-color:#20CE94; border-color:var(--week4-color);}
.week-animes#week5{border-color:#ff6300; border-color:var(--week5-color);}
.week-animes#week6{border-color:#65C514; border-color:var(--week6-color);}
.week-animes li{
  flex:1;
  padding-top:.8rem;
}
.week-animes li >a{
  position:relative;
  display:block;
  margin:0 auto;
  width:10.5rem;
  height:13rem;
  overflow:hidden;
  border-radius:.2rem;
}
.week-animes li img{
  display:block;
  width:10.5em;
  height:14em;
  line-height:30em;
  margin:0 auto;
  border:none;
  position:relative;
  overflow:hidden;
}
.week-animes li img:after {  
  content:attr(alt);
  font-size:2em;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
}
.week-animes li h3{
  height:3.6rem;
  width:90%;
  margin:0 auto;
  margin-top:.5rem;
  text-align:center;
  font-weight:normal;
  font-size:1.3rem;
  overflow: hidden;
}
.week-animes li h3 a:hover{
  color:#f06;
}
.week-animes li .utime{
  position:absolute;
  bottom:0;
  left:0;
  padding:0 .5rem;
  height:1.6rem;
  line-height:1.6rem;
  font-size:1.1rem;
  background-color:rgba(17,17,17,.8);
  color:#fff;
  border-top-right-radius:.2rem;
  z-index:20;
}
.week-animes li .subing-bg{
  position:absolute;
  right:0px;
  top:0px;
  border-top:4rem solid #f06;
  border-top-color:var(--main-color);
  border-left:4rem solid transparent;
  z-index:10;
}
.week-animes li .subing{
  position:absolute;
  right:.5rem;
  top:.5rem;
  height:1rem;
  line-height:1rem;
  font-size:1.6rem;
  font-family:"黑体";
  color:#fff;
  z-index:20;
}
.week-animes li .new{
  position:absolute;
  left:0;
  top:0;
  width:2rem;
  height:2rem;
  line-height:2rem;
  text-align:center;
  border-radius:.2rem;
  font-size:1.3rem;
  font-family:"黑体";
  color:#fff;
  background-color:var(--main-color);
  z-index:20;
}
.topic-box li{
  float: left;
  width: 12rem;
  height: 4rem;
  line-height: 4rem;
  text-align:center;
}
.topic-box h3{
  display: inline;
}
.topic-box h3 a{
  font-size:1.3rem;
  font-weight: normal;
  color: #fff;
  padding: .8rem 1rem;
  border-radius: .2rem;
  background-color: var(--week1-color);
}