#app{
   background: #fff;
}

.header{
    background: #C1C1C1;
}

.detail-content{
    width: 1363px;
    margin: 0 auto;
}

.nav{
    margin-top: 180px;
}
.nav a{
   font-size: 16px;
   color: #ADB5BD;
}
.nav span{
    font-size: 16px;
    color: #555555;
}

.title{
    font-size: 18px;
    color: #2F3338;
    line-height: 26px;
    margin-top: 52px;
}
.author{
   font-size: 14px;
   color: #767B83; 
   margin-top: 16px;
}

.author span{
    margin-right: 12px;
}

.sub-title{
    background: #F4F4F4;
    padding: 18px 14px 16px;
    border-radius: 8px;
    line-height: 22px;
    box-sizing: border-box;
    font-size: 14px;
    color: #555555;
    margin-top: 18px;
}

.sub-title .label{
    width: 76px;
    flex-shrink:0;

}

.article{
    margin-top: 52px;
}

.more-box{
    margin-top: 172px;
}

.more-box span{
    font-size: 18px;
    color: #2F3338;
    font-weight: 600;
}

.more-box a{
   padding: 8px 21px;
   color:  #1766A1;
   font-size: 14px; 
   border: 1px solid #1766A1;
   border-radius: 8px;
   margin-right: 25px;
}

.item-box{
    margin-top: 40px;
}

.item-box .item{
  margin-bottom: 25px;
}

.item-box .item a{
    font-size: 18px;
    color: #333333;
    line-height: 27px;
}