[v-cloak] {
    display: none;
}
.notice{
    box-sizing: border-box;
    padding: 90px 20px 0;
    margin:0 auto 30px;
    width:100%;
    max-width:1200px;
    min-height:600px;
}
.router{
    height:50px;
    line-height:50px;
}
.title{
    position: relative;
    height:40px;
    line-height:40px;
    font-size:20px;
    font-weight:800;
    text-indent:20px;
}
.title::before{
    display: block;
    content: '';
    position: absolute;
    left:0;
    top:5px;
    width:3px;
    height:30px;
    background: #ffd800;
}
ul.noticeList > li{
    display: flex;
    position: relative;
    height:50px;
    border-bottom:1px solid #ddd;
    line-height: 50px;
    font-size:18px;
    text-indent: 10px;
    color: #000;
    list-style: none;
}
ul.noticeList a{
  display: flex;
  width:100%;
}
.float_l{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    width:calc(100% - 122px);
    height:50px;
}
.float_r{
    width:120px;
    text-align: right;
}
ul.noticeList > li:before{
    display: block;
    content: "";
    position: absolute;
    left:0;
    top:22px;
    width:6px;
    height:6px;
    border-radius: 3px;
    background: #666;
}
.noticePagination{
    margin-top:20px;
    text-align:center;
}