@charset "UTF-8";
/****************每日一课 start**************/
/*banner start*/
#everyday{
    position:relative;
    width:100%;
    min-width:1280px;
    height:800px;
    background:url("../images/everyday_bg.jpg") no-repeat top center;
}
.everyday_box{
    position:relative;
    height:750px;
}
.everyday_title{
    width:100%;
    padding:50px 0 25px;
    text-align: center;
}
.today{
    position:relative;
    width:900px;
    height:384px;
    background:rgba(215,6,16,0.7);
    border:2px solid #f2ad28;
    padding:20px 20px 20px 530px;
    margin:0 auto;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.every_tu{
    position:absolute;
    z-index:1;
    left:20px;
    top:20px;
    width:510px;
    height:340px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.every_tu img{
    height:340px;
}
.every_wz{
    position:relative;
    width:100%;
    padding:30px 20px 0 30px; 
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.every_wz h1{
    width:100%;
    line-height:30px;
    color:#fff;
    font-size:22px;
    margin-bottom:35px;
    overflow: hidden;
}
.every_wz h1 img{
    float:left;
    margin-right:5px;
}
.every_wz h2{
    line-height:35px;
    margin:45px 0;
    font-size:22px;
    color:#fff;
}
.every_wz a{
    position:relative;
    z-index:1;
    display: block;
    width:160px;
    border:1px solid #ffd157;
    line-height:42px;
    font-size:18px;
    color:#ffd157;
    text-align: center;
    transition: all .5s;
    overflow:hidden;
}
.every_wz a i{ 
    display:inline-block;
    margin-left:5px;
    transform: rotate(180deg);
}
.every_wz a::after{
    position:absolute;
    left:0;
    top:0;
    content: "";
    width:0;
    height:100%;
    background-color:#ffd157;
    color:#d91717;
    transition:all .3s;
    opacity:0;
}
.every_wz a:hover::after{
    z-index:-1;
    opacity:1;
    width:100%;
}
.every_wz a:hover{
    width:180px;
    color:#d91717;
}
.look_back{
    position:absolute;
    bottom:0;
    width:100%;
    height:60px;
    line-height:60px;
    background:rgba(154,1,1,.8);   
    color:#ffed20;
    font-size:24px;
    text-align: center;
    overflow:hidden;
}
.look_back img{
    display:inline-block;
    margin-right:10px;
    vertical-align:-18px;
}
/*banner end*/

/*每日一课列表 start*/
#everyday_list{
    margin:10px auto 20px;
}
.course_list li{ height:283px;}
.course_list li .c_down h4{
    height:auto;
    margin-bottom:0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*每日一课列表 end*/
@media screen and (max-width: 1399px){
    .course_list li{ height:263px;}
}  
/****************每日一课 end**************/