@charset "UTF-8";
/*****************首页 start*******************/
body{
    width:100%;
    height:100%;
    background:url(../images/home_bg.png) no-repeat center top;
    background-size:100% auto;
}
.mui-content{
    background:transparent;
    padding-top:50px;
}
/*头部检索条 start*/
.mui-bar{ padding:0;}
.mui-bar-nav{box-shadow: none;}
.mui-bar-transparent.mui-bar .mui-pull-left{
    float:left;
    width:78px;
    height:24px;
    background:url('../images/logo2.png') no-repeat center;
    background-size:100% 100%;
    margin:13px 10px 0 15px;
}
.mui-bar-transparent.mui-active{ background:#fff!important;}
.mui-bar-transparent.mui-active .mui-pull-left{
    float:left;
    width:78px;
    height:24px;
    background:url('../images/logo.png') no-repeat center;
    background-size:100% 100%;
    margin:13px 10px 0 15px;
}
/*搜索 start*/
.search_nav{
    float:left;
    position:relative;
    width:calc(100% - 118px);
    height:34px;
    line-height:34px;
    background:#fff;
    font-size:1.4rem;
    border-radius:30px;
    margin:8px auto;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
}
header.mui-active .search_nav{
    background:#eee;
}
.search_nav input{
    width:100%;
    height:34px;
    line-height:34px;
    background:#eee;
    font-size:1.4rem;
    padding:0 0 0 40px;
    border:0;
    margin:0;
    text-indent:5px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 
.search_nav a img{
    position:absolute;
    left:15px;
    top:7px;
    width:20px;
    height:20px;
    margin:0;
    vertical-align: middle;
}
/*搜索 end*/

/*头部检索条 end*/

/*轮播 start*/
.banner{
    width:calc(100% - 30px);
    border-radius:15px;
    box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
    text-align: center;
    margin:5px auto 15px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.banner .mui-slider{
    overflow:visible !important
}
.banner .mui-slider .mui-slider-group .mui-slider-item{
    position:relative;
    vertical-align:middle;
}
.mui-slider .mui-slider-group .mui-slider-item .link{
    position:absolute!important;
    bottom:30px;
    left: 50%;
    transform:translate(-50%,0);
    width:300px;
    font-size:1.3rem;
    overflow:hidden;
}
.mui-slider .mui-slider-group .mui-slider-item .link1,
.mui-slider .mui-slider-group .mui-slider-item .link2{
    float:left;
    width:calc((100% - 10px)/2);
    padding:2px 5px;
    background:#d00e0e;
    border:2px solid #fff;
    border-radius:50px;
    color:#fff;
}
.mui-slider .mui-slider-group .mui-slider-item .link1{
    margin-right:10px;
}
.banner .mui-slider .mui-slider-group .mui-slider-item img{
    width:100%;
}
.banner .mui-slider-indicator .mui-active.mui-indicator{
    background: #fff;
    box-shadow:0 0 3px 1px rgba(0,0,0,0.12);
}
.banner .mui-slider-indicator .mui-indicator{
    width:15px;
    height:6px;
    border-radius:5px;
    margin:1px 2px;
    box-shadow:none;
    background: rgba(255,255,255,0.5);
}
@media(max-width:345px){
    .mui-slider .mui-slider-group .mui-slider-item .link{
        bottom:22px;
        width:270px;
        font-size:1.2rem;
    }
}
/*轮播 end*/

/*导航按钮 start*/
.nav{
    width:calc(100% - 30px);
    margin:15px auto 5px;
    overflow:hidden;
}
.nav_list{
    width:100%;
    background:#fff;
    border-radius:5px;
    overflow:hidden;
}
.nav_list li{
    float:left;
    width:20%;
    margin-bottom:5px;
}
.nav_list li a{
    display:block;
    text-align:center;
}
.nav_list li img{
    width:65%;
    max-width:80px;
}
.nav_list li span{
    display:block;
    font-size:1.4rem;
    line-height:30px;
}
/*导航按钮 end*/

/*重点专题入口 start*/
.important_tu{
    width:calc(100% - 30px);
    margin:0 auto;
}
.important_tu a{
    display:block;
    width:100%;
    border-radius:5px;
    margin-top:10px;
    overflow:hidden;
}
.important_tu a img{
    width:100%;
}
/*重点专题入口 end*/

/*两个重点专题课程 start*/
.important .subject_list h2{
    width:calc(100% - 30px);
    padding:0 0 0 8px;
    line-height:25px;
    border-left:4px solid #dc211c;
    color:#000;
    font-size: 1.6rem;
    margin:10px auto;
    overflow:hidden;
    box-sizing: border-box;
}
.important_more{
    display:block;
    width:50%;
    line-height:45px;
    background-image: -moz-linear-gradient( -70deg, rgb(235,33,0) 0%, rgb(245,140,57) 100%);
    background-image: -webkit-linear-gradient( -70deg, rgb(235,33,0) 0%, rgb(245,140,57) 100%);
    background-image: -ms-linear-gradient( -70deg, rgb(235,33,0) 0%, rgb(245,140,57) 100%);
    border-radius:50px;
    color:#fff;
    margin:0 auto;
    text-align: center;
    overflow:hidden;
}
/*两个重点专题课程 end*/

/*最新课程 start*/
.hot_course{
    width:100%;
    margin:0 auto;
}
.hot_course h1{
    width:100%;
    line-height:26px;
    padding:15px;
    color:#000;
    font-size:1.6rem;
    overflow:hidden;
    box-sizing: border-box;
}
.hot_course h1 img{
    float:left;
    width:26px;
    margin:-2px 5px 0 0;
}
/*最新课程 end*/

/*名师讲堂 start*/
.teacher{
    width:100%;
    background:url(../images/teacher_bg.jpg) no-repeat left;
    background-size:cover;
    padding:0 0 20px 15px;
    margin:5px auto 0;
    overflow:hidden;
    box-sizing: border-box;
}
.teacher h1{
    width:100%;
    padding:8px 0;
    text-align: center;
}
.teacher h1 img{
    width:125px;
    max-width:180px;
}
.teacher .mui-slider{
    overflow:inherit;
}
.mui-slider .mui-slider-group .mui-slider-item>a:not(.mui-control-item){
    line-height:inherit;
}
.teacher .mui-slider .mui-slider-group .mui-slider-item{
    width:90%;
    background:rgba(255,255,255,0.2);
    border-radius:6px;
    padding:10px;
    margin-right:10px;
    box-sizing: border-box;
}
.teacher .mui-slider .mui-slider-group .mui-slider-item:last-child{
    margin-right:0;
}
.teacher .mui-slider-item a{
    display:block;
}
.teacher .mui-slider-item a i{
    float:left;
    width:30%;
    border:2px solid #fff193;
    border-radius:5px;
    overflow:hidden;
}
.teacher .mui-slider-item a i img{
    width:100%;
}
.message{
    float:left;
    width:70%;
    padding-left:10px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.message span{
    display:block;
    color:#fff193;
    font-size:1.6rem;
    margin-bottom:10px;
}
.message p{
    width:100%;
    line-height:2rem;
    font-size:1.4rem;
    color:#fff;
    margin-top:.5rem;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    white-space: normal;
}

@media(max-width:365px){
    .message p{
        font-size:1.3rem;
        line-height:1.8rem;
        margin-top:0;
    }
}
/*名师讲堂 end*/

/*专辑课程 start*/
.subject_course{
    width:100%;
    overflow:hidden;
}
.subject_list{
    width:100%;
    margin:0 auto;
    overflow:hidden;
}
.title{
    position:relative;
    width:calc(100% - 30px);
    color:#000;
    line-height:50px;
    font-size:1.6rem;
    padding-left:10px;
    margin:0 auto;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}
.title::after{
    content:'';
    position:absolute;
    left:0;
    top:50%;
    margin-top:-10px;
    width:6px;
    height:20px;
    background-image: -moz-linear-gradient( -70deg, rgb(235,33,0) 0%, rgb(245,140,57) 100%);
    background-image: -webkit-linear-gradient( -70deg, rgb(235,33,0) 0%, rgb(245,140,57) 100%);
    background-image: -ms-linear-gradient( -70deg, rgb(235,33,0) 0%, rgb(245,140,57) 100%);
    border-radius:10px;
}
.more{
    display:block;
    width:50%;
    line-height:40px;
    background-image: -moz-linear-gradient( -70deg, rgb(235,33,0) 0%, rgb(245,140,57) 100%);
    background-image: -webkit-linear-gradient( -70deg, rgb(235,33,0) 0%, rgb(245,140,57) 100%);
    background-image: -ms-linear-gradient( -70deg, rgb(235,33,0) 0%, rgb(245,140,57) 100%);
    border-radius:40px;
    color:#fff;
    font-size:1.5rem;
    text-align:center;
    margin:5px auto 0;
    overflow:hidden;
}
.ad_banner{
    width:100%;
    margin:10px auto 0;
    overflow:hidden;
}
.ad_banner img{
    width:100%;
} 
@media(max-width:350px){
    .title h1{
        font-size:1.45rem;
    }
    .title h1 img{
        width:35px;
        margin-top:5px;
    }
    .title a{ 
        font-size:1.4rem;
    }
    .title a i{
        width:20px;
        height:20px;
        line-height:20px;
        font-size:1.6rem;
        margin:15px 0 0 8px;                                                                
    }
}
/*专辑课程 end*/
/*****************首页 end*******************/