@charset "UTF-8";
/**********学习进展 start*********/
/* 头部 start */
.mui-bar-nav{
    background:url("../images/top_bg.jpg") no-repeat center;
    background-size:100% 100%;
}
.mui-bar-nav.mui-bar .mui-icon{
    padding-top:13px;
    padding-bottom:13px;
    color:#fff;
}
.mui-bar .mui-title{
    color:#fff;
}
.mui-content{
    background:transparent!important;
}
.mui-bar-nav~.mui-content{
    padding-top:50px;
}
/* 头部 end */

/* 课程学习进展 start */
.total{
    position:relative;
    height:475px;
    border-bottom:10px solid #f4f4f4;
    padding:0 10px;
}
.total h1{
    width:100%;
    font-size:17px;
    font-weight:bold;
    line-height:50px;
    overflow:hidden;
}
.total_nav{
    width:100%;
    height:150px;
    background:green;
    border-radius:10px;
    padding:10px;
    margin:0 auto;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.total_nav h2{
    width:100%;
    line-height:30px;
    color:#fff;
    font-size:1.6rem;
    font-weight:bold;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.total_list{
    width:100%;
    margin-top:5px;
    overflow:hidden;
}
.total_list li{
    float:left;
    width:50%;
    line-height:30px;
    color:#fff;
    font-size:1.4rem;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
i.red{
    color:red;
    margin-right:3px;
}
.item1,.item7,.item13,.item19,.item25{
    background:url("../images/pro_bg1.jpg") no-repeat center;
    background-size:cover;
}
.item2,.item8,.item14,.item20,.item26{
    background:url("../images/pro_bg2.jpg") no-repeat center;
    background-size:cover;
}
.item3,.item9,.item15,.item21,.item27{
    background:url("../images/pro_bg3.jpg") no-repeat center;
    background-size:cover;
}
.item4,.item10,.item16,.item22,.item28{
    background:url("../images/pro_bg4.jpg") no-repeat center;
    background-size:cover;
}
.item5,.item11,.item17,.item23,.item29{
    background:url("../images/pro_bg5.jpg") no-repeat center;
    background-size:cover;
}
.item6,.item12,.item18,.item24{
    background:url("../images/pro_bg6.jpg") no-repeat center;
    background-size:cover;
}
.swiper-pagination-bullet-active{
    background:#3b64ea;
}
.notice{
    width:100%;
    font-size:1.45rem;
    line-height:25px;
    margin:0 auto;
}
@media(max-width:335px){
    .total_list li{ 
        font-size:1.3rem;
    }
}
/* 课程学习进展 end */

/*图形 start*/
#shape1,#shape2{
    width:100%;
    background:#fff;
    border-radius:8px;
    padding:15px 5px;
    border-bottom:10px solid #f4f4f4;
    margin:0 auto;
    overflow:hidden;
}
#shape1{ height:360px;}
#shape2{ height:380px;}
/*图形 end*/

/*学习记录 start*/
.record_box{
    width:100%;
    background:#fff;
    margin:0 auto 10px;
    overflow:hidden;
}
.record_btn{
    width:100%;
}
.record_btn li{
    float:left;
    position:relative;
    width:42.5%;
    background:#f1f1f1;
    border-radius:40px;
    line-height:40px;
    color:#000;
    font-size:1.5rem;
    font-weight:bold;
    margin:15px 0 0 5%;
    text-align: center;
    overflow:hidden;
}
.study_record{
    width:100%;
}
.record_list{
    width:100%;
    overflow:hidden;
    display:none;
}
.record_list .mui-card{
    display:block;
    border-radius:8px;
    box-shadow: 0 0 4px 1px rgba(0,0,0,.1);
    margin:15px 4%;
}
.record_list .mui-card-header{
    display:block;
    position:relative;
    width:100%;
    line-height:30px;
    font-size:1.5rem;
    padding:10px 15px;
    overflow:hidden;
    box-sizing: border-box;
}
.record_list .mui-card-header span{
    float:left;
    line-height:30px;
    background:#dce4fb;
    border-radius:30px;
    color:#3b64ea;
    padding:0 15px;
    margin-right:5px;
}
.mui-card-header:after{
    height:0;
}
.record_list .mui-card-content{
    font-size:1.4rem;
    padding:5px 0;
    color:#666;
}
.record_list .mui-card-content-inner{
    padding:0 15px 10px;
    color:#999;
}
.mui-card-footer{
    color:#999;
}
.mui-card-footer span{
    float:right;
    line-height:32px;
    color:#3b64ea;
    font-size:1.45rem;
    margin-right:18px;
}
.mui-navigate-right:after{
    color:#3b64ea;
    font-size:1.8rem;
}
.record_btn li.sel{
     color:#fff;
     background:#3b64ea;
}
/*学习记录 end*/
/**********学习进展 end*********/