/**
公共样式
 */
body {
    padding: 0;
    margin: 0;
    font-size: 0;
    background: #F7F7F7;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN, "Microsoft YaHei", serif;
}


.hidden {
    display: none !important;
}

[data-display="flex"] {
    display: flex;
}

[data-flex="1"] {
    flex: 1;
}

a {
    text-decoration: none;
    color: inherit;
}
h1 {
    font-size: inherit;
    font-weight: inherit;
}

/**
wap样式
 */
@media screen and (max-width: 769px) {
    [data-display="flex"] {
        display: flex;
        flex-flow: column;
    }

    html, body {
        height: 100%;
        width: 100%;
    }

    body {
        display: flex;
        flex-direction: column;
        background-color: #f3f3f3;
    }

    body > .bc-body {
        flex: 1;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .web-only {
        display: none !important;
    }

    img {
        width: 100%;
        height: auto;
    }

    /*公共头部*/
    body > .header {
        display: none;
    }

    body > .header-plus {
        flex: none;
        background-color: #ffffff;
        position: relative;
    }

    body > .header-plus[data-skin="red"] {
        background-color: rgba(224, 44, 43, 0.8);
    }

    body > .header-plus .site-classify {
        width: 100%;
        position: relative;
        font-size: 0.34rem;
        font-weight: 500;
        color: #333333;
        line-height: 0.68rem;
        text-align: center;
        top: 0;
        left: 0;
    }

    body > .header-plus[data-skin="red"] .site-classify {
        color: #FFFFFF;
    }


    body > .header-plus .site-classify .classify-detail {
        display: none;
    }

    body > .header-plus .search-btn {
        height: 0.68rem;
        width: 0.88rem;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
    }

    body > .header-plus .search-btn:before {
        content: "";
        display: block;
        width: 0.4rem;
        height: 0.4rem;
        background-image: url("/image/icon_search_wap.png");
        background-repeat: no-repeat;
        background-size: 0.4rem 0.4rem;
        position: relative;
        top: 0.12rem;
        left: 0.24rem;
    }

    body > .header-plus[data-skin="red"] .search-btn:before {
        background-image: url("/image/icon_search_white.png");
    }

    body > .header-plus .block-list {
        display: flex;
        overflow-x: scroll;
        overflow-y: hidden;
        height: 0.72rem;
        background: rgba(224, 44, 43, 0.8);
        color: #ffffff;
    }

    body > .header-plus .block-list::-webkit-scrollbar {
        display: none;
    }

    body > .header-plus .block-list div {
        display: inline-block;
        height: 0.72rem;
        line-height: 0.72rem;
        font-size: 0.28rem;
        font-weight: 400;
        color: #FFFFFF;
        padding: 0 0.18rem;
        flex: none;
    }

    body > .header-plus .block-list div > span {

    }

    body > .header-plus[data-skin="red"] .block-list {
        display: none;
    }


    .news-detail {
        padding: 0.14rem 0.24rem;
        background: #ffffff;
    }

    .news-detail > * {
        max-width: 7.02rem;
        word-break: break-word;
    }

    .news-detail .news-title {
        font-size: 0.40rem;
        font-weight: 600;
        color: #333333;
        line-height: 0.56rem;
    }

    .news-detail .news-content {
        font-size: 0.3rem;
        font-weight: 400;
        color: #333333;
        line-height: 0.5rem;
    }

    .news-detail .news-content p {
    }

    .news-detail .news-content img {
        width: 100%;
        height: auto;
    }

    .bc-banner {
        width: 100%;
        height: 4.12rem;
    }

    .news-list .news-item {
        display: none;
    }

    .news-list[data-style="news-list-title"] .news-item,
    .news-list[data-style="news-img-2"] .news-item,
    .news-list[data-style="img-block"] .news-item,
    .news-list[data-style="news-img-title-time"] .news-item,
    .news-list[data-style="news-list-row"] .news-item {
        display: block;
        overflow: hidden;
        width: 100%;
        height: 1.74rem;
        position: relative;
        background-color: #FFFFFF;
    }

    #infoList a:after {
        left: 0;
        width: 100%;
    }

    #infoList a:after  {
        content: "";
        display: block;
        bottom: 0;
        left: 0.26rem;
        width: 7rem;
        height: 0.02rem;
        background-color: #E6E6E6;
    }

    #infoList a:last-child:after{
        display: none;
    }

    .news-list .news-item img {
        width: 1.8rem;
        height: 1.2rem;
        position: absolute;
        right: 0.24rem;
        top: 0.26rem;
    }

    .news-list .news-item.no-img img {
        display: none;
    }

    .news-list .news-title {
        font-size: 0.28rem;
        font-weight: bold;
        color: #333333;
        line-height: 0.40rem;
        padding-left: 0.24rem;
        padding-right: 2.5rem;
        position: relative;
        top: 0.26rem;
        height: 0.8rem;
        overflow: hidden;
        display: block;
    }

    .news-list .no-img .news-title {
        padding-right: 0.24rem;
    }

    .news-list .news-content {
        display: none;
    }

    .news-list .news-read-number {
        font-size: 0.24rem;
        font-weight: 400;
        color: #999999;
        position: absolute;
        bottom: 0.2rem;
        left: 2.04rem;

    }

    .news-list .news-read-number:before {
        content: "阅读量：";
        display: inline;

    }

    .news-list .news-time {
        font-size: 0.24rem;
        font-weight: 400;
        color: #999999;
        position: absolute;
        bottom: 0.23rem;
        left: 0.24rem;
        width: 1.4rem;
        height: 0.24rem;
        overflow: hidden;
        line-height: 0.24rem;
    }

    .ui-pager-layout {
        display: none;
    }



    .classify-second-bar.web-only{
        padding-top: 10px;
        width: 100%;
        background-color:#ffffff;
        display: block !important;
    }

    .classify-name-second{
        margin-left: 0.25rem;
        font-size: 0.34rem;
        font-weight: 550;

    }

    .classify-name-second:before{
        content: "";
        border: 3px solid red ;
        margin-right: 0.25rem;
        display: inline-block;
        height: 15px;
        position: relative;
        top: 0.08rem;
    }

    .classify-news-list .classify-news-left .news-list-word-left,
    .classify-news-list .classify-news-middle .news-list-word-right{
        display: none;
    }

    .news-list[data-style="news-list-row"] .news-item .news-title.detail[data-page="before"]:before{
        content:"\4e0a\4e00\7bc7\ff1a";
    }

    .news-list[data-style="news-list-row"] .news-item .news-title.detail[data-page="after"]:before{
        content:"\4e0b\4e00\7bc7\ff1a";
    }

    #newsCorrelation,#newsHot{
        display: block !important;
        background-color:#ffffff;
    }

    .news-title.detail:after{
        width:0;
        height: 0;
    }
    .news-title.detail{
        padding-right:0;
        margin-top: unset;
        margin-left: 10px;
        margin-bottom: unset;
        margin-right:10px;
        padding-left: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 0.88rem;
        top: 0;
    }

    #newsHot .title{
        font-size:0.34rem;
        padding-left: 0.25rem;
        font-weight: 550;
        padding-top: 0.14rem;
    }

    #newsHot .title:before{
        content: "";
        border: 3px solid red ;
        margin-right: 0.25rem;
        display: inline-block;
        height: 15px;
        position: relative;
        top: 0.08rem;
    }

    #newsHot .news-list .news-item{
        display:block;
        height:1.7rem;
        position: relative;
    }
    #newsHot .news-list .news-item .news-img.news-img,#newsHot .news-list .news-item .news-read-number,#newsHot .news-list .news-item .news-time{
        position:relative;
    }
    #newsHot .news-list .news-item .news-img.news-img{
        padding-left:0.5rem;
    }
    #newsHot .news-list .news-item .news-read-number{
        display: none;
    }
    #newsHot .news-list .news-item .news-time{
        position:absolute;
        top:unset;
        padding-left:2.3rem;
        left: 0;
    }
    #newsHot .news-list .news-item .news-title{
        padding-right:0;
        padding-left:2.3rem;
        position: absolute;
    }
    .info-breadcrumb{
        font-size: 0.3rem;
        padding-left: 0.21rem;
        background-color:#ffffff;
        color: #999999;
        padding-top: 11px;
    }
    #infoBreadcrumbHome:after,#infoBreadcrumbSecondClassify:after{
        content:">";
    }
    .detail-content .detail-body .news-detail .news-info #infoTime,
    .detail-content .detail-body .news-detail .news-info #infoFrom,
    .detail-content .detail-body .news-detail .news-info #infoAuthor,
    .detail-content .detail-body .news-detail .news-info #infoReadNum{
        font-size: 0.25rem;
        color: #999999;
        line-height: 0.5rem;
        display: inline-block;
        width: 50%;
        padding:0 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .detail-content .detail-body .news-detail .news-info #infoReadNum{
        padding-left: 1.7rem;
    }



    .detail-content .detail-body .news-detail .news-info #infoTime:before{
        content: " \65f6\95f4\ff1a";
    }
    .detail-content .detail-body .news-detail .news-info #infoFrom:before{
        content: "\6765\6e90\ff1a";
    }

    .detail-content .detail-body .news-detail .news-info #infoAuthor:before{
        content: "\4f5c\8005\ff1a";
    }
    .detail-content .detail-body .news-detail .news-info #infoReadNum:before{
        content:"\9605\8bfb\91cf\ff1a";
    }

     #newsCorrelation #infoList[data-style="news-list-row"]{
        margin-left: 0.26rem;
        margin-right: 0.24rem;
        border-radius:0.12rem;
        background: #F5F6F7 ;
    }
    #pageBox-next{
        background: inherit;
    }

     #newsCorrelation #infoList[data-style="news-list-row"] .news-item.detail{
        height: 0.88rem;
    }

    .news-list .news-item.detail.next:after{
        width: 0;
    }

    #img-menu{
        width: 0.4rem;
        height: 0.4rem;
    }

    #searchBox{
        width: 99.5%;
        display: flex;
        flex-flow: row nowrap;
        position: relative;
    }
    .search-btn-searchBox-cancel{
        height: 0.28rem;
        width: 0.28rem;
        background-image:  url("/image/cancelv2.png");
        background-size:cover;
        margin-top: 0.25rem;
        margin-left: 0.3rem;
        margin-right: 0.12rem;
    }

    #searchBox-input{
        flex: 1;
        border-radius: 0.12rem;
        height: 0.52rem;
        border: 1px solid #E6E6E6;
        margin-bottom: 0.08rem;
        margin-top: 0.08rem;
        margin-right: 0.28rem;
        font-size: 0.28rem;
    }
    #searchBox-img{
        position: absolute;
        width: 0.32rem;
        height: 0.34rem;
        left: 6.76rem;
        top: 0.22rem;
    }
    .site-classify-menu:before{
        content: "";
        display: inline-block;
        width: 0.36rem;
        height: 0.38rem;
        background-image: url("/image/menu.png");
        background-size: 0.36rem 0.38rem;
        position: absolute;
        top: 50%;
        margin-top: -0.18rem;
        left: 0;
        margin-left: 0.28rem;
    }
    #pop-up-box{
        display: none;
        width: 7.5rem;
        position: absolute;
        top: 0.66rem;
        height: 100%;
        overflow-y: scroll;
        overflow-x: scroll;

        background:rgba(0,0,0,0.5);/*只是背景色*/
        /*opacity: 0.5;盒子下所有元素*/
        filter: progid:DXImageTransform.Microsoft.alpha(opacity=50);
    }

    #pop-up-box-menu{
        background: #FFFFFF;
        width: 3rem;
    }
    .pop-up-box-content{
        padding-top: 0.3rem;
    }
    .pop-up-box-content span{
        width: 1.12rem;
        height: 0.4rem;
        font-size: 0.28rem;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        line-height: 0.4rem;
        margin-left: 0.26rem;
    }

    .pop-up-box-content p{
        width: 1.9rem;
        height: 0.36rem;
        font-size: 0.26rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #333333;
        line-height: 0.36rem;
        margin-left: 0.82rem;
        margin-top: 0.52rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .header-plus[data-skin="red"] .content.bc-block #allClassify .site-classify-menu{
        display: none;
    }

    .header-plus[data-skin="red"] .content.bc-block #allClassify .site-classify-retreat:before{
        content: "";
        display: inline-block;
        width: 0.18rem;
        height: 0.32rem;
        background-image: url("/image/retreat.png");
        background-size: 0.18rem 0.32rem;
        position: absolute;
        top: 0.4rem;
        margin-top: -0.18rem;
        left: 0;
        margin-left: 0.28rem;
    }
}
/**
web样式
 */
@media screen and (min-width: 769px) {

    html, body {
        background-color: #F7F8F9;
    }


    .wap-only ,#pop-up-box {
        display: none !important;
    }

    p, span {
        font-size: 14px;
        color: #333333;
    }

    #infoContent span,
    #infoContent p {
        font-size: inherit;
    }


    p {
    }

    a {
        text-decoration: none;
        color: inherit;
    }

    .content {
        width: 1200px;
        margin: 0 auto;
        position: relative;

    }

    /*公共头部*/
    body > .header {
        background-color: #ffffff;
    }

    body > .header .content {
        height: 115px;
        display: block;
        position: relative;
    }

    body > .header .logo {
        width: 141px;
        height: 39px;
        background-image: url("/image/icon_logo.png");
        background-repeat: no-repeat;
        background-size: 141px 39px;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -20px;
    }

    /*搜索框*/
    body > .header .search {
        width: 423px;
        height: 44px;
        background: #FFFFFF;
        border: 1px solid #D9D9D9;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -22px;
    }

    body > .header .search input {
        border: none;
        height: 100%;
        line-height: 100%;
        padding: 0 18px;
        outline: none;
    }

    body > .header .search .search-btn {
        width: 59px;
        height: 44px;
        background: #F7F8F9;
        border: 1px solid #D9D9D9;
        position: absolute;
        right: 0;
        top: -1px;
        cursor: pointer;
    }

    body > .header .search .search-btn:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 19px;
        background-image: url("/image/icon_search.png");
        background-size: 18px 19px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -9px;
        margin-top: -9px;
    }

    /*顶部导航条*/
    body > .header-plus {
        width: 100%;
        height: auto;
        position: relative;
        background-color: rgb(247, 248, 249);
    }

    body > .header-plus:before {
        content: "";
        display: block;
        position: absolute;
        height: 46px;
        width: 100%;
        background-color: rgba(51, 51, 51, 1);
    }

    body > .header-plus .site-classify {
        display: inline-block;
        width: 234px;
        height: 46px;
        line-height: 46px;
        background: #E02C2B;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: #FFFFFF;
        position: relative;
        z-index: 20;
    }


    body > .header-plus #allClassify .classify-detail {
        background: #FFFFFF;
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
        z-index: 5;
        width: 708px;
        padding: 10px 49px 10px 86px;
        display: none;
        position: absolute;

    }

    body > .header-plus #allClassify:hover .classify-detail {
        display: block;
    }

    body > .header-plus #allClassify .classify-second {
        position: relative;
    }

    body > .header-plus #allClassify .classify-second:after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 708px;
        height: 1px;
        background-image: url("/image/line_classify.png");
        background-repeat: no-repeat;
        background-size: 708px 1px;
    }

    body > .header-plus #allClassify .classify-second:last-child:after {
        display: none;
    }


    body > .header-plus #allClassify .classify-name-second {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 14px;
        font-weight: bold;
        color: #404040;
    }

    body > .header-plus #allClassify .classify-name-second:after {
        content: "";
        display: inline-block;
        position: relative;
        right: -6px;
        width: 7px;
        height: 12px;
        background-image: url("/image/icon_arrow_right_black.png");
        background-repeat: no-repeat;
        background-size: 7px 12px;
    }

    body > .header-plus #allClassify .classify-third-list {
    }

    body > .header-plus #allClassify .classify-name-third {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        color: #404040;
    }

    body > .header-plus #allClassify .classify-name-third:before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 14px;
        margin-right: 12px;
        margin-left: 12px;
        background: #DBDBDB;
    }

    body > .header-plus #allClassify .classify-third-list {
        padding-left: 86px;
        text-align: left;
    }

    body > .header-plus #allClassify .classify-third-list > a {
        display: inline-block;
    }

    body > .header-plus #allClassify:hover .classify-detail {
    }

    body > .header-plus #allClassify .classify-detail span {
        color: #333333;
    }

    body > .header-plus .site-classify:before {
        width: 22px;
        height: 22px;
        content: "";
        background-image: url("/image/icon_classify_web.png");
        background-repeat: no-repeat;
        background-size: 22px 22px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 64px;
    }

    body > .header-plus .site-classify:after {
        width: 13px;
        height: 13px;
        content: "";
        background-image: url("/image/icon_arrow_classify_web.png");
        background-repeat: no-repeat;
        background-size: 13px 13px;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 65px;
    }

    body > .header-plus .site-classify:hover:after {
        transform: rotate(180deg);
    }

    body > .header-plus .bc-block {
        position: relative;
        display: flex;
    }

    body > .header-plus .bc-block span {
        color: #ffffff;
    }

    body > .header-plus .block-list {
        display: block;
        float: left;
        flex: none;
        width: 966px;
        left: 0;
        top: 0;
        max-height: 46px;
        overflow: hidden;
        vertical-align: top;
        font-size: 0;
    }

    body > .header-plus .block-list.show-more {
        max-height: none;
        z-index: 10;
    }

    body > .header-plus .block-list > div {
        height: 46px;
        line-height: 46px;
        padding-left: 42px;
        padding-right: 16px;
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
        display: inline-block;
        vertical-align: top;
    }

    body > .header-plus .block-list > div.block-hidden span {
        color: #333333;
    }


    body > .header-plus .block-list > div.current {
        font-weight: 600;
    }

    body > .header-plus .block-list a {
        color: #ffffff;
    }

    body > .header-plus[data-detail="true"] .block-list {
        max-height: none;
    }

    body > .header-plus .block-more {
        position: absolute;
        right: 0;
        top: 16px;
        cursor: pointer;
        z-index: 20;
    }

    body > .header-plus .block-more:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 14px;
        background-image: url("/image/icon_arrow_down_white.png");
        background-repeat: no-repeat;
        background-size: 16px 14px;
    }

    body > .header-plus .block-more.show-more:before {
        transform: rotate(180deg);
    }

    /*公共底部*/
    body > .tail {
        background: #F7F8F9;
        padding-top: 29px;
        padding-bottom: 25px;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 22px;
        text-align: center;
    }

    body > .bc-body {
        min-height: 500px;
        background-color: #ffffff;
    }


    /*资讯详情*/
    .news-detail {
        width: 839px;
    }

    .news-detail .news-title {
        text-align: center;
        font-size: 24px;
        font-weight: 500;
        color: #333333;
        line-height: 40px;

    }

    .news-detail .news-info {
        text-align: center;
        margin-top: 12px;
        margin-bottom: 21px;
    }

    .news-detail .news-info span {
        text-align: center;
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        line-height: 17px;
        margin-right: 38px;
    }

    .news-detail .news-info span:last-child {
        margin-right: 0;
    }

    .news-detail .news-info .news-time:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url("/image/icon_time.png");
        background-size: 12px 12px;
        background-repeat: no-repeat;
    }

    .news-detail .news-info .news-from:before {
        content: "来源：";
        display: inline;
    }

    .news-detail .news-info .news-author:before {
        content: "作者：";
        display: inline;
    }

    .news-detail .news-info .news-read-number:before {
        content: "阅读量：";
        display: inline;
    }

    .news-detail .news-content,
    .news-detail .news-content p {
        font-size: 14px;
        line-height: 26px;
    }


    /*面包屑*/
    .breadcrumb {
        display: block;
        padding-top: 13px;
        padding-bottom: 12px;
        background-color: #ffffff;
    }

    .info-breadcrumb:before {
        content: "";
        display: inline-block;
        width: 14px;
        height: 18px;
        background-image: url("/image/icon_position_gray.png");
        background-repeat: no-repeat;
        background-size: 14px 18px;
        margin-right: 9px;
    }

    .breadcrumb .breadcrumb-item {
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
        vertical-align: top;
    }

    .breadcrumb .breadcrumb-item:after {
        content: " > ";
        display: inline;
    }

    .breadcrumb .breadcrumb-item:last-child {
        color: #333333;
    }

    .breadcrumb .breadcrumb-item:last-child:after {
        display: none;
    }


    /*相关文章*/
    #newsCorrelation {
        display: block;
        font-size: 14px;
        width: 839px;
        padding-bottom: 60px;
    }

    .news-block > .title {
        font-size: 16px;
        font-weight: 600;
        color: #333333;
        line-height: 22px;
        margin-bottom: 12px;

    }

    .news-block > .title:before {
        content: "";
        display: inline-block;
        width: 4px;
        height: 16px;
        background: #E02C2B;
        border-radius: 2px;
        margin-right: 3px;
        position: relative;
        top: 2px;

    }

    .news-list .news-item {
        position: relative;
    }

    .news-list .news-item .news-read-number,
    .news-list .news-item img,
    .news-list .news-item .news-time,
    .news-list .news-item .news-content {
        display: none;
    }

    .news-list .news-item .news-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: -webkit-fill-available;
    }


    /*标准行列表样式*/
    .news-list[data-style="news-list-row"] .news-item {
        overflow: hidden;
        position: relative;
        margin-bottom: 11px;

    }
    .news-item.detail{
        height:50px;
    }
    .news-list[data-style="news-list-row"] .news-item .news-img {
        display: block;
        width: 210px;
        height: 112px;
    }

    .news-list[data-style="news-list-row"] .news-item.no-img .news-img {
        opacity: 0;
    }

    .news-list[data-style="news-list-row"] .news-item .news-title {
        position: absolute;
        padding-left: 226px;
        top: 12px;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        line-height: 20px;

    }
    .news-list[data-style="news-list-row"] .news-item .news-title.detail{
        padding-left:unset;
    }

    .news-list[data-style="news-list-row"] .news-item.no-img .news-title {
        left: 0;
    }

    .news-list[data-style="news-list-row"] .news-item .news-title .high-light {
        color: #E02C2B;
    }

    .news-list[data-style="news-list-row"] .news-item .news-content {
        display: block;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
        position: absolute;
        padding-left: 226px;
        top: 39px;

        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        height: 40px;
        overflow: hidden;
    }

    .news-list[data-style="news-list-row"] .news-item.no-img .news-content {
        padding-left: 0px;
    }

    .news-list[data-style="news-list-row"] .news-item .news-time,
    .news-list[data-style="news-list-row"] .news-item .news-read-number {
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        line-height: 16px;
        position: absolute;
        bottom: 2px;
    }

    .news-list[data-style="news-list-row"] .news-item .news-time {
        height: 19px;
        width: 103px;
        overflow: hidden;
        right: 2px;
        display: block;
    }

    .news-list[data-style="news-list-row"] .news-item .news-read-number {
        right: 107px;
        display: block;
    }

    .news-list[data-style="news-list-row"] .news-item .news-time:before {
        content: "";
        display: inline-block;
        background-image: url("/image/icon_time.png");
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        position: relative;
        top: 3px;
        margin-right: 3px;
        margin-left: 17px;
    }

    .news-list[data-style="news-list-row"] .news-item .news-read-number:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        background-image: url("/image/icon_view.png");

        background-repeat: no-repeat;
        background-size: 16px 16px;
        position: relative;
        top: 3px;
        margin-right: 3px;
    }

    /*图文块样式*/
    .news-list[data-style="img-block"] .news-item {
        display: inline-block;
        width: 265px;
        height: 170px;
        overflow: hidden;
        position: relative;
    }

    .news-list[data-style="img-block"] img {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .news-list[data-style="img-block"] .news-time,
    .news-list[data-style="img-block"] .news-read-number,
    .news-list[data-style="img-block"] .news-content {
        display: none;
    }

    .news-list[data-style="img-block"] .news-title {
        height: 32px;
        width: 100%;
        padding-left: 10px;
        line-height: 32px;
        background-color: rgba(51, 51, 51, 0.79);
        position: absolute;
        bottom: 0;
        left: 0;
        font-size: 12px;
        font-weight: 400;
        color: #FFFFFF;
    }

    /*图片行样式*/
    .news-list[data-style="image-row"] .news-item {
        width: 540px;
        height: 112px;
        overflow: hidden;
        margin-bottom: 10px;
        background-color: rgba(247, 248, 249, 1);
        position: relative;
    }

    .news-list[data-style="image-row"] .news-item img {
        display: block;
        width: 210px;
        height: 112px;
    }

    .news-list[data-style="image-row"] .news-item .news-title {
        position: absolute;
        left: 225px;
        top: 7px;
        font-size: 16px;
        font-weight: bold;
        color: #333333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 305px;
    }

    .news-list[data-style="image-row"] .news-item .news-content {
        width: 309px;
        height: 40px;
        overflow: hidden;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
        position: absolute;
        left: 225px;
        top: 36px;
        display: block;
        word-break: break-word;
    }

    .news-list[data-style="image-row"] .news-item .news-time {
        position: absolute;
        overflow: hidden;
        left: 226px;
        bottom: 9px;
        width: 72px;
        height: 19px;
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        line-height: 17px;
        display: block;
    }

    /* 单标题行样式 */
    .news-list[data-style="news-list-title"] .news-item .news-title {
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        line-height: 20px;
        display: block;
        overflow: hidden;
        margin-bottom: 10px;
        height: 26px;
        position: relative;
    }

    .news-list[data-style="news-list-title"] .news-item .news-title:before {
        content: "";
        display: inline-block;
        width: 5px;
        height: 5px;
        background: #999999;
        margin-right: 7px;
        border-radius: 5px;
        position: relative;
        margin-top: -3px;
    }

    /*news-img-2*/
    .news-list[data-style="news-img-2"] .news-item {
        display: inline-block;
        width: 210px;
        height: 170px;
        position: relative;
        margin-left: 10px;
    }

    .news-list[data-style="news-img-2"] img {
        width: 210px;
        height: 112px;
        display: block;

    }

    .news-list[data-style="news-img-2"] .news-title {
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        line-height: 20px;
        height: 20px;
        overflow: hidden;
        display: block;
        margin-top: 16px;
    }

    .news-list[data-style="news-img-2"] .news-time {
        display: block;
        width: 72px;
        height: 19px;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #999999;
        line-height: 17px;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    /*带日期单行无图样式*/
    .news-list[data-style="news-img-title-time"] .news-item {

    }

    .news-list[data-style="news-img-title-time"] .news-item .news-title {
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        line-height: 26px;
        height: 19px;
        overflow: hidden;
        width: 315px;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .news-list[data-style="news-img-title-time"] .news-item .news-title:before {
        content: "";
        display: inline-block;
        width: 5px;
        height: 5px;
        background: #999999;
        margin-left: 10px;
        border-radius: 5px;
        margin-right: 7px;
    }

    .news-list[data-style="news-img-title-time"] .news-item .news-time {
        display: block;
        width: 72px;
        height: 19px;
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        line-height: 17px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -7px;
        overflow: hidden;
    }

    /*右侧热门样式*/
    .news-list[data-style="hot"] {
        counter-reset: sectioncounter;
    }

    .news-list[data-style="hot"] > a {
        counter-increment: item;
    }

    .news-list[data-style="hot"] .news-item {
        margin-top: 15px;
    }

    .news-list[data-style="hot"] > *:first-child .news-img {
        display: inline-block;
        width: 130px;
        height: 69px;
        margin-right: 5px;
    }


    .news-list[data-style="hot"] .news-item .news-title {
        vertical-align: top;
        padding-left: 23px;
        position: relative;
        display: inline-block;
        max-height: 40px;
        overflow: hidden;
    }

    .news-list[data-style="hot"] > *:first-child .news-title {
        padding-left: 0;
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        line-height: 20px;
        margin-top: 6px;
        vertical-align: top;
        display: inline-block;
        width: 179px;
        height: 40px;
        overflow: hidden;
    }

    .news-list[data-style="hot"] .news-item .news-title:before {
        content: counter(item) ".";
        display: inline;
        position: absolute;
        font-size: 12px;
        font-weight: bold;
        color: #E02C2B;
        line-height: 17px;
        left: 0;
        top: 2px;
    }

    .news-list[data-style="hot"] > *:first-child .news-title:before {
        display: none;
    }

    .news-list[data-style="hot"] > *:first-child .news-time {
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        line-height: 17px;
        position: absolute;
        right: 0;
        bottom: 0;
        overflow: hidden;
        width: 90px;
        height: 17px;
    }

    .news-list[data-style="hot"] > *:first-child .news-time:before {
        content: "";
        display: inline-block;
        background-image: url("/image/icon_time.png");
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        position: relative;
        top: 3px;
        margin-right: 3px;
    }

    .news-list[data-style="hot"] > *:first-child {
        position: relative;
    }

    .news-list[data-style="hot"] > *:first-child:before {
        content: counter(item);
        left: 0;
        top: 0;
        width: 16px;
        height: 16px;
        text-align: center;
        line-height: 16px;
        background: #E02C2B;
        font-size: 12px;
        font-weight: 500;
        color: #FFFFFF;
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
    }

    /*热门图文*/
    .news-list[data-style="hot-img"] {

    }

    .news-list[data-style="hot-img"] > * {
        width: 100%;
        position: relative;
    }

    .news-list[data-style="hot-img"] > *:after {
        content: "";
        width: 321px;
        height: 1px;
        background-color: #E6E6E6;
        position: relative;
        display: block;
        bottom: -11px;
        left: 0;
    }

    .news-list[data-style="hot-img"] > *:last-child:after {
        display: none;
    }

    .news-list[data-style="hot-img"] .news-item {
        position: relative;
        margin-top: 20px;
    }

    .news-list[data-style="hot-img"] .news-img {
        width: 130px;
        height: 69px;
        display: inline-block;
        margin-right: 5px;
    }

    .news-list[data-style="hot-img"] .news-title {
        font-size: 14px;
        font-weight: 400;
        color: #333333;
        line-height: 20px;
        margin-top: 6px;
        vertical-align: top;
        display: inline-block;
        width: 179px;
        height: 40px;
        overflow: hidden;
    }

    .news-list[data-style="hot-img"] .news-item .news-time {
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: #999999;
        line-height: 17px;
        position: absolute;
        right: 0;
        bottom: 0;
        overflow: hidden;
        width: 90px;
        height: 17px;
    }

    .news-list[data-style="hot-img"] .news-item .news-time:before {
        content: "";
        display: inline-block;
        background-image: url("/image/icon_time.png");
        width: 16px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: 16px 16px;
        position: relative;
        top: 3px;
        margin-right: 3px;
    }


    /*右侧列表*/
    #infoMore {
        width: 319px;
    }

    #infoMore .news-block {
        margin-bottom: 40px;
    }

    .query-list {
        display: block;
        font-size: 14px;
    }

    .news-query-body {
        margin-right: 28px;
    }

    .query-list .query-keyword {
        position: relative;
        padding-top: 13px;
        padding-bottom: 27px;
    }

    .query-list .query-keyword span {
        font-weight: 400;
        font-size: 14px;
        color: #666666;
    }

    .query-list .query-keyword:before {
        width: 14px;
        height: 17px;
        content: "";
        background-image: url("/image/icon_position_gray.png");
        background-repeat: no-repeat;
        background-size: 14px 17px;
        display: inline-block;
        margin-right: 9px;
        position: relative;
        top: 2px;
    }

    .query-list .pager {
        font-size: 0;
        font-weight: 500;
        color: #666666;
        padding-top: 23px;
        position: relative;
        text-align: center;
        margin-top: 25px;
        padding-bottom: 23px;
    }

    .query-list .pager span {
        font-size: 12px;
    }

    .query-list .pager:before {
        content: "";
        width: 100%;
        height: 1px;
        background-color: #E6E6E6;
        display: block;
        position: absolute;
        top: 0;
    }

    .bc-banner {
        width: 650px;
        height: 356px;
        display: inline-flex;
        margin-top: 15px;
    }

    .bc-news-img-block {
        width: 540px;
        height: 356px;
        overflow: hidden;
        display: inline-block;
        margin-top: 15px;
    }

    .bc-news-img-block .news-item {
        margin-bottom: 15px;
        margin-left: 5px;
    }

    .classify-second-bar {
        display: flex;
        height: 31px;
        width: 100%;
        overflow: hidden;
        position: relative;
        margin-top: 28px;
    }
    .classify-second-bar.full{
        height: fit-content;
    }

    .classify-second-bar .classify-name-second {
        width: auto;
        height: 29px;
        font-size: 18px;
        font-weight: 500;
        color: #333333;
        line-height: 25px;
        font-weight: bold;
        display: inline-block;
        border-bottom: 2px solid #E02C2B;
        z-index: 1;
    }

    .classify-second-bar:after {
        content: "";
        display: block;
        position: absolute;
        top: 30px;
        left: 0;
        width: 1200px;
        height: 1px;
        background: #E6E6E6;
        z-index: 0;
    }

    .classify-second-bar .classify-second-more {

        right: 0;
        top: 0;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 30px;
        margin-left: 20px;
        cursor: pointer;
    }

    .classify-second-bar .classify-second-more:before{
        content: "\66f4\591a";
    }
    .classify-second-bar.full .classify-second-more:before {
        content: "\6536\8d77";
    }
    .classify-second-bar .classify-second-more:after{
        margin-left: 2px;
        content: "";
        display: inline-block;
        background-image: url("/image/icon_more.png");
        background-repeat: no-repeat;
        background-size: 12px 12px;
        width: 12px ;
        height: 12px;
    }
    .classify-second-bar.full .classify-second-more:after{
        background-image: url("/image/icon_less.png");
    }


    .classify-second-bar .classify-third-list {
        flex: 1;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
        margin-left: 78px;
    }
    .classify-second-bar .classify-third-list > a{
        display: inline-block;
        height: 31px;
    }
    .classify-second-bar .classify-name-third {
        height: 28px;
        line-height: 28px;
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        color: #666666;
        margin-right: 32px;
    }

    .classify-second-bar .classify-name-third.current {
        color: #E02C2B;
    }

    .img-info-list {
        width: 540px;
        display: inline-block;
        margin-left: 10px;
        margin-top: 15px;
        vertical-align: top;
    }

    .classify-news-list {
        width: 100%;
        position: relative;
        overflow: hidden;
        display: flex;
        margin-top: 18px;
    }

    .classify-news-left:after {
        content: "";
        display: block;
        position: absolute;
        width: 485px;
        height: 1px;
        background: #E6E6E6;
        top: 123px;
    }

    .classify-news-list .classify-news-left {
        flex: 1;
        height: 100%;
        display: inline-block;
        overflow: hidden;
    }

    .classify-news-list .classify-news-middle {
        margin-right: 10px;
        width: 440px;
        height: 100%;
        display: inline-block;
        overflow: hidden;
    }

    .classify-news-list .classify-news-right {
        width: 265px;
        height: 100%;
        display: inline-block;
        overflow: hidden;
    }

    .classify-news-right a:last-child {
        margin-top: 10px;
        display: block;
    }

    .news-list-word-left {
        margin-top: 20px;
    }

    .news-list-word-right {
        margin-top: 20px;
    }

    .classify-list-content {
        margin-top: 30px;
    }

    .classify-item {
        padding: 3px 8px 2px 9px;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
        border: 1px solid #D9D9D9;
        display: inline-block;
        margin-bottom: 9px;
        margin-right: 7px;
    }

    #infoList {
        margin-right: 28px;
    }

    .brand-block {
        background: #FFFFFF;
        border: 1px solid #E6E6E6;
    }

    .brand-block .title {
        height: 44px;
        line-height: 44px;
        font-size: 16px;
        font-weight: bold;
        color: #333333;
        padding-left: 14px;
        border-bottom: 1px solid #E6E6E6;
    }

    .brand-block .brand-list{
        padding-top: 5px;
        padding-bottom: 23px;
    }

    .brand-block .brand-list-item{
        height: 100px;
        overflow: hidden;
        padding-left: 131px;
        position: relative;
        margin-top: 15px;
    }

    .brand-block .brand-list-item img{
        width: 100px;
        height: 100px;
        position: absolute;
        left: 16px;
        top: 0;
    }

    .brand-block .brand-list-item .brand-name{
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #333333;
        margin-top: 14px;
    }

    .brand-block .brand-list-item .brand-info {
        margin-top: 4px;
        display: block;
        font-size: 12px;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
    }


    /* 分页yab*/
    .ui-pager-layout {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding-bottom: 30px;
        padding-top: 70px;
    }

    .marginLeft11 {
        margin-left: 11px;
    }

    .pager-text-btn {
        display: inline;
    }

    .pager-btn {
        padding: 14px;
    }

    .ui-pager-layout a {
        padding: 9px 0;
    }

    .ui-pager-layout .current {
        background: #fff !important;
        border-color: transparent !important;
        color: #E02C2B !important;
    }

    .next {
        color: #666666;
        margin-right: 4px;
        font-size: 12px;
    }


    .pager-home-btn {
        width: 55px;
        background: #F5F5F5;
        border: 1px solid #DDDDDD;

        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
    }

    .pager-previous-btn {
        width: 80px;
        background: #F5F5F5;
        border: 1px solid #DDDDDD;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
        margin-right: 10px;
    }


    .page-index-btn {
        width: 35px;
        background: #F5F5F5;
        border: 1px solid #DDDDDD;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
    }

    .page-index-btn + .page-index-btn {
        margin-left: 5px;
    }

    .pager-next-btn {
        width: 80px;
        background: #F5F5F5;
        border: 1px solid #DDDDDD;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
        margin-right: 10px;
    }

    .previous-current {
        background: #FFFFFF;
        color: #CDCDCD;
    }

    .pager-last-btn {
        width: 57px;
        background: #F5F5F5;
        border: 1px solid #DDDDDD;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
    }

    .pager-input-btn {
        width: 35px;
        height: 35px;
        background: #FFFFFF;
        border: 1px solid #DDDDDD;
        margin-left: 10px;
        text-align: center;
    }

    .pager-input-btn:focus {
        border: 1px solid #DDDDDD;
        outline: none;
    }

    .pager-text-btn {
        height: 17px;
        font-size: 12px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #666666;
        line-height: 17px;
        margin-left: 18px;
    }

    .more {
        background: #FFFFFF;
        border: 0px;
        color: #A7A7A7;
    }

    .friend-links{
        display: none;
    }
    .friend-links[data-style="show"]{
        display: flex;
        flex-flow: row nowrap;
    }
    .friend-links .title{
        width: 83px;
        left: 0;
        position: relative;
        top: 3px;
        font-size: 14px;
        font-weight: 500;
        color: #424242;
        line-height: 15px;
    }

    .friend-links #friendLinks{
        flex: 1;
        display: grid;
        grid-template-columns: repeat(auto-fill, 157px);
        text-align: left;
    }

    #friendLinks a {
        font-size: 12px;
        color: #424242;
        margin-bottom: 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .news-list[data-style="news-list-row"] .news-item .news-title.detail[data-page="before"]:before{
        content:"\4e0a\4e00\7bc7\ff1a";
    }

    .news-list[data-style="news-list-row"] .news-item .news-title.detail[data-page="after"]:before{
        content:"\4e0b\4e00\7bc7\ff1a";
    }

    .classify-second-list {
        padding-bottom: 40px;
    }

}