* {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 1.5;
}

h1 {
  font-size: 24px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table tr {
  transition: background-color .3s;
}

table tr:nth-child(odd), table tr:hover {
  background-color: var(--table-item-hover);
}

table td, table th {
  padding: 12px 3px;
  border: 1px solid var(--table-border);
  font-size: 14px;
  text-align: left;
  word-wrap: break-word;
  word-break: break-all;
  text-align: center;
}

table th {
  font-size: 16px;
  background-color: var(--primary-color);
  color: #fff;
}

a {
  color: var(--link-color);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

a:hover {
  color: var(--link-hover-color);
  transition: all .3s;
}

p {
  margin: 10px 0;
}

body {
  background-color: var(--page-bg-color);
  font-size: 16px;
  font-family: Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,sans-serif;
  line-height: 1.5;
  text-align: justify;
}

.introduction {
  font-size: 16px;
}

.header {
  height: 72px;
}

.header-in {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.page-container {
  width: 1180px;
  margin: 0 auto;
}

.page-layout {
  display: flex;
  justify-content: space-between;
}

#menu {
    background: #CC0202;
    backdrop-filter: blur(16px);
    height: 52px;
}

#menu .page-container {
  height: 100%;
  display: flex;
  align-items: center;
}

.logo {
  display: flex;
  align-items: center;
  height: 50px;
  margin: 0 35px 0 0;
}

.logo img {
  height: 40px;
}

.nav-right {
  display: flex;
  align-items: center;
  height: 100%;
  flex: 1;
}

.menu-item {
  position: relative;
  text-decoration: none;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 0;
  margin: 0 15px;
  box-sizing: border-box;
  transition: color ease .3s, background-color ease .3s;
  height: 52px;
  line-height: 32px;
  transition: all .3s;
}

.menu-item::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background-color: #ffff00;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: all .3s;
}

#menu .menu-item.active, #menu  .menu-item:hover {
  color: #ffff00;
}

#menu .menu-item.active::after, #menu  .menu-item:hover::after {
  width: 100%;
}

.footer {
  padding: 20px 0;
  font-size: 14px;
  text-align: center;
  color: #ccc;
  background-color: #333;
}

.footer a {
  color: #999;
}

.ri--wechat-fill {
  display: inline-block;
  width: 30px;
  height: 30px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M18.575 13.711a.91.91 0 0 0 .898-.898a.895.895 0 0 0-.898-.898a.894.894 0 0 0-.898.898c0 .5.4.898.898.898m-4.425 0a.91.91 0 0 0 .898-.898c0-.498-.4-.898-.898-.898a.894.894 0 0 0-.898.898c0 .5.399.898.898.898m6.567 5.04a.35.35 0 0 0-.172.37c0 .048 0 .098.025.147c.098.417.294 1.081.294 1.106c0 .073.025.122.025.172a.22.22 0 0 1-.221.22c-.05 0-.074-.024-.123-.048l-1.449-.836a.8.8 0 0 0-.344-.098c-.073 0-.147 0-.196.024c-.688.197-1.4.295-2.161.295c-3.66 0-6.607-2.457-6.607-5.505s2.947-5.505 6.607-5.505c3.659 0 6.606 2.458 6.606 5.505c0 1.647-.884 3.146-2.284 4.154M16.674 8.099a9 9 0 0 0-.28-.005c-4.174 0-7.606 2.86-7.606 6.505c0 .554.08 1.09.228 1.6h-.089a10 10 0 0 1-2.584-.368c-.074-.025-.148-.025-.222-.025a.83.83 0 0 0-.419.123l-1.747 1.005a.35.35 0 0 1-.148.05a.273.273 0 0 1-.27-.27c0-.074.024-.123.049-.197c.024-.024.246-.834.369-1.324c0-.05.024-.123.024-.172a.56.56 0 0 0-.221-.441C2.059 13.376 1 11.586 1 9.599C1.001 5.944 4.571 3 8.951 3c3.765 0 6.93 2.169 7.723 5.098m-5.154.418c.573 0 1.026-.477 1.026-1.026c0-.573-.453-1.026-1.026-1.026s-1.026.453-1.026 1.026s.453 1.026 1.026 1.026m-5.26 0c.573 0 1.027-.477 1.027-1.026c0-.573-.454-1.026-1.027-1.026c-.572 0-1.026.453-1.026 1.026s.454 1.026 1.026 1.026'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

@keyframes shake {
  10%, 90% { transform: translate3d(-1px, 0, 0); }
  20%, 80% { transform: translate3d(+2px, 0, 0); }
  30%, 70% { transform: translate3d(-4px, 0, 0); }
  40%, 60% { transform: translate3d(+4px, 0, 0); }
  50% { transform: translate3d(-4px, 0, 0); }
}

.wechat-icon {
  position: fixed;
  right: 15px;
  bottom: 100px;
  width: 60px;
  height: 60px;
  background-color: #07C160;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.wechat-icon:hover {
  color: #fff;
  animation: shake 800ms ease-in-out;
}

/** Modal **/
.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:100;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:102;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding: 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}

#share-mask {
  background: transparent;
  box-shadow: none;
  color: #fff;
}

#share-mask i {
  vertical-align: middle;
}

.container-left {
  width: 792px;
}

.container-right {
  width: 366px;
}

.content-banner__box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}


.banner-box { width: 566px; height: 320px; position: relative; overflow: hidden; background-color: #fff; }
.banner-box__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  transition: opacity 0.5s ease-in-out;
  border-radius: 6px;
  overflow: hidden;
}
.banner-box__item.active {
  opacity: 1;
  z-index: 2;
}
.banner-box__item img { display: block; width: 100%; height: 100%; object-fit: cover; }
.banner-box__item .banner-text {
  width: 100%;
  height: 90px;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .55));
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 16px 20px 0;
  font-size: 22px;
  box-sizing: border-box;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.banner-box__item a {
  color: #fff;
}

.banner-box__small {
  width: 208px;
  display: flex;
  flex-direction: column;
}

.small-banner__image {
  width: 208px;
  height: 116px;
  overflow: hidden;
}

.banner-box__small img {
  display: block;
  transition: transform 200ms, opacity 200ms;
  opacity: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.banner-box__small__item:hover img {
  transform: scale(1.05);
  opacity: 0.8;
}

.banner-box__small__item {
  flex: 1;
}

.banner-box__small__item a {
  font-weight: 400;
  font-size: 16px;
  color: var(--link-color);
}

.banner-box__small__item a:hover {
  color: var(--link-hover-color)
}

.banner-box__small__item .banner-text {
  line-height: 18px;
  max-height: 48px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  padding: 3px 0 0;
}

.banner-box:hover .banner-button-box {
  overflow: visible
}

.banner-box:hover .banner-button-box .banner-button.left,.banner-box:hover .banner-button-box .banner-button.right {
  display: flex
}

.banner-box .banner-button-box {
  position: relative;
  overflow: hidden
}

.banner-box .banner-button-box .banner-button {
  position: absolute;
  top: 160px;
  background-color: #000;
  width: 20px;
  height: 32px;
  line-height: 32px;
  opacity: .5;
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
  cursor: pointer;
  z-index: 99;
  align-items: center;
}

.banner-box .banner-button-box .banner-button.left {
  left: 0
}

.banner-box .banner-button-box .banner-button.right {
  right: 0
}

.banner-box .banner-dot {
  position: absolute;
  margin: 0;
  z-index: 2;
  bottom: 0;
  left: 16px;
  padding: 12px 0
}

.banner-box .banner-dot .dot-item {
  display: inline-block;
  width: 24px;
  height: 22px;
  margin: 0 4px;
  cursor: pointer
}

.banner-box .banner-dot .dot-item .bullet {
  display: inline-block;
  width: 24px;
  height: 2px;
  background: #fff;
  opacity: .5
}

.banner-box .banner-dot .dot-item .bullet.active {
  background: #fff;
  opacity: 1
}

.ep--arrow-left-bold {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.ep--arrow-right-bold {
  display: inline-block;
  width: 20px;
  height: 20px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M338.752 104.704a64 64 0 0 0 0 90.496l316.8 316.8l-316.8 316.8a64 64 0 0 0 90.496 90.496l362.048-362.048a64 64 0 0 0 0-90.496L429.248 104.704a64 64 0 0 0-90.496 0'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

/* 文章列表 */
.article-articleitem.article-ir {
  word-break: break-all;
  display: flex;
  background-color: rgba(0, 0, 0, 0.02);
  padding: 15px;
  transition: background-color 0.3s ease;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, .2);
}

.article-articleitem.article-ir:hover {
  background-color: rgba(0, 0, 0, .04);
}

.article-articleitem.article-ir:hover img {
  opacity: 0.8;
  transform: translateX(-3px);
}

.articleItem {
  margin-bottom: 20px;
}

.article-articleitem.article-ir .article-irl {
  flex: 1;
  display: flex;
  width: 100%;
}

.article-articleitem.article-ir .article-irl .article-irl-img {
  width: 208px;
  height: 116px;
  flex: 0 0 208px;
}

.usehover {
  cursor: pointer;
}

.article-articleitem.article-ir .split-left-l {
  margin-left: 26px;
}

.article-articleitem.article-ir .article-irl-c {
  flex: 1;
  font-size: 16px;
  font-weight: 400;
  color: #999;
  line-height: 24px;
  position: relative;
  overflow: hidden;
}

.article-articleitem.article-ir .article-irl-c .title-box {
  max-height: 84px;
  overflow: hidden;
}

.article-articleitem.article-ir .article-irl-c .article-irl-ct {
  font-size: 18px;
  font-weight: 400;
  color: #121212;
  line-height: 25px;
  height: 25px;
  display: flex;
  align-items: center;
}

.article-articleitem.article-ir .article-irl-c .article-irl-ct .article-irl-ct_title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.article-irl-ct__top {
  background-color: #CC0202;
  color: #fff;
  padding: 5px 5px;
  line-height: 1;
  font-size: 14px;
  flex: 0;
  white-space: nowrap;
  margin-right: 8px;
}

.article-articleitem.article-ir .article-irl-c .article-abstract {
  color: #acacac;
  font-size: 14px;
  height: 52px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 26px;
  box-sizing: border-box;
}

.article-articleitem.article-ir .article-irl-c .article-irl-cb {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.article-articleitem.article-ir .article-irl-c .article-irl-cb_time {
  font-size: 14px;
  line-height: 1;
  margin: 0;
}

.article-articleitem.article-ir .article-irl .article-irl-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.wechat-qrcode {
  background: rgba(0, 0, 0, 0.03);
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.wechat-qrcode h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  color: #272727;
  padding: 20px 15px 10px;
  margin: 0;
}

.wechat-qrcode img {
  width: 200px;
  height: 200px;
  padding: 18px;
  background-color: #fff;
}

.wechat-content {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  padding: 0 15px;
  margin-bottom: 10px;
}

.article-list {
  margin-bottom: 15px;
  padding: 10px 0 10px;
  background: rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}

.article-list-title h3 {
  padding: 10px 15px;
  margin: 0 0 10px;
  font-size: 20px;
  font-weight: 600;
  color: #272727;
  line-height: 1;
}

.article-list-content {
  padding: 0 15px;
  list-style-type: none;
}

.article-list-content li {
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.article-list-content li a {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  color: var(--link-color);
  padding-left: 15px;
}

.article-list-content li a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 6px;
  height: 6px;
  transform: translateY(-50%);
  background-color: var(--link-hover-color);
}

.article-list-content li a:hover {
  color: var(--link-hover-color);
}

.article-list-content-friend {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding-bottom: 10px;
}

.article-list-content-friend a {
  font-weight: 400;
  color: var(--link-color);
  background: #f1f1f1;
  display: flex;
  align-items: center;
  transition: all 0.3s;
  font-size: 14px;
  line-height: 1;
  border: 1px solid #ccc;
}

.article-list-content-friend span:first-of-type {
  background-color: rgba(0, 0, 0, .04);
  border-right: 1px solid #ccc;
}

.article-list-content-friend span {
  padding: 8px;
  transition: all 0.3s;
}

.article-list-content-friend a:hover {
  color: #fff;
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.article-list-content-friend a:hover span {
  border-color: var(--primary-color);
}

.emojione-monotone--link {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath fill='%23000' d='m32.057 40.697l-12.96 12.96c-.989.988-2.714.886-3.831-.232l-4.69-4.691c-1.119-1.117-1.222-2.842-.233-3.831l12.961-12.96c.99-.991.884-2.715-.232-3.832c-1.117-1.118-2.84-1.222-3.831-.231L2.68 44.438c-.989.989-.887 2.713.232 3.831l12.819 12.819c1.114 1.117 2.842 1.221 3.83.232l16.561-16.56c.99-.99.884-2.715-.233-3.831s-2.842-1.223-3.832-.232M61.09 15.73L48.271 2.911c-1.118-1.118-2.842-1.221-3.832-.232L27.88 19.238c-.99.99-.886 2.715.231 3.832s2.843 1.221 3.832.233l12.958-12.96c.992-.991 2.716-.885 3.833.232l4.69 4.691c1.117 1.118 1.222 2.841.231 3.832l-12.959 12.96c-.99.989-.884 2.715.232 3.833c1.117 1.116 2.842 1.221 3.833.231l16.558-16.56c.993-.989.886-2.716-.229-3.832'/%3E%3Cpath fill='%23000' d='M20.302 43.7c1.116 1.118 2.84 1.22 3.828.231L43.932 24.13c.99-.99.888-2.711-.231-3.83c-1.116-1.118-2.84-1.223-3.832-.231l-19.8 19.8c-.991.989-.886 2.714.233 3.831'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  vertical-align: middle;
}

.default-image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ededed;
  color: #909399;
  border-radius: 6px;
}

.banner-box .default-image {
  border-radius: 0;
}

.fluent-mdl2--picture-stretch {
  display: inline-block;
  width: 60%;
  height: 60%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23000' d='M96 896a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h832a32 32 0 0 1 32 32v704a32 32 0 0 1-32 32zm315.52-228.48l-68.928-68.928a32 32 0 0 0-45.248 0L128 768.064h778.688l-242.112-290.56a32 32 0 0 0-49.216 0L458.752 665.408a32 32 0 0 1-47.232 2.112M256 384a96 96 0 1 0 192.064-.064A96 96 0 0 0 256 384'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.article-container {
  background-color: #fff;
  padding: 20px;
  text-align: justify;
  margin-bottom: 20px;
}

.article-container h1 {
  font-size: 24px;
  font-weight: 600;
  color: #272727;
  text-align: center;
  margin-bottom: 20px;
}

.article-container h2 {
  font-size: 20px;
  font-weight: 600;
  color: #272727;
  margin: 18px 0;
}

.article-container ul {
  list-style-type: disc;
  margin-left: 20px;
}

.article-container li {
  margin-bottom: 10px;
  line-height: 1.8;
}

.article-container ol {
  list-style-type: decimal;
  margin-left: 20px;
}

.article-container a {
  color: var(--link-color);
  text-decoration: none;
}

.article-container a:hover {
  color: var(--link-hover-color);
}

.article-container p {
  font-size: 16px;
  color: #333;
  line-height: 1.8;
}

.article-container img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

.article-qrcode {
  display: flex;
  justify-content: center;
  flex-direction: row;
  border-top: 1px solid #ccc;
  padding: 20px 0 0;
}

.article-qrcode img {
  width: 120px;
  height: 120px;
  flex: 0 0 120px;
}

.article-qrcode-content {
  font-size: 16px;
  line-height: 1.8;
  padding: 0 20px;
  color: #999;
  text-align: justify;
  flex: 1;
}

.J_menu_toggle {
  display: none;
}

@media (max-width: 768px) {
  .page-container {
    width: 100%;
  }

  .article-articleitem.article-ir .article-irl {
    flex-direction: column;
  }

  .article-articleitem.article-ir .article-irl .article-irl-img {
    width: 100%;
    height: 140px;
    flex: 0 0 140px;
  }

  .article-articleitem.article-ir .split-left-l {
    margin-left: 0;
  }

  .article-articleitem.article-ir .article-irl-c .title-box {
    padding: 10px 0 0;
  }

  .article-articleitem.article-ir .article-irl-c .article-irl-ct {
    margin-bottom: 6px;
  }

  .article-articleitem.article-ir .article-irl-c .article-irl-cb {
    display: none;
  }

  .container-right {
    display: none;
  }

  .container-left {
    width: 100%;
  }

  .content-banner__box {
    display: none;
  }

  .article-container h1 {
    font-size: 20px;
  }

  .article-container h2 {
    font-size: 18px;
  }

  .article-container ul {
    margin-left: 10px;
  }

  .article-container ol {
    margin-left: 10px;
  }

  .article-container img {
    max-width: 100%;
  }

  .article-list__box .articleItem:first-of-type {
    margin-top: 0;
  }

  .article-list__box {
    overflow: hidden;
  }

  .article-articleitem.article-ir {
    margin-left: 20px;
    margin-right: 20px;
    overflow: hidden;
  }

  .pagination {
    justify-content: center !important;
  }

  .header {
    position: sticky;
    top: 0;
    z-index: 100;
  }

  .header-in {
    position: static;
  }

  .header-nav {
    padding: 0 10px;
  }

  .nav-right {
    flex-direction: column;
  }

  .nav-box {
    position: fixed;
    top: 52px;
    left: 0;
    height: calc(100vh - 52px);
    background-color: rgba(0, 0, 0, .2);
    width: 100%;
    display: none;
  }

  .nav-box.active {
    display: flex;
  }

  .menu-item {
    width: 100%;
    color: #222;
    background-color: #fff;
    border-bottom: 0.5px solid #ccc;
  }

  .J_menu_toggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 62px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }

  .J_menu_toggle:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .2);
  }

  .iconamoon--menu-burger-horizontal-bold {
    display: inline-block;
    width: 32px;
    height: 32px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.5' d='M3 6h18M3 12h18M3 18h18'/%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
  }
}

.article-list__box__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.article-list__box__empty__text {
  font-size: 16px;
  color: #999;
}

.article {
  background-color: #f1f1f1;
}

.search-form__box {
  margin-bottom: 20px;
}

.search-form__box form {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #CC0202;
  padding: 3px;
}

.search-form__box form input {
  width: 100%;
  padding: 12px 10px;
  appearance: none;
  border: 0;
}

.search-form__box form input:focus {
  outline: none;
}

.search-form__box form button {
  background-color: #b60000;
  color: #fff;
  height: 100%;
  appearance: none;
  flex: 0 0 100px;
  border: 0;
  padding: 12px 0;
  transition: all .3s;
  cursor: pointer;
}

.search-form__box form button:hover {
  background-color: #890303;
}

.article-pagination {
  border-top: 1px solid #ccc;
  padding: 15px 0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.article-pagination div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article-time {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-bottom: 24px;
}