/**
 *  网站首页样式
 *  by wang 2016-05
 */
/* 动漫追番样式 */
.wauto{
    width:1584px;
}
.wauto .anime_box li{
    margin-left:25px;
    margin-top:20px;
}
.week-box{
  margin:10px 0;
  min-height:100px;
}
.week0 .week-title > span:first-child{background-color:#ffd800;background-color:var(--week0-color);}
.week1 .week-title > span:first-child{background-color:#ff6600;background-color:var(--week1-color);}
.week2 .week-title > span:first-child{background-color:#ff0033;background-color:var(--week2-color);}
.week3 .week-title > span:first-child{background-color:#ff008f;background-color:var(--week3-color);}
.week4 .week-title > span:first-child{background-color:#00edff;background-color:var(--week4-color);}
.week5 .week-title > span:first-child{background-color:#00ffcc;background-color:var(--week5-color);}
.week6 .week-title > span:first-child{background-color:#93ee00;background-color:var(--week6-color);}
.week0 .week-title{border-bottom:2px solid #ffd800;border-bottom-color:var(--week0-color);}
.week1 .week-title{border-bottom:2px solid #ff6600;border-bottom-color:var(--week1-color);}
.week2 .week-title{border-bottom:2px solid #ff0033;border-bottom-color:var(--week2-color);}
.week3 .week-title{border-bottom:2px solid #ff008f;border-bottom-color:var(--week3-color);}
.week4 .week-title{border-bottom:2px solid #00edff;border-bottom-color:var(--week4-color);}
.week5 .week-title{border-bottom:2px solid #00ffcc;border-bottom-color:var(--week5-color);}
.week6 .week-title{border-bottom:2px solid #93ee00;border-bottom-color:var(--week6-color);}
.week-title{
  width:100%;
  height:40px;
}
.week-title>span:first-child{
  color:#fff;
  font-size:15px;
  padding:10px 20px;
  line-height:20px;
  display:inline-block;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
}
.anime_box li{
  float:left;
  padding-top:15px;
  text-align:center;
  width:196px;
  height:292px;
  overflow:hidden;
}
.anime_box li >a{
  position:relative;
  display:inline-block;
}
.anime_box li img{
  display:block;
  margin:0 auto;
  width:180px;
  height:240px;
  line-height:240px;
  border:none;
  position:relative;
  overflow:hidden;
}
.anime_box li img:after {  
  content:attr(alt);
  font-size: 14px;
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
}
.anime_box li h3{
  width:184px;
  padding:6px 6px 0;
  font-weight:normal;
}
.anime_box li h3 a{
    display:inline-block;
    max-height:43px;
    overflow:hidden;
    font-size:15px;
}
.anime_box li:hover h3 a{
  color:#f06;
  color:var(--main-color);
}
.anime_box 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;
}
.anime_box li .subing{
  position:absolute;
  right:4px;
  top:2px;
  height:30px;
  line-height:30px;
  font-size:20px;
  font-family:"黑体";
  color:#fff;
  z-index:20;
}
.anime_box li .utime{
  position:absolute;
  left:6px;
  bottom:5px;
  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;
}
.anime_box li .rating{
  position:absolute;
  right:2px;
  bottom:2px;
  width:40px;
  height:30px;
  line-height:30px;
  font-size:18px;
  font-weight:bold;
  background-color:rgba(17,17,17,.8);
  color:#f4ac00;
  border-radius:2px;
  z-index:20;
}
.anime_box li >p{
  color:#999;
  font-size:12px;
  width:184px;
  padding:0 6px;
  height:20px;
  line-height:20px;
  overflow:hidden;
  margin-top:3px;
}
.info{
  text-align:center;
  color:#f06;
}

@media (max-width:1784px){
.wauto{width:1505px}
.wauto .anime_box li{margin-left:14px;margin-top:15px;}
}
@media (max-width:1588px){
.wauto{width:1336px}
.wauto .anime_box li{margin-left:20px;margin-top:10px;}
}
@media(max-width:1392px){
.wauto{width:1200px}
.wauto .anime_box li{margin-left:0;margin-top:0;}
}