@charset "UTF-8";
/******************学习路上 start**************/
/*图形 start*/
#total{
    position:relative;
    width:100%;
    height:100%;
    background:#fff;
    overflow:hidden;
}
#shape1{
    width:100%;
    height:500px;
    background:#fff;
    padding:15px 0 0;
    border-bottom:10px solid #f4f4f4;
}
#shape2{
    width:100%;
    height:500px;
    background:#fff;
    padding:15px 0 0;
    border-bottom:10px solid #f4f4f4;
}
#shape3,#shape4,#shape5{
    width:100%;
    height:330px;
    background:#fff;
    padding:15px 0;
    border-bottom:10px solid #f4f4f4;
}
#shape5>div:nth-child(2){
    width:90%!important;
    left:5%!important;;
    white-space: inherit!important;;
}
/*图形 end*/

/*学习记录 start*/
.record_btn{
    display:flex;
    width:100%;
    box-shadow:0 1px 5px rgba(0,0,0,0.1);
    justify-content :center;
}
.record_btn li{
    position:relative;
    width:50%;
    line-height:50px;
    color:#000;
    font-size:1.6rem;
    text-align: center;
}
.record_btn li i{
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-20px;
    width:40px;
    height:4px;
    background:transparent;
    border-radius:10px;
}
.record_btn li.sel{
    font-weight:bold;
    color:#c91418;
}
.record_btn li.sel i{
    background:#c91418;
}

.study_record{
    width:100%;
}
.record_list{
    width:100%;
    overflow:hidden;
    display:none;
}
.record_list .mui-card{
    display:block;
    border-radius:5px;
    box-shadow: 0 1px 4px rgba(0,0,0,.15);
    margin:13px 10px;
}
.record_list .mui-card-header{
    position:relative;
    display:block;
    color:#fff;
    font-size:1.5rem;
    padding:10px 24px 10px 10px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.record_list .mui-card-header i{
    position:absolute;
    right:3px;
}
.record_list .mui-card-content{
    font-size:1.5rem;
    padding:5px 0;
}
.record_list .mui-card-content-inner{
    padding:5px 15px;
}
.record_list1 .mui-card{ background:#ffe5e5;}
.record_list1 .mui-card-header{background:#ee6666;}
.record_list2 .mui-card{ background:#ffe7dd;}
.record_list2 .mui-card-header{background:#fc8452;}
/*学习记录 end*/
/******************学习路上 end**************/