/* zikaocn.com premium frontend layer - 2026-07-09 */
:root {
  --zk-ink: #152033;
  --zk-muted: #66758a;
  --zk-line: #e4ecf6;
  --zk-soft: #f5f8fc;
  --zk-card: #ffffff;
  --zk-blue: #1674d8;
  --zk-cyan: #16a7dc;
  --zk-gold: #e6a633;
  --zk-red: #e65342;
  --zk-green: #2aa785;
  --zk-shadow: 0 18px 46px rgba(18, 45, 82, .10);
  --zk-shadow-lg: 0 28px 70px rgba(18, 45, 82, .16);
  --zk-radius: 8px;
}

html {
  background: #f4f7fb;
}

body {
  background:
    radial-gradient(circle at 8% 10%, rgba(22, 116, 216, .08), transparent 28%),
    linear-gradient(180deg, #f6faff 0, #ffffff 440px, #f4f7fb 980px, #ffffff 100%) !important;
  color: var(--zk-ink);
}

* {
  letter-spacing: 0 !important;
}

a,
button,
input,
select,
textarea,
.li-hover,
.image-wrapper img {
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .22s ease, transform .22s ease, opacity .18s ease;
}

.center,
#head .center,
#footer .center,
#home .center,
#news .center,
#zy-list .center,
#school-list .center,
#homeM .center,
.yxxx-header,
.yxxx-nav-box .nav-wrapper {
  box-sizing: border-box;
  max-width: 1320px;
  width: calc(100% - 40px) !important;
}

#head {
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 8px 28px rgba(26, 48, 78, .06);
  position: relative;
  z-index: 50;
}

#head .register-wrap {
  background: #14243a !important;
  height: 34px !important;
}

#head .register-wrap span,
#head .register-wrap a {
  color: rgba(255, 255, 255, .82) !important;
  line-height: 34px !important;
}

#head .nav-wrap {
  background: linear-gradient(180deg, #ffffff 0, #f8fbff 100%) !important;
}

#head .nav-wrap .search-box {
  align-items: center;
  display: flex !important;
  justify-content: space-between;
  padding: 24px 0 18px !important;
}

#head .nav-wrap .search-box .f-left,
#head .nav-wrap .search-box .f-right {
  float: none !important;
}

#head .nav-wrap .search-box .f-left .logo {
  align-items: center;
  display: flex;
  height: 58px;
  width: 238px !important;
}

#head .nav-wrap .search-box .f-left .logo img {
  display: block;
  max-height: 58px;
  object-fit: contain;
}

#head .nav-wrap .search-box .f-right {
  align-items: center;
  display: flex;
  gap: 34px;
  margin-left: 0 !important;
}

#head .nav-wrap .search-box .f-right .search-inp .s-top .left {
  background: #fff !important;
  border: 1px solid #cfe1f4 !important;
  border-radius: 8px;
  box-shadow: 0 14px 30px rgba(22, 116, 216, .10);
  overflow: hidden;
}

#head .nav-wrap .search-box .f-right .search-inp .s-top .left .l-search {
  height: 44px !important;
  width: 520px !important;
}

#head .nav-wrap .search-box .f-right .search-inp .s-top .left input {
  color: var(--zk-ink) !important;
  font-size: 15px !important;
}

#head .nav-wrap .search-box .f-right .search-inp .s-top .left .search-btn,
#head .nav-wrap .search-box .f-right .search-inp .s-top .left div[onclick] {
  background: linear-gradient(135deg, var(--zk-blue), var(--zk-cyan)) !important;
  color: #fff !important;
  height: 44px !important;
  min-width: 108px;
}

#head .nav-wrap .search-box .f-right .right {
  background: #fff;
  border: 1px solid var(--zk-line);
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(18, 45, 82, .07);
  padding: 8px 14px;
}

#head .nav-wrap .nav-box {
  background: #fff !important;
  border-bottom: 1px solid #e7eef7;
  border-top: 1px solid #edf3f9;
  box-shadow: 0 12px 26px rgba(18, 45, 82, .06);
  height: 56px !important;
}

#head .nav-wrap .nav-box .center {
  align-items: center;
  display: flex !important;
  height: 56px;
}

#head .nav-wrap .nav-box .menu-wrap {
  background: linear-gradient(135deg, #143157, #185fae) !important;
  border-radius: 8px 8px 0 0;
  height: 56px !important;
  width: 210px !important;
}

#head .nav-wrap .nav-box .menu-wrap > .ico {
  height: 56px !important;
}

#head .nav-wrap .nav-box .menu-wrap > .title > p,
#head .nav-wrap .nav-box .menu-wrap > .title > p a {
  color: #fff !important;
  font-weight: 900;
  line-height: 56px !important;
}

#head .nav-wrap .nav-box .nav-tabs {
  flex: 1 1 auto;
  margin-left: 22px;
  overflow-x: auto;
  scrollbar-width: none;
}

#head .nav-wrap .nav-box .nav-tabs::-webkit-scrollbar {
  display: none;
}

#head .nav-wrap .nav-box .nav-tabs ul {
  align-items: center;
  display: flex !important;
  gap: 10px;
  height: 56px;
  white-space: nowrap;
}

#head .nav-wrap .nav-box .nav-tabs ul li {
  background: transparent !important;
  border-radius: 999px;
  flex: 0 0 auto !important;
  height: 38px !important;
  line-height: 38px !important;
  margin: 0 !important;
  min-width: 86px;
  padding: 0 !important;
  width: auto !important;
}

#head .nav-wrap .nav-box .nav-tabs ul li > a {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #253247 !important;
  display: block;
  font-size: 16px !important;
  font-weight: 900;
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 20px !important;
  width: auto !important;
}

#head .nav-wrap .nav-box .nav-tabs ul li:hover,
#head .nav-wrap .nav-box .nav-tabs ul li.active,
#head .nav-wrap .nav-box .nav-tabs ul li:first-child {
  background: linear-gradient(135deg, #fff2d4, #ffd981) !important;
  box-shadow: 0 9px 18px rgba(230, 166, 51, .22);
}

#head .nav-wrap .nav-box .nav-tabs ul li:hover > a,
#head .nav-wrap .nav-box .nav-tabs ul li.active > a,
#head .nav-wrap .nav-box .nav-tabs ul li:first-child > a {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #865700 !important;
}

#head .nav-wrap .nav-box .nav-tabs ul li::before,
#head .nav-wrap .nav-box .nav-tabs ul li::after {
  display: none !important;
}

#head .nav-wrap .nav-box .menu-info-wrap > ul {
  border: 1px solid var(--zk-line) !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: var(--zk-shadow-lg) !important;
  overflow: hidden;
}

#head .nav-wrap .nav-box .menu-info-wrap > ul > li:hover {
  background: #f4f9ff !important;
}

#home,
#news,
#zy-list,
#school-list,
#homeM {
  background: transparent !important;
}

#home .banner {
  background: rgba(255, 255, 255, .88);
  border: 1px solid var(--zk-line);
  border-radius: 8px;
  box-shadow: var(--zk-shadow-lg);
  box-sizing: border-box;
  margin-top: 28px !important;
  overflow: hidden;
  padding: 18px !important;
  position: relative;
}

#home .banner::before {
  background: linear-gradient(90deg, var(--zk-blue), var(--zk-cyan), var(--zk-gold));
  content: "";
  height: 4px;
  left: 24px;
  position: absolute;
  right: 24px;
  top: 0;
}

#home .banner > .right {
  gap: 20px !important;
}

#home .banner > .right .main .top,
#home .banner > .right .main .top img {
  border-radius: 8px !important;
}

#home .banner > .right .main .bottom li,
#home .banner > .right .article .baoming,
#home .banner > .right .article .news,
#home .banner > .right .article .gg,
#home .content .slogan,
#home .content .worker-school .w-body .hot,
#home .content .worker-school .w-body .issue,
#home .content .five-year .w-body .hot,
#home .content .five-year .w-body .issue,
#home .content .worker-school .w-body .sch ul li,
#home .content .five-year .w-body .sch ul li,
#home .hot-zy .h-body .left,
#home .hot-zy .h-body .right li {
  background: #fff !important;
  border: 1px solid var(--zk-line) !important;
  border-radius: 8px !important;
  box-shadow: var(--zk-shadow);
}

#home .banner > .right .main .bottom li:hover,
#home .content .worker-school .w-body .sch ul li:hover,
#home .content .five-year .w-body .sch ul li:hover,
#home .hot-zy .h-body .right li:hover,
#school-list .university-card:hover {
  box-shadow: var(--zk-shadow-lg);
  transform: translateY(-3px);
}

.now-position {
  margin: 32px 0 24px !important;
}

.now-position p,
.now-position a {
  color: var(--zk-muted) !important;
  font-size: 15px !important;
  font-weight: 800;
}

#news .list-tab-wrap,
#zy-list .list-tab-wrap,
#school-list .school-filter {
  background: rgba(255, 255, 255, .96) !important;
  border: 1px solid var(--zk-line) !important;
  border-radius: 8px !important;
  box-shadow: var(--zk-shadow);
  box-sizing: border-box;
}

#news .list-tab-wrap,
#zy-list .list-tab-wrap {
  padding: 22px 30px 12px !important;
}

#news .list-tab-wrap ul,
#zy-list .list-tab-wrap ul {
  padding: 0 !important;
}

#news .list-tab-wrap ul li,
#zy-list .list-tab-wrap ul li {
  display: grid !important;
  gap: 16px;
  grid-template-columns: 96px minmax(0, 1fr);
  margin-bottom: 14px !important;
}

#news .list-tab-wrap ul li p:nth-of-type(1),
#zy-list .list-tab-wrap ul li p:nth-of-type(1) {
  color: #1f2937 !important;
  font-size: 16px !important;
  font-weight: 900;
  line-height: 34px !important;
  width: auto !important;
}

#news .list-tab-wrap ul li p:nth-of-type(2),
#zy-list .list-tab-wrap ul li p:nth-of-type(2) {
  align-items: center;
  border-bottom: 1px dashed #dce7f3 !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px 12px;
  line-height: 34px !important;
  min-height: 40px;
  padding-bottom: 12px !important;
}

#news .list-tab-wrap ul li p:nth-of-type(2) a,
#zy-list .list-tab-wrap ul li p:nth-of-type(2) a,
#school-list .school-filter .filter-options a {
  background: #fff;
  border: 1px solid transparent;
  border-radius: 999px !important;
  color: #3a485d !important;
  display: inline-flex !important;
  font-size: 14px !important;
  font-weight: 800;
  line-height: 30px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  white-space: nowrap;
}

#news .list-tab-wrap ul li p:nth-of-type(2) a:hover,
#zy-list .list-tab-wrap ul li p:nth-of-type(2) a:hover,
#school-list .school-filter .filter-options a:hover {
  background: #eef7ff !important;
  border-color: #c9e1f7 !important;
  color: var(--zk-blue) !important;
  transform: translateY(-1px);
}

#news .list-tab-wrap ul li p:nth-of-type(2) a.active,
#news .list-tab-wrap ul li p:nth-of-type(2) a:first-child,
#zy-list .list-tab-wrap ul li p:nth-of-type(2) a.active,
#zy-list .list-tab-wrap ul li p:nth-of-type(2) a:first-child,
#school-list .school-filter .filter-options a.active {
  background: linear-gradient(135deg, #fff4dc, #ffe2a2) !important;
  border-color: #ffd17a !important;
  color: #9a6400 !important;
}

#news .content .c-body,
#zy-list .details,
#school-list .list-wrap {
  align-items: flex-start;
  display: flex !important;
  gap: 28px;
  justify-content: space-between;
}

#news .content .c-body > .left,
#zy-list .details > .left,
#school-list .list-wrap > .left {
  background: #fff !important;
  border: 1px solid var(--zk-line) !important;
  border-radius: 8px !important;
  box-shadow: var(--zk-shadow);
  box-sizing: border-box;
  flex: 1 1 auto;
  min-height: 430px;
  overflow: hidden;
  width: auto !important;
}

#news .content .c-body > .right,
#zy-list .details > .zxbm,
#school-list .list-wrap > .right1 {
  flex: 0 0 330px;
  width: 330px !important;
}

#zy-list .details .left .sort,
#school-list .list-wrap .left .title {
  background: linear-gradient(180deg, #ffffff, #f8fbff);
  border-bottom: 1px solid var(--zk-line);
  box-sizing: border-box;
  padding: 18px 24px !important;
}

#zy-list .details .left .sort > div,
#school-list .list-wrap .left .title > div {
  border-bottom: 0 !important;
  height: auto !important;
}

#zy-list .details .left .sort span {
  color: #1d2b42;
  font-size: 16px;
  font-weight: 900;
}

#zy-list .details .left .sort a,
#school-list .list-wrap .left .title a {
  background: #fff !important;
  border: 1px solid #dfeaf5 !important;
  border-radius: 8px !important;
  color: #3b4b62 !important;
  display: inline-flex !important;
  font-size: 15px !important;
  font-weight: 800;
  line-height: 34px !important;
  margin: 0 8px 0 0 !important;
  padding: 0 18px !important;
}

#zy-list .details .left .sort a.active,
#school-list .list-wrap .left .title a.active {
  background: linear-gradient(135deg, #fff3d7, #ffd981) !important;
  border-color: #ffd17a !important;
  color: #8e5c00 !important;
}

#news .content .c-body > .left ul,
#zy-list .details .left .list-wrap ul {
  box-sizing: border-box;
  min-height: 300px;
  padding: 26px 28px !important;
}

#news .content .c-body > .left ul:not(:has(li)),
#zy-list .details .left .list-wrap ul:not(:has(li)) {
  align-items: center;
  color: transparent;
  display: flex;
  font-size: 0;
  justify-content: center;
  min-height: 330px;
  text-align: center;
}

#news .content .c-body > .left ul:not(:has(li))::before,
#zy-list .details .left .list-wrap ul:not(:has(li))::before {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .72)),
    repeating-linear-gradient(135deg, rgba(22, 116, 216, .08) 0 1px, transparent 1px 12px);
  border: 1px dashed #cbdced;
  border-radius: 8px;
  color: #42526a;
  content: "当前栏目内容正在整理中，建议先查看热门院校或提交报名咨询。";
  display: block;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.8;
  max-width: 520px;
  padding: 48px 36px;
  width: 100%;
}

.fine,
.form-wrap,
.signUp,
.recommend-zy,
.r-hot-zy,
#school-list .list-wrap .right1 > div,
#news .content .c-body > .right > div,
#zy-list .details .zxbm > div {
  background: #fff !important;
  border: 1px solid var(--zk-line) !important;
  border-radius: 8px !important;
  box-shadow: var(--zk-shadow) !important;
  box-sizing: border-box;
  overflow: hidden;
}

.fine .title,
.signUp .title,
.recommend-zy .title,
.r-hot-zy .title {
  border-bottom: 1px solid #edf3f9 !important;
  padding: 16px 18px 14px !important;
}

.fine .title p,
.signUp .title p,
.recommend-zy .title p,
.r-hot-zy .title p {
  align-items: center;
  color: #172236 !important;
  display: flex !important;
  font-size: 20px !important;
  font-weight: 900;
}

.fine .title p::before,
.signUp .title p::before,
.recommend-zy .title p::before,
.r-hot-zy .title p::before {
  background: linear-gradient(180deg, var(--zk-red), var(--zk-gold));
  border-radius: 999px;
  content: "";
  height: 18px;
  margin-right: 10px;
  width: 4px;
}

.fine .title img,
.signUp .title img,
.recommend-zy .title img,
.r-hot-zy .title img {
  display: none !important;
}

.fine .f-body,
.signUp .sch-list,
.recommend-zy ul,
.r-hot-zy .r-h-body {
  padding: 18px !important;
}

.fine .from > div,
.form-wrap .from > div,
#zy-list .details .zxbm .signUp .form > div {
  background: #f8fbff !important;
  border: 1px solid #d7e5f3 !important;
  border-radius: 8px !important;
  box-sizing: border-box;
  height: 46px !important;
  margin-bottom: 12px !important;
}

.fine input,
.fine select,
.form-wrap input,
.form-wrap select {
  background: transparent !important;
  color: #1d2b42 !important;
}

.fine button,
.form-wrap button,
#zy-list .details .zxbm .signUp .form button {
  background: linear-gradient(135deg, var(--zk-red), var(--zk-gold)) !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 24px rgba(230, 83, 66, .23);
  color: #fff !important;
  font-weight: 900;
}

.fine button:hover,
.form-wrap button:hover,
#zy-list .details .zxbm .signUp .form button:hover {
  box-shadow: 0 16px 32px rgba(230, 83, 66, .28);
  transform: translateY(-2px);
}

.signUp .sch-list ul li {
  border-bottom: 1px solid #edf3f9;
  padding: 18px 0 !important;
}

.signUp .sch-list ul li:last-child {
  border-bottom: 0;
}

.signUp .sch-list ul li .img img {
  background: #fff;
  border: 1px solid #e0eaf5;
  box-shadow: 0 10px 24px rgba(18, 45, 82, .08);
}

.signUp .sch-list ul li .con p:first-child a {
  color: #1d2b42 !important;
  font-weight: 900;
}

.signUp .sch-list ul li .con .btn a,
#school-list .list-wrap .left .l-body ul li .con .btn a,
#school-list .list-wrap .left .l-body ul li .con .btn button {
  border-radius: 8px !important;
  font-weight: 900;
}

#school-list .school-filter {
  overflow: hidden;
  padding: 0 !important;
}

#school-list .school-filter .filter-head {
  background:
    radial-gradient(circle at 96% 0, rgba(230, 166, 51, .18), transparent 28%),
    linear-gradient(135deg, #f8fbff, #ffffff);
  border-bottom: 1px solid var(--zk-line);
  padding: 26px 30px !important;
}

#school-list .school-filter h2 {
  color: #18263a !important;
  font-size: 24px !important;
  font-weight: 900;
}

#school-list .school-filter .filter-kicker {
  color: var(--zk-gold) !important;
  font-weight: 900;
}

#school-list .school-filter .filter-row {
  padding: 0 30px !important;
}

#school-list .school-filter .filter-row:first-of-type {
  padding-top: 22px !important;
}

#school-list .school-filter .filter-row:last-child {
  padding-bottom: 24px !important;
}

#school-list .school-filter .filter-label {
  color: #172236 !important;
  font-weight: 900;
}

#school-list .university-card {
  border-bottom: 1px solid #edf3f9 !important;
  margin: 0 !important;
}

#school-list .university-card > div {
  padding: 24px !important;
}

#school-list .university-card .image-wrapper {
  background: linear-gradient(180deg, #ffffff, #f6faff) !important;
  border: 1px solid #dfeaf5 !important;
  border-radius: 8px !important;
  height: 140px !important;
  width: 140px !important;
}

#school-list .university-card .image-wrapper img {
  object-fit: contain !important;
  padding: 12px;
}

#school-list .university-card .text > p:first-child a {
  color: #162237 !important;
  font-size: 24px !important;
  font-weight: 900;
}

#school-list .university-card .x7 span {
  background: #f1f7fd !important;
  border: 1px solid #dceaf6;
  border-radius: 8px !important;
  color: #31516f !important;
  display: inline-flex;
  font-size: 13px !important;
  font-weight: 800;
  line-height: 28px;
  margin: 4px 6px 0 0 !important;
  padding: 0 10px;
}

.pages {
  width: auto !important;
}

.pages a,
.pages strong {
  border-radius: 8px !important;
  display: inline-flex;
  font-weight: 900;
  justify-content: center;
  min-width: 30px;
}

.pages strong {
  background: linear-gradient(135deg, var(--zk-blue), var(--zk-cyan)) !important;
  border-color: transparent !important;
}

.yxxx-header-wrapper {
  background:
    radial-gradient(circle at 86% 18%, rgba(230, 166, 51, .26), transparent 25%),
    linear-gradient(135deg, #112a4d 0%, #176bd2 62%, #17a9d9 100%) !important;
}

.yxxx-header {
  border-radius: 8px !important;
  box-shadow: var(--zk-shadow-lg) !important;
}

.yxxx-nav-box {
  top: 0 !important;
}

#homeM .admi-major,
#homeM .news .xinwzx,
#homeM .news .zhaoswd,
#homeM .zgxx-yxsz .zgxx,
#homeM .zgxx-yxsz .yxsz,
#homeM .color-sch {
  border-radius: 8px !important;
  box-shadow: var(--zk-shadow) !important;
}

#homeM .admi-major:has(.a-body:empty),
#homeM .news .xinwzx:has(ul:empty),
#homeM .news .zhaoswd:has(ul:empty) {
  min-height: 220px !important;
}

#footer {
  background: #101d2f !important;
  color: rgba(255, 255, 255, .78) !important;
  margin-top: 40px;
}

#footer .top,
#footer .bottom {
  background: transparent !important;
}

#footer a,
#footer p,
#footer span,
#footer div {
  color: rgba(255, 255, 255, .78);
}

#footer .top .title div {
  border-radius: 999px;
  color: rgba(255, 255, 255, .88) !important;
  font-weight: 900;
}

#footer .top .title div.active,
#footer .top .title div:hover {
  background: linear-gradient(135deg, #fff1d2, #ffd981);
  color: #7b5200 !important;
}

#footer .go-top li {
  border-color: #dfe7f2 !important;
  box-shadow: 0 10px 22px rgba(18, 45, 82, .10);
}

/* Repair the major-category mega menu. */
@media (min-width: 1280px) {
  #head .nav-wrap .nav-box .menu-wrap {
    position: relative !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap {
    display: none;
    left: 0 !important;
    padding-top: 12px !important;
    position: absolute !important;
    top: 56px !important;
    width: min(1320px, calc(100vw - 40px)) !important;
    z-index: 120 !important;
  }

  #head .nav-wrap .nav-box .menu-wrap:hover > .title .menu-info-wrap {
    display: block !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul {
    background: rgba(255, 255, 255, .98) !important;
    border: 1px solid rgba(205, 223, 242, .95) !important;
    border-radius: 8px !important;
    box-shadow: 0 28px 70px rgba(18, 45, 82, .18) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 12px !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 18px !important;
    width: 100% !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul::before {
    color: #64748b !important;
    content: "热门专业方向";
    display: block !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    grid-column: 1 / -1;
    line-height: 1.2;
    margin: 0 0 2px !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li {
    align-content: start !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    border: 1px solid #dbe8f6 !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 24px rgba(18, 45, 82, .07) !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 116px !important;
    overflow: hidden !important;
    padding: 14px !important;
    position: relative !important;
    transform: none !important;
    width: auto !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li:hover {
    border-color: #b7d8f5 !important;
    box-shadow: 0 16px 34px rgba(22, 116, 216, .13) !important;
    transform: translateY(-2px) !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li::after {
    display: none !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li > .ico {
    align-items: center !important;
    background: #eaf6ff !important;
    border-radius: 8px !important;
    display: flex !important;
    grid-column: 1 !important;
    height: 54px !important;
    justify-content: center !important;
    width: 54px !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li > .ico i {
    margin: 0 !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li > p {
    color: #172236 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    grid-column: 2 !important;
    line-height: 54px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding-left: 14px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: auto !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li > p a {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li > .right,
  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li .right::after {
    display: none !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li .info-list-wrap,
  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li:hover .info-list-wrap {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    display: block !important;
    grid-column: 1 / -1 !important;
    height: auto !important;
    left: auto !important;
    margin-top: 10px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: static !important;
    top: auto !important;
    width: auto !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li .info-list-wrap .top {
    border: 0 !important;
    display: block !important;
    padding: 0 !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li .info-list-wrap .top > ul {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px 8px !important;
    width: 100% !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li .info-list-wrap .top > ul > li {
    align-items: center !important;
    background: #f5f9fe !important;
    border: 1px solid #dfeaf6 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    height: 28px !important;
    justify-content: center !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: static !important;
    width: auto !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li .info-list-wrap .top > ul > li:nth-child(n+5) {
    display: none !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li .info-list-wrap .top > ul > li span,
  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li .info-list-wrap .top > ul > li a {
    background: transparent !important;
    border: 0 !important;
    color: #45566f !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 26px !important;
    max-width: 118px !important;
    overflow: hidden !important;
    padding: 0 10px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li .info-list-wrap .top > ul > li:hover {
    background: #eef7ff !important;
    border-color: #c8e0f5 !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li .info-list-wrap .top > ul > li:hover a {
    color: var(--zk-blue) !important;
  }

  #head .nav-wrap .nav-box .menu-wrap > .title .menu-info-wrap > ul > li .info-list-wrap .bottom {
    display: none !important;
  }
}

@media (max-width: 900px) {
  .center,
  #head .center,
  #footer .center,
  #home .center,
  #news .center,
  #zy-list .center,
  #school-list .center,
  #homeM .center,
  .yxxx-header,
  .yxxx-nav-box .nav-wrapper {
    width: calc(100% - 24px) !important;
  }

  #head .nav-wrap .search-box,
  #head .nav-wrap .search-box .f-right,
  #news .content .c-body,
  #zy-list .details,
  #school-list .list-wrap {
    display: block !important;
  }

  #head .nav-wrap .search-box .f-right .search-inp .s-top .left .l-search {
    width: 100% !important;
  }

  #head .nav-wrap .search-box .f-right,
  #news .content .c-body > .right,
  #zy-list .details > .zxbm,
  #school-list .list-wrap > .right1 {
    margin-top: 18px !important;
    width: 100% !important;
  }

  #head .nav-wrap .nav-box .menu-wrap {
    flex: 0 0 150px;
    width: 150px !important;
  }

  #news .list-tab-wrap ul li,
  #zy-list .list-tab-wrap ul li {
    grid-template-columns: 1fr;
  }

  #school-list .school-filter .filter-head {
    display: block !important;
  }

  #school-list .university-card > div,
  #school-list .university-card .con {
    display: block !important;
  }

  #school-list .university-card .image-wrapper {
    margin-bottom: 16px;
  }
}