.page-notice {
    min-height: 800px;
}

.notice-banner {
    background: #CC0000;
    height:60px;
    margin-top:24px;
}

.notice-banner-title {
    line-height: 60px;
    margin-left: 25px;
    color:#ffffff;
}

.notice-view {
    display: flex;
}

.notice-links {
    margin-left: 24px;
    width: 360px;
    flex: none;
}

.notice-links-header {
    height:60px;
    margin-top:50px;
    background: #d50808;
    border: 1px solid #d50808;
    border-radius: 10px 10px 0 0;
    text-align: center;
    line-height: 60px;
    color:#ffffff;
}

.notice-links-body {
    padding: 10px;
    border: 1px solid #999;
    border-top-style: none;
    border-radius: 0 0 10px 10px ;
    min-height: 450px;
}

.notice-link-item {
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.notice-link-item + .notice-link-item {
    margin-top: 10px;
}

.notice-content {
    flex: auto;
}

.notice-header {
    padding: 24px;
    border-bottom: 1px solid #ccc;
}

.notice-body {
    padding: 24px;
}