*{
    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 1rem;
    color:#696764;
    font-size:.85rem;
}

.container p{
    line-height:1.6rem;
    margin-bottom:.8rem;
    color:#696764;
    font-size:.85rem;
    text-align: justify;
    text-indent: 0px;
    word-wrap: break-word;
}
.container p img{
    max-width:100%;
}
.container.page-info{
    display:flex;
}
.container.page-info .page-item{
    margin-right:2rem;
}
.container.page-info .page-item .page-item-title{
    font-size:.7rem;
    font-weight:100;
    color:#bbb;
}
.container.page-info .page-item .page-item-text{
    font-size:.7rem;
    color:#999;
}