/**
 *  网站首页样式
 *  by wang 2016-05
 */
@import '../layout-anime.css?ver=20190414';
@import "../module-box.css?ver=20190809";
/* banner 样式 */
.banner{
    height:460px;
    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 460px;
    background-position:center 0;
    background-repeat:no-repeat;
    transition:opacity .3s ease;
}
.slider_inner .in{
    opacity:1;
    z-index:1;
}
.slider_inner .out{
    opacity:0;
    z-index:0;
}
.banner .slider_nav{
    position:absolute;
    z-index:1;
    top:30px;
    right:50%;
    margin-right:-600px;
    width:240px;
    height:352px;
    padding-top:70px;
    background:rgba(255,255,255,.7);
    background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.7) 17%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.7) 88%,rgba(255,255,255,0) 100%);
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.7) 17%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.7) 88%,rgba(255,255,255,0) 100%);
    _background:none #fff;
}
.slider_nav .nav_link{
    display: block;
    height: 54px;
    padding: 0 15px;
    margin: -24px 0;
    cursor: pointer;
    color: #202020;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.slider_nav .nav_link .tit{
    display:inline;
    font-size:14px;
    line-height:28px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.slider_nav .nav_link .tit:after{
    content:':';
    padding-right:2px;
}
.slider_nav .nav_link .txt{
    display:inline;
    font-size:14px;
    line-height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.slider_nav .current, .slider_nav .nav_link:hover{
    padding:10px 15px 12px;
    margin:0 0 24px;
    background-color:#fff;
    background-color:rgba(255,255,255,.8);
}
.slider_nav .nav_link:first-child{
    margin-top:-24px!important;
}
.slider_nav .current .tit, .slider_nav .nav_link:hover .tit{
    display:block;
    font-size:24px;
    line-height:34px;
    color:#f06;
    color:var(--main-color);
}
.slider_nav .current .tit:after, .slider_nav .nav_link:hover .tit:after{
    display:none;
}
.slider_nav .current .txt, .slider_nav .nav_link:hover .txt{
    display:block;
    color:#666;
}
/* 动漫追番样式 */
.wauto{
    width:1200px;
}
/* 最新剧集 */
.last-episodes{
    float:left;
    width:220px;    
    margin-bottom:12px;
}
.episode-title{
    border-bottom: 4px solid #FC4C74;
    border-color:var(--week0-color);
    text-align:center;
}
.episode-title span{
    color:#fff;
    font-size:15px;
    padding:12px 22px 12px 27px;
    letter-spacing:5px;
    line-height:20px;
    display:inline-block;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    border:1px solid #dee2e5;
    border-bottom:none;
    background-color:#FC4C74;
    background-color:var(--week0-color);
    cursor:pointer;
}
.episode-animes{
    height:420px;
    overflow:hidden;
}
.episode-animes li{
    margin-left:5px;
    margin-top:7px;
    width:190px;
    height:35px;
    overflow: hidden;
    padding-left:10px;
    padding-right:10px;
    color: #999;
    font-size: 12px;
    background-color: #f7f7f7;
    border-radius: 3px;
}
.episode-animes li a{
    display:block;
    height:35px;
    line-height:35px;
    width:100%;
    font-size:14px;
    overflow:hidden;
}
.episode-animes li a:hover{
    color:#f60;
    color:var(--main-color);
}
.episode-animes li .index{
    color:var(--main-color);
    float:right;
    font-size:11px;
}
.episode-animes li .title{
    display:inline-block;
    width:107px;
    height:17px;
    padding:2px;
    vertical-align:middle;
    overflow:hidden;
}
.mysubscribe{
  color: var(--main-color);
  font-weight: bold;
  font-size: 13px;
  float: left;
  padding: 13px 10px;
}
/* 追番表 */
.show_all_animes{
    display:inline-block;
    width:70px;
    height:30px;
    color:#555;
    font-size:13px;
    border:1px solid #dee2e5;
    border-radius:5px;
    background-color:#fff;
    cursor:pointer;
}
.show_all_animes.active{
    color:#fff;
    background-color:#f06;
    border-color:#f06;
}
.week-box{
    float:right;
    width:950px;
}
.week-title{
  width:100%;
  z-index: 2;
  position: relative;
  text-align:center;
}
.week-title span{
    color:#555;
    font-size:15px;
    padding:12px 20px 12px 23px;
    letter-spacing:3px;
    line-height:20px;
    display:inline-block;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border:1px solid #dee2e5;
    border-bottom:none;
    background-color:#fff;
    cursor:pointer;
    margin-right:20px;
}
.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, .week-title span:hover{ color:#fff; }
.week-title .week0.active, .week-title .week0:hover{background-color:#FC4C74;background-color:var(--week0-color);}
.week-title .week1.active, .week-title .week1:hover{background-color:#00CCFD;background-color:var(--week1-color);}
.week-title .week2.active, .week-title .week2:hover{background-color:#FDE001;background-color:var(--week2-color);}
.week-title .week3.active, .week-title .week3:hover{background-color:#B532CD;background-color:var(--week3-color);}
.week-title .week4.active, .week-title .week4:hover{background-color:#20CE94;background-color:var(--week4-color);}
.week-title .week5.active, .week-title .week5:hover{background-color:#ff6300;background-color:var(--week5-color);}
.week-title .week6.active, .week-title .week6:hover{background-color:#65C514;background-color:var(--week6-color);}
.week-animes{border-top:4px solid #FC4C74;}
.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{
    float:left;
    width:154px;
    height:206px;
    padding-top:0;
    margin-top:10px;
    margin-left:18px;
    margin-right:18px;
}
.week-animes li>a{
    position:relative;
    display:block;
    width:100%;
    height:150px;
    line-height:150px;
    font-size:13px;
    text-align:center;
    overflow:hidden;
    background-color: #f5f5f5;
    border-radius:3px;
    text-indent:-9999px;
    background-repeat:no-repeat;
    background-position:center -30px;
}
.week-animes li>a span{
    text-indent:0;
}
.week-animes li > div{
    width:154px;
    height:50px;
    padding-top:6px;
    background-color:#fff;
    text-align:center;
}
.week-animes li div a{
    display:block;
    font-size:14px;
    font-weight:normal;
    height:28px;
    line-height:28px;
    overflow:hidden;
    text-align:center;
}
.week-animes li div a:hover{
    color:#f06;
    color:var(--main-color);
}
.week-animes li div p{
  color:#999;
  font-size:12px;
  width:154px;
  height:18px;
  line-height:18px;
  overflow:hidden;
}
.week-animes li .subing-bg{
  position:absolute;
  right:0px;
  top:0px;
  border-top:55px solid #f06;
  border-top-color:var(--main-color);
  border-left:55px solid transparent;
  z-index:10;
}
.week-animes li .subing{
  position:absolute;
  right:4px;
  top:2px;
  height:30px;
  line-height:30px;
  font-size:18px;
  font-family:"黑体";
  color:#fff;
  z-index:20;
}
.week-animes li .new{
  position:absolute;
  left:0px;
  top:0px;
  width:22px;
  height:22px;
  line-height:22px;
  font-size:13px;
  font-family:"黑体";
  color:#fff;
  background-color:var(--main-color);
  z-index:20;
}
.week-animes li .utime, .anime_box li .utime{
  position:absolute;
  right:1px;
  bottom:1px;
  padding:0 5px;
  height:20px;
  line-height:20px;
  font-size:12px;
  background-color:rgba(17,17,17,.8);
  color:#fff;
  border-radius:2px;
  z-index:20;
}
/* 动漫排行样式 */
.mov-animes-word li{
    float:left;
    width:196.6px;
    height:35px;
    overflow:hidden; 
}
.mov-animes-word li a{
    display:inline-block;
    font-size:13px;
    height:30px;
    line-height:30px;
    margin-left:10px;
    overflow:hidden; 
}
.mov-animes-word li a:hover{
    color:#f06;
    color:var(--main-color);
}
.topic-title{
    border-bottom:4px solid #65C514;
    border-color:var(--week6-color);
}
.topic-box .topic-title span{
    color:#555;
    font-size:15px;
    padding:10px 20px;
    line-height:20px;
    display:inline-block;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border:1px solid #65C514;
    border-color:var(--week6-color);
    border-bottom:none;
    background-color:#fff;
    cursor:pointer;
}
.topic-title span.active, .topic-title span:hover{
    color:#fff;
    background-color:#65C514;
    background-color:var(--week6-color);
}
.topic-box .anime_box{
    border-color:#65C514;
    border-color:var(--week6-color);
}
.more{
    text-align:right;
}
.more a{
    font-size:12px;
    margin-right:20px;
}
.more a:hover{
    color:#f06;
    color:var(--main-color);
}

/*@media (max-width:1784px){
.wauto{width:1505px}
.wauto .anime_box li{margin-left:14px;}
.wauto .week-box{width:1245px;}
.wauto .week-box li{margin-left:12px;margin-right:11px;}
.mov-animes-word li{margin-left:14px;}
.banner .slider_nav{margin-right:-750px}
}*/
@media (min-width:1393px){
.wauto{width:1336px}
.wauto .week-box{width:1085px;}
.wauto .week-box li{margin-left:13px;margin-right:13px;}
.wauto .anime_box li{margin-left:10px;margin-right:9px;}
.mov-animes-word li{width:188px;}
.banner .slider_nav{margin-right:-680px;}
}
@media(max-width:1392px){
.wauto{width:1200px}
.wauto .week-box{width:950px;}
.wauto .week-box li{margin-left:18px;margin-right:18px;}
.wauto .anime_box li{margin-left:0;margin-right:0;}
.mov-animes-word li{width:196.6px;}
.banner .slider_nav{top:30px;margin-right:-600px}
}