﻿ .header-bg {
     border-bottom: 10px solid #fff;
 }

 .list-header-img {
     height: 300px;
     width: 100%;
 }

 .list-header-img>img {
     width: 100%;
     height: 100%;
     border: 10px solid #fff;
     box-sizing: border-box;
     border-radius: 5px;
 }

 .list-content {
     margin-top: 20px;
     background-color: #fff;
     border-radius: 10px;
     width: 100%;
     padding: 10px 0;
 }

 .list-content-wrapper {
     border-top: 1px solid rgb(149, 7, 32);
     padding: 10px 10px 50px 10px;
     display: flex;
 }

 .list-nav {
     width: 300px;
 }

 .list-nav-title {
     height: 75px;
     background-color: rgb(149, 7, 32);
     color: #fff;
     font-size: 24px;
     text-align: center;
     line-height: 75px;
 }

 .list-nav>ul {
     border-left: 1px solid #ddd;
     border-right: 1px solid #ddd;
 }

 .list-nav>ul>li {
     height: 55px;

     border-bottom: 1px solid #ddd;
     line-height: 55px;
 }

 .list-nav>ul>li>a {
     display: block;
     padding-left: 35px;
     height: 100%;
     color: #333;
 }

 .list-nav>ul>li:hover>a {
     /* background-color: rgb(158, 41, 51); */
     color: #9d2933;
     font-weight: bold;
     font-size: 18px;
 }

 .list-nav>ul>li.active>a {
     /* background-color: rgb(158, 41, 51); */
     color: #9d2933;
     font-weight: bold;
     font-size: 18px;
 }

 .list-news-wrapper {
     flex: 1;
     margin-left: 30px;
     padding: 0 20px;
 }

 .pos-wrapper {
     display: flex;
     justify-content: space-between;
     border-bottom: 1px solid #ddd;
     line-height: 60px;
     padding-top: 15px;
 }

 .bar-name {
     font-size: 20px;
 }

 .cur-pos {
     display: flex;
 }

 .cur-pos>ul {
     display: flex;
 }

 .cur-pos>ul>li {
     margin-right: 5px;
 }

 .img-list {
     display: flex;
     flex-wrap: wrap;
 }

 .img-list-item {
     width: 200px;
     text-align: center;
     margin: 30px 32px 0 32px;
 }

 .news-img {
     width: 200px;
     height: 120px;
     overflow: hidden;

 }

 .news-img:hover>img {
     transform: scale(1.2)
 }

 .news-img>img {
     width: 100%;
     height: 100%;
     transition: 0.5s;
 }

 .news-title {
     line-height: 40px;
 }

 .news-title:hover {
     color: #9d2933;
 }