body{
    background: #F7F2EF;
}
/*banner*/
.mooc_banner{
    width: 100%;
    height: 4.533rem;
}
.mooc_banner .swiper-slide a{
    display: block;
    width: 100%;
    height: 100%;
}
.mooc_banner .swiper-pagination-bullet{
    width: 0.16rem;
    height: 0.16rem;
    background: #434343;
    opacity: 1;
}
.mooc_banner .swiper-pagination-bullet-active{
    background: linear-gradient(0deg, #D14425 0%, #AA1717 100%);
    opacity: 1;
}


/*筛选*/
.choose-tab{
    height: 1.2rem;
    width: 100%;
    background: #fff;
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*z-index: 9999;*/
}
.choose-tab .item{
    text-align: center;
    font-size: 0.427rem;
    color: #282828;
    line-height:1.2rem;
}
.choose-tab .item span{
    font-size: 0.533rem;
    margin-left: 0.187rem;
    color: #282828;
}
/*弹窗*/
.choose-tab-model{
    position: absolute;
    top: 1.2rem;
    left: 0;
    z-index: 9999;
    width: 100%;
    display: none;
}
.choose-tab-model .drop_list{
    padding: 0.267rem 0 0.693rem;
    background: #fff;
}
.choose-tab-model .drop_list li{
    font-size: 0.427rem;
    color: #5E6161;
    padding-left: 0.853rem;
    position: relative;
    width: 100%;
    line-height: 0.64rem;
    margin-top: 0.507rem;
}
.choose-tab-model .drop_list li.mui-icon-checkmarkempty:before{
    font-size: 0.747rem;
    color: #981B18;
    position: absolute;
    right: 0.467rem;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.choose-tab-model .drop_list li.active{
    color: #981B18;
}
.choose-tab-model .drop_list li.active.mui-icon-checkmarkempty:before{
    display: block;
}
.mask{
    width: 100%;
    height: 100vh;
    background: rgba(27, 27, 27, 0.7);
    position: absolute;
    top: 1.2rem;
    z-index: 9998;
    display: none;
}
.nomove{
    height: 100vh;
    overflow: hidden;
}
/*列表*/
.moocList{
    padding: 0 0.4rem;
    width: 100%;
    overflow: hidden;
}
.moocList li{
    width: 4.4rem;
    height: 4.587rem;
    border-radius: 0.133rem;
    overflow: hidden;
    margin-top: 0.373rem;
    background: #fff;
}
.moocList li:nth-of-type(2n+1){
    float: left;
}
.moocList li:nth-of-type(2n){
    float: right;
}
.moocList li a{
    display: block;
    width: 100%;
    height: 100%;
}
.moocList li .thumb{
    width: 100%;
    height: 2.533rem;
    background: #eee;
}
.moocList li .info{
    width: 100%;
    padding: 0 0.28rem;
    height: 2.053rem;
}
.moocList li .info .title{
    font-size: 0.32rem;
    color: #000000;
    line-height: 0.48rem;
    height: 0.96rem;
    margin-top: 0.267rem;
    margin-bottom: 0.08rem;
}
.moocList li .info .venue{
    font-size: 0.32rem;
    color: #818181;
    display: block;
}