@charset "UTF-8";
@import url(../css/animate.min.css);
a {
  color: #495057 !important;
}

a:hover {
  color: #018ED6 !important;
}

#ThisTime {
  color: #333;
}

#ThisTime iframe {
  width: 100%;
  max-width: 100%;
  border: none;
}

.logo {
  display: flex;
  align-items: center;
}

.logo img {
  max-width: 100%;
  max-height: 68px !important;
}

.search .Margin {
  border: 1px solid #018ED6;
  border-radius: 20px;
}

.search .Margin select {
  display: none;
}

.search .Margin::after {
  position: absolute;
  display: inline-flex;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 40px;
  content: "\f002";
  font-size: 26px;
  color: #018ED6;
  z-index: -100;
}

.search .Margin input,
.search .Margin form {
  border: 0;
}

.search .Margin [type=text] {
  min-width: 200px;
  width: 100%;
}

.search .Margin [type=submit] {
  display: inline-flex;
  align-items: center;
  width: 30px;
  height: 40px;
  padding-left: 0;
  padding-right: 0;
  background: transparent;
  color: transparent;
}

.shadow {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.phone * {
  color: #018ED6;
}

.phone .Margin .Hotline::before {
  font-size: 50px;
  line-height: 1em;
  margin: 0;
}

.phone .Margin .Hotline .dd {
  font-size: 28px;
}

.news .Content,
.news .Margin {
  max-width: 100%;
  overflow: hidden;
}

.news #ArticleList {
  display: flex;
  flex: 1;
  max-width: 100%;
  flex-flow: column wrap;
  align-items: stretch;
  gap: 20px;
  overflow: hidden;
}

.news #ArticleList .carousel {
  display: flex;
  flex: 1;
  max-width: 100%;
  flex-flow: column wrap;
  margin-bottom: 0px;
  height: auto;
  max-height: 100%;
  overflow: hidden;
  /* 超出部分隐藏 */
}

.news #ArticleList .carousel .carousel-inner {
  display: inline-flex;
  flex-flow: row nowrap;
  height: 100%;
  overflow: hidden;
}

.news #ArticleList .carousel .carousel-inner .carousel-item {
  height: 100%;
}

.news #ArticleList .carousel .carousel-inner .carousel-item .thumbs {
  padding-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.news #ArticleList .carousel .carousel-inner .carousel-item .thumbs a {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.news #ArticleList .carousel .carousel-inner .carousel-item .thumbs a img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 3/2;
}

.news #ArticleList .carousel ul {
  position: relative;
  display: flex;
  flex: 1;
  height: 100%;
  overflow: hidden;
  flex-flow: column wrap;
}

.news #ArticleList .carousel ul li {
  padding: 0;
  overflow: hidden;
}

.news #ArticleList .carousel ul li > a {
  display: flex;
  flex: 1;
  position: absolute;
  width: 100%;
  bottom: 1rem;
  background: rgba(0, 0, 0, 0.5);
  color: white !important;
  padding: 1rem;
}

.news #ArticleList ul.Profile {
  display: flex;
  flex: 1;
  height: auto;
  /* 高度由内容决定 */
  max-height: 100%;
  /* 防止溢出 */
  overflow: hidden;
  /* 超出部分隐藏 */
}

.news #ArticleList ul.Profile li .Article {
  display: flex;
  padding-top: 5px;
  padding-bottom: 5px;
  flex: 1;
}

.news #ArticleList ul.Profile li .Article .title {
  white-space: nowrap;
  /* 禁止换行 */
  overflow: hidden;
  /* 隐藏溢出内容 */
  text-overflow: ellipsis;
  /* 显示省略号 */
  max-width: 100%;
  /* 限制最大宽度 */
}

.news #ArticleList ul.Profile li:hover {
  background: transparent;
}

.news1 ul li a {
  padding-top: 1px;
  padding-bottom: 2px;
}

.notice #ArticleList ul {
  display: inline-flex;
  flex: 1;
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.notice #ArticleList ul li .Article .title {
  width: 100%;
}

.notice #ArticleList ul li .Article .title a {
  white-space: nowrap;
  overflow: unset;
  text-overflow: unset;
}

.notice #ArticleList ul li .Article .LongDatePlus {
  display: none;
}

.notice #ArticleList ul li:hover {
  background-color: transparent;
}

.btn {
  display: flex;
  flex-flow: row nowrap;
  padding: 15px;
}

.btn .Subject {
  margin-bottom: 0;
}

.info #TabStrip .TabNavTitle {
  display: flex;
  flex: 1;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-bottom: 1px solid #dee2e6;
  margin-bottom: 1rem;
}

.info #TabStrip .TabNavTitle .TabTitle {
  border-bottom: 1px solid transparent;
}

.info #TabStrip .TabNavTitle .TabTitle a {
  display: inline-flex;
  padding: 1rem;
  font-size: 1.6rem;
}

.info #TabStrip .TabNavTitle .TabTitle i {
  display: none;
}

.info #TabStrip .TabNavTitle .TabTitle:hover, .info #TabStrip .TabNavTitle .TabTitle.on {
  border-bottom: 1px solid #018ED6;
}

.info #TabStrip .TabNavTitle .TabTitle:hover a, .info #TabStrip .TabNavTitle .TabTitle.on a {
  font-size: 1.8rem;
}

.bg-fst menu ul li a {
  color: #e9ecef !important;
}

.bg-fst menu ul li:hover {
  background-color: #EC1D23;
}

.bg-fst menu ul li:hover a {
  color: white !important;
}

.dynamic {
  display: flex;
  flex: 1;
  flex-flow: column wrap;
}

.dynamic .RowsTitle {
  display: flex;
  flex: 1;
  margin-top: 1rem;
  justify-content: start;
}

.dynamic .RowsTitle .More {
  display: inline-flex;
}

.dynamic .RowsTitle .More a {
  border: 1px solid #dee2e6;
  padding: 5px 20px;
}

.dynamic .TabNavTitle {
  display: flex;
  flex: 1;
  flex-flow: row nowrap;
  justify-content: space-between;
  background-color: #e9ecef;
  margin-bottom: 2rem;
}

.dynamic .TabNavTitle .TabTitle {
  display: flex;
  flex: 1;
}

.dynamic .TabNavTitle .TabTitle:hover {
  background-color: #018ED6;
}

.dynamic .TabNavTitle .TabTitle:hover a {
  color: white !important;
}

.dynamic .TabNavTitle .TabTitle a {
  display: flex;
  flex: 1;
  justify-content: center;
  padding: 1rem 2rem;
  font-size: 1.8rem;
  color: #343a40;
}

.dynamic .TabNavTitle .TabTitle i {
  display: none;
}

.bottom .container {
  border-top: 1px solid #dee2e6;
}

.bottom .container .menu {
  margin: 0;
}

.bottom .container .menu menu ul li a {
  justify-content: left;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
}

.bottom .container .logo .dt {
  display: none;
}

.bottom .container .dt,
.bottom .container .dd {
  color: #6c757d !important;
}

.bottom .container .dt a,
.bottom .container .dd a {
  color: #6c757d !important;
}

.carousel button {
  background-color: transparent;
  border-width: 0;
}

.carousel .visually-hidden {
  display: none;
}

.copyright div {
  line-height: 26px;
}

.ba .Margin {
  display: flex;
  flex-direction: row;
}

.ba .Margin .mii {
  margin-right: 20px;
}

.w-100 #bd .Content {
  min-height: auto;
}

.ul-xs-3 ul li,
.ab ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 10px 0;
}

.ul-xs-3 ul li::before,
.ab ul li::before {
  border: 1px solid #dee2e6;
  border-radius: 50%;
  background-color: #fafafa;
  width: 60px;
  height: 60px;
  font-size: 30px;
  color: #018ED6;
  line-height: 60px;
  justify-content: center;
  margin: 8px auto;
}

.ab ul li {
  margin: 0;
}

.ab ul li ::before {
  background-color: white;
}

sider {
  width: 100%;
}

sider .RowsTitle {
  width: 100%;
  background: #018ED6;
  padding: 8px 0;
  border: 0;
  margin-bottom: 3px;
}

sider .RowsTitle h3 {
  margin-bottom: 0;
}

sider .RowsTitle * {
  color: white !important;
  font-size: 1rem;
}

sider .submenu-view-1 .RowsTitle {
  display: none;
}

sider .submenu-view-1 ul {
  display: flex;
  flex-flow: row wrap;
}

sider .submenu-view-1 ul li {
  display: flex;
  flex: 1;
  background: #f8f8f8;
  margin-bottom: 2px;
  padding: 0;
}

sider .submenu-view-1 ul li::before {
  display: none;
}

sider .submenu-view-1 ul li a {
  display: block;
  text-align: center !important;
  color: #333 !important;
  line-height: 20px;
  padding: 10px 20px;
}

sider .submenu-view-1 ul li.on, sider .submenu-view-1 ul li:hover {
  background: #EC1D23;
}

sider .submenu-view-1 ul li.on a, sider .submenu-view-1 ul li:hover a {
  color: white !important;
}

sider .submenu-view-1 ul li.on a:hover, sider .submenu-view-1 ul li:hover a:hover {
  color: white !important;
}

.Subject {
  margin-bottom: 30px;
}

.Subject .Descript {
  text-align: center;
  color: #495057;
}

.body #ArticleDetail .Log .hits,
.body #ArticleDetail .Log .publisher {
  display: none;
}

.body p img {
  max-width: 100%;
}

.qrcode {
  text-align: center;
}

.qrcode .dt {
  display: none;
}

.main {
  display: flex;
  flex: 1;
  width: 100%;
  overflow-x: auto;
}

.main menu ul {
  display: flex;
  justify-content: space-between;
  flex: 1;
  flex-flow: row nowrap;
  margin-left: -15px;
  margin-right: -15px;
}

.main menu ul li {
  min-height: 50px;
}

.main menu ul li a {
  height: 100%;
  background-color: #e9ecef;
  padding: 10px;
  white-space: nowrap;
}

.main menu ul li.on a {
  background-color: transparent;
}

.section.statute ul, .section.service ul, .section.life ul, .section.benefic ul {
  display: flex;
  flex: 1;
  flex-flow: column wrap;
  gap: 15px;
}

.section.statute ul li, .section.service ul li, .section.life ul li, .section.benefic ul li {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.section.statute ul li a, .section.service ul li a, .section.life ul li a, .section.benefic ul li a {
  padding: 10px;
  border-bottom: 1px solid #dee2e6;
}

.section.statute ul li a:hover, .section.service ul li a:hover, .section.life ul li a:hover, .section.benefic ul li a:hover {
  border-color: #018ED6;
}

.section.statute ul li ul, .section.service ul li ul, .section.life ul li ul, .section.benefic ul li ul {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin-top: 15px;
}

.section.statute ul li ul li a, .section.service ul li ul li a, .section.life ul li ul li a, .section.benefic ul li ul li a {
  display: none;
  border: 1px solid #ced4da;
  background-color: #dee2e6;
}

.section.statute #TabStrip .TabNavTitle .TabTitle a, .section.service #TabStrip .TabNavTitle .TabTitle a, .section.life #TabStrip .TabNavTitle .TabTitle a, .section.benefic #TabStrip .TabNavTitle .TabTitle a {
  font-weight: 100;
  text-align: left;
  font-size: 1.8rem;
}

.section .pics .RowsTitle .Title .cn a {
  font-size: 1.8rem;
}

.section.statute, .section.service, .section.life, .section.benefic {
  display: flex;
  flex: 1;
  height: 100%;
  overflow: hidden;
}

.section.statute .Content,
.section.statute .Margin, .section.service .Content,
.section.service .Margin, .section.life .Content,
.section.life .Margin, .section.benefic .Content,
.section.benefic .Margin {
  height: 100%;
}

.section.statute ul, .section.service ul, .section.life ul, .section.benefic ul {
  display: flex;
  flex: 1;
  height: 100%;
}

.section.statute ul .dropdown, .section.service ul .dropdown, .section.life ul .dropdown, .section.benefic ul .dropdown {
  display: flex;
  flex: 1;
  height: 100%;
  flex-flow: column wrap;
  position: inherit;
}

.section.statute ul .group ul li, .section.service ul .group ul li, .section.life ul .group ul li, .section.benefic ul .group ul li {
  display: flex;
  flex: 1;
  align-items: center;
}

.section.statute ul .group ul li .mode,
.section.statute ul .group ul li .title,
.section.statute ul .group ul li a, .section.service ul .group ul li .mode,
.section.service ul .group ul li .title,
.section.service ul .group ul li a, .section.life ul .group ul li .mode,
.section.life ul .group ul li .title,
.section.life ul .group ul li a, .section.benefic ul .group ul li .mode,
.section.benefic ul .group ul li .title,
.section.benefic ul .group ul li a {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
  margin: 0;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-size: cover;
  color: white !important;
  text-indent: 9999px;
  overflow: hidden;
}

.section.statute ul .group ul li:nth-child(1) a, .section.service ul .group ul li:nth-child(1) a, .section.life ul .group ul li:nth-child(1) a, .section.benefic ul .group ul li:nth-child(1) a {
  background-image: url(../images/wos1.jpg);
}

.section.statute ul .group ul li:nth-child(2) a, .section.service ul .group ul li:nth-child(2) a, .section.life ul .group ul li:nth-child(2) a, .section.benefic ul .group ul li:nth-child(2) a {
  background-image: url(../images/wos2.jpg);
}

.section.statute ul .group ul li:nth-child(3) a, .section.service ul .group ul li:nth-child(3) a, .section.life ul .group ul li:nth-child(3) a, .section.benefic ul .group ul li:nth-child(3) a {
  background-image: url(../images/wos3.jpg);
}

.section.statute ul .SubMenu1, .section.service ul .SubMenu1, .section.life ul .SubMenu1, .section.benefic ul .SubMenu1 {
  display: flex;
  flex: 1;
  height: 100%;
  flex-flow: row nowrap;
  justify-content: space-between;
}

.section.statute ul .SubMenu1 li, .section.service ul .SubMenu1 li, .section.life ul .SubMenu1 li, .section.benefic ul .SubMenu1 li {
  display: flex;
  flex: 1;
  align-items: stretch;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.section.statute ul .SubMenu1 li .mode, .section.service ul .SubMenu1 li .mode, .section.life ul .SubMenu1 li .mode, .section.benefic ul .SubMenu1 li .mode {
  display: flex;
  width: 100%;
  height: 100%;
}

.section.statute ul .SubMenu1 li .mode .title, .section.service ul .SubMenu1 li .mode .title, .section.life ul .SubMenu1 li .mode .title, .section.benefic ul .SubMenu1 li .mode .title {
  display: none;
  display: flex;
  flex: 1;
  height: 100%;
  margin: 0;
}

.section.statute ul .SubMenu1 li .mode .title a, .section.service ul .SubMenu1 li .mode .title a, .section.life ul .SubMenu1 li .mode .title a, .section.benefic ul .SubMenu1 li .mode .title a {
  display: flex;
  flex: 1;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: white !important;
  overflow: hidden;
  text-indent: -9999px;
}

.section.statute ul .SubMenu1 li .mode .title a:hover, .section.service ul .SubMenu1 li .mode .title a:hover, .section.life ul .SubMenu1 li .mode .title a:hover, .section.benefic ul .SubMenu1 li .mode .title a:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #018ED6 !important;
}

.section.statute ul .SubMenu1 li .thumbs, .section.service ul .SubMenu1 li .thumbs, .section.life ul .SubMenu1 li .thumbs, .section.benefic ul .SubMenu1 li .thumbs {
  position: absolute;
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}

.section.statute ul .SubMenu1 li .thumbs img, .section.service ul .SubMenu1 li .thumbs img, .section.life ul .SubMenu1 li .thumbs img, .section.benefic ul .SubMenu1 li .thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section.life ul li .SubMenu1, .section.benefic ul li .SubMenu1 {
  flex-flow: column nowrap;
}

.section.system #TabStrip {
  display: flex;
  flex-flow: column wrap;
}

.section.system #TabStrip dl {
  display: flex;
  flex: 1;
  max-width: 100%;
  flex-flow: column wrap;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.section.system #TabStrip dl dt {
  display: flex;
  flex: 1;
  border-bottom: 1px solid #dee2e6;
  padding-top: 5px;
  padding-bottom: 5px;
}

.section.system #TabStrip dl dt a {
  display: inline-flex;
  position: relative;
  border-bottom: 2px solid #018ED6;
  padding-top: 5px;
  padding-bottom: 5px;
  bottom: -6px;
}

.section.system #TabStrip dl dt i {
  display: none;
}

.section.system #TabStrip dl dd {
  display: flex;
  flex: 1;
  width: 100%;
}

.section.system #TabStrip dl dd #ArticleList {
  display: flex;
  flex: 1;
  width: 100%;
}

.section.system #TabStrip dl dd #ArticleList ul {
  display: flex;
  flex: 1;
  width: 100%;
  flex-flow: column wrap;
}

.section.system #TabStrip dl dd #ArticleList ul li {
  display: flex;
  flex: 1;
  width: 100%;
}

.section.system #TabStrip dl dd #ArticleList ul li .Article {
  display: flex;
  flex: 1;
  width: 100%;
}

.section.system #TabStrip dl dd #ArticleList ul li .Article top {
  display: none;
}

.section.system #TabStrip dl:nth-child(n+3) {
  margin-top: 15px;
}

.section.system #TabStrip dl:nth-child(n+3) dt {
  border: 1px solid #dee2e6;
  min-height: 50px;
}

.section.system #TabStrip dl:nth-child(n+3) dt a {
  display: flex;
  flex: 1;
  height: 100%;
  bottom: auto;
  justify-content: center;
  align-items: center;
  border: 0;
}

.section.system #TabStrip dl:nth-child(n+3) dd {
  display: none;
}

#ArticleList ul li {
  margin-bottom: 0;
}

#ArticleList ul li.Summary {
  display: flex;
  flex: 1;
  margin-bottom: 14px;
}

#ArticleList ul li.Summary .thumbs {
  display: flex;
  flex-shrink: 0;
  height: 120px;
  margin-bottom: 20px;
  overflow: hidden;
}

#ArticleList ul li.Summary .thumbs a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  overflow: hidden;
}

#ArticleList ul li.Summary .thumbs a img {
  width: 100%;
}

#ArticleList ul li.Summary .detail .intro {
  height: 60px;
  overflow: hidden;
  color: #343a40;
  font-size: 12px;
  line-height: 1.8em;
}

#ArticleList ul li h6 a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#ArticleList ul li .Article {
  display: flex;
  flex: 1;
  flex-flow: row nowrap;
  justify-content: space-between;
}

#ArticleList ul li .Article top {
  overflow: hidden;
}

#ArticleList ul li .Article h6 {
  width: calc(100% - 60px);
}

#ArticleList ul li .Article h6 a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media (min-width: 568px) {
  .section.statute ul, .section.service ul, .section.life ul, .section.benefic ul {
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .section.statute ul li, .section.service ul li, .section.life ul li, .section.benefic ul li {
    width: 50%;
    box-sizing: border-box;
  }
  .section.statute ul li ul, .section.service ul li ul, .section.life ul li ul, .section.benefic ul li ul {
    flex-direction: column;
  }
  .section.statute ul li ul li, .section.service ul li ul li, .section.life ul li ul li, .section.benefic ul li ul li {
    width: 100%;
  }
  .contact .mobile {
    position: fixed;
    bottom: 10px;
    left: 15px;
    z-index: 100;
  }
  .contact .mobile .dd a {
    display: block;
    width: 60px;
    height: 60px;
    padding: 15px;
    border-radius: 50%;
    background: #018ED6;
    color: #fff;
    text-indent: -9990px;
    position: relative;
    border: 2px solid #fff;
  }
  .contact .mobile .dd a::before {
    display: flex;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 5px;
    left: 15px;
    font-size: 30px;
    color: #fff;
    content: '\f2a0';
    text-indent: 0px;
    z-index: 100;
  }
}

@media (min-width: 992px) {
  sider {
    width: 220px;
  }
  sider .RowsTitle {
    display: flex;
    flex: 1;
    padding: 30px 0;
    justify-content: center;
  }
  sider .Content {
    background-color: #dee2e6;
  }
  sider .Content ul {
    flex-flow: column wrap;
  }
  sider .Content ul li {
    border-bottom: 1px solid #f8f9fa;
  }
  sider .Content ul li ul {
    padding-left: 10px;
    background-color: #f8f9fa;
    padding-top: 10px;
  }
  sider .Content ul li ul li a {
    padding-top: 5px;
    padding-bottom: 10px;
  }
  .section.system {
    height: 100%;
  }
  .section.system .Margin,
.section.system .Content {
    height: 100%;
  }
  .section.system .Margin #TabStrip,
.section.system .Content #TabStrip {
    flex-flow: row nowrap;
    flex: 1;
    gap: 15px;
    height: 100%;
  }
  .section.system .Margin #TabStrip .group,
.section.system .Content #TabStrip .group {
    display: flex;
    flex-flow: column wrap;
    flex: 1 1 50%;
    height: 100%;
  }
  .section.system .Margin #TabStrip .group dl:nth-child(1),
.section.system .Content #TabStrip .group dl:nth-child(1) {
    margin-bottom: 0;
    margin-top: 0;
  }
  .section.system .Margin #TabStrip .group:nth-child(2) dl:nth-child(1) a,
.section.system .Content #TabStrip .group:nth-child(2) dl:nth-child(1) a {
    background: url(../images/xcx1.jpg);
  }
  .section.system .Margin #TabStrip .group:nth-child(2) dl:nth-child(2) a,
.section.system .Content #TabStrip .group:nth-child(2) dl:nth-child(2) a {
    background: url(../images/xcx2.jpg);
  }
  .section.system .Margin #TabStrip .group:nth-child(2) dl dt,
.section.system .Content #TabStrip .group:nth-child(2) dl dt {
    flex: 1;
    height: 100%;
    margin-bottom: 0;
  }
  .section.system .Margin #TabStrip .group:nth-child(2) dl dt a,
.section.system .Content #TabStrip .group:nth-child(2) dl dt a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border: 0;
    text-indent: -99999px;
    overflow: hidden;
  }
  .section.system .Margin #TabStrip .group:nth-child(2) dl dd,
.section.system .Content #TabStrip .group:nth-child(2) dl dd {
    display: none;
  }
  .search .Margin {
    padding: 0px 20px;
    margin-right: 0;
    margin-left: auto;
  }
  .ab ul li {
    flex-basis: auto !important;
  }
  .dynamic {
    flex-flow: row nowrap;
  }
  .main {
    flex-grow: 0;
    overflow: inherit;
  }
  .main menu {
    height: 100%;
  }
  .main menu ul {
    flex-direction: column;
    align-items: stretch;
  }
  .main menu ul li {
    flex: 1;
    border-bottom: 1px solid #fff;
  }
  .main menu ul li a {
    width: 100px;
  }
  .news #ArticleList {
    flex-direction: row;
  }
  .news #ArticleList .carousel {
    display: flex;
    width: 100%;
    height: 100%;
  }
  .info {
    display: flex;
    flex: 1;
    overflow: hidden;
  }
  .info #TabStrip .TabNavContent {
    display: flex;
    flex: 1;
    margin-left: -15px;
    margin-right: -15px;
  }
  .info #TabStrip .TabNavContent .TabContent {
    flex: 1;
    width: 50%;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
  }
  .info #TabStrip .TabNavContent .TabContent #ArticleList {
    display: flex;
    flex: 1;
  }
  .info #TabStrip .TabNavContent .TabContent #ArticleList ul {
    flex: 1;
    width: 100%;
    overflow: hidden;
  }
  .info #TabStrip .TabNavContent .TabContent #ArticleList ul li {
    width: 100%;
    overflow: hidden;
  }
  .info #TabStrip .TabNavContent .TabContent #ArticleList ul li .Article {
    display: flex;
    flex: 1;
    padding: 5px 0;
  }
  .info #TabStrip .TabNavContent .TabContent #ArticleList ul li .Article .title {
    overflow: hidden;
  }
  .info #TabStrip .TabNavContent .TabContent #ArticleList ul li .Article .title a {
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .info #TabStrip .TabNavContent .TabContent #ArticleList ul li .Article .LongDatePlus {
    flex: 0;
  }
  .btn {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
  }
  .btn .Subject,
.btn .Thumbs {
    margin: 0;
  }
  .hidden-lg {
    display: none;
  }
  .bottom {
    padding-bottom: 0;
  }
  .bottom .col-lg-10 {
    text-align: left;
  }
  .bottom .RowsTitle {
    display: flex;
    margin-bottom: 15px;
  }
  .bottom .RowsTitle h3 {
    display: block;
    text-align: left;
    font-size: 1.125rem;
  }
  .bottom .wechat {
    margin-top: 0;
    text-align: right;
  }
  .bottom .wechat img {
    height: 120px;
    margin-top: -15px;
  }
  #ArticleView ul li {
    flex-basis: 33.33%;
  }
  .thumb-circle ul li {
    flex: 1 1 25%;
  }
  .ab menu ul {
    flex-flow: row nowrap;
  }
  .ab menu ul li {
    margin: 0 15px;
  }
  .ab menu ul li a {
    display: inline-flex;
    flex: 0;
    justify-content: flex-start;
  }
  .ab menu ul li ul li {
    margin: 0;
  }
}

.MsgSubmit .col-lg-10 {
  display: flex;
}