#nav{
    height: .37rem;
    display: flex;
    justify-content: space-between;
    text-align: center;
}
#nav a{
    width: 33%;
    height: .37rem;
    line-height: .37rem;
    background: #e3e3e3
}
#nav a:hover{
    background: #de161c;
    color: #fff;
    font-weight: bold;
}

#nav .on{    background: #de161c;
    color: #fff;
    font-weight: bold;}


/* 学习心得 */
.list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: .25rem;
}
.list_study{
    width: 1.65rem;
    padding-left: .33rem;
    margin-top: .22rem;
    position: relative;
}
.list_study section{
    background: #f4f4f4;
}
.list_study h4,.list_study h5{
    text-align: center;
}
.list_study h4{
    padding-top: .2rem;
}
.list_study p{
    padding: .2rem .1rem;
    text-overflow: -o-ellipsis-lastline;  
	overflow: hidden;  
	text-overflow: ellipsis;  
	display: -webkit-box;  
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
}
.list_study span{
    position: absolute;
    width: .67rem;
    height: .67rem;
    left: 0;
    top:0;
}