.content{ padding: 0 !important;  position: relative; }
.pageTitle{ 
    width: 275px; height: 60px; line-height: 60px; text-align: center; background-color: #9E1D22; 
    font-size: 22px; color: #fff; position: relative; top: -35px;
}
.content-title { display: flex; align-items: center; justify-content: space-between; padding-bottom: 5px; border-bottom: 2px solid #b60404; }
.content-title .title-text{ color: #b60404; font-size: 22px; font-weight: bold; }
.breadcrumb{ margin: 0; padding-right: 0; justify-content: flex-end; background-color: transparent; }
.breadcrumb::before{ 
    content: " "; display: block; width: 15px; height: 15px; background-image: url(../img/list/location.png); 
    position: relative; top: 3px; right: 5px;
}
.breadcrumb .breadcrumb-item{ padding-left: 0; color: #6f6f6f; font-size: 15px; transition: all .2s; }
.breadcrumb .breadcrumb-item:not(:last-child):hover{ color: #b60404; }
.breadcrumb .breadcrumb-item:not(:last-child)::after{
    content: " >> "; color: #878787; font-style: normal; margin: 0 5px; position: relative; top: -1px;
    font-family: "Helvetica Neue","Hiragino Sans GB",SimSun,serif; font-weight: bold;
}
.breadcrumb .breadcrumb-item::before{ content: " "; display: none; }
.breadcrumb .breadcrumb-item:first-child::before{ content: "您的位置："; display: block; font-size: 15px; color: #878787; }

.dynamics{ display: flex; align-items: flex-start; position: relative; min-height: 400px; top: -35px;}
.dynamics .child:first-child{ flex: 0 0 275px; margin-right: 40px; }
.dynamics .child:last-child{ flex: 1; min-width: 0; }
.menus{ position: relative; width: 275px; background-color: #f0f0f0; }



.menus-list .menus-item span::after{
    position: absolute; display: inline-block; top: 19px; right: 12px; content: " "; 
    background-image: url('../img/list/icon-right.png'); background-repeat: no-repeat; width: 14px; 
    height: 14px; vertical-align: middle; transition: all .2s; 
    transform: rotate(270deg);
}

.menus-list{ 
    display: block; width: 100%; background-repeat: no-repeat;background-size: cover; 
    padding: 0; background-position: center bottom; overflow-y: auto;
}
.menus-list .flex-block{ padding: 10px; }
.menus-list::-webkit-scrollbar { width: 6px; }
.menus-list::-webkit-scrollbar-thumb{ background-color: #c1c1c1; border-radius: 4px; }
.menus-list .menus-item{ 
    position: relative; display: block; border-bottom-width: 0;  height: 50px; line-height: 50px; 
    color: #333333; cursor: pointer; transition: all .2s;text-align: left; 
     padding-left: 8px;
     border-bottom: 3px solid #eee;
}
.menus-item span{ font-size: 18px; }

.menus-list .menus-item.actived,
.menus-list .menus-item:hover{ 
    border-bottom: 3px solid #9d1d22;
 }

.menu-sub-list .menu-sub-item:hover,
.menu-sub-list .menu-sub-item.actived span{ color: #9d1d22;  }


.menus-list .menus-item.actived span::after{ transform: rotate(-3deg); }

.menu-sub-list{ display: none; padding: 15px 0; }
.menu-sub-list .menu-sub-item{ 
    padding-left: 25px;  cursor: pointer; display: block; color: #7a7a7a; line-height: 2; 
    transition: all .2s; position: relative;
}
.menu-sub-list .menu-sub-item span{ font-size: 15px; }
.menu-sub-list .menu-sub-item span::before{ 
    content: ""; 
    display: inline-block;
    width: 23px;
    height: 17px;
}
.menu-sub-list .menu-sub-item:hover span::before,
.menu-sub-list .menu-sub-item.actived span::before{ 
    content: ""; 
    display: inline-block;
    width: 23px;
    height: 17px; vertical-align: middle;
    background-image: url('../img/list/radio.png');
    background-repeat: no-repeat;
    position: relative;
    top: 0; right: 0;
}



.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;
    min-width: 30px;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:last-child,
.pagination .item.btn:nth-child(2),
.pagination .item.btn:nth-child(3){ width: 45px; }

.pagination .item.btn:hover{ background-color: #9E1D22; border-color: #9E1D22; color: #ffffff; }
.pagination .item.btn:active{ background-color: rgba(184, 4, 5, .6); border-color: rgba(184, 4, 5, .6); }

 .news-list { padding-top: 10px; }
.news-list .news-item{ 
    padding: 20px 0 20px 30px; position: relative; 
    border-bottom: 1px solid #f0f0f0;
}
.news-list .news-item::before{ 
    content: " "; display: block; width: 13px; height: 13px; background-image: url(../img/index/before.png);
    background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 25px;;
}

.news-list .news-item .news-title{ 
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; 
    display: block;
}
.news-list .news-item .news-title:hover{ color: #9E1D22; }
.news-list .news-item .news-time{ color: #d5b59e; font-size: 15px; margin-top: 8px; }
.detail .detail-subTitle span::before,
.news-list .news-item .news-time::before{ 
    content: " "; display: inline-block; width: 16px; height: 15px; vertical-align: middle;
    background-image: url(../img/index/time.png); background-repeat: no-repeat;
    background-position: center center; position: relative; top: -1px; margin-right: 5px;
}


.detail{ position: relative; margin-top: 40px; height: 100%; padding: 0 0 20px; }
.detail.list{ margin-top: 0; }
.detail .detail-title{ 
    padding-bottom: 20px; width: 100%; font-size: 24px; color: #333; 
    text-align: center; line-height: 35px; min-height: 35px;
}
.detail .detail-subTitle{ text-align: center; margin-bottom: 25px; }
.detail .detail-subTitle .timer,
.detail .detail-subTitle .number{ display: inline-block; }
.detail .detail-subTitle .timer span{ color: #d5b59e; font-size: 15px; }

.detail .detail-item{ 
    line-height: 25px; display: flex; align-items: center; justify-content: space-between; 
    color: #000; padding: 35px 15px; border-bottom: 1px solid #ededed; transition: all .2s;
}
.detail .detail-item:hover{ background-color: #f8f8f8; }
.detail .detail-item .left-con{ padding-left: 65px; position: relative;  }
.detail .detail-item .left-con .item-Num{ position: absolute; left: 15px; font-size: 20px; }
.detail .detail-item .title{ 
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; 
    overflow: hidden; text-overflow: ellipsis; height: 25px; box-sizing: border-box;
    font-weight: bold;
}
.detail .detail-item .timer{ font-size: 15px; margin: 10px 0; }
.detail .detail-item .item-con{ 
    font-size: 14px; color: #808080; text-align: justify; display: -webkit-box; -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 50px; box-sizing: border-box;
}
.detail .detail-item .item-img{ flex: 0 0 165px; margin-left: 15px; }
.detail .detail-item .item-img img{ width: 100%; }
.detail .detail-con{ 
    padding: 25px 0; color: #4c4c4c !important; min-height: 300px;
    text-align: justify; line-height: 2; border-top: 1px dashed #d7d7d7;
}

.detail-footer{ margin-top: 10px; border-top: 1px dashed #d7d7d7; padding: 30px 0; }
.detail-footer .other{ margin-bottom: 20px; }
.detail-footer .other a,
.detail-footer .other span{ font-size: 14px; }
.detail-footer .other a{ font-weight: bold; }

.detail-footer a.last,
.detail-footer a.next{ display: block; color: #333; transition: all .2s; }

.detail-footer a.last:hover,
.detail-footer a.next:hover{ color: #9E1D22; }
.detail-footer a.last:active,
.detail-footer a.next:active{ color: rgba(184, 4, 5, .6); }
.detail-footer a.last{ margin-bottom: 20px; }
.detail-footer .last::before{ content: "上一篇 : "; }
.detail-footer .next::before{ content: "下一篇 : "; }

.m-pagination{ display: none; }

 .menus{
  display: block;
 }

@media (max-width: 576px) {

    .detail-footer,
    .pagination,
    .content-title,
    .menus{ display: none; }

    .m-pagination{ display: block; }

    .list-top{ 
        background-image: url(../img/list/m-top-bg.png); height: 20vw; background-size: cover; 
        width: 100vw; position: relative; left: -3vw;
    }

    .pageTitle{ 
        width: 60vw; height: 12vw; line-height: 12vw; font-size: 5vw; 
        top: 14vw; margin: 0 auto;  
    }

    .dynamics { display: block; top: 0; margin-top: 18vw;}
    .dynamics .child:first-child{ margin-right: 0; }
    .menus{ width: auto; background-color: transparent; }
    .menus-list{ display: flex; flex-wrap: wrap; padding: 0; justify-content: space-between;  }
    .menus-list .flex-block{ flex: 0 0 48%; }
    .menus-list .menus-item{ 
        height: 12vw; line-height: 12vw; text-align: center; padding-left: 0; 
        margin-bottom: 2vw; background-color: #f0f0f0;
    }
    .menus-list .menus-item span{ font-size: 4.2vw; }
    .menus-list .menus-item.actived, 
    .menus-list .menus-item:hover{ background-color: #9c1e22; }
    .menus-list .menus-item span::after{ display: none !important; }

    .news-list{ padding-top: 2vw; }
    .news-list .news-item{ padding: 4vw 0 4vw 7vw; }
    .news-list .news-item::before{ 
        width: 3.5vw; height: 3.5vw; background-size: contain; 
        top: 5vw;
    }
    .news-list .news-item .news-title{ font-size: 4vw; }
    .news-list .news-item .news-time{ font-size: 3.8vw; margin-top: 2vw; }
    .detail .detail-subTitle span::before, 
    .news-list .news-item .news-time::before{
        width: 4.5vw; height: 4vw; margin-right: 2vw; background-size: contain;
    }

    .m-pagination{ margin: 10vw 0 ; display: block; text-align: center; }
    .m-pagination button{ 
        width: 35vw; height: 10vw;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: 2vw; }
    .m-pagination button:active{ background-color: #eee; }
    .m-pagination button svg{ font-size: 5vw; }

    .detail{ margin-top: 5vw; padding: 0; }
    .detail .detail-con{ padding: 4vw 0; }
    .detail .detail-title{ padding-bottom: 3vw; font-size: 4.2vw; text-align: justify; line-height: 1.5; }
    .detail .detail-subTitle{ margin-bottom: 5vw; text-align: justify; }
    .detail .detail-subTitle .timer{ margin-right: 2vw; }
    .detail .detail-subTitle span{ font-size: 3.8vw !important; }
}