*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-size:18px;
    text-decoration: none;
}
body{
  background:#fff;
}
.top-img{
    width:100vw;
    height:33vw;
}
.page-title{
    padding:1rem 1.5rem;
    color:#55585b;
}
.page-title h3{
    position: relative;
    padding-left: 0.8rem;
}
.page-title h3::before{
    position: absolute;
    content: '';
    width: 4.8rem;
    height: .4rem;
    background: #7d0000;
    opacity: .2;
    left: -0.2rem;
    bottom: 0;
    border-radius: .4rem;
    z-index: -1;
}
.container{
    padding:0 1rem;
}
.container .data-item-a{}
.container .data-item-a .item{
    padding:0.6rem 0.2rem 0.4rem;
    color:#696764;
    border-bottom:1px dashed #b9b9c3;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.container .data-item-a .item .item-title{
    font-size:.9rem;
}
.container .data-item-a .item .item-time{
    font-size:.7rem;
    color:#bbb;
}
.pager{
    display:flex;
    justify-content: center;
}
.pager>li{
    List-style: none;
    padding:1rem .5rem;
}
.pager>li>a,.pager>li>span{
    display:flex;
    align-items: center;
    justify-content: center;
    width:2rem;
    height:2rem;
    text-align:center;
    border-radius:1rem;
    background:#f8f4f0;
    color:#666;
}
.pager>li.disabled>span{
    background: #f4f4f4;
    color: #bbb;
}