/* 修改container的最大宽度为1280 */
@media screen and (min-width:1280px) {
    .container {
        width: 1280px;
    }
}

@media (min-width: 992px) {
    .surplus-char {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

@media (max-width: 992px) {
    .surplus-char {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}

.separate-row {
    height: 10px;
}

/* 设置超链接的默认颜色 */
a {
    color: #333333;
    text-decoration: none;
    /* 移除下划线 */
}

/* 鼠标悬停时的样式 */
a:hover {
    color: #333333;
    text-decoration: none;
    /* 鼠标悬停时显示下划线 */
}

img {
    border-radius: 10px;
}

#header {
    padding-top: 10px;
}

article {
    margin-top: 50px;
}

#header-logo {
    height: 50px;
    width: 50px;
    padding: 0;
}

#header-user-img {
    height: 30px;
    display: inline;
}

#header-user-nickname {
    font-size: 12px;
}

#footer {
    background-color: rgba(248, 247, 248, 1);
    font-size: 12px;
    line-height: 18px;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: center;
    margin-top: 20px;
}