body{ background-color: #F7F8FA;}
.article-wrap {padding: 0 30px 30px !important;}
.article-wrap-img{background-size: cover;height: 200px;background-position: center;background-repeat: no-repeat;}
.detail{background-color: #fff; padding:30px; width:1150px; margin:80px auto 30px;}
.detail-title{font-size: 24px; color: #333; font-weight: 400; word-break: break-all;}
.detail-ops{line-height: 30px; color:#999; font-size: 13px; padding: 12px 0;}
.detail-ops span{margin-right: 20px;}
.detail-ops a{margin-right:10px;}
.detail-content{padding: 16px 0; color:#333; word-break: break-all; border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;}
.detail .more-art{
    margin-top: 20px;
}
.detail .more-art a{
    color: #777777;
}
.detail-page-header{position: absolute;left: 0;right: 0;background-color: rgb(0 0 0 / 58%);color: #ffffff;padding: 10px 0;}
.detail-page-header i{font-size: 14px;vertical-align: middle;}
.detail-page-header a{text-decoration: none;color: #ffffff;font-size: 14px;}
.detail-page-header a.home{margin-left: 10px;}

.article-wrap{padding:30px; width:90%; margin:0 auto;}
.article-wrap-img img{width: 100%;}
.article-wrap-nav{text-align: center;margin-top: 10px;}
.article-wrap-nav ul li{display: inline-block;padding: 10px 20px;}
.article-wrap-nav ul li a{font-size: 20px;color: #000000;cursor: pointer;}
.article-wrap-nav ul li a.active{color: #186AF2;}
.article-wrap-list{margin-top: 20px;}
.article-wrap-list li{border-bottom: 1px solid #f2f2f2;padding: 20px 15px;}
.article-wrap-list li:hover{background-color: rgb(10 93 216 / 11%);}
.article-wrap-list li:hover .article-wrap-list-info .article-wrap-list-footer a{background-color: rgb(159, 130, 78);color: #fff;display: inline-block;padding: 3px 10px;}
.article-wrap-list li:hover .article-wrap-list-info .article-wrap-list-footer a .glyphicon{display: none;}
.article-wrap-list li img{width: 300px;height: 200px}
.article-wrap-list li .leader img{width: 160px;height: 220px;}
.article-wrap-list .article-wrap-list-info{height: 200px;position: relative;cursor: pointer;padding-left: 30px;}
.article-wrap-list .date{border: 1px solid #e8e8e8;text-align: center;height: 60px;width: 60px;padding-top: 4px;}
.article-wrap-list .date .day{font-size: 22px;font-weight: 600;color: #2d8cf0;}
.article-wrap-list .date .month{font-size: 13px;color: #333333;}

.article-wrap-list .article-wrap-list-info .article-wrap-list-title{font-size: 17px;color: #000000;}
.article-wrap-list .article-wrap-list-info .article-wrap-list-desc{font-size: 14px;margin-top: 15px;}
.article-wrap-list .article-wrap-list-info .article-wrap-list-footer{position: absolute;bottom: 0;left: 0;right: 0;padding-left:30px;color: #999;}
.article-wrap-list .article-wrap-list-info .article-wrap-list-footer a{text-decoration: none;}
.article-wrap-list .article-wrap-list-info .article-wrap-list-footer span{vertical-align: middle;}
.input-group{width: 400px;margin: 0 auto;margin-top: 30px;position: relative}
.input-group .form-control{    height: 45px;
    padding-left: 20px;
    padding-right: 30px;
    border-radius: 30px !important;}
.input-group .search-btn{
    position: absolute;
    right: 0;
    z-index: 8;
    height: 45px;
    line-height: 50px;
    width: 60px;
    text-align: center;
    border: 0;
    background: inherit;
}
.input-group .search-btn i{
    color: #ccc;
    font-size: 18px;
}