body, html {
    margin: 0;
    height: 100%;
    width: 100%;
    padding: 0;
}

.container {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.header, .footer {

    padding: 10px;
    text-align: center;

}
.content {
    flex: 1; /* 让内容区域伸展以填满剩余空间 */
    overflow-y: auto; /* 允许垂直滚动 */

}
.header {

    border-bottom: solid 2px #db2777;
    height: 30px;
    line-height: 30px;
}
    .footer {
        font-size: 14px;
    }
    .footer span {
        font-size: 22px;
    }
    .content {
        overflow-y: auto; /* 如果内容超出，允许垂直滚动 */
    }
.search-box {
    border-radius: 30px;
   height:30px;
   line-height:30px;
    border: solid 1px #db2777;
    overflow: hidden;
}
.search-box ul{
    width:100%;
    float:left;
    display:inline;
}
.searchbox-li1
{
    width:12%;
    float:left;
    display:inline;
}
.searchbox-li2 {
    width: 88%;
    float: left;
    display: inline;
}
.btnPublish {
    font-size: 16px;
    color: #db2777;
    font-weight:500;
}
.footer a {
    color: #db2777;
}