#notice {
    width  : 100%;
    padding: 0 20px;
    margin : 0 auto;
}

.noticeHeader {
    position        : relative;
    height          : 50px;
    line-height     : 50px;
    text-align      : center;
    font-weight     : bold;
    font-size       : 17px;
    background-color: #fff;
    color           : #333;
    box-shadow      : 0 7px 10px #ebf3ff;
    border-radius   : 10px;
    margin          : 0 auto;
}

.noticeHeader .return {
    position   : absolute;
    left       : -22px;
    top        : 50%;
    transform  : translateY(-50%);
    font-size  : 17px;
    color      : #3980ff;
    display    : flex;
    align-items: center;
}

.noticeHeader .return svg {
    width : 25 px;
    height: 32px;
    fill  : #3980ff;
}

.noticeHeader .read {
    position   : absolute;
    right      : -14px;
    top        : 0;
    font-size  : 16px;
    color      : #3980ff;
    font-weight: normal;
}

.noticeMain {
    margin-top: 10px;
}

.noticeMain .announcementItem {
    position        : relative;
    margin-bottom   : 20px;
    padding         : 10px 15px 24px;
    width           : 100%;
    background-color: #fff;
    box-shadow      : 0 7px 10px #ebf3ff;
    border-radius   : 10px;
}

.announcementItem .title {

    min-height: 44px;
    line-height: 22px;
}

.announcementItem .unread {
    display         : flex;
    width           : 52px;
    justify-content : space-evenly;
    align-items     : center;
    height          : 20px;
    line-height     : 20px;
    border-radius   : 10px;
    font-size       : 14px;
    color           : #fff;
    background-color: #106fff;
}

.announcementItem .title h3 {
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制显示3行 */
    overflow: hidden;
}

.unread .circle {
    width           : 5px;
    height          : 5px;
    border-radius   : 50%;
    background-color: #fff;
}

.announcementItem p {
    color      : #001d49;
    font-size  : 12px;
    line-height: 20px;
}

.announcementItem .date {
    position : absolute;
    bottom   : 10px;
    right    : 22px;
    font-size: 12px;
    color    : #9b9b9b;
}