.top{ 
    /*  width: 1798px;*/
    margin: 0 auto;
    /* background-image: url(../image/list/top.png); background-repeat: no-repeat; */
    /* background-position: center 0; */
}
.top .pc {
    width: 100%;
}
.top .mobile {
    width: 100%;
    display: none;
}
.content-main{ display: flex;  min-height: calc(100vh - 571px);}
.content-main .main-left{ flex: 0 0 260px;  }
.content-main .main-right{ flex: 1; padding: 35px; }
.main-left .menu-side{ background-color: #f2f2f2; position: relative; top: -30px; }
.main-left .menu-side .menu-title{ height: 55px; line-height: 55px; text-align: center; background-color: #b40200; color: #fff; font-size: 20px; }
.menu-list{ padding: 10px 0; }
.menu-list .menu-item>a{ color:#333; display: flex; align-items: center; line-height: 35px; padding: 0 25px;  }
.menu-list .menu-item>a svg{ color:#b40200; width: 8px; margin-right: 4px; transition: all .2s; }
.menu-list .menu-item>a:hover{ color: #b40200; }
.menu-list .menu-item>a.actived svg{ transform: rotate(90deg); }
.menu-list .menu-item ul { position: relative; width: 100%; display: none; }
.menu-list .menu-item>a.actived{ display: block; }
.menu-list .menu-item ul a{ 
    display: block; font-size: 14px; color: #333; line-height: 35px; padding: 0 25px; 
    padding-left: 37px; transition: all .2s;
}
.menu-list .menu-item ul a:hover{ background-color: #ffe3e2; color: #b40200; padding-left: 53px; } 
.menu-list .menu-item ul a::after{ 
    content: ">>"; font-family: "Helvetica Neue","Hiragino Sans GB",SimSun,serif; font-style: normal;  
    font-size: 14px; font-weight: bold; margin-left: 5px;
}

.article-header{ 
    /* display: flex; align-items: center; justify-content: space-between;  */
    overflow: hidden;
    border-bottom: 1px solid #b40200; 
    padding-bottom: 12px; position: relative;
}
.article-header::after{ content:" "; display: block; right: 0; position: absolute; bottom: 3px; width: 100%; border-bottom: 2px solid #b40200; }
.article-header .article-title{ font-size: 18px; font-weight: bold; float: left; }
.article-header .bread-crumb{ position: relative;  float: right;}
.article-header .bread-crumb::before{ content:"当前位置："; font-size: 14px; color: #676767; }
.article-header .bread-crumb::after{ 
    content: " "; display: block; width: 13px; height: 13px; background-image: url(../image/list/location.png); 
    position: absolute; left: -15px; top: 5px;
}
.article-header .bread-crumb a{ font-size:14px; color: #676767; }
.article-header .bread-crumb a:hover{color: #b40200;}
.article-header .bread-crumb a:not(:last-child)::after{ 
    content: ">>"; font-family: "Helvetica Neue","Hiragino Sans GB",SimSun,serif; font-style: normal;  
    font-size: 12px; font-weight: bold; margin: 0 2px 0 4px; position: relative; top: -1px;
    color: #676767 !important;
}
.article-list .article-item{ 
    display: flex; align-items: center;  justify-content: space-between; height: 60px;
    border-bottom: 1px solid #e5e5e5;
}
.article-list .article-item .item-title{ 
    font-size: 15px; height: 60px; line-height: 60px; padding-left: 25px; width: calc(100% - 100px); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; 
    overflow: hidden; text-overflow: ellipsis; color: #333; position: relative;
}
.article-list .article-item .item-title:hover{ color: #b40200; }
.article-list .article-item .item-date{ font-size: 14px; color: #999; width: 100px; }
.article-list .article-item .item-title::before{ 
    content: " "; display: block; width: 13px; height: 13px; background-color: #b40200;
    position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    border-radius: 50%; border: 3px solid #fde8e7;
}

.detail-header{ margin: 40px 0; }
.detail-header .header-title{ font-size: 24px; font-weight: bold; text-align: justify; }
.detail-header .header-info{  align-items: center; margin-top: 10px; }
.detail-header .header-info .info-item{ color: #666666; }
.detail-header .header-info .info-item:not(:last-child){ margin-right: 15px; }

.detail-footer{margin-top: 50px;}
.detail-footer .other{
    margin-bottom: 15px; border-bottom: 1px dashed #c6c6c6; padding-bottom: 15px; 
    text-align: justify;
}
.detail-footer .other ul li{display:flex; }
.detail-footer .other a,
.detail-footer .other span{font-size: 15px;}
.detail-footer .other a{font-weight: bold;}

.detail-footer a.last,
.detail-footer a.next{display: block;line-height: 35px;color: #000;}
.detail-footer .last::before{content: "上一篇 : ";}
.detail-footer .next::before{content: "下一篇 : ";}
.detail-footer a.last:hover,
.detail-footer a.next:hover{ color: #b40200; }


.pagination{ text-align: center; align-items: center; justify-content: center; margin: 50px 0; }
.pagination table{ margin: 0 auto;}
.pagination .item{ display: inline-block; margin-right: 5px; font-size: 14px;}
.pagination .item span{font-size: 14px;}
.pagination .item.input input,
.pagination .item.btn{
    border: 1px solid #e5e5e5;color: #000;height: 30px;line-height: 28px;
    width: 50px;transition: all .2s;padding: 0;border-radius: 0;
}
.pagination .item.input input{ margin-right: 5px;box-sizing: border-box;text-align: center; }

.pagination .item.btn:hover{ background-color: #b40202;border-color: #b40202;color: #ffffff; }
.pagination .item.btn:active{ background-color:#d26766; border-color: #d26766; }

.con-flex{align-items: center;justify-content: space-between;}
.footer{ height: 145px; background-color: #b40200; margin-top: 45px; }
.footer-con{ height: 100%; display: flex; align-items: center; justify-content: space-between; }
.footer-con .links{ padding-right: 40px; }
.footer-con .links .link-title{ 
    color:#fff; border-bottom: 1px solid #fff; line-height: 1.5; 
    display: inline-block; margin-bottom: 20px;
}
.footer-con .links .link-list {display: flex; align-items: center; flex-wrap: wrap;  }
.footer-con .links .link-list a{ font-size: 14px; color:#fff; margin-right: 20px; display: block; line-height: 2; }
.footer-con .links .link-list a::before{ content: " • "; }
.footer-con .links .link-list a:hover{ color: #fdd69a; }
/* .footer .footer-con .infos{ width: calc(100% - 550px); } */

.infos .con-flex div:nth-child(2) {
  display: inline-block;
} 

.infos .con-flex div:nth-child(3) {
  display: inline-block;
  margin-left: 2.5vw;
} 


.footer .footer-con .infos .info-item>div,
.footer .footer-con .infos .info-item{ font-size: 14px; color:#fff; line-height: 2.5; }
.footer .footer-con .infos .info-button{ 
    height: 35px; line-height: 33px; width: 160px; color: #fff; border: 1px solid #fff; padding: 0 10px;
    margin-bottom: 10px; display: flex; align-items: center; justify-content: space-between; border-radius: 18px; 
    font-size: 15px; transition: all .2s;
}
.footer .footer-con .infos .info-button::before{ 
    content: " "; display: block; width: 26px; height: 26px; background-image: url(../image/list/wechat.png);
    background-repeat: no-repeat; background-position: center center;
}
.footer .footer-con .infos .info-button:hover{ background-color: #fff; color: #333; }
.footer .footer-con .infos .info-button:hover::before{ background-image: url(../image/list/wechat-active.png); }

.m-pagination,
.footer .dropdown,
.focus-list .itemImg{ display: none; }

@media (max-width: 576px) {
    
    .detail-footer a.last, 
    .detail-footer a.next,
    .footer .links,
    .pagination,
    .bread-crumb,
    .footer .footer-con .infos .info-button{ display: none; }

    .m-pagination,
    .footer .dropdown{ display: block; }

    .uContent{ padding: 13vw 3vw 0; }
    .uContent .content-main{ display: block; }

    .top{ 
        width: 100%;
        /* background-size: 100%; */
        padding: 0; height: 35vw;
        /* overflow: hidden;  */
        /* background-image: url(../image/list/top-mobile.png);  */
    }
    .top .pc {
        display: none;
    }
    .top .mobile {
        display: block;
        height:100px;
    }
    .content-main .main-left{ margin-bottom: -4vw; }
    .main-left .menu-side .menu-title{ 
        height: 11vw; line-height: 11vw; font-size: 4.5vw; width: 40vw;
        position: absolute; left: 50%; margin-left: -20vw; top: -8vw;
    }
    .menu-list{ 
        padding: 8vw 0 0; background-color: #fff; display: flex; flex-wrap: wrap; 
        justify-content: space-between; 
    }
    .menu-list .menu-item{ background-color: #efefef; width: 48%; margin-bottom: 4%; height: 12vw;}
    .menu-list .menu-item>a{ padding: 0 10vw 0 3.5vw; line-height: 12vw; font-size: 4vw; position: relative;  }
    .menu-list .menu-item>a svg{ width: 4vw; height: 4vw; position: absolute; right: 3vw; top: 50%; margin-top: -2vw; }

    .menu-list .menu-item ul{ 
        background-color: #fff; z-index: 99; padding: 3vw 0;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
    }
    .menu-list .menu-item ul a{ position: relative; font-size: 3.5vw; padding: 0 5vw 0 7vw; line-height: 9vw; }
    .menu-list .menu-item ul a::after{ 
        content: ">"; color: #666666; font-size: 3.5vw; position: absolute;
        left: 1.5vw; top: 50%; margin-top: -4.5vw; transition: all .2s; 
    }
    .menu-list .menu-item ul a:hover{ padding-left: 10vw; }
    .menu-list .menu-item ul a:hover::after{ left: 5vw; color: #b40200; }

    .content-main .main-right{ padding: 0; }
    .article-header .article-title{ font-size: 4.5vw; }
    .article-list .article-item{ min-height: 15vw; height: auto; display: block; padding: 2vw 0; }
    .article-list .article-item .item-title{ 
        font-size: 4vw; height: auto; line-height: 1.8; width: 100%; -webkit-line-clamp: 2;
        padding-left: 5vw; text-align: justify;
    }
    .article-list .article-item .item-title::before{ width: 11px; height: 11px; top: 3.2vw;  }
    .article-list .article-item .item-date{ color: #666666; padding-left: 5vw; line-height: 1.8; }

    .detail-header{ margin: 4vw 0 8vw; }
    .detail-header .header-title{ font-size: 4.5vw; }
    .detail-header .header-info{ margin-top: 3vw; flex-wrap: wrap; }
    .detail-header .header-info .info-item{ font-size: 3.5vw; }
    .detail-header .header-info .info-item:not(:last-child){ margin-right: 2vw; }
    .detail-footer .other span{ font-size: 4vw; }

    .m-pagination{ margin: 5vw 0 10vw; display: block; text-align: center; }
    .m-pagination button{ 
        width: 30vw; height: 8vw;line-height: 8vw; border-width: 0; 
        background-color: #e2e2e2; color: #818181; border-radius: 5vw;
    }
    .m-pagination button:focus{ outline: none; }
    .m-pagination button span{ vertical-align: middle; margin-left: 1vw; font-size: 4vw; }
    .m-pagination button:active{ background-color: #eee; }
    .m-pagination button svg{ font-size: 4.5vw; }

    .footer{ margin-top: 2vw; height: auto; }
    .footer .footer-con{ display: block; padding: 8vw 3vw; }
    .footer .footer-con .infos{ width: 100%; }
    .footer .dropdown{ margin-bottom: 5vw; }
    .footer .dropdown button{ 
        width: 100%; font-size: 4vw; display: flex; align-items: center; 
        justify-content: space-between; height: 11vw; background-color: #fff;
        color: #333 !important; border:none; border-radius: 0;
    }
    .footer .dropdown.show>.btn-secondary.dropdown-toggle,
    .footer .dropdown button:active{ background-color: #fff !important; }
    .footer .dropdown .dropdown-menu{ width: 94vw; border-radius: 0; }
    .footer .dropdown .dropdown-menu .dropdown-item{ border-bottom: 1px solid #eee; line-height: 2; font-size: 4vw; }
    .footer .dropdown .dropdown-menu .dropdown-item:last-child{ border-bottom-width: 0; }
    .footer .dropdown .dropdown-toggle::after{ color: #b40200;}

    .footer .footer-con .infos .info-item>div, 
    .footer .footer-con .infos .info-item{
        font-size: 3.5vw;
    }
    .footer .footer-con .infos .info-item:last-child div:last-child{
        margin-left: 3vw !important;
    }
    .info-item.con-flex{  flex-wrap: wrap; justify-content: start; }


    .detail img{
        width:100% !important;
height:100% !important;
    }

.main-right .detail .detail-content img
{
    margin-left:-2.5em;
}

}