.mian-content{
    width:1200px;
    margin:auto
 }
 .mian-content .content{
     min-height: 300px;
 }
 .mian-content .content .details-content {
     background: linear-gradient(90deg, #FFFFFF 0%, #EFEFEF 50%, #FFFFFF 100%);;
     text-align: center;
     font-size: 24px;
   }
   #article-title{
     display: inline-block;
     padding: 10px;
     text-align: center;
     margin: 0px auto;
     color: #444444;;
   }
   .details-item {
     text-align: center;
     font-family: MicrosoftYaHei;
     color: #666666;
     margin-top: 16px;
     font-size: 14px;
     margin-bottom: 43px;
   }
   .details-item ul li {
     list-style: none;
     display: inline-block;
     margin-left:30px
   }
   #article-content{
     margin-bottom: 40px;
   }
   .details-item {
    display: flex;
    justify-content: center;
   }
   #article-info {
    display: flex;
    align-items: center;
   }