/* 大中国影视视觉层。只改外观，不改结构。 */
:root {
  --yz-bg: #0c4f66;
  --yz-surface: #0f5678;
  --yz-header: #0c4f66;
  --yz-line: #2f7d98;
  --yz-text: #e8eef4;
  --yz-muted: #c5d0dc;
  --yz-green: #8ee0b0;
  --yz-btn: #d9f5e4;
  --yz-btn-text: #0d3b22;
}

html,
body {
  background: linear-gradient(165deg, #0c4f66 0%, #123f86 46%, #0d5a48 100%) fixed !important;
  color: var(--yz-text) !important;
}

body,
.warp,
.container,
.mod,
.mod-main,
.mod-inner,
.main-inner,
.albumDetail,
.albumDetailMain,
.ui-box,
.footer-inner {
  color: var(--yz-text);
}

a {
  color: #d7f3e4;
}
a:hover,
a:focus {
  color: #ffffff;
}
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--yz-green);
  outline-offset: 2px;
}

.header-wrap,
.header,
.aui-bar,
.aui-bar-nav,
.headerTopNav,
.footer-wrap,
.footer,
.footer-copyright,
.footer-bottom {
  background: var(--yz-header) !important;
  color: var(--yz-text) !important;
  border-color: var(--yz-line) !important;
  box-shadow: none !important;
}

.logo-warp,
.logo {
  background: #f4f7f4 !important;
  border-radius: 10px;
  padding: 4px 8px;
  display: inline-block;
}
.logo-warp img,
.logo img {
  display: block;
  height: 34px;
  width: auto;
}

.nav-bar-menu a.item,
.headerTopNav a.item,
.aui-bar a {
  color: var(--yz-text) !important;
}
.nav-bar-active a.item,
.swiper-slide.active a.item {
  color: var(--yz-green) !important;
}

.head-search-input,
.searchPop,
.searchCon,
.sSearchInput {
  background: transparent !important;
}
.head-search-input input,
.searchInput,
.ac_input,
input[type="text"],
input[type="search"] {
  background: #0a3d5c !important;
  color: var(--yz-text) !important;
  -webkit-text-fill-color: var(--yz-text);
  border: 1px solid var(--yz-line) !important;
  border-radius: 8px !important;
}
.head-search-input input::placeholder,
.searchInput::placeholder,
input::placeholder {
  color: #b7c3d1 !important;
  -webkit-text-fill-color: #b7c3d1;
}

.hjtvui-btn,
button[type="submit"] {
  background: var(--yz-btn) !important;
  color: var(--yz-btn-text) !important;
  border: 0 !important;
  border-radius: 8px !important;
}

.mod,
.mod-head,
.mod-main,
.m-list-inner,
.albumDetailMain-right,
.intro,
.ui-box,
.detailList-select-wrap {
  background: transparent !important;
}
.mod-head .title,
.mod-head-name,
.mod-head-title,
.albumDetailMain-right .title,
.intro .title {
  color: #f4f7fb !important;
}
.m-item,
.swiper-slide.m-item {
  background: var(--yz-surface) !important;
  border: 1px solid var(--yz-line);
  border-radius: 12px;
  overflow: hidden;
}
.m-item .title,
.m-item .text,
.stitle,
.ellipsis-1,
.ellipsis-2 {
  color: var(--yz-text) !important;
}
.m-item .des,
.des,
.color-9,
.txt {
  color: var(--yz-muted) !important;
}
.thumb img,
.quic {
  border-radius: 8px 8px 0 0;
}

.breadcrumb,
.breadcrumb a {
  color: var(--yz-muted) !important;
}
.juji-list a,
.playLink,
.detail-main-btn a {
  background: #243044 !important;
  color: var(--yz-text) !important;
  border-radius: 8px;
}
.mac_pages a,
.page a,
.pagination a {
  background: var(--yz-surface) !important;
  color: var(--yz-text) !important;
  border-color: var(--yz-line) !important;
}

.footer a,
.footer-con a,
.copyright a {
  color: #d7f3e4 !important;
}
.footer h3,
.f_ct h3 {
  color: #f4f7fb !important;
}

.searchPop {
  background: #0c4f66 !important;
}
.cancelInput {
  color: var(--yz-green) !important;
}
/* detail-panel-fix */

.albumDetail,
.mod-inner,
.slide-grid,
.ui-box,
.mac_comment,
.detailList-select-wrap {
  background: #0f5678 !important;
  color: #e8eef4 !important;
}
.albumDetail p,
.albumDetail span,
.albumDetail li,
.albumDetail .title,
.slide-grid p,
.slide-grid span,
.slide-grid li,
.slide-grid a,
.slide-grid .title,
.mod-inner .title,
.intro-desc {
  color: #e8eef4 !important;
}
.slide-grid li,
.modRlist li {
  background: transparent !important;
}
/* share-strip-fix */

.bottom-con,
.detail-share,
.bdsharebuttonbox {
  background: #0f5678 !important;
  color: #e8eef4 !important;
}

/* header-fix */
.header-wrap .nav-bar-menu a.item {
  color: #1f2933 !important;
}
.header-wrap .nav-bar-active > a,
.header-wrap .nav-bar-active > a.item {
  color: #0f6b38 !important;
}
.header-wrap .nav-bar-menu > ul > li.nav-bar-active > a:before {
  background: #0f6b38 !important;
}
.header-wrap .head-search-input input,
.header-wrap .ac_input {
  background: #ffffff !important;
  color: #1a1f27 !important;
  -webkit-text-fill-color: #1a1f27;
  border: 1px solid #d0d7e2 !important;
  height: 38px;
  line-height: 38px;
  border-radius: 8px 0 0 8px !important;
  padding: 0 14px;
  box-shadow: none !important;
}
.header-wrap .head-search-input input::placeholder {
  color: #667085 !important;
  -webkit-text-fill-color: #667085;
}
.header-wrap .head-search-box .top {
  display: none !important;
}
.header-wrap .head-search .hjtvui-btn {
  height: 38px;
  line-height: 38px;
  border-radius: 0 8px 8px 0 !important;
  margin-left: 0;
}

/* header-match */
.header-wrap,
.header-wrap .header-inner,
.header-wrap .head-bar {
  background: #0c4f66 !important;
  color: #e8eef4 !important;
  border-bottom: 1px solid #2c3544;
}
.header-wrap .nav-bar-menu a.item {
  color: #e8eef4 !important;
}
.header-wrap .nav-bar-active > a,
.header-wrap .nav-bar-active > a.item {
  color: #8ee0b0 !important;
}
.header-wrap .nav-bar-menu > ul > li.nav-bar-active > a:before {
  background: #8ee0b0 !important;
}
.header-wrap .head-search-input input,
.header-wrap .ac_input {
  background: #0f5678 !important;
  color: #e8eef4 !important;
  -webkit-text-fill-color: #e8eef4;
  border: 1px solid #3a4658 !important;
}
.header-wrap .head-search-input input::placeholder {
  color: #b7c3d1 !important;
  -webkit-text-fill-color: #b7c3d1;
}
.header-wrap .logo-warp {
  background: #f4f7f4 !important;
  border-radius: 10px;
}

/* search-border */
.header-wrap .head-search-input {
  border: 1px solid #3a4658 !important;
  background: #0f5678 !important;
  border-radius: 8px 0 0 8px !important;
  border-right: 0 !important;
  box-shadow: none !important;
}
.header-wrap .head-search-box .hjtvui-btn {
  border: 0 !important;
  background: #d9f5e4 !important;
  color: #0d3b22 !important;
}

/* catalog-layout */
.header-wrap .header-inner,
.warp .container {
  width: 1120px !important;
  max-width: calc(100% - 32px);
  margin-left: auto !important;
  margin-right: auto !important;
}
.warp .container > .mod {
  margin-top: 28px !important;
}
.mod-head {
  margin-bottom: 14px !important;
  align-items: center;
}
.mod-head .title,
.title[mod-skin="line"] {
  font-size: 20px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #f4f7fb !important;
  border-left: 3px solid #8ee0b0 !important;
  padding-left: 10px !important;
  background: none !important;
}
.mod-head .pull-right {
  color: #b7c3d1 !important;
  font-size: 13px !important;
}
.mod-author-list li {
  background: transparent !important;
  border: 0 !important;
  color: #9aa6b6 !important;
  box-shadow: none !important;
}
.mod-author-list li.active {
  color: #e8eef4 !important;
  background: transparent !important;
}
.container .m-list {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 22px 14px;
  width: auto !important;
  margin: 0 !important;
}
.container .m-item {
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  box-shadow: none !important;
  transform: none !important;
}
.container .m-item .thumb {
  display: block;
  position: relative;
  aspect-ratio: 2 / 3;
  border-radius: 8px;
  overflow: hidden;
  background: #0f5678;
}
.container .m-item .thumb img,
.container .m-item .quic {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}
.container .m-item .text {
  padding: 8px 0 0 !important;
  background: transparent !important;
}
.container .m-item .title,
.container .m-item .title a {
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: #e8eef4 !important;
}
.container .m-item .des {
  margin: 3px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #8b97a8 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mian-sidebar .m-list,
.slide-grid .m-list {
  display: block !important;
  grid-template-columns: none !important;
}
.mian-sidebar .m-item,
.slide-grid .m-item {
  width: 100% !important;
  float: none !important;
  margin: 0 0 12px !important;
}
@media (max-width: 768px) {
  .container .m-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 8px;
  }
  .mod-head .title,
  .title[mod-skin="line"] {
    font-size: 17px !important;
  }
}

/* mobile-fit */
.header,
.header .aui-bar,
.header .aui-bar-nav,
.headerTopNav,
.navWrap {
  background: #0c4f66 !important;
  color: #e8eef4 !important;
  border: 0 !important;
  box-shadow: none !important;
}
.headerTopNav a.item,
.header .aui-bar a {
  color: #e8eef4 !important;
}
.headerTopNav .swiper-slide.active a.item {
  color: #8ee0b0 !important;
}
.banner:not(:has(.swiper-slide)) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
@media (max-width: 768px) {
  .mod-row .m-list,
  ul.m-list[m-list-skin="film"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 8px;
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  .mod-row .m-item,
  ul.m-list[m-list-skin="film"] .m-item {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
  }
  .mod-row .m-item .thumb,
  ul.m-list[m-list-skin="film"] .m-item .thumb {
    aspect-ratio: 2 / 3;
    overflow: hidden;
    border-radius: 8px;
  }
  .mod-row .m-item .thumb img,
  ul.m-list[m-list-skin="film"] .m-item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* vivid-bg */
.header-wrap,
.header-wrap .header-inner,
.header-wrap .head-bar,
.header,
.header .aui-bar,
.header .aui-bar-nav,
.headerTopNav,
.navWrap,
.footer-wrap,
.footer {
  background: transparent !important;
}

/* bangce-bg */
html,
body {
  background: #f5f7f8 !important;
  background-image:
    radial-gradient(ellipse at 82% 0%, rgba(255, 154, 86, .22), transparent 42%),
    radial-gradient(ellipse at 6% 100%, rgba(124, 196, 255, .20), transparent 46%) !important;
  background-attachment: fixed !important;
  color: #1c2430 !important;
}
.header-wrap,
.header-wrap .header-inner,
.header-wrap .head-bar,
.header,
.header .aui-bar,
.header .aui-bar-nav,
.headerTopNav,
.navWrap,
.footer-wrap,
.footer,
.footer-inner,
.footer-copyright,
.footer-bottom,
.warp,
.container,
.mod,
.mod-main {
  background: transparent !important;
  color: #1c2430 !important;
}
.header-wrap .nav-bar-menu a.item,
.headerTopNav a.item,
.header .aui-bar a,
.mod-head .title,
.title[mod-skin="line"],
.container .m-item .title,
.container .m-item .title a,
.footer a,
.footer h3,
.f_ct h3 {
  color: #1c2430 !important;
}
.header-wrap .nav-bar-active > a,
.header-wrap .nav-bar-active > a.item,
.headerTopNav .swiper-slide.active a.item {
  color: #c45c3e !important;
}
.header-wrap .nav-bar-menu > ul > li.nav-bar-active > a:before {
  background: #e35a42 !important;
}
.container .m-item .des,
.mod-head .pull-right,
.footer,
.footer-copyright {
  color: #5c6772 !important;
}
.header-wrap .head-search-input,
.header-wrap .head-search-input input,
.header-wrap .ac_input,
.searchInput {
  background: #ffffff !important;
  color: #1c2430 !important;
  -webkit-text-fill-color: #1c2430;
  border-color: rgba(22, 32, 44, .12) !important;
}
.header-wrap .head-search-input input::placeholder,
.searchInput::placeholder {
  color: #7b8692 !important;
  -webkit-text-fill-color: #7b8692;
}
.albumDetail,
.mod-inner,
.slide-grid,
.ui-box,
.mac_comment,
.detailList-select-wrap,
.bottom-con,
.detail-share {
  background: rgba(255, 255, 255, .92) !important;
  color: #1c2430 !important;
}
.albumDetail p,
.albumDetail span,
.albumDetail li,
.albumDetail .title,
.albumDetail a,
.slide-grid,
.slide-grid p,
.slide-grid span,
.slide-grid li,
.slide-grid a,
.slide-grid .title,
.intro-desc {
  color: #1c2430 !important;
}
.container .m-item .thumb {
  background: #e7edf2;
}

/* tab-font */
.mod-head .mod-author-list li,
.mod-head .mod-author-list li.active {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  height: 26px !important;
  padding: 0 8px !important;
  font-size: 14px !important;
  line-height: 26px !important;
  letter-spacing: 0 !important;
}
.mod-head .mod-author-list li {
  color: #3d4754 !important;
  font-weight: 500 !important;
}
.mod-head .mod-author-list li.active {
  color: #1c2430 !important;
  font-weight: 600 !important;
  box-shadow: inset 0 -2px 0 #e35a42 !important;
}
.mod-head .pull-right {
  color: #3d4754 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* header-line */
.header-wrap,
.header-wrap .header-inner,
.header-wrap .head-bar {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
.header-wrap {
  height: auto !important;
  min-height: 84px;
  margin-bottom: 6px !important;
  padding: 12px 0 0;
}
.header-wrap .header-inner {
  width: min(1120px, calc(100% - 32px)) !important;
  height: 60px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
  background: #fff !important;
  border: 1px solid rgba(22, 32, 44, .08) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 28px rgba(22, 32, 44, .06) !important;
  box-sizing: border-box;
}
.header-wrap .logo-warp {
  background: transparent !important;
  padding: 12px 0 !important;
}
.header-wrap .head-search-input,
.header-wrap .head-search-input input,
.header-wrap .ac_input {
  background: #f5f7f8 !important;
}

/* nav-pop */
.header-wrap {
  position: sticky;
  top: 0;
  z-index: 30;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  background: rgba(255, 255, 255, .72) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.35);
  backdrop-filter: blur(18px) saturate(1.35);
  border: 0 !important;
  border-bottom: 1px solid rgba(22, 32, 44, .08) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.header-wrap .header-inner,
.header-wrap .head-bar {
  width: 1120px !important;
  max-width: calc(100% - 32px);
  height: 64px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.header-wrap .head-bar {
  display: flex !important;
  align-items: center;
}
.header-wrap .logo-warp,
.header-wrap .nav-bar-menu,
.header-wrap .head-search,
.header-wrap .head-search.pull-left {
  float: none !important;
}
.header-wrap .logo-warp {
  display: flex;
  align-items: center;
  margin: 0 28px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.header-wrap .logo-warp img {
  height: 34px;
  width: auto;
  display: block;
}
.header-wrap .nav-bar-menu {
  flex: 1;
}
.header-wrap .nav-bar-menu > ul {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 15px;
}
.header-wrap .nav-bar-menu > ul > li {
  float: none;
  display: flex;
}
.header-wrap .nav-bar-menu > ul > li > a.item {
  height: 36px;
  line-height: 36px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border-radius: 999px;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #3d4754 !important;
  text-decoration: none;
}
.header-wrap .nav-bar-menu > ul > li > a.item:hover {
  background: rgba(22, 32, 44, .06);
  color: #1c2430 !important;
}
.header-wrap .nav-bar-active > a,
.header-wrap .nav-bar-active > a.item {
  background: #1c2430 !important;
  color: #fff !important;
  font-weight: 600 !important;
}
.header-wrap .nav-bar-menu > ul > li.nav-bar-active > a:before {
  display: none !important;
  content: none !important;
  background: transparent !important;
}
.header-wrap .head-search {
  width: 300px !important;
  height: 40px !important;
  margin: 0 0 0 16px !important;
}
.header-wrap .search-form {
  display: flex;
  align-items: center;
  height: 40px;
}
.header-wrap .head-search-input {
  width: auto !important;
  flex: 1;
  height: 40px !important;
  padding: 0 14px !important;
  background: rgba(255, 255, 255, .86) !important;
  border: 1px solid rgba(22, 32, 44, .10) !important;
  border-right: 0 !important;
  border-radius: 999px 0 0 999px !important;
  box-shadow: none !important;
}
.header-wrap .head-search-input input,
.header-wrap .ac_input {
  height: 38px !important;
  line-height: 38px !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
.header-wrap .head-search-box .hjtvui-btn {
  width: 72px;
  height: 40px !important;
  line-height: 40px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 999px 999px 0 !important;
  background: #1c2430 !important;
  color: #fff !important;
}

/* nav-font */
.header-wrap .nav-bar-menu > ul > li > a.item,
.header-wrap .nav-bar-active > a.item {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 32px !important;
  line-height: 1 !important;
  padding: 0 14px 1px !important;
  font-family: "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
}
.header-wrap .nav-bar-active > a,
.header-wrap .nav-bar-active > a.item {
  font-weight: 500 !important;
  font-size: 15px !important;
}

/* nav-hover */
.header-wrap .nav-bar-menu > ul > li > a.item,
.header-wrap .nav-bar-menu > ul > li > a.item:link,
.header-wrap .nav-bar-menu > ul > li > a.item:visited {
  color: #1c2430 !important;
  -webkit-text-fill-color: #1c2430 !important;
  background: transparent !important;
}
.header-wrap .nav-bar-menu > ul > li > a.item:hover,
.header-wrap .nav-bar-menu > ul > li > a.item:focus,
.header-wrap .nav-bar-menu > ul > li > a.item:focus-visible {
  background: #e7edf2 !important;
  color: #1c2430 !important;
  -webkit-text-fill-color: #1c2430 !important;
}
.header-wrap .nav-bar-menu > ul > li.nav-bar-active > a.item,
.header-wrap .nav-bar-menu > ul > li.nav-bar-active > a.item:link,
.header-wrap .nav-bar-menu > ul > li.nav-bar-active > a.item:visited,
.header-wrap .nav-bar-menu > ul > li.nav-bar-active > a.item:hover,
.header-wrap .nav-bar-menu > ul > li.nav-bar-active > a.item:focus,
.header-wrap .nav-bar-menu > ul > li.nav-bar-active > a.item:focus-visible {
  background: #b42318 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 600 !important;
}

/* search-gap */
.main-inner .m-list[m-list-skin="small-film"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px 22px;
  width: 100% !important;
}
.main-inner .m-list[m-list-skin="small-film"] .m-item,
.main-inner .m-list[m-list-skin="small-film"] .m-item .thumb {
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  float: none !important;
}
.main-inner .m-list[m-list-skin="small-film"] .m-item .thumb {
  aspect-ratio: 2 / 3;
  overflow: hidden;
  border-radius: 8px;
}
.main-inner .m-list[m-list-skin="small-film"] .m-item .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main-inner .m-list[m-list-skin="small-film"] .title,
.main-inner .m-list[m-list-skin="small-film"] .title a {
  white-space: normal !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.4;
  height: auto !important;
}
@media (max-width: 900px) {
  .main-inner .m-list[m-list-skin="small-film"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* site-font */
a {
  color: #1c2430;
}
a:hover,
a:focus {
  color: #9f2d1f;
}
.classifyWarp .u-title {
  color: #5c6772 !important;
  font-weight: 500;
}
.classifyWarp .classifyType ul li a {
  color: #1c2430 !important;
  font-size: 14px;
  font-weight: 500;
}
.classifyWarp .classifyType ul li a.active,
.classifyWarp .classifyType ul li a.active:hover,
.classifyWarp .classifyType ul li a.active:focus {
  background-color: #b42318 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
}
.footer a,
.footer-con a,
.copyright a,
.footer,
.footer-copyright {
  color: #3d4754 !important;
}
.footer a:hover,
.footer-con a:hover,
.copyright a:hover {
  color: #9f2d1f !important;
}
.mac_pages a,
.page a,
.pagination a {
  background: #ffffff !important;
  color: #1c2430 !important;
  border-color: rgba(22, 32, 44, .12) !important;
}
.mac_pages .active,
.mac_pages span.num,
.page .active,
.pagination .active {
  background: #b42318 !important;
  color: #ffffff !important;
}

/* crumb-font */
.breadcrumb,
.breadcrumb a,
.breadcrumb a cite {
  color: #1c2430 !important;
  font-style: normal;
  font-weight: 500;
}
.breadcrumb span {
  color: #5c6772 !important;
  margin: 0 8px !important;
}
.breadcrumb a:hover,
.breadcrumb a:focus {
  color: #9f2d1f !important;
}
/* crumb-weight */
.breadcrumb,
.breadcrumb a,
.breadcrumb span,
.breadcrumb a cite,
.breadcrumb a[href="javascript:;"],
.breadcrumb a[href="javascript:;"]:hover,
.breadcrumb a[href="javascript:;"] cite {
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: 0;
}
.breadcrumb a[href="javascript:;"],
.breadcrumb a[href="javascript:;"]:hover,
.breadcrumb a[href="javascript:;"] cite {
  color: #1c2430 !important;
  cursor: default;
}
.breadcrumb[mod-skin="m20"] {
  margin: 6px 0 12px !important;
}

/* crumb-current */
.breadcrumb a[href="javascript:;"],
.breadcrumb a[href="javascript:;"]:hover,
.breadcrumb a[href="javascript:;"]:focus,
.breadcrumb a[href="javascript:;"] cite {
  color: #9f2d1f !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}
/* btn-font */
.detail-main-btn a,
.detail-main-btn a:hover,
.detail-main-btn a:focus,
.detail-main-btn a:active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: .04em;
  line-height: 38px !important;
  opacity: 1 !important;
}
.juji-list a,
.playLink,
.playLink.active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  font-weight: 500 !important;
}

/* ep-restore */
.detailList-select-wrap .juji-list > li > a,
.detailList-select-wrap .juji-list > li > a:hover,
.detailList-select-wrap .juji-list > li > a:focus {
  background: #fafafa !important;
  color: #1c2430 !important;
  -webkit-text-fill-color: #1c2430;
  border: 1px solid rgba(22, 32, 44, .12) !important;
  border-radius: 3px !important;
  height: 44px !important;
  line-height: 42px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  padding: 0 12px !important;
  box-shadow: none !important;
}
.detailList-select-wrap .juji-list > li > a:hover,
.detailList-select-wrap .juji-list > li > a:focus {
  color: #9f2d1f !important;
  -webkit-text-fill-color: #9f2d1f;
  border-color: #9f2d1f !important;
}

/* play-ep-restore */
.playWarp .playArea .playMain .playSlider {
  background: #272727 !important;
}
.playWarp .playLink,
.playWarp .playArea .playMain .playSlider .playLink {
  background: transparent !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  width: 100% !important;
  height: 40px !important;
  line-height: 40px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  padding: 0 !important;
}
.playWarp .playLink:hover,
.playWarp .playArea .playMain .playSlider .playLink:hover {
  background: #666666 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
}
.playWarp .playLink.active,
.playWarp .playArea .playMain .playSlider .playLink.active,
.playWarp .playLink.active:hover {
  background: #ff443f !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff;
}

/* row-scroll */
.mod-inner .yz-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mod-inner .yz-row > .m-list[m-list-skin="small-film"] {
  display: flex !important;
  flex-wrap: nowrap !important;
  grid-template-columns: none !important;
  gap: 22px !important;
  width: 100% !important;
  margin: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.mod-inner .yz-row > .m-list[m-list-skin="small-film"]::-webkit-scrollbar {
  display: none;
}
.mod-inner .yz-row > .m-list[m-list-skin="small-film"] > .m-item {
  flex: 0 0 calc((100% - 66px) / 4) !important;
  width: calc((100% - 66px) / 4) !important;
  max-width: none !important;
  scroll-snap-align: start;
}
.yz-row-btn {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(22, 32, 44, .16);
  border-radius: 50%;
  background: #ffffff;
  color: #1c2430;
  cursor: pointer;
  position: relative;
  padding: 0;
}
.yz-row-btn:focus-visible {
  outline: 2px solid #9f2d1f;
  outline-offset: 2px;
}
.yz-row-btn.is-off,
.yz-row-btn:disabled {
  opacity: .35;
  cursor: default;
}
.yz-row-btn::before {
  content: "";
  position: absolute;
  top: 11px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #1c2430;
  border-right: 2px solid #1c2430;
}
.yz-row-prev::before {
  left: 12px;
  transform: rotate(-135deg);
}
.yz-row-next::before {
  left: 10px;
  transform: rotate(45deg);
}
@media (max-width: 900px) {
  .mod-inner .yz-row > .m-list[m-list-skin="small-film"] > .m-item {
    flex-basis: calc((100% - 22px) / 2) !important;
    width: calc((100% - 22px) / 2) !important;
  }
}

/* light-fields */
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
select,
.cmt_text {
  background: #ffffff !important;
  color: #1c2430 !important;
  -webkit-text-fill-color: #1c2430;
  border: 1px solid rgba(22, 32, 44, .16) !important;
}
input::placeholder,
textarea::placeholder,
.cmt_text::placeholder {
  color: #5c6772 !important;
  -webkit-text-fill-color: #5c6772;
  opacity: 1;
}
.header-wrap .head-search-input input,
.header-wrap .ac_input {
  background: #ffffff !important;
  color: #1c2430 !important;
  -webkit-text-fill-color: #1c2430;
  border: 0 !important;
}
.searchPop,
.searchCon {
  background: #ffffff !important;
  color: #1c2430 !important;
}
.detail-main-btn a,
.detail-main-btn a:hover,
.detail-main-btn a:focus,
.detail-main-btn a:active {
  background: #ffffff !important;
  color: #1c2430 !important;
  -webkit-text-fill-color: #1c2430;
  border: 1px solid rgba(22, 32, 44, .16) !important;
}
.container .m-item .thumb {
  background: #eef1f4 !important;
}


/* search-btn */
.header-wrap .head-search-box .hjtvui-btn,
.header-wrap .head-search .hjtvui-btn {
  background: #b42318 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
.header-wrap .head-search-box .hjtvui-btn:hover,
.header-wrap .head-search .hjtvui-btn:hover {
  background: #9a1c14 !important;
  color: #ffffff !important;
}


/* share-icons */
.albumDetail .albumDetailMain-left .detail-share {
  width: auto !important;
  max-width: 100%;
  height: auto !important;
  min-height: 28px;
  padding: 0 !important;
  background: transparent !important;
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap !important;
  gap: 8px;
  margin-top: 12px !important;
  font-size: 12px !important;
  white-space: nowrap;
}
.albumDetail .albumDetailMain-left .detail-share > span {
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  color: #1c2430 !important;
  font-size: 13px !important;
  line-height: 28px !important;
}
.albumDetail .albumDetailMain-left .detail-share .item {
  float: none !important;
  display: inline-block !important;
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  flex: 0 0 28px;
}
.albumDetail .albumDetailMain-left .detail-share .item::after {
  content: none !important;
}
.albumDetail .albumDetailMain-left .detail-share .item.qq {
  background-image: url(share/qq.svg?v=3) !important;
}
.albumDetail .albumDetailMain-left .detail-share .item.sina {
  background-image: url(share/weibo.svg?v=3) !important;
}
.albumDetail .albumDetailMain-left .detail-share .item.weixin {
  background-image: url(share/wechat.svg) !important;
}
.albumDetail .albumDetailMain-left .detail-share .item.douban,
.albumDetail .albumDetailMain-left .detail-share .item.qzone,
.albumDetail .albumDetailMain-left .detail-share .item.more {
  display: none !important;
}


/* play-share */
.playWarp .playArea .playInfo .playToolbar > ul > li.yz-share-item {
  position: relative;
}
.playWarp .playArea .playInfo .playToolbar .yz-share-pop {
  right: 0;
  left: auto;
  margin-left: 0;
  width: 360px;
}
.playWarp .playArea .playInfo .playToolbar > ul > li.is-open .yz-share-pop {
  display: block;
}
.yz-share-pop .box,
.yz-share-pop {
  color: #1c2430;
}
.yz-share-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px;
}
.yz-share-row:last-child { margin-bottom: 0; }
.yz-share-row b {
  flex: 0 0 36px;
  font-size: 13px;
  font-weight: 600;
  color: #1c2430;
}
.yz-share-row input {
  flex: 1 1 auto;
  min-width: 0;
  height: 32px;
  padding: 0 8px;
  border: 1px solid rgba(22, 32, 44, .16);
  border-radius: 6px;
  background: #fff !important;
  color: #1c2430 !important;
  -webkit-text-fill-color: #1c2430 !important;
  font-size: 12px;
}
.yz-share-row .yz-copy {
  flex: 0 0 auto;
  height: 32px;
  padding: 0 10px;
  border: 0;
  border-radius: 6px;
  background: #b42318;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
.hanjum-share,
.mod-head .yz-share-pop {
  display: none;
  margin: 8px 12px 0;
  padding: 10px;
  background: #fff;
  border-radius: 8px;
}
.mod-head.is-open .yz-share-pop,
.mod-head:hover .yz-share-pop {
  display: block;
}

.playWarp .playArea .playInfo .playToolbar .yz-share-pop .arrow {
  right: 6px !important;
  left: auto !important;
  margin-right: 0 !important;
}


/* detail-share */
.detail-main-btn {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow: visible;
  position: relative;
  z-index: 6;
}
.detail-main-btn > a,
.detail-main-btn .yz-detail-share {
  margin: 0 !important;
}
.detail-main-btn .yz-detail-share {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.detail-main-btn .yz-share-pop {
  display: none;
  position: absolute;
  z-index: 80;
  top: calc(100% + 6px);
  right: 0;
  left: auto;
  width: 280px;
  margin-left: 0;
  padding-top: 8px;
}
.detail-main-btn .yz-detail-share:hover .yz-share-pop,
.detail-main-btn .yz-detail-share.is-open .yz-share-pop {
  display: block;
}
.detail-main-btn .yz-share-pop .arrow {
  position: absolute;
  top: 3px;
  right: 50px;
  left: auto;
  width: 10px;
  height: 10px;
  margin: 0;
  background: #fff;
  transform: rotate(45deg);
  box-shadow: -1px -1px 4px rgba(22, 32, 44, .08);
}
.detail-main-btn .yz-share-pop .box {
  background: #fff;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 8px 24px rgba(22, 32, 44, .12);
}
.btnBox .yz-detail-share {
  position: relative;
  display: inline-block;
  margin-left: 8px;
}
.btnBox .yz-share-pop {
  display: none;
  position: absolute;
  z-index: 40;
  top: calc(100% + 8px);
  right: 0;
  left: auto;
  width: 260px;
  padding: 10px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(22, 32, 44, .12);
}
.btnBox .yz-detail-share:hover .yz-share-pop,
.btnBox .yz-detail-share.is-open .yz-share-pop {
  display: block;
}

.albumDetailMain-right:has(.yz-detail-share:hover),
.albumDetailMain-right:has(.yz-detail-share.is-open),
.albumDetail:has(.yz-detail-share:hover),
.albumDetail:has(.yz-detail-share.is-open) {
  overflow: visible;
  position: relative;
  z-index: 5;
}
.detail-main-btn .yz-share-pop .box {
  border: 1px solid rgba(22, 32, 44, .1);
}

/* btn-ico */
.detail-main-btn .hjtvui-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.detail-main-btn .yz-ico {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  display: block;
}

/* row-title-gap */
.mod-inner .yz-row {
  margin-top: 16px;
}

/* logo-cut */
.logo-warp,
.logo {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* logo-name */
.logo-warp img,
.logo img {
  height: 40px !important;
  width: auto !important;
  max-width: none;
}
@media (max-width: 768px) {
  header.header .aui-bar {
    padding-left: 10px;
    overflow: visible;
  }
  header.header .logo,
  .aui-bar .logo {
    margin-left: 2px;
    overflow: visible;
  }
  header.header .logo img,
  .aui-bar .logo img {
    height: 32px !important;
    width: auto !important;
    max-width: 52vw;
  }
}

/* mobile-bar */
@media (max-width: 768px) {
  #member_info,
  .aui-icon-my {
    display: none !important;
  }
  header.header .aui-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
    overflow: visible;
  }
  header.header .search,
  header.header .yz-search-icon {
    position: static !important;
    left: auto !important;
    right: auto !important;
    float: none !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    border: 0;
    background: transparent;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: #1c2430;
  }
  header.header .search .text {
    display: none !important;
  }
  header.header .yz-search-icon .aui-iconfont,
  header.header .search .aui-iconfont {
    font-size: 22px !important;
    line-height: 1 !important;
    height: auto !important;
    color: #1c2430 !important;
  }
  .mod-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto !important;
    min-height: 40px;
    padding: 8px 12px !important;
    clear: both;
  }
  .mod-head .mod-head-title,
  .mod-head .mod-head-name,
  .mod-head .change {
    float: none !important;
    color: #1c2430 !important;
    line-height: 1.4 !important;
    text-align: left !important;
  }
  .mod-head .mod-head-title {
    flex: 1;
  }
  .banner:not(:has(.swiper-slide)) {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html, body {
    overflow-x: hidden !important;
  }
  .mod-main .mod-row {
    padding: 0 12px 8px !important;
    margin: 0 !important;
  }
  ul.m-list[m-list-skin="film"]::before,
  ul.m-list[m-list-skin="film"]::after {
    content: none !important;
    display: none !important;
  }
  ul.m-list[m-list-skin="film"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    float: none !important;
    box-sizing: border-box !important;
  }
  ul.m-list[m-list-skin="film"] .m-item {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
    position: static !important;
  }
  ul.m-list[m-list-skin="film"] .m-item .thumb,
  ul.m-list[m-list-skin="film"] .m-item .quic {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2 / 3;
  }
}

/* mobile-one-row */
@media (max-width: 768px) {
  header.header {
    height: 52px !important;
    min-height: 52px;
    background: transparent !important;
  }
  header.header .yz-top-row {
    background: rgba(255, 255, 255, .94) !important;
    backdrop-filter: blur(12px);
  }
  header.header .headerTopNav {
    overflow: hidden;
  }
  header.header .headerTopNav .navWrap,
  header.header .headerTopNav .warp,
  header.header #headerTopNav {
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  header.header .headerTopNav .swiper-wrapper {
    transform: none !important;
    display: flex !important;
    align-items: center;
    width: 100% !important;
    justify-content: space-evenly;
  }
  header.header .headerTopNav .swiper-slide {
    position: static !important;
    width: auto !important;
    flex: 0 0 auto;
    margin: 0 !important;
  }
  header.header .yz-top-row {
    display: flex !important;
    align-items: center;
    height: 52px !important;
    min-height: 52px;
    padding: 0 8px 0 12px !important;
    gap: 2px;
    overflow: visible !important;
  }
  header.header .logo {
    float: none !important;
    position: static !important;
    flex: 0 0 auto;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
  }
  header.header .logo img {
    display: block;
    height: 34px !important;
    width: auto !important;
    max-width: 92px;
  }
  header.header .headerTopNav {
    position: static !important;
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    height: 52px !important;
    margin: 0 !important;
    background: transparent !important;
  }
  header.header .headerTopNav .navWrap,
  header.header .headerTopNav .warp,
  header.header .headerTopNav .swiper-wrapper {
    height: 52px !important;
  }
  header.header .headerTopNav .item {
    line-height: 52px !important;
    padding: 0 6px !important;
  }
  header.header .yz-search-icon {
    position: static !important;
    left: auto !important;
    right: auto !important;
    float: none !important;
    flex: 0 0 42px;
    width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    color: #1c2430;
  }
  header.header .yz-search-icon svg {
    display: block;
    width: 28px;
    height: 28px;
  }
}