.my_tab{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 10;
}
.my_tab ul{
    display: flex;
    height: 1.2rem;
    line-height: 1.2rem;
    padding: 0 0.427rem;
}
.my_tab ul li{
    flex: 1;
    text-align: center;
    font-size: 0.4rem;
    color: #797979;
    position: relative;
}
.my_tab ul li.active{
    color: #222222;
}
.my_tab ul li.active:after{
    content: "";
    display: block;
    width: 0.453rem;
    height: 0.027rem;
    background: #313131;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
/*列表*/
.list_main{
    margin-top: 1.2rem;
}
.mymooc_list{
    padding: 0 0.427rem;
    overflow: hidden;
}
.mymooc_list li{
    width: 100%;
    height: 2.933rem;
    background: #EBDACE;
    border-radius: 0.267rem;
    margin-top: 0.853rem;
    position: relative;
    padding: 0 0.453rem;
}
.mymooc_list li .thumb{
    width: 2.08rem;
    height: 2.24rem;
    background: #CD8586;
    border: 2px solid #FFFFFF;
    border-radius: 0.16rem;
    overflow: hidden;
    margin-top: -0.4rem;
    margin-right: 0.293rem;
}
.mymooc_list li .con{
    width: 5.6rem;
}
.mymooc_list li .con .title{
    font-size: 0.4rem;
    color: #222222;
    line-height: 0.533rem;
    height: 1.067rem;
    margin-top: 0.32rem;
}
.mymooc_list li .con .title span{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
/*.mymooc_list li .con .jindu{*/
/*    font-size: 14px;*/
/*    font-family: PingFang SC;*/
/*    font-weight: 400;*/
/*    color: #101010;*/
/*    line-height: 22px;*/
/*}*/
.mymooc_list li .con .jindu .num {
    display: inline-block;
    margin-left: 0.227rem;
    font-size: 0.293rem;
    color: #222222;
}
.mymooc_list li .con .jindu .progress{
    width: 3.04rem;
    height: 2px;
    background: #BE9075;
    border-radius: 1px;
    position: relative;
    display: inline-block;
    bottom: 3px;
}
.mymooc_list li .con .jindu .progress .progress-con{
    position: relative;
    left: 0;
    top: -1px;
    width: 50%;
    background: #A84200;
    height: 3px;
    border-radius: 2px;
    /*animation:progressmove 5s 1;*/
    /*-webkit-animation:progressmove 5s 1; !*Safari and Chrome*!*/
}
.mymooc_list li .time{
    font-size: 0.32rem;
    color: #222222;
    position: absolute;
    left: 0.48rem;
    bottom: 0.4rem;
}
.mymooc_list li .quitBtn{
    width: 2rem;
    height: 0.64rem;
    border-radius: 0.32rem;
    background: #A84200;
    text-align: center;
    line-height: 0.64rem;
    font-size: 0.32rem;
    color: #FFFFFF;
    position: absolute;
    right: 0.253rem;
    bottom: 0.28rem;

}