.post-list-page{
    background-color: #fff;
}
.top-bg{
    width:100%;
    height: 240px;
    background-image: url("../images/post-bg.png");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}
.top-bg-container{
    width:100%;
    height: 100%;
}
.top-bg-content{
    width:100%;
    height: 100%;
    padding:0 0 40px 0;
    box-sizing: border-box;
}
/* 同学汇 */
.post-list-title-container{
    padding-bottom:6px;
    box-sizing: border-box;
}
.post-list-title{
    font-family: var(--font-main-family);
    font-size: var(--font-28-size);
    color:var(--font-red-color);
    line-height: var(--font-28-size);
    font-weight: var(--font-weight-700);
    margin-right:24px;
}
.post-list-subtitle{
    font-family: var(--font-main-family);
    font-size: var(--font-28-size);
    color:var(--font-red-color);
    line-height: var(--font-28-size);
    font-weight: var(--font-weight-400);
}
/* 我的话题 */
.my-topic-container{
    width: 150px;
    height: 40px;
    background: rgba(198,26,45,0.66);
    
}
.my-topic-content{
    width:100%;
    height: 100%;
    font-family: var(--font-main-family);
    font-size: var(--font-16-size);
    color:var(--font-white-color);
    line-height: var(--font-16-size);
    font-weight: var(--font-weight-600);
}
.my-topic-icon{
    width:24px;
    height: auto;
    margin-right:10px;
}
.right-white-icon{
    width: 16px;
    height: auto;
    margin-left:4px;
}

/* tab */
.tab-container{
    margin:40px 0;
}
.nav-item-tab-post{
    margin-right:0 !important;
}
.nav-tab-post .nav-link{
    line-height: 16px !important;
    border-radius: 0 !important;
    margin-right:16px !important;
    padding:10px 32px !important;
    box-sizing: border-box;
}
.nav-tab-post .nav-link:hover{
    color:var(--font-red-color);
}
.nav-tab-post .nav-link.active, .navbar-nav .show>.nav-link{
    background: rgba(198,26,45,0.1) !important;
    color:var(--font-red-color) !important;
    border-radius: 0;
}
/* tab内容 */
.tab-content{
    width:100%;
    padding-bottom: 120px;
    box-sizing: border-box;
}
.post-list-tab-content-item{
    width:100%;
}
.post-list-tab-list{
    width:100%;
}
.post-list-tab-list-item{
    width:100%;
    padding:40px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #DDDDDD;
}
.post-list-tab-list-item:nth-last-child(1){
    border-bottom:none;
}
.post-list-tab-list-item-title{
    font-family: var(--font-main-family);
    font-size: var(--font-18-size);
    color:var(--font-red-color);
    line-height: var(--font-18-size);
    font-weight: var(--font-weight-600);
    margin-bottom: 24px;
}
.post-list-tab-list-item-content{
    width:100%;
    font-family: var(--font-main-family);
    font-size: var(--font-16-size);
    color:var(--font-normal-color);
    line-height: var(--font-16-size);
    font-weight: var(--font-weight-400);
    text-indent: 2em;
}

/* 分页 */
.pagination{
    margin-top:40px;
}
.page-item{
    margin-right:4px;
}
.page-item .page-link{
    width:40px !important;
    height: 40px !important;
    padding-left:0 !important;
    padding-right:0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-16-size);
    color:var(--font-normal-color);
}
.page-item:first-child .page-link{
    border-top-left-radius:0 !important;
    border-bottom-left-radius: 0 !important;
}
.page-item:last-child .page-link{
    border-top-right-radius:0 !important;
    border-bottom-right-radius: 0 !important;
}
.active>.page-link, .page-link.active{
    background-color: var(--main-color) !important;
    border-color: var(--main-color) !important;
}