.mid-box a p:hover{
    color:#01a5c2
}


.mid-item {
    width: 608px;
    margin-bottom: 20px;
}
.mid-item:last-child{
    margin-bottom: 0px;
}
.item-title {
    border-top: 1px solid #D8D8D8;
    display: flex;
    align-items: center;

}

.title-info {
    display: flex;
    align-items: center;
    width: 145px;
    padding-top: 5px;
    border-top: 1px solid #00ABC9;
    margin-top: -1px;
}

.title-avator {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 5px;
}

.title-text {
    font-size: 18px;
    font-family: MicrosoftYaHei;
    color: #1B1B1B;
    line-height: 40px
}

.mid-info {
    width: 100%;
    background: #FFFFFF;
    border-radius: 4px;
    margin-top: 4px;
}

.info-header {
    display: flex;
    padding: 15px 18px 0 18px;
}

.header-left {
    margin-right: 16px;
}

.news-img {
    width: 278px;
    height: 156px;
}

.info-header p {
    width: 280px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #404040;
    line-height: 40px;
}

.info-bottom {
    margin: 8px 18px 0 18px;
    padding-top: 4px;
    border-top: 1px dashed #DEDEDE;

}

.bottom-news {
    width: 572px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #404040;
    line-height: 40px;
}

.recommend-news {
    display: flex;
    padding: 15px 18px 6px 18px;
}

.recommend-news img {
    width: 278px;
    height: 156px;
    margin-right: 16px;

}

.recommend-title {
    width: 278px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #404040;
    line-height: 30px;
    padding-top: 5px;
}

.news-tips {
    padding: 0 18px 15px 18px
}

.news-tips .tips-title {
    width: 572px;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    color: #404040;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding:0
}
.padding-bottom15{
    padding-bottom:15px;
}
.padding-bottom8{
    padding-bottom:8px;
}
.scroll-mid{
    margin-left:256px;
}