:root {
  --qd-ink: #25212a;
  --qd-accent: #582a63;
  --qd-muted: #655c69;
  --qd-rule: #e2d7e2;
  --qd-paper: #fffdfb;
  --qd-wash: #f3edf4;
  --qd-wrap: min(1240px, calc(100% - 48px));
  --qd-heading: "Noto Serif CJK SC", "Songti SC", SimSun, serif;
}

html { background: #f5f2f5; }
body {
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  background: #f5f2f5;
  color: var(--qd-ink);
  font: 15px/1.6 "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
}

#container { width: var(--qd-wrap); max-width: 100%; margin: 0 auto; }
#container a:focus-visible, #container :is(button, input, select):focus-visible,
.fixed-bottom a:focus-visible { outline: 2px solid #9a5995; outline-offset: 3px; }
body > #showpic.cc:has(> img[src="/Template/2016927/images/weixin.jpg"]) { display: none !important; }

#container > .banner { display: flow-root; }
#container > .banner > .nav {
  display: block;
  height: auto;
  margin: 0;
  padding: 4px 11px;
  background: var(--qd-accent);
  text-align: right;
}
#container > .banner > .nav a { color: #fff; font-size: 13px; }
#container > .banner > .logo {
  position: relative;
  z-index: auto;
  width: 100%;
  height: auto;
  background: #fff;
  overflow: visible;
}
#container > .banner > .logo > :is(a, img) { display: block; }
#container > .banner > .logo img { display: block; width: min(100%, 1005px); height: auto; margin: 0 auto; }
#container > .banner > .logo .logo_m { display: none; }
#container > .banner > .logo .search-2016 {
  top: 26%;
  right: max(14px, calc((100% - 970px) / 2));
  width: min(36%, 330px);
  height: auto;
}
#container .logo .search-form { display: flex; gap: 0; height: auto; margin: 0; }
#container .logo .search-form .keywrds {
  flex: 1;
  min-width: 0;
  width: auto;
  height: 39px;
  padding: 7px 10px;
  box-sizing: border-box;
  border: 1px solid #c8b4cb;
  border-right: 0;
  border-radius: 4px 0 0 4px;
  background: var(--qd-paper);
  color: var(--qd-ink);
  font: inherit;
  font-size: 14px;
}
#container .logo .search-form .search-btn {
  flex: 0 0 66px;
  width: auto;
  height: 39px;
  padding: 0;
  border: 0;
  border-radius: 0 4px 4px 0;
  background: var(--qd-accent);
  color: #fff;
  -webkit-text-fill-color: #fff;
  font: inherit;
  font-size: 14px;
}

#container > .banner > .classify {
  display: block;
  margin: 12px 0 0;
  border: 1px solid var(--qd-rule);
  border-top: 2px solid var(--qd-accent);
  background: var(--qd-paper);
}
#container > .banner > .classify > div:first-child {
  padding: 10px 15px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--qd-rule) !important;
  background: var(--qd-wash) !important;
  color: var(--qd-accent) !important;
  font: 700 18px/1.4 var(--qd-heading) !important;
}
#container > .banner > .classify > :is(table, ul) { display: block; width: auto; margin: 0; padding: 6px 13px 10px; }
#container > .banner > .classify :is(table > tbody, ul) { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0 8px; list-style: none; }
#container > .banner > .classify > ul:has(> table) { display: block; }
#container > .banner > .classify > ul > table { display: block; width: 100%; }
#container > .banner > .classify table tr { display: contents; }
#container > .banner > .classify :is(table td, ul > li) { display: block; float: none; width: auto; min-width: 0; height: auto; margin: 0; padding: 0; border: 0; }
#container > .banner > .classify table td:not(:has(a)) { display: none; }
#container > .banner > .classify :is(table td, ul > li) a {
  display: flex;
  min-height: 35px;
  padding: 5px 2px;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--qd-rule);
  color: var(--qd-ink);
  text-align: center;
}
#container > .banner > .classify :is(table td, ul > li) a:hover { color: var(--qd-accent); background: var(--qd-wash); }
#container > .banner > :is(.nav_list, .new-groom1) { display: none; }

#container > .search {
  display: block;
  height: auto;
  margin: 12px 0;
  padding: 7px 11px;
  background: transparent;
  border-block: 1px solid var(--qd-rule);
  color: var(--qd-muted);
}
#container > .search > table { display: block; width: auto; }
#container > .search > table > tbody > tr { display: flex; flex-wrap: wrap; gap: 5px 13px; align-items: center; }
#container > .search > table > tbody > tr > td { width: auto; padding: 0; }
#container > .search > table > tbody > tr > td:last-child { margin-left: auto; }
#container > .search a { color: var(--qd-accent); }
#container:has(> .banner #SearchForm) > .search > table > tbody > tr > td:has(.search_box) { display: none; }
#container > .search .search_box :is(input:not([type=hidden]), select) {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 32px;
  padding: 4px 6px;
  border: 1px solid #c8b4cb;
  border-radius: 3px;
  background: var(--qd-paper);
  color: var(--qd-ink);
}
#container > .search .search_box input[type=submit] { background: var(--qd-accent); color: #fff; cursor: pointer; }

#container > .footer {
  margin: 24px 0 0;
  padding: 16px 12px 18px;
  border-top: 1px solid #cebbd0;
  background: transparent;
  color: var(--qd-muted);
  text-align: center;
  line-height: 1.7;
}
#container > .footer p:first-child { display: block; padding: 3px !important; background: transparent !important; color: var(--qd-muted) !important; }
#container > .footer a { color: var(--qd-accent); }
#container > .footer span { color: var(--qd-muted) !important; }
nav#new-course-school-discovery-20261023 { color: var(--qd-muted); font-size: 14px; }
nav#new-course-school-discovery-20261023 a { color: var(--qd-accent); }
.fixed-bottom { display: none; }

:is(body, #container) > .down-open {
  position: static !important;
  width: var(--qd-wrap) !important;
  height: auto !important;
  margin: 12px auto 22px !important;
  box-sizing: border-box;
  border: 1px solid var(--qd-rule);
  border-top: 2px solid var(--qd-accent);
  background: var(--qd-paper) !important;
  color: var(--qd-ink);
}
#container > .down-open { width: 100% !important; }
:is(body, #container) > .down-open > .inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 9px 14px;
  box-sizing: border-box;
  width: 100% !important;
  height: auto !important;
  margin: 0;
  padding: 11px;
}
.down-open > .inner > .words {
  float: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  color: var(--qd-accent);
  font: 700 16px/1.4 var(--qd-heading);
}
.down-open > .inner > form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px;
  float: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
.down-open > .inner > form > span { color: var(--qd-muted); font: 13px/1.5 "Microsoft YaHei", sans-serif; }
.down-open > .inner > form > input:not([type=hidden]) {
  float: none;
  box-sizing: border-box;
  width: 109px;
  height: 34px;
  margin: 0 5px 0 0;
  padding: 5px 8px;
  border: 1px solid #c8b4cb;
  border-radius: 4px;
  background: #fff;
  color: var(--qd-ink);
  font: 13px/1.5 "Microsoft YaHei", sans-serif;
}
.down-open > .inner > form > #submit { width: auto; padding-inline: 15px; background: var(--qd-accent); color: #fff; cursor: pointer; }

@media (max-width: 1500px) {
  #aff-im-root .embed-icon:has(.embed-icon-default) {
    top: auto !important;
    right: 9px !important;
    bottom: 86px !important;
    width: 46px !important;
    height: 46px !important;
    overflow: hidden;
    transform: none !important;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 12px #25212a3b;
  }
  #aff-im-root .embed-icon .embed-icon-default { width: 46px !important; height: auto !important; }
}

@media (max-width: 980px) {
  #container > .banner > .classify :is(table > tbody, ul) { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  :root { --qd-wrap: calc(100% - 22px); }
  body:has(.fixed-bottom a) { padding-bottom: calc(61px + env(safe-area-inset-bottom, 0px)); }
  #container > .banner > .nav { padding: 2px 9px; }
  #container > .banner > .logo:has(.logo_m) { display: flex; flex-direction: column; }
  #container > .banner > .logo:has(.logo_m) img.logo_m { display: block; order: -1; max-width: 640px; }
  #container > .banner > .logo:has(.logo_m) img.logo-pc { display: none; }
  #container > .banner > .logo form { display: block; padding: 0 9px 10px; }
  #container > .banner > .logo .search-2016 { position: static; float: none; width: 100%; }
  #container > .banner > .classify > :is(table, ul) { padding: 5px 8px 8px; }
  #container > .banner > .classify :is(table > tbody, ul) { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 4px; }
  #container > .banner > .classify :is(table td, ul > li) a { min-height: 37px; font-size: 13px; }
  #container > .search { margin: 9px 0; padding: 7px 3px; font-size: 13px; }
  #container > .search > table > tbody > tr > td:has(.search_box) { order: 2; width: 100%; }
  #container > .search .search_box :is(input:not([type=hidden]), select) { max-width: 100%; }
  #container > .footer { margin: 17px 0 0; padding: 13px 8px; }
  :is(body, #container) > .down-open { display: none; }
  .fixed-bottom {
    display: block;
    position: fixed;
    z-index: 1000;
    inset: auto 0 0;
    width: auto;
    padding: 0 0 env(safe-area-inset-bottom, 0px);
    background: #4a2453;
    border-top: 1px solid #86628a;
    text-align: center;
  }
  .fixed-bottom ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 0; }
  .fixed-bottom li { display: block; width: auto; border: 0; border-right: 1px solid #ffffff24; }
  .fixed-bottom li:last-child { border-right: 0; background: #66346d; }
  .fixed-bottom li a { display: grid; justify-items: center; align-content: center; gap: 3px; min-height: 54px; color: #fff; }
  .fixed-bottom li img { width: 19px; height: 19px; margin: 0; }
  .fixed-bottom li p { margin: 0; color: #fff; font-size: 13px; line-height: 1.25; }
  body:has(.fixed-bottom a[href*="affim.baidu.com"]) #aff-im-root .embed-icon:has(.embed-icon-default) { display: none !important; }
}

@media (max-width: 350px) {
  #container > .banner > .classify :is(table td, ul > li) a { font-size: 12px; }
}

@media (prefers-reduced-motion: no-preference) {
  #container :is(.classify, .main) a { transition: color .16s, background-color .16s; }
}

#container > .banner > .img_gallery {
  display: none;
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 744 / 177;
  overflow: hidden;
  background: #ece1dd;
  border: 0;
}
#container:has(> .main > .course_classify) > .banner > .img_gallery {
  display: block;
  margin: 13px 0 0;
}
#container > .banner .img_gallery .main_img { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; }
#container > .banner .img_gallery .main_img ul { position: absolute; height: 100% !important; }
#container > .banner .img_gallery .main_img li { height: 100% !important; }
#container > .banner .img_gallery .main_img li :is(a, span) { display: block; width: 100%; height: 100% !important; }
#container > .banner .img_gallery .main_img li span { background-position: center; background-size: cover; background-repeat: no-repeat; }
#container > .banner .img_gallery .main_img .img_1 { background-image: url("../images/mm1.png"); }
#container > .banner .img_gallery .main_img .img_2 { background-image: url("../images/mm2.png"); }
#container > .banner .img_gallery .main_img .img_3 { background-image: url("../images/mm3.png"); }
#container > .banner .img_gallery .point {
  position: absolute;
  z-index: 2;
  bottom: 8px;
  left: 50%;
  display: flex;
  gap: 3px;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0 5px;
  transform: translateX(-50%);
  border-radius: 20px;
  background: #31252bbf;
}
#container > .banner .img_gallery .point a {
  position: relative;
  display: block;
  width: 28px;
  height: 26px;
  overflow: hidden;
  text-indent: -1000px;
  background: none;
}
#container > .banner .img_gallery .point a::after {
  content: "";
  position: absolute;
  inset: 10px auto auto 50%;
  width: 7px;
  height: 7px;
  transform: translateX(-50%);
  border-radius: 7px;
  background: #ffffffa8;
}
#container > .banner .img_gallery .point a.on::after { width: 15px; background: #fff; }
#container > .main > .course_classify > .top { display: none; }

#container > .new-groom:not(.new-groom1) {
  display: grid;
  grid-template-columns: 134px minmax(0, 1fr);
  gap: 12px;
  margin: 16px 0 0;
  padding: 8px 15px;
  border: 1px solid var(--qd-rule);
  border-top: 2px solid var(--qd-accent);
  background: var(--qd-paper);
}
#container > .new-groom h2 {
  float: none;
  width: auto;
  margin: 0;
  padding: 12px 0;
  color: var(--qd-accent);
  font: 700 20px/1.45 var(--qd-heading);
}
#container > .new-groom ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  float: none;
  width: auto;
  gap: 0 16px;
  margin: 0;
  padding: 0;
  background: transparent;
}
#container > .new-groom li {
  display: flex;
  float: none;
  width: auto;
  min-width: 0;
  max-width: 100%;
  padding: 0;
  overflow: hidden;
  gap: 8px;
  align-items: center;
  border: 0;
  border-bottom: 1px solid var(--qd-rule);
}
#container > .new-groom li > a { display: block; flex: 1; min-width: 0; max-width: 100%; padding: 8px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#container > .new-groom li span { display: inline; float: none; margin: 0; color: var(--qd-muted); font-size: 12px; font-variant-numeric: tabular-nums; }

#container > .main:has(> .course_classify) {
  display: grid;
  grid-template-columns: minmax(0, 2.8fr) minmax(245px, 1fr);
  gap: 16px 20px;
  overflow: visible;
  background: transparent;
}
#container > .main:has(> .course_classify) > .clearfix,
#container > .main > .course_classify > .clearfix,
#container > .main > .right_part > .clearfix { display: none; }
#container > .main > :is(.course_classify, .right_part) { display: block; float: none; width: auto; min-width: 0; }
#container > .main > .course_classify > .course { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin: 0 0 14px; }
#container > .main > .course_classify > .space { height: auto; margin: 0 0 14px; background: transparent; }
#container > .main > .course_classify > .space a { display: block; }
#container > .main > .course_classify > .space img { display: block; width: 100%; height: auto; }
#container > .main > .course_classify .course > :is(.course_left, .course_right),
#container > .main:has(> .course_classify) .right_part > :is(.tuijian, .shizi, .liucheng),
#container > .main:has(> .course_classify) > .fengcai {
  position: relative;
  float: none;
  width: auto;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0 0 4px;
  overflow: visible;
  border: 1px solid var(--qd-rule);
  border-top: 2px solid var(--qd-accent);
  background: var(--qd-paper);
}
#container > .main:has(> .course_classify) :is(.course, .right_part, .fengcai) :is(h3,h4) {
  height: auto;
  margin: 0;
  padding: 11px 12px;
  border: 0;
  border-bottom: 1px solid var(--qd-rule);
  background: var(--qd-wash);
  color: var(--qd-accent);
  font: 700 18px/1.4 var(--qd-heading);
}
#container > .main:has(> .course_classify) :is(h3, h4) a { color: inherit; }
#container > .main:has(> .course_classify) .more { top: 12px; right: 10px; font-size: 13px; }
#container > .main:has(> .course_classify) .more a { color: var(--qd-accent); }

#container > .main > .course_classify .course table { width: 100%; table-layout: fixed; margin: 0; border-collapse: collapse; }
#container > .main > .course_classify .course td { height: 35px; padding: 0 4px; border-bottom: 1px solid var(--qd-rule); }
#container > .main > .course_classify .course td:nth-child(2) { display: table-cell; width: 83px; color: var(--qd-muted); }
#container > .main > .course_classify .course td:last-child { width: 59px !important; color: var(--qd-accent); padding-right: 9px; }
#container > .main > .course_classify .course td:nth-child(n+2) { font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap; }
#container > .main > .course_classify .course td.td_style1 { width: auto; padding-left: 10px; }
#container > .main > .course_classify .course td.td_style1 a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--qd-ink); }
#container > .main > .course_classify .course tr:last-child td { border-bottom: 0; }
#container > .main:has(> .course_classify) .right_part > :is(.tuijian, .shizi, .liucheng) { margin: 0 0 14px; }
#container > .main:has(> .course_classify) .right_part :is(.shizi, .liucheng) ul { margin: 0 10px; padding: 0 !important; }
#container > .main:has(> .course_classify) .right_part .shizi li { height: auto; min-height: 34px; padding: 0 2px; border-bottom: 1px solid var(--qd-rule); line-height: 34px; }
#container > .main:has(> .course_classify) .right_part .shizi li > a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#container > .main:has(> .course_classify) .right_part .shizi li:last-child { border-bottom: 0; }
#container > .main:has(> .course_classify) .right_part .tuijian img { display: block; max-width: 100%; height: auto; margin-inline: auto; }
#container > .main:has(> .course_classify) .right_part .tuijian li { overflow: hidden; }
#container > .main:has(> .course_classify) .right_part .tuijian li > a { display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#container > .main:has(> .course_classify) .right_part .liucheng li { padding: 7px 2px; border-bottom: 1px solid var(--qd-rule); line-height: 1.55; }
#container > .main:has(> .course_classify) .fengcai { grid-column: 1 / -1; }
#container > .main:has(> .course_classify) .fengcai ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); gap: 10px; margin: 12px; }
#container > .main:has(> .course_classify) .fengcai li { float: none; width: auto; height: auto; margin: 0; }
#container > .main:has(> .course_classify) .fengcai img { display: block; width: 100%; height: auto; aspect-ratio: 13 / 9; object-fit: cover; }
#container > .main:has(> .course_classify) :is(.course, .right_part) li a:hover,
#container > .main:has(> .course_classify) .course td a:hover { color: var(--qd-accent); text-decoration: underline; }

@media (max-width: 980px) {
  #container > .main:has(> .course_classify) { grid-template-columns: minmax(0, 1fr); }
  #container > .main:has(> .course_classify) > .right_part { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 13px; }
  #container > .main:has(> .course_classify) .right_part > :is(.tuijian, .shizi, .liucheng) { margin: 0; }
}

@media (max-width: 700px) {
  #container:has(> .main > .course_classify) > .banner > .img_gallery { margin-top: 8px; min-height: 87px; }
  #container > .banner .img_gallery .point { bottom: 4px; }
  #container > .banner .img_gallery .point a { height: 21px; }
  #container > .banner .img_gallery .point a::after { top: 7px; }
  #container > .new-groom:not(.new-groom1) { display: block; margin-top: 12px; padding: 0 9px 5px; }
  #container > .new-groom h2 { padding: 8px 2px; font-size: 17px; }
  #container > .new-groom ul { grid-template-columns: minmax(0, 1fr); }
  #container > .main > .course_classify > .course { grid-template-columns: minmax(0, 1fr); gap: 11px; margin-bottom: 11px; }
  #container > .main:has(> .course_classify) > .right_part { grid-template-columns: minmax(0, 1fr); }
  #container > .main:has(> .course_classify) > .fengcai { display: block; }
}

/* The original category templates use either course tables or a linked article list. */
#container > .main:has(> .main_right) {
  display: grid;
  grid-template-columns: minmax(200px, 254px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(16px, 2.2vw, 30px);
  margin: clamp(15px, 2.5vw, 28px) 0 0;
  overflow: visible;
  background: transparent;
}

#container > .main > :is(.main_left, .main_right) {
  float: none;
  box-sizing: border-box;
  width: auto;
  min-width: 0;
  margin: 0;
  color: var(--qd-ink);
}

#container > .main > .main_right {
  border: 1px solid var(--qd-rule);
  border-top: 2px solid var(--qd-accent);
  background: var(--qd-paper);
}

#container .main_right > h4 {
  margin: 0;
  padding: clamp(13px, 2.2vw, 24px) clamp(14px, 2.5vw, 28px);
  border: 0;
  border-bottom: 1px solid var(--qd-rule);
  background: #f5eff6;
  color: var(--qd-accent);
  font: 700 clamp(20px, 2.4vw, 27px)/1.32 "Microsoft YaHei", "PingFang SC", sans-serif;
}

#container .main_right > .class_cate {
  margin: 0 clamp(14px, 2.5vw, 28px);
  padding: clamp(12px, 1.65vw, 20px) 0;
  border: 0;
  border-bottom: 1px solid var(--qd-rule);
  color: var(--qd-ink);
}

#container .main_right > .class_cate > table {
  width: 100%;
  table-layout: fixed;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  background: transparent;
  line-height: 1.55 !important;
}

#container .main_right .class_cate tr > td {
  padding: 2px 0;
  border: 0;
  color: var(--qd-muted) !important;
  font-size: 14px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

#container .main_right .class_cate tr:first-child td {
  padding-bottom: 5px;
}

#container .main_right .class_cate tr:first-child span {
  height: auto !important;
  line-height: 1.4 !important;
}

#container .main_right .class_cate tr:first-child a {
  display: inline-block;
  color: var(--qd-ink);
  font-size: clamp(16px, 1.5vw, 19px);
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}

#container .main_right .class_cate tr:nth-child(2) > td {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

#container .main_right .class_cate tr:not(:first-child) span {
  color: var(--qd-accent) !important;
  font-weight: 600;
}

#container .main_right .class_cate tr i {
  display: inline-block;
  width: .35em;
  margin-right: .45em !important;
}

#container .main_right > .shizi_lanmu {
  margin-inline: clamp(14px, 2.5vw, 28px);
}

#container .main_right .shizi_lanmu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#container .main_right .shizi_lanmu li {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 10px;
  align-items: baseline;
  min-width: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--qd-rule);
  background: transparent;
  line-height: 1.55;
}

#container .main_right .shizi_lanmu li > a {
  flex: 1 1 15rem;
  min-width: 0;
  padding: 11px 0;
  color: var(--qd-ink);
  font-size: clamp(15px, 1.3vw, 17px);
  text-decoration: none;
  overflow-wrap: anywhere;
}

#container .main_right .shizi_lanmu li span {
  position: static;
  color: var(--qd-muted);
  font-size: 13px;
  white-space: nowrap;
}

#container .main_right :is(.class_cate, .shizi_lanmu) a:hover {
  color: var(--qd-accent);
  text-decoration: underline;
  text-underline-offset: .16em;
}

/* Both pagination styles retain their real links and jump menu. */
#container .main_right #fenye {
  display: block;
  min-width: 0;
  margin: 0 !important;
  padding: 12px clamp(14px, 2.5vw, 28px) 18px;
  color: var(--qd-muted);
  font-size: 13px;
  line-height: 1.65;
  text-align: left !important;
  overflow-wrap: anywhere;
}

#container .main_right #fenye table {
  float: none;
  display: block;
  width: 100%;
  max-width: 100%;
  border: 0;
}

#container .main_right #fenye table :is(tbody, tr, td) {
  display: block;
  min-width: 0;
  padding: 0;
  border: 0;
}

#container .main_right #fenye a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 32px;
  min-height: 34px;
  margin: 3px 3px 3px 0;
  padding: 4px 7px;
  border: 1px solid var(--qd-rule);
  border-radius: 3px;
  background: var(--qd-paper);
  color: var(--qd-accent);
  text-decoration: none;
  white-space: nowrap;
}

#container .main_right #fenye a:hover {
  border-color: var(--qd-accent);
  background: #f5eff6;
}

#container .main_right #fenye a.curr {
  border-color: var(--qd-accent);
  background: var(--qd-accent);
  color: #fff;
}

#container .main_right #fenye a.curr font { color: inherit; }

#container .main_right #fenye select {
  box-sizing: border-box;
  max-width: 100%;
  min-height: 34px;
  padding: 3px 6px;
  border: 1px solid var(--qd-rule);
  border-radius: 3px;
  background: var(--qd-paper);
  color: var(--qd-ink);
  font: inherit;
}

#container .main_right > .fenye { padding: 0; }

#container .main_left > :is(.tuijian_lanmu, .inform_lanmu) {
  display: block;
  margin: 0 0 16px;
  padding: 0;
  border: 1px solid var(--qd-rule);
  border-top: 2px solid var(--qd-accent);
  background: var(--qd-paper);
}

#container .main_left > div > h4 {
  margin: 0;
  padding: 12px 14px;
  border: 0;
  border-bottom: 1px solid var(--qd-rule);
  background: #f5eff6;
  color: var(--qd-accent);
  font-size: 16px;
  line-height: 1.4;
}

#container .main_left :is(.tuijian_lanmu, .inform_lanmu) ul {
  margin: 0;
  padding: 0 12px !important;
  list-style: none;
}

#container .main_left :is(.tuijian_lanmu, .inform_lanmu) li {
  box-sizing: border-box;
  height: auto !important;
  min-height: 35px;
  padding: 6px 0 !important;
  border-bottom: 1px solid var(--qd-rule) !important;
  background: none;
  color: var(--qd-muted);
  font-size: 13px;
  line-height: 1.55;
}

#container .main_left :is(.tuijian_lanmu, .inform_lanmu) li:last-child {
  border-bottom: 0 !important;
}

#container .main_left :is(.tuijian_lanmu, .inform_lanmu) li > a {
  display: block;
  color: var(--qd-ink);
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#container .main_left :is(.tuijian_lanmu, .inform_lanmu) a:hover { color: var(--qd-accent); }

@media (max-width: 780px) {
  #container > .main:has(> .main_right) { grid-template-columns: minmax(0, 1fr); }
  #container > .main > .main_right { grid-row: 1; }
  #container .main_right .class_cate tr:nth-child(2) > td { -webkit-line-clamp: 4; }
  #container .main_right .shizi_lanmu li > a { padding-block: 12px; }
  #container .main_right #fenye :is(a, select) { min-height: 40px; }
}