body { }

a { color: #333; }
a:hover { color: #666; }

.container { background: #fff; }
.px-104 { padding-left: 104px; padding-right: 104px; }

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; }

a { color: #333; }
a:hover { color: #666; }

input { font-size: 1em; }

.wrapper { max-width: 1920px; margin: 0 auto; }
.container { background: url(/r/sszss/default/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: 85%; display: block !important; }
.line-clamp-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


/* 滑动组件样式 */
.swiper-slide { background-size: cover; background-position: center; }
.swiper-slide .swiper-slide__link { background-size: cover; background-position: center; }

.swiper-slide__title, .swiper-slide__desc { 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/site_22/default/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: 554px; height: 84px; z-index: 2; }
.top-right { flex-direction: column; align-items: flex-end; z-index: 2; }
.top-links { display: flex; gap: 1.05rem; }
.top-links__item { 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 .navbar-link {padding:0;}
.navbar-item:hover { background-color: rgba(100, 0, 0, .4); }
.navbar-item a.navbar-link { color: #fff; font-size: 0.92rem; font-weight: 700; }
.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; }


/* 横幅样式 */
.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; }
/* 横幅样式 结束 */


.list-header { font-size: 1.05rem; font-weight: 600 !important; border-bottom: 3px solid #fa0d1d; }
.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: 4.25rem; 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: .5rem; }
.list-item.is-flex-wrap-wrap .level-right { margin-top: .5rem; }
.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: #fa0d1d; }

.list-item.has-image { height: auto!important; border-bottom: none; }
.list-item.has-image .item-link__img { height: 208px; text-align: center; }
.list-item.has-image .item-link__img img { max-height: 100%; }
.list-item.has-image .item-link__text { font-weight: 600; }
.list-item.has-image .item-link p {  }

.header { font-size: 1.05rem; font-weight: 600; border-bottom: 2px solid #fa0d1d; }
.friend-links h3 {margin-bottom: 1.5rem; display: flex;}

.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/site_6/default/img/icon-search2.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;
  }

  .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;
  }

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

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