body { font: 400 1rem/1.5 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif; color: #222; }

a { color: #222; }
a:hover { color: #000; }

input { font-size: 1em; }

.wrapper { max-width: 1920px; margin: 0 auto; }
.container { background: url(/r/share/img/topbar.jpg) no-repeat center bottom; }
.container:not(.is-fluid) { background: transparent; }
.container-shrink { padding-left: 104px; padding-right: 104px; }
.container.is-centered { justify-content: center; }

.line-clamp-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block !important; flex: 1; }
.line-clamp-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


/* 滑动组件样式 */
.swiper-slide { background-size: cover !important; background-position: center !important; }
.banner .swiper-slide { background-size: 100% auto !important; background-position: center !important; }
.swiper-slide .swiper-slide__link { background-size: cover; background-position: center; }

.swiper-slide__title, .swiper-slide__desc { text-align: center; background: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.swiper-slide__desc { -webkit-line-clamp: 1; line-height: 3; }


/* 页头样式 */
.topbar { position: relative; }
.topbar::before, .topbar::after { display: none; content: ''; position: absolute; top: 0; background: url('/r/share/img/topbar.jpg') no-repeat left bottom; }
.topbar::before { left: 0; bottom: 0px; width: 100px; }
.topbar::after { right: 0; bottom: 0px; width: 550px; background-position: right bottom; }

.site-logo { width: 452px; height: 74px; z-index: 2; }
.top-right { flex-direction: column; align-items: flex-end; z-index: 2; }
.top-links { display: flex; gap: 1.05rem; justify-content: flex-end; }
.top-links__item { flex-grow: 0 !important; color: #bd1920; position: relative; text-indent: 0.85rem; }
.top-links__item:hover { color: #8b0c12; }
.top-links__item::before { content: ''; font-size: 300%; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: #bd1920; }
.top-links__item:hover::before { background: #8b0c12; }

.navbar { background: #cd1614; }
.navbar-item { flex: 1; justify-content: center; padding: 0 !important; }
.navbar-item:hover, .navbar-item.active { background-color: rgba(100, 0, 0, .4); }
.navbar-item a.navbar-link { color: #fff; font-size: 1.05rem; font-weight: 600; }
.navbar-item .navbar-dropdown { background-color: rgba(100, 0, 0, .7); border-top: none; }
.navbar-item .navbar-dropdown a { color: #fff; font-size: 0.85rem; font-weight: 400; justify-content: flex-start; }
.navbar-item .navbar-dropdown a.navbar-item:hover { background-color: rgba(190, 190, 190, .3) !important; }
.navbar-item .navbar-dropdown .navbar-item { padding: 0.5rem 0.85rem !important; }

/* 菜单激活状态 */
.navbar-menu.is-active { background: #f0f0f0; position: absolute; right: 0; left: 20%; top: 3px; height: calc(100vh - 6.1rem); overflow-y: scroll;  }
.navbar-menu.is-active > .navbar-item { border-bottom: 1px solid #e2e2e2; }
.navbar-menu.is-active .navbar-item a.navbar-link { color: #333; padding: 0.5rem 0.85rem !important; }
.navbar-menu.is-active .navbar-item .navbar-dropdown { background: transparent !important; border-left: 1px solid #e2e2e2; margin-left: 2rem; }
.navbar-menu.is-active .navbar-item .navbar-dropdown a { color: #555; padding: 0.5rem 0.85rem !important; }
.navbar-menu.is-active .navbar-item:hover { background-color: transparent; }

/* 包含子菜单样式 */
.navbar .navbar-subitem { display: none; position: absolute; left: 100%; top: 0px; background-color: #fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 2px solid #dbdbdb; box-shadow: 0 8px 8px rgba(10, 10, 10, .1); font-size: .875rem; min-width: 100%; z-index: 20; }
.navbar .has-subitem { position: relative; }
.navbar .has-subitem > a:hover { background-color: #f2f2f2; color: #0a0a0a; }
.navbar .has-subitem:hover > .navbar-subitem { display: block; }

/* 横幅样式 */
.banner .swiper-container { height: 25rem;margin-top: 0.5rem; }

.banner .swiper-button-next, .banner .swiper-button-prev { top: 45% !important; opacity:0.2; background-size: 20px 30px !important; }
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover { opacity:0.4;  }
.banner .swiper-button-prev { left: 70px !important; }
.banner .swiper-button-next { right: 70px !important; }

.banner .swiper-pagination { position: inherit !important; }
.banner .swiper-pagination-bullet {
    margin: 0 5px;
    width: 50px !important;
    height: 5px !important;
    border: 1px solid #dedede;
    border-radius: 5px !important;
}
.banner .swiper-pagination-bullet-active { background: #fff !important; }

.banner .swiper-slide { background-size: cover; background-position: center; background-repeat: no-repeat; }
/* 横幅样式 结束 */


.list-header { font-size: 1.05rem; font-weight: 600 !important; border-bottom: 2px solid #757575; }
.list-header__more a { color: #ccc; font-size: 1.85rem; font-weight: bolder; letter-spacing: -.1rem; }
.list-header__icon { display: inline-block; background-repeat: no-repeat; background-position: left center; width: 33px; height:2.5rem; }
.list-item { height: 2.5rem; margin-bottom: 0 !important; border-bottom: 1px solid #d1ded1; }
.list-item.is-date-block { height: 4.25rem; border-bottom: none; }
.list-item.has-date-left .level-right { flex: auto; justify-content: start; margin-left: 1rem; flex-direction: column; align-items: start; }
.list-item .item-date { color: #7c7c7c; }
.list-item.is-date-block .item-date { display: flex; flex-direction: column; background: #f3403e; padding: .25rem .25rem; border-radius: 5px; color: #fff; position: relative; }
.list-item.is-date-block .item-date::after { content: ''; display: block; position: absolute; left: 5%; right: 5%; top: 58%; border-top: 1px solid #fff; }
.list-item.is-date-block .item-date .date-0 { font-size: 1.05rem; font-weight: 600; }
.list-item.is-date-block .item-date .date-1 { font-size: .65rem; }
.list-item.is-flex-wrap-wrap .level-left { margin-top: 0rem; }
.list-item.is-flex-wrap-wrap .level-right { margin-bottom: 0rem; }
.list-item.has-red-line .item-date::after { content: '|'; margin-left: 1rem; font-weight: 600; color: #fa0d1d; }

.list-item.has-red-dot { position: relative; padding: 0 1.5rem }
.list-item.has-red-dot::before { content: ''; font-size: 300%; position: absolute; left: .5rem; top: 50%; transform: translateY(-50%); width: 5px; height: 5px; border-radius: 50%; background: #bebebe; }



/* 带图片的列表 */
.list-item.has-image { height: auto!important; border-bottom: none; text-align: center; }
.list-item.has-image .item-link__img { height: 208px; margin-bottom: 0.2rem; }
.list-item.has-image .item-link__img img { width: 100%; height: 100%; object-fit: contain; vertical-align: middle; border: 1px solid #ededed; }
.list-item.has-image .item-link:hover .item-link__img img { border: 1px solid #fde8e8; }
.list-item.has-image .item-link__text { }
.list-item.has-image .item-link p {  }

.header { font-size: 1.05rem; font-weight: 600; border-bottom: 2px solid #fa0d1d;text-indent: 15px; }

.search input { border: 1px solid #ccc; padding: 0.52rem 0.85rem; }

.search-input { width: 200px; outline: none; border-radius: 10px 0 0 10px; border-width: 1px 0 1px 1px !important; }

.search-button { background: #fff url(/r/share/img/icon-search.png) no-repeat center; margin-left: -30px; border-radius: 0 10px 10px 0; border-width: 1px 1px 1px 0 !important; width: 2.8rem; }

.footer { background: #cd1614; color: #fff; font-size: .75rem; padding: 2rem 1.5rem 2rem; }
.footer a { color: #fff; }
.footer a:hover { color: #adadad; }
.footer .column { flex: none; }
.footer .column.divider { border-left: 1px solid whitesmoke; }


@media screen and (min-width: 1408px) {
  .container:not(.is-max-desktop):not(.is-max-widescreen), .container.is-fluid .navbar-menu {
    max-width: 1440px;
  }
}


@media screen and (max-width: 1407px) {
  html {
    font-size: 14px !important;
  }

  .container-shrink {
    padding-left: 54px !important;
    padding-right: 54px !important;
  }

  .navbar-item, .navbar-link {
    padding: 0.5rem 0.25rem !important;
  }

  .banner .swiper-button-prev { left: 15px !important; }
  .banner .swiper-button-next { right: 15px !important; }
}


/* 手机和平板 */
@media screen and (max-width: 768px) {
  html {
    font-size: 14px !important;
  }

.line-clamp-1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display:inline!important; flex: 1;line-height: 3.3rem; }
.list-item .item-date{display:none;}


  .container-shrink {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }


  .topbar.py-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } 


  .topbar::before, .topbar::after { display: none; }
  .site-logo { width: 15rem; height: auto; }

  .navbar { min-height: 1px; padding: 1px !important; }

  .navbar-item, .navbar-link {
    padding: 0.5rem 0.25rem !important;
  }

  .navbar-burger { background-color: rgba(0, 0, 0, 0.05); }

  .banner .swiper-container { height: 120px; }
  .banner .swiper-button-prev, .banner .swiper-button-next { display: none; }
  .banner .swiper-pagination-bullet { width: 1rem !important; }

  .footer .divider { border-left: none !important; }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .navbar { min-height: 1px; padding: 1px !important; }

  .navbar-item, .navbar-link {
    padding: 0.5rem 0.25rem !important;
  }

  .navbar-burger { background-color: rgba(0, 0, 0, 0.05); }
  body { padding-bottom: 32rem; } /* 修复页面底部被隐藏 */
}


/* 内容主体通用样式 */
.content-body { margin: 2.5rem 0;   padding-left: 1.5rem; padding-right: 1.5rem; font-size: 16px; }
.content-body > p, .content-body > div { font-size: var(--page-content-font-size); line-height: 2em; margin-bottom:0rem; word-break: break-all; text-align: justify; }
.content-body > p, .content-body > div { text-indent: 2em; }
.content-body .has-img { text-indent: 0; text-align: center; }
.content-body img { max-width: 100% !important; display: block; margin: 0 auto; }
.content p:not(:last-child){ margin-bottom:0rem; }

/* TABS组件样式 */
.tabs { position: relative; }
.tabs .list-header { position: relative; border-bottom-width: 0; }
.tabs li.is-active a { border-bottom-color: #fa0d1d; color: #fa0d1d; border-bottom-width: 2px; }
.tabs .list-header__more { position: absolute; border-bottom-width: 0; }
.tabs .tab-more { position: absolute; top: 0; right: 0; bottom: 0; }
.tabs .tab-more a { padding: 0; }
.tabs .tab-more a:hover { border-bottom-width: 0!important; color: #ccc;!important; }

/* 广告样式 */
.ad-item img { display: block; }

.login-form { max-width: 500px; margin: 0 auto; }

.friend-links .hide-link-text .item__link-text { display: none; }