#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         : 0 15px;
    width           : 100%;
    height          : 150px;
    background-color: #fff;
    box-shadow      : 0 7px 10px #ebf3ff;
    border-radius   : 10px;
}

.announcementItem .title {
    padding        : 10px 0;
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.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 {
    max-width    : 268px;
    font-size    : 15px;
    overflow     : hidden;
    white-space  : nowrap;
    text-overflow: ellipsis;
}

.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;
}