.content{ padding: 0 !important;  position: relative; }
.pageTitle{ 
    width: 275px; height: 60px; line-height: 60px; text-align: center; background-color: #b80405; 
    font-size: 22px; color: #fff; position: relative; top: -35px;
}
.content-title { display: flex; align-items: center;     padding-top: 50px; justify-content: space-between; padding-bottom: 5px; }
.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; padding:0 }
.breadcrumb::before{ 
    content: " "; display: block; width: 24px; height: 21px; background: url(../images/list-adderss.png) no-repeat; 
    position: relative; top: 0px; right: 5px;
}
.breadcrumb .breadcrumb-item{ padding-left: 0; color: #6f6f6f; font-size: 14px; 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: 14px; color: #878787; }



/* 列表样式开始 */

.content {
    position: relative;
  }
  .dynamics-div {
    margin-top: 35px;
  }
  .dynamics .dynamics-title {
    width: 232px;
    height: 60px;
    text-align: center;
    background: #C13432;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 3px;
    line-height: 60px;
    margin-bottom: 20px;
  }
  .dynamics {
    display: flex;
    align-items: flex-start;
    position: relative;
  }
  .dynamics .child:first-child {
    flex: 0 0 275px;
  }
  .dynamics .child:last-child {
    flex: 1;
    min-width: 0;
  }
  
  .detail {
    position: relative;
  }
  .menus {
    position: relative;
    width: 240px;
  }
  
  .menus-list .menus-item.actived {
      color: #9d1d22;
  }

  /* .menu-sub-list .menu-sub-item.actived {
    background:  #C13432;
    color: #C13432;
  } */

  .menus-list .menus-item span::after {
    position: relative;
    display: inline-block;
    top: 0;
    right: -97px;
    content: " ";
    background-image: url(../images/list-right-ico.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: middle;
  }
  
  .menus-list {
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0;
    background-position: center bottom;
    overflow-y: auto;
  }

  .menus-list::-webkit-scrollbar {
    width: 6px;
  }
  .menus-list::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
    border-radius: 4px;
  }
  .menus-list .menus-item {
    display: block;
    border-bottom-width: 0;
    height: 50px;
    line-height: 50px;
    color: #333333;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
    padding-left: 8px;
    /* border-bottom: 3px solid #eee; */
    margin: 1px 4px 10px 4px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3)
  }
  .menus-item span {
    font-size: 20px;
    margin-left: 20px;
  }
  
  /* .menus-list .menus-item.actived,
  .menus-list .menus-item:hover {
    /* border-bottom: 3px solid #9d1d22;
  } */
  
  .menus .flex-block:hover .bg,
  .menus .flex-block .menus-item.actived .bg {
    position: absolute;
    left: -13px;
    content: " ";
    background-image: url(../images/list-actived-bg.png);
    background-repeat: no-repeat;
    width: 54px;
    height: 41px;
    vertical-align: middle;
  }

  .menus .flex-block:hover .bg {
    position: absolute;
    left: -13px;
    content: " ";
    background-image: url(../images/list-actived-bg.png);
    background-repeat: no-repeat;
    width: 54px;
    height: 41px;
    vertical-align: middle;
  }

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

  .menu-sub-list .menu-sub-item:hover {
      background: #eee;
  }
  
  .menus-list .menus-item.actived span::after {
    position: relative;
    display: inline-block;
    top: 0px;
    right: -97px;
    content: " ";
    background-image: url(../images/list-rightActied-ico.png);
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
    vertical-align: middle;
  }
  
  .menu-sub-list {
    display: none;
  }
  .menu-sub-list .menu-sub-item {
    cursor: pointer;
    display: block;
    color: #7a7a7a;
    line-height: 2;
    transition: all 0.2s;
    position: relative;
  }
  .menu-sub-list .menu-sub-item span {
    font-size: 16px;
    margin-left: 9px;
  }
  .menu-sub-list .menu-sub-item span::before {
    content: ">";
    display: inline-block;
    width: 23px;
    height: 17px;
    position: relative;
    right: -5px;
  }
  .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;
    position: relative;
    right: -5px;
  }

  .detail .list-div {
    margin: 1px 4px 10px 4px;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3)
  }
  
  .list-div .content-title-list  {
    height: 60px;
    margin: 0 20px;
    border-bottom: 1px solid #e7e7e7;
    line-height: 60px;
  }

  .list-div .content-title-list .title-text {
    font-size: 20px;
    font-weight: 400;
    color: #333333;
  }


  
  .article-list {
    padding: 0 20px 20px 20px;
  }
  .article-list .article-item {
    display: block;
    line-height: 3;
    transition: color 0.2s;
    width: 100%;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
  }
  .article-list .article-item::after {
    content: " ";
    display: block;
    clear: both;
  }
  .article-list .article-item .first-span {
    float: left;
    width: calc(100% - 118px);
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    margin-left: 25px;
    font-weight: normal;
  }
  .article-list .article-item:hover .first-span::after,
  .article-list .article-item .first-span::after {
    position: absolute;
    display: inline-block;
    top: 14px;
    left: 0;
    content: " ";
    background-image: url(../images/list-text-bg.png);
    background-repeat: no-repeat;
    width: 33px;
    height: 24px;
    vertical-align: middle;
  }

  .article-list .article-item:hover .first-span::after{
    background-image: url(../images/list-textActived-bg.png);

  }

  .article-list .article-item span:last-child {
    float: right;
    font-size: 18px;
    color: #666666;
    font-weight: normal;
    font-size: 14px;
    text-align: right;
  }
  .article-list .article-item:hover span:last-child,
  .article-list .article-item:hover span {
    color: #9d1d22;
  }
  
/* 列表样式结束 */

/* 详情样式开始 */

.detail .list-div-detail {
  margin: 1px 4px 10px 4px;
  box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  padding: 0 20px 20px 20px;
}

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

.list-div-detail .detail-title-div {
  padding-top: 20px;
  height: 100px;
  border-bottom: 1px solid #eeee;
}

.list-div-detail .detail-title-div .detail-title {
  font-size: 20px;
  font-weight: 400;
  color: #333333;
}

.detail-title-div .detail-dete {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
}

.list-div-detail .detail-content {
  margin-top: 35px;
}
/* 详情样式结束 */




.pagination{  align-items: center; justify-content: flex-end; margin: 15px 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{ width: 65px; }

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




@media (max-width: 576px) {

    
}