nav {
    box-shadow: 0px 0.14rem 0.1rem -0.1rem rgb(14 5 10 / 5%);
    padding-bottom: 0.2rem !important;
}
#main{
    margin-top: 0.53rem;
}
#main .flex-box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#main .flex-box .material-box{
    box-shadow: 0px 0.06rem 0.08rem 0px 
		rgba(0, 86, 192, 0.2);
	border-radius: 0.3rem 0.3rem 0px 0.3rem;
}
#main .flex-box .material-box img{
    border-radius: 0.3rem 0.3rem 0 0;
}
#main .flex-box a{
    /* margin-right: 0.2rem; */
    margin-bottom: 0.25rem;
    width: 48.5%;
}
#main .material-box .name{
    padding: 0.2rem 0;
    background: url(../image/material_center/title_banner.jpg);
    background-size: contain;
    border-radius: 0 0 0 0.3rem;
}
#main .material-box .name h3{
    text-align: center;
    font-size: 0.2rem;
    color: #5c709d;
    padding: 0 0.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
    overflow: hidden;
}