@import url("../common.css");
.title{
    margin: 0.35rem 0 0.2rem;
    font-size: 0.28rem;
    overflow: hidden;
}
.title .more{
    float: right;
    padding-left: 0.1rem;
    color: #999;
}
.title .more:after{
    content: '';
    display: inline-block;
    width: 0.15rem;
    height: 0.2rem;
    margin-left: 0.08rem;
    background: url("../../img/icon/icon-youjiantou.png") center;
    background-size: cover;
}


/*------------------------------公共教材目录资源--------------------------------*/
.public{position: relative}


/*----------公共教材目录资源的列表----------*/
.publiclist{overflow: hidden}

/*列表的儿子*/
.publiclist-child{
    display: flex;
    height: 2.22rem;
    margin-top: 0.3rem;
}
.publiclist-child:first-child{margin-top: 0}
.publiclist-child .poster{
    display: block;
    width: 1.84rem;
    height: 2.22rem;
    font-size: 0;
    background-position: center;
    background-size: cover;
}
.publiclist-child:first-child .poster{background-image: url("../../img/icon/resource/publiclist-poster1.png")}
.publiclist-child:nth-child(2) .poster{background-image: url("../../img/icon/resource/publiclist-poster2.png")}
.publiclist-child:nth-child(3) .poster{background-image: url("../../img/icon/resource/publiclist-poster3.png")}
.publiclist-child ul{
    flex: 1;
    height: 100%;
    border: 1px solid #e7e2d5;
    padding: 0.175rem 0.25rem 0;
    overflow: hidden;
    border-radius: 0 0.06rem 0.06rem 0;
    box-sizing: border-box;
}
.publiclist-child:first-child ul{border-color: #e7e2d5}
.publiclist-child:nth-child(2) ul{border-color: #d1e3dc}
.publiclist-child:nth-child(3) ul{border-color: #d3dee6}
.publiclist-child ul li{
    float: left;
    width: 31%;
    height: 0.47rem;
    margin-top: 0.2rem;
    margin-left: 3.4%;
    border-radius: 0.06rem;
}
.publiclist-child ul li:first-child,
.publiclist-child ul li:nth-child(2),
.publiclist-child ul li:nth-child(3){margin-top: 0}
.publiclist-child ul li:nth-child(3n-2){margin-left: 0}
.publiclist-child ul li a{
    display: block;
    height: 100%;
    line-height: 0.47rem;
    text-align: center;
    font-size: 0.24rem;
    white-space: normal;
    overflow: hidden;
}
.publiclist-child:first-child ul li a{
    color: #997825;
    background-color: #faf4e6;
}
.publiclist-child:nth-child(2) ul li a{
    color: #0b9962;
    background-color: #e4f7f0;
}
.publiclist-child:nth-child(3) ul li a{
    color: #277ccc;
    background-color: #e5f3ff;
}



/*------------------------------更新动态--------------------------------*/
.dynamic{position: relative}
.dynamic>div{
    position: relative;
    height: 5.5rem;
    overflow: hidden
}


/*----------更新动态的列表----------*/
.dynamiclist{
    position: relative;
    /*overflow: hidden*/
}

/*动态列表的儿子*/
.dynamiclist-child{border-bottom: 0.01rem solid #f0f0f0}
.dynamiclist-child:last-child{border-bottom: none}
.dynamiclist-child>a{
    display: block;
    height: 1.22rem;
    padding: 0.3rem 0;
    overflow: hidden;
}
.dynamiclist-child>a>.icondiv{
    float: left;
    width: 1.22rem;
    height: 1.22rem;
    border: 0.01rem solid #f0f0f0;
    padding: 0.1rem;
    border-radius: 0.06rem;
    box-sizing: border-box;
}
.dynamiclist-child>a>.icondiv i{
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}
.dynamiclist-child>a>h3{
    margin: 0.07rem 0 0 1.47rem;
    font-size: 0.28rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.dynamiclist-child>a>.userinfo{
    display: flex;
    height: 0.4rem;
    margin: 0.07rem 0 0 1.47rem;
    font-size: 0.24rem;
}
.dynamiclist-child>a>.userinfo a{
    display: flex;
    height: 100%;
    line-height: 0.4rem;
}
.dynamiclist-child>a>.userinfo a i{
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}
.dynamiclist-child>a>.userinfo a p{margin-left: 0.12rem}
.dynamiclist-child>a>.userinfo em{
    display: flex;
    height: 100%;
    margin-left: 0.2rem;
    line-height: 0.4rem;
    color: #808080;
}



/*------------------------------电子教材--------------------------------*/
.electron{position: relative}


/*----------电子教材的切换----------*/
.electron-tabs{
    display: flex;
    height: 0.5rem;
}
.electron-tabs button{
    width: 1.04rem;
    height: 0.5rem;
    border: 1px solid #e6e6e6;
    margin-left: 0.2rem;
    font-size: 0.24rem;
    border-radius: 0.06rem;
    background-color: #fff;
}
.electron-tabs button:first-child{margin-left: 0}
.electron-tabs button.active{
    border-color: #a6c5ff;
    background-color: #ebf2ff;
}


/*----------电子教材的列表----------*/
.electron-list{
    display: flex;
    margin-top: 0.4rem;
    flex-wrap: wrap;
}

/*电子教材列表的儿子*/
.electron-list li{
    float: left;
    width: 31%;
    height: 3.05rem;
    margin-top: 0.3rem;
    margin-left: 3.5%;
    box-shadow: 0 5px 8px rgba(0,0,0,.08);
}
.electron-list li:first-child,
.electron-list li:nth-child(2),
.electron-list li:nth-child(3){margin-top: 0}
.electron-list li:nth-child(3n-2){margin-left: 0}
.electron-list li a{
    display: block;
    height: 100%;

}
.electron-list li a .poster{
    position: relative;
    height: 2.5rem;
    background-position: center;
    background-size: cover;
    background-color: #f0f0f0;
}
.electron-list li a .poster.default{
    text-align: center;
    color: #2d74b2;
    background-image: url("../../img/icon/resource/electron-poster.png");
    overflow: hidden;
}
.electron-list li a .poster.default em{
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 0.31rem;
    padding: 0 0.1rem;
    font-size: 0.2rem;
    color: #fff;
    background: rgba(0,0,0,.2);
    justify-content: center;
    align-items: center;
    border-top-left-radius: 0.04rem;
}
.electron-list li a .poster.default h3{
    margin-top: 0.58rem;
    font-size: 0.32rem;
    font-weight: bold;
}
.electron-list li a .poster.default p{
    font-size: 0.24rem;
}
.electron-list li a .poster.default strong{
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0.1rem;
    font-size: 0.18rem;
}
.electron-list li a>p{
    height: 0.55rem;
    padding: 0 0.12rem;
    line-height: 0.55rem;
    font-size: 0.24rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}



/*------------------------------名师课堂--------------------------------*/
.teacher{position: relative}


/*----------名师课堂的列表----------*/
.teacherlist{overflow: hidden}

/*名师课堂列表的儿子*/
.teacherlist-child{
    border-bottom: 1px solid #f0f0f0;
    padding: 0.3rem 0 0.28rem;
}
.teacherlist-child:first-child{padding-top: 0.1rem}
.teacherlist-child:last-child{border-bottom: none}
.teacherlist-child .userinfo{/*用户信息*/
    display: block;
    height: 1.44rem;
    overflow: hidden;
}
.teacherlist-child .userinfo i{
    float: left;
    width: 1.44rem;
    height: 1.44rem;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
}
.teacherlist-child .userinfo p{
    margin: 0.14rem 0 0.02rem 1.63rem;
    font-size: 0.36rem;
}
.teacherlist-child .userinfo strong{
    display: block;
    margin-left: 1.63rem;
    font-size: 0.24rem;
    font-weight: normal;
    color: #808080;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.teacherlist-child .datalist{margin-top: 0.25rem}/*数据列表*/
.teacherlist-child .datalist li{
    height: 0.36rem;
    margin-top: 0.2rem;
}
.teacherlist-child .datalist li:first-child{margin-top: 0}
.teacherlist-child .datalist li a{
    display: block;
    height: 100%;
    line-height: 0.36rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.teacherlist-child .datalist li a i{
    float: left;
    width: 0.3rem;
    height: 0.3rem;
    margin: 0.03rem 0.1rem 0 0;
    background-position: center;
    background-size: cover;
    border-radius: 0.04rem;
}