html,body{
    height:100%;
    min-height:100%;
}
body{
    box-sizing: border-box;
    overflow: auto;
    position:relative;
    height:auto;
    /*padding-bottom:40px;*/
}
.theme-black,.theme-white{
    position:absolute;
    bottom:0;
    left:0;
}

.news-details{
    width:1100px;
    margin:0 auto;
    padding-top:100px;
}
.link-bar{
    height:40px;
    line-height:40px;
    padding-left:20px;
    background-color:#EDF2F8;
    font-size:16px;
}
.wrapper{
    margin-top:30px;
}
.left-body{
    float:left;
    width:850px;
    padding:20px;
    background-color:#EDF2F8;
}
.right-aside{
    float:left;
    width:230px;
    margin-left:20px;
}
.left-body h3{
    font-size:24px;
    margin:10px;
}
.sub-info{
    display: flex;
    font-size:14px;
    justify-content: space-around;
    margin-top:20px;
    margin-bottom:20px;
    color:#999;
}
.sub-info span:nth-of-type(1){
    text-align:right;
}
.sub-info span{
    width:200px;
}
.article-content{
    color:#666;
    font-size:16px;
    line-height:24px;
}
.article-content *{
    line-height:24px;
}
.right-aside h4{
    font-size:16px;
    margin:20px 0;
}
.right-aside li{
    height:24px;
    line-height:24px;
    overflow: hidden;
}
.lastest,.recommend{
    background-color:#EDF2F8;
    padding:10px;
}
.recommend{
    margin-top:20px;
}