@font-face {

    font-family: 'iconfont';

    src: url('http://at.alicdn.com/t/font_1343340_pvq6c14a49f.eot');

    src: url('http://at.alicdn.com/t/font_1343340_pvq6c14a49f.eot?#iefix') format('embedded-opentype'),

        url('http://at.alicdn.com/t/font_1343340_pvq6c14a49f.woff') format('woff'),

        url('http://at.alicdn.com/t/font_1343340_pvq6c14a49f.ttf') format('truetype'),

        url('http://at.alicdn.com/t/font_1343340_pvq6c14a49f.svg#iconfont') format('svg');

}



.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}

.container {

    width: 1200px;

    margin: 0 auto;

}

.header {

    height: 100px;

    padding: 0 3.9%;

    border-bottom: 1px solid #D8DCE6;

}

.logo {

    margin-right: 30px;

    width: 134px;

}

.breadcrumb {

    margin: 25px 0 20px;

}

.breadcrumb li {

    display: inline-block;

    color: #999;

    font-size: 14px;

}

.breadcrumb li a {

    color: #999;

}

/* 置顶文章 */

.article-left {

    width: 61.667%;

}

.top-article {

    padding-left: 10px;

    height: 54px;

    line-height: 54px;

    background-color: #f9f9f9;

}

.top-img {

    margin-right: 3px;

    width: 24px;

    height: 24px;

}

.top-article-box {

    padding: 30px 0 20px;

    border-bottom: 1px solid #EFEFEF; 

}

.title {

    font-size: 18px;

    height: 32px;

    line-height: 32px;

    color: #1D2023;

}

.title-right {

    font-size: 12px;

    color: #999;

    line-height: 32px;

}

.title-right i {

    margin-left: 5px;

}

.top-info {

    margin-top: 15px;

    color: #666;

    line-height: 1.75;

}

.article-list .title {

    color: #1D2023;

    font-weight: 500;

}

.article-list .item {

    padding: 20px 0;

    border-bottom: 1px solid #EFEFEF; 

}

.article-list .item a:hover .title {

    color: #333;

    font-weight: 600;

}

.article-list .item a:hover .title-right {

    font-weight: normal;

}

.article-list .top-info {

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}

.top-article-box a:hover .title {

    color: #333;

    font-weight: 600;

}

/* 分页 */

.page-navigation {

    margin: 40px 0 120px;

    text-align: center;

    font-size: 0;

}

.page-navigation li {

    display: inline-block;

    font-size: 14px;

    color: #606266;

}

.page-navigation li a {

    padding: 0 12px;

}

.page-navigation .iconfont {

    font-size: 12px;

}

.page-navigation .active a {

    color: #1671C9;

}

/* 右边文章列表 */

.article-right {

    width: 30%;

}

.article-right .top-article {

    color: #1D2023;

}

.less-top-img {

    width: 18px;

    height: 18px;

    vertical-align: -8%;

}

.right-list {

    margin-top: 30px;

}

.right-list .item {

    margin-bottom: 18px;

    line-height: 1.5;

}

.right-list .item a {

    color: #888;

    transition: all .3s;

}

.right-list .item a:hover {

    color: #333;

}

/* footer */

.footer {

    padding-top: 10px;

    text-align: center;

    background-color: #fff;

}

.footer p {

    font-size: 12px;

    margin-bottom: 10px;

    color: #666;

}

.line {

    position: relative;

    padding-left: 12px;

    margin-left: 9px;

}

.line::before {

    content: '';

    position: absolute;

    left: 0;

    top: 5px;

    width: 1px;

    height: 6px;

    background-color: #D8DCE6;

}

/* 文章详情 */

.art-title {

    font-size: 30px;

    margin-top: 10px;

}

.article-content {

    width: 64.167%;

}

.article-content .title-right i {

    padding-left: 20px;

}

.article-content .title-right {

    margin: 10px 0 30px;

}

.article-content p {

    line-height: 28px;

    text-align: justify;

}

.sml-title {

    font-weight: 600;

    line-height: 28px;

}

.art-img {

    max-width: 100%;

    max-height: 290px;

    display: block;

    margin: 0 auto;

}

.change-tab {

    margin: 16px 0 66px;

    padding: 0 20px;

    height: 54px;

    line-height: 54px;

    background-color: #f9f9f9;

}

.change-tab a {

    flex: 1;

    -webkit-line-clamp: 1;

    color: #666;

    transition: all .3s;

}

.change-tab a:hover {

    color: #333;

}