@charset "UTF-8";
/****************每日一课 start**************/
/*banner start*/
#everyday{
    width:100%;
    min-width:1280px;
    height:560px;
    background:url("../images/everyday_bg.jpg") no-repeat top center;
}
#banner{
    height:420px!important;
}
.everyday_title{
    padding:30px 0;
}
.everyday_box{
    position:relative;
    width:100%;
    padding-bottom:10px;
}
.everyday_course{
    position:absolute;
    z-index:9;
    left:0;
    width:340px;
    height:420px;
    background:#fff;
    border-radius:5px;
    box-shadow:1px 1px 10px rgba(0,0,0,.1);
}
.everyday_course h2{
    width:100%;
    line-height:50px;
    border-bottom:1px solid #eee;
    font-size:16px;
    padding:0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.everyday_course h2 img{
    margin-right:5px;
}
.everyday_banner{
    position:relative;
    z-index:7;
    width:100%;
    padding-left:360px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.everyday_banner a{
    display:block;
    width:100%;
    height:420px;
    border-radius:5px;
    box-shadow:1px 1px 10px rgba(0,0,0,.1);
    overflow:hidden;
}
.everyday_banner img{
    width:100%;
}
.layui-carousel,.layui-carousel>[carousel-item]>*{
    background-color:transparent;
}
.today_course{
    width:100%;
    padding:20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.today_course span{
    display:block;
    width:100%;
    border-radius:5px;
    overflow:hidden;
}
.today_course span img{
    width:100%;
}
.today_course p{
    width:100%;
    line-height:50px;
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.today_course a{
    position:relative;
    display:block;
    width:150px;
    height:40px;
    line-height:40px;
    border:2px solid #c91418;
    color:#c91418;
    border-radius:40px;
    text-align: center;
    margin:20px auto;
    transition:all .5s;
    overflow:hidden;
}
.today_course a i {
    position:absolute;
    top:6%;
    left:34%;
    width:56px;
    height:13px;
    opacity: 0.2;
}
.today_course a i::before {
    content:"";
    width:164px;
    height:46px;
    background:rgba(255, 255, 255, 0.2);
    position:absolute;
    animation-delay:0.9s;
    top:-20px;
    left:-56px;
    transition:all ease-out 0.3s;
}
.today_course a:hover {
    color:#ffd712;
    background:#c91418;
    opacity:1;
}
.today_course a:hover i {
    position:absolute;
    top:40%;
    left:34%;
    opacity:1;
    width:56px;
    height:13px;
}
.today_course a:hover i::before {
    height:0;
}

/*banner end*/

/*每日一课列表 start*/
#everyday_list{
    margin:0 auto 20px;
}
#everyday_list h2{
    width:100%;
    line-height:20px;
    border-left:5px solid #c91418;
    padding-left:10px;
    font-size:17px;
}
.course_list li{ height:293px;}
.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){
    #everyday{ height:510px;}
    .everyday_course{ height:372px;}
    .today_course{ padding:10px 20px;}
    .today_course a{ margin:0 auto;}
    #banner,.everyday_course,.everyday_banner a{  height:372px!important;}
    .course_list li{ height:273px;}
}  
/****************每日一课 end**************/