body {
    background-color: #f1f1f1;

}

.xb-banner {
    margin-top: 0 !important;
    background-image: url("/home/image/news/bannerBg.png");
}

.breadcrumb {
    margin-top: 82px;
    background: transparent;
    margin-bottom: -80px;
    background-color: #ffffff;
    line-height: 37px;
    height: 68px;
}

.font_local {
    border-left: 3px #5097FF solid;
    padding-left: 10px;
}

.xb-nav-top-bg{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 72px;
    background-color: #0099FF;
}


.news-main {
    display: flex;
    /*justify-content: space-around;*/
    padding-top: 20px;
    align-items: flex-start;
    margin-top: 72px;
    background-color: #f1f1f1;
}

.news-main .content a {
    color: #00c;
}

.news-main .content a:link {
    color: #9c27b0;
}

.bottom_img {
    /*display: flex;*/
    display: flex;
    flex-direction: column;
}

.popular-news-list {
    width: 100%;
    /*display: inline-block;*/
    background-color: #ffffff;
}

.popular-news-list .popular-news-list-title {
    /*border-bottom: 1px solid #e6e6e6;*/
    /*height: 60px;*/
    /*color: #333;*/
    /*font-size: 20px;*/
    /*display: flex;*/
    /*align-items: center;*/
    padding: 20px 20px 0 20px;
    /*font-weight: 900;*/
}

.popular-news-list .popular-news-list-container {
    padding: 10px 20px;
}

.popular-news-list .popular-news-list-container .popular-news-list-item {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.popular-news-list-item-img{
    width: 27px;
    height: 30px;
    /*background-size: 108%;*/
    text-align: center;
    color: #9a9a9a;
    /*position: relative;*/
    line-height: 38px;
}
.fire{
    display: inline-block;
    width: 30px;
    height: 30px;
}
/*.fire:nth-child(1){*/
/*    background: url("/home/image/news/fire1.png");*/
/*}*/

.popular-news-list .popular-news-list-container .popular-news-list-item img {
    width: 100px;
    height: 66px;
    margin-right: 10px;
}

.popular-news-list .popular-news-list-container .popular-news-list-item .news-info {
    width: 100%;
    /*list-style-type: decimal;*/
}

.popular-news-list .popular-news-list-container .popular-news-list-item .news-info li:first-child {
    color: #333;
    font-size: 0.875rem;
}

/*.popular-news-list .popular-news-list-container .popular-news-list-item .news-info p:last-child {*/
/*    width: 100%;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    font-size: 0.75rem;*/
/*    color: #999;*/
/*    margin-top: 16px;*/
/*}*/

.popular-news-list .popular-news-list-container .popular-news-list-item .news-info .title::before {
    /*counter-increment: section;*/
    /*content: counter(section);*/
    font-size: 1.2rem;
    margin-right: 5px;
    color: rgb(192, 218, 253);
    font-weight: bold;
    /*color: white;*/
}
.popular-news-list .popular-news-list-container .popular-news-list-item .news-info .title{
    display: flex;
    flex-direction: row;
    color: white;
    /*color: #616161;*/
    /*display: inline-block;*/
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.popular-news-list .popular-news-list-container .popular-news-list-item .news-info .title P{
    color: #888888;
}
.news-detail {
    display: inline-block;
    width: 1000px;
    padding: 0 25px;
    /*border: 1px solid #E6E6E6;*/
    color: #333;
    background: #fff;
    margin-bottom: 100px;
    margin-right: 20px;
}

.news-detail .title {
    padding-top: 30px;
    /*text-align: center;*/
    font-size: 1.9rem;
    margin: 10px 0;
    font-weight: bold;
    text-align: center;
}

.news-detail .desc {
    margin: 24px 0 10px;
    font-size: 0.875rem;
    color: #999999;
    display: flex;
    justify-content: center;
    /*text-align: center;*/
    /*justify-content: space-around;*/
}

.news-detail .desc .xb-span {
    /*padding-top: 5px;*/
    /*border-right: 1px solid black;*/
    /*margin-right: 3px;*/
}

.news-detail .content {
    margin-top: 30px;
    border-top: 1px dashed #E1E1E1;
    /*border-bottom: 1px dashed #E1E1E1;*/
    padding: 30px 0 50px;
    /*text-indent: 30px;*/
}

.news-detail .texttag-wrap{
    padding-top: 6px;
    float: left;
}
.news-detail .texttag-wrap .texttag-icon{
    width: 16px;
}


.news-detail .footer {
    border-bottom: 0.5px solid #E6E6E6;
    padding-bottom: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap : wrap;
}

.news-detail .footer .read {
    color: #4490fc;
    font-size: 1rem;
    margin-bottom: 10px;
}

.news-detail .footer ul {
    display: flex;
}

/*.news-detail .footer ul li a:hover {*/
/*    background-color: #4490fc;*/
/*    color: #fff;*/
/*}*/
.wrap-text {
    padding-left: 20px;
}

.news-detail .footer ul li {
    width: 100px;
}

.taglink, .text-tag-item {
    position:relative;
    display: inline-block;
    width: 138px;
    font-size: 14px;
    color: #FD6A02 !important;
    margin:8px 10px
}

/*.taglink:nth-child(n){*/
/*    margin-left: -20px;*/
/*}*/
.prev, .next-next {
    display: flex;
    flex-direction: row;
}
.label{
    font-size: 15px;
}
.next-title {
    color: #039BE5;
    font-size: 15px;
    margin-left: 20px;
}

.news-detail .footer ul li a {
    width: 90px;
    height: 30px;
    border: 0.5px solid #999999;
    background-color: #fff;
    font-size: 0.8rem;
    outline: none;
    display: block;
    text-decoration: none;
    padding-top: 4px;
    text-align: center;

}

.news-detail .next {
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.5px solid #E6E6E6;
    padding-bottom: 20px;
}

.news-detail .next .left {
    color: #999999;
    font-size: 0.8rem;
}

.news-detail .next .right {
    color: #999999;
    font-size: 0.8rem;
}

.news-detail .related-title > p {
    margin-top: 30px;
    font-size: 1.4rem;
    /*font-weight: bold;*/
    margin-bottom: 15px;
    border-left: 2px #5097FF solid;
    padding-left: 15px;
}
.news-detail .related-article > p {
    margin-top: 30px;
    font-size: 16px;
    /*font-weight: bold;*/
    margin-bottom: 15px;
    border-left: 2px #5097FF solid;
    padding-left: 15px;
    /*color: #333333;*/
    line-height: 46px;
    background: radial-gradient(#ff0015, #ffa64e);
}
/* 文档底部图片*/
.news-detail .img-tag ul {
    /*height: 200px;*/
    display: flex;
    justify-content: center;
    /**/
}

.news-detail .img-tag ul li {
    /*float:left;*/
    margin: 0 auto;
    margin-top: 10px;
}

.tags {
    border: none;
}

.tags:hover {
    background: none;
}

/*.news-detail .img-tag .wrap-img-1 li{*/
/*    width:100%;*/
/*}*/
/*.news-detail .img-tag .wrap-img-2 li{*/
/*    width:50%;*/
/*}*/
/*.news-detail .img-tag .wrap-img-3 li{*/
/*    width:33%;*/
/*}*/
/*.news-detail .img-tag .wrap-img-4 li{*/
/*    width:25%;*/
/*}*/
/*.news-detail .img-tag .wrap-img-5 li{*/
/*    width:20%;*/
/*}*/
.news-detail .img-tag ul li img {
    width: 200px;
    height: 200px;
    object-fit: fill;
}

.related-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    row-gap: 0px;
    column-gap: 0px;
}

.related-list .list-item {
    width: 100%;
    /*margin-bottom: 10px;*/
    margin-top: 20px;
}

.related-list .list-item .item-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.item-count {
    width: 20%;
    /*display: flex;*/
    /*justify-content: flex-end;*/
}

.related-list .list-item .item-img {
    width: 160px;
    height: 90px;
    margin-right: 10px;
    border: 1px solid #b6b6b6;
}
.item-title{
    font-size: 13.5px;
    color: #777777;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.item-title-search{
    font-size: 13.5px;
    color: #777777;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 150px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    border-left: 1px solid #ededed;
    padding-left: 6px;
}
.related-list .list-item .item-img img {
    width: 100%;
    height: 100%;
}

/*新闻列表样式开始*/
.class-news-list {
    display: inline-block;
    width: 974px;
    background-color: #fff;
    padding: 32px;
    margin-right: 24px;
    margin-bottom: 30px;
}

.class-news-list .all-news-class {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}

.class-news-list .all-news-class .class-item {
    /*background-color: #999999;*/
    /*width: 273px;*/
    /*height: 60px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    color: #000;
    cursor: pointer;
    margin-right: 32px;
    padding-bottom: 10px;
}

.class-news-list .all-news-class .class-item.active {
    /*background-color: #FF6F00;*/
    color: #408fff;
    border-bottom: 4px solid #408fff;
}

.class-news-list .all-news-class .class-item a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.class-news-list .class-news {
    /*border: 1px solid #E6E6E6;*/
    margin-top: 20px;
    /*padding: 20px;*/
}

.class-news-list .class-news .class-news-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 30px 0;
    /*border-bottom: 1px solid #E6E6E6;*/
}

.class-news-list .class-news .class-news-item img {
    width: 232px;
    height: 130px;
    margin-right: 32px;
}

.class-news-list .class-news .class-news-item .news-info {
    width: 646px;
    height: 148px;
    flex: 1;
}

.class-news-list .class-news .class-news-item .news-info p:first-child {
    color: #333;
    font-weight: 900;
    font-size: 20px;

    word-break: break-all;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.class-news-list .class-news .class-news-item .news-info p:nth-child(2) {
    word-break: break-all;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 5;

}



.class-news-list .class-news .class-news-item .news-info p:last-child {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    color: #ccc;
    margin-top: 16px;
}

.class-news-list .class-news .class-news-item .news-info p:last-child span {
    display: inline-flex;
    margin-right: 100px;
}

.page {
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.page .pagination a, .page .pagination span {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    /*color: #007bff;*/
    background-color: #fff;
    /*border: 1px solid #dee2e6;*/
}

.page > .pagination > li.active > a, .page > .pagination > li.active > span {
    z-index: 3;
    color: #409eff;
    background-color: #ffffff;
    /*border-color: #007bff;*/
}


/* 热门专题 */

.news-aside {
    display: inline-block;
    width: 350px;
    /*background-color: #ffffff;*/


}

.side_search {
    width: 100%;
    border-radius: 20px;
    border: 1px #E5E5E5 solid;
    margin-bottom: 20px;
    height: 40px;
    padding: 0 10px 0 10px;
    font-size: 14px;
    background: #ffffff;
    background-image: url("/home/image/news/search.png");
    background-size: 25px 25px;
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 280px;
}

.news-popular-topics,
.news-popular-search,
.news-system-recommend {
    padding: 20px;
    margin-bottom: 25px;
    width: 100%;
    background-color: #ffffff;
}

.popular-topics-title,
.popular-search-title,
.popular-news-list-title {
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 20px;
    display:block;
    overflow:hidden;
    word-break:keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.popular-topics-list {
    display: flex;
    /*flex-wrap: wrap;*/
    flex-direction: column;
}

.popular-search-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.popular-search-list>a{
    flex: 1 0 50%;
}

.topics {
    list-style: none;
}

.popular-topics-item {
    width: 130px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.topics_item {
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: space-between;*/
    /*height: 50px;*/
    /*border-bottom: 1px #DCDCDC solid;*/
    /*padding-top: 10px;*/
    float: left;
    width: 50%;
    height: 88px;
    text-align: center;
    margin: 20px 0px;
}

.popular-topics-item .item-img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.popular-topics-item .item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popular-topics-item .item-text {
    /*margin-bottom: 20px;*/
    line-height: 30px;
}

.moretopic {
    width: 65px;
    height: 25px;
    border-radius: 20px;
    background: #fafafa;
    border: 1px #DCDCDC solid;
    color: #ABAAAA;
    font-size: 12px;
}

.popular-search-item {
    font-size: 12px;
    background-color: #F7F7F7;
    margin-right: 5px;
    /*margin-bottom: 10px;*/
    margin-top: 20px;
    color: #333;
    display: inline;
    line-height: 32px;
}

.popular-search-item:hover {
    background-color: #ff4b2e;
    color: #fff;
}

.system-recommend-item {
    display: flex;
    margin-bottom: 20px;
}

.aitem {
    display: inline;
}

.system-recommend-item .item-img {
    margin-right: 20px;
}

.system-recommend-item .item-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 200px;
}

.system-recommend-item .item-text .item-title {
    font-size: 14px;
    font-weight: 900;
    /*width: 300px !important;*/
    display: block;
}

.system-recommend-item .item-text .item-desc {
    font-size: 12px;
    color: #888;
}

/deep/ .popular-search-list {
    flex-direction: row !important;
    flex-wrap: wrap;
}

.news-carousel {
    margin-bottom: 20px;
}

.swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}