/* ============================================================
   Study in Chongqing - 留学重庆英文官网专题页
   设计稿: MasterGo 196260034422046 / layer 815:32748
   设计宽度: 1920px (19.2rem)
   REM 基准: 1rem = 100px（由 common/common.css 统一控制，
             本文件不再设置 html font-size，避免冲突）
   ============================================================ */

/* ---------- 设计变量（严格取自设计稿） ---------- */
/* IE11 不支持 CSS 变量，颜色/字体值已内联替换 */

/* ---------- 页面基础 ----------
   reset / html font-size / body 宽度由 common.css 提供，
   这里仅补充页面级私有样式 */
body {
  background: #ffffff;
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  color: #162842;
  overflow-x: hidden; /* 防止全屏出血模块产生横向滚动条 */
}
.study * {
  box-sizing: border-box;
}
/* ============================================================
   模块 1：顶部 Header（顶栏 + 导航栏）
   ============================================================ */
.site-header {
  width: 100%;
}

/* 顶部蓝色品牌条 130px */
.header-top {
  position: relative;
  height: 1.3rem; /* 130px */
  background: #003366;
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-title {
  font-size: 0.46rem; /* 46px */
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0;
}

/* 搜索胶囊按钮（右上） */
.search-btn {
  position: absolute;
  right: 2.6rem; /* 260px */
  top: 50%;
  transform: translateY(-50%);
  width: 1.67rem; /* 167px */
  height: 0.55rem; /* 55px */
  border-radius: 1.61rem; /* 161px 全圆角 */
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.08rem; /* 8px */
  font-size: 0.18rem; /* 18px */
  color: #a7a7a7;
  transition: box-shadow 0.3s ease;
}
.search-btn:hover {
  box-shadow: 0 0 0 0.03rem rgba(255, 255, 255, 0.35);
}
.search-btn img {
  width: 0.2925rem;
  height: 0.256rem;
}

/* 底部导航条 68px */
.site-nav {
  height: 0.68rem; /* 68px */
  background: #002e5b;
  position: relative;
}
.nav-list {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 2.59rem; /* 259px */
}
.nav-item {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.nav-item a {
  font-size: 0.24rem; /* 24px */
  font-weight: 700;
  color: #ffffff;
  white-space: nowrap;
  transition: opacity 0.3s ease;
}
.nav-item a:hover {
  opacity: 0.75;
}
/* 按设计稿精确间距 */
.nav-item + .nav-item {
  margin-left: 1.75rem;
} /* HOME -> GOVERNMENT 175px */
.nav-item:nth-child(3) {
  margin-left: 1.52rem;
} /* -> LATEST 152px */
.nav-item:nth-child(4) {
  margin-left: 1.78rem;
} /* -> SERVICES 178px */
.nav-item:nth-child(5) {
  margin-left: 1.75rem;
} /* -> ABOUT CHONGQING 175px */
/* 当前项下划线 64×4 白色圆角条 */
.nav-item.active::after {
  content: "";
  position: absolute;
  left: 0.05rem; /* 5px 对齐 */
  bottom: 0.24rem; /* 距导航底部 24px */
  width: 0.64rem; /* 64px */
  height: 0.04rem; /* 4px */
  border-radius: 0.03rem; /* 3px */
  background: #ffffff;
}

/* ============================================================
   模块 2：Banner 横幅区（高300px）
   ============================================================ */
.hero {
  position: relative;
  height: 3rem; /* 300px */
  background-image: url("study-banner.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* 渐变蒙版：透明 -> rgba(0,51,102,0.6) */
.hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 51, 102, 0.6) 100%
  );
}
.hero-title {
  position: absolute;
  left: 2.6rem; /* 260px */
  top: 1.64rem; /* 164px */
  font-size: 0.52rem; /* 52px */
  font-weight: 700;
  color: #ffffff;
  text-transform: uppercase;
  text-shadow: 0.04rem 0.06rem 0.02rem #161d3e;
  z-index: 1;
}

/* ============================================================
   模块 3：面包屑导航
   ============================================================ */
.breadcrumb {
  margin: 0.23rem 0 0 2.6rem;
  font-family: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", sans-serif;
  font-size: 0.16rem; /* 16px */
  color: #3d3d3d;
}
.breadcrumb .sep {
  margin: 0 0.04rem;
}

/* ============================================================
   模块 4：数据统计卡片（50+ / 10000+ / 140+）
   ============================================================ */
.stats-card {
  width: 14rem; /* 1400px */
  height: 2.26rem; /* 226px */
  margin: 0.44rem auto 0; /* 44px */
  background: #ffffff;
  box-shadow: 0 0.04rem 0.2rem rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.stat-item {
  display: flex;
  align-items: center;
  width: 3.3rem;
}
.stat-item:first-child {
  width: 2.8rem;
}
.stat-item:hover {
  background: url("study-bg2.png") no-repeat;
  height: 1.32rem;
  background-size: 1.32rem 100%;
  padding-left: 0.09rem;
}
.stat-icon {
  /* width: 1.08rem;  */
  height: 1.08rem;
  border-radius: 50%;
  background: #ffffff;
}
.stat-item:hover .stat-icon {
  /* width: 1.14rem; */
  height: 1.14rem;
}
.stat-text {
  margin-left: 0.18rem;
} /* 18px */
.stat-number {
  font-size: 0.48rem; /* 48px */
  font-weight: 800;
  color: #e13833;
  line-height: 1.2;
}
.stat-label {
  font-size: 0.22rem; /* 22px */
  font-weight: 700;
  color: #162842;
}

/* ============================================================
   模块 5：Why Chongqing（红色块 + 右侧图片）
   ============================================================ */
.section-title {
  font-size: 0.4rem; /* 40px */
  font-weight: 700;
  color: #162842;
  text-align: center;
}
.why-chongqing .section-title {
  margin-top: 0.6rem;
} /* 60px */

.why-content {
  position: relative;
  width: 14.1rem; /* 1410px */
  height: 3.89rem; /* 389px */
  margin: 0.41rem auto 0; /* 70px */
}
.why-red-block {
  position: absolute;
  left: 0;
  top: 0.17rem; /* 17px */
  width: 13.72rem; /* 1372px */
  height: 3.72rem; /* 372px */
  background: #e13833;
}
.why-red-block h3 {
  position: absolute;
  left: 0.32rem; /* 32px */
  top: 0.26rem; /* 26px */
  font-size: 0.34rem; /* 34px */
  font-weight: 700;
  color: #ffffff;
}
.why-red-block p {
  position: absolute;
  left: 0.32rem;
  top: 0.86rem; /* 86px */
  width: 5.43rem; /* 543px */
  font-family: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", sans-serif;
  font-size: 0.2rem; /* 20px */
  line-height: 0.34rem; /* 34px */
  color: #ffffff;
  max-height: 2.38rem;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.why-view-more {
  position: absolute;
  left: 4.68rem; /* 468px */
  bottom: 0.26rem; /* 26px */
  display: inline-flex;
  align-items: center;

  gap: 0.06rem;
  font-family: "Roboto", "Inter", Arial, sans-serif;
  font-size: 0.14rem; /* 14px */
  font-weight: 500;
  color: #ffffff;
  transition: transform 0.3s ease;
}
.why-view-more:hover {
  transform: translateX(0.06rem);
}
.why-view-more img {
  width: 0.105rem;
  height: auto;
}
.why-img {
  position: absolute;
  left: 6.03rem; /* 603px */
  top: 0;
  width: 8.07rem; /* 807px */
  height: 3.65rem; /* 365px */
  object-fit: cover;
}

/* ============================================================
   模块 6：Universities and Colleges 高校列表（Swiper 轮播）
   注：common 内 Swiper 为 5.2.1，无 grid 模块，
      每个 swiper-slide 内部承载 3列×2行 共 6 张卡片
   ============================================================ */
.universities {
  margin-top: 0.7rem; /* 70px */
  background: #eef7ff;
  padding: 0.65rem 0 0.59rem;
}
.univ-swiper {
  width: 14rem; /* 1400px */
  margin: 0.44rem auto 0; /* 44px */
  overflow: hidden;
}
.univ-col {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
} /* 30px */
.univ-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.univ-card {
  width: 2.52rem;
  height: 2.52rem;
  background: #ffffff;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  display: inline-block;
  margin-right: 0.35rem;
  margin-bottom: 0.35rem;
  text-align: center;
}
.univ-card:nth-child(5n) {
  margin-right: 0;
}
.univ-card:hover {
  transform: translateY(-0.06rem);
}
.univ-card-logo {
  height: 1.08rem;
  margin: 0.32rem 0 0.15rem;
}
.univ-card-name {
  font-size: 0.16rem;
  line-height: 0.23rem;
  color: #333333;
  padding: 0 0.1rem;
}

/* 高校区分页器（Swiper pagination 数字 + 左右箭头） */
.univ-pagination-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.11rem;
}
.univ-pagination {
  display: flex;
  align-items: center;
  /* gap: 0.37rem; */
  width: auto !important;
  position: static !important;
  font-size: 0.24rem; /* 24px */
  color: #123261;
}
/* Swiper renderBullet 生成的数字页码 */
.univ-pagination .page-num {
  display: inline-block;
  width: auto;
  height: auto;
  background: none;
  opacity: 1;
  border-radius: 0;
  /* margin: 0 !important; */
  font-size: 0.24rem;
  color: #123261;
  cursor: pointer;
  transition: opacity 0.3s ease;
  margin: 0 0.14rem;
}
.univ-pagination .page-num:hover {
  opacity: 0.6;
}
.univ-pagination .page-num.swiper-pagination-bullet-active {
  font-weight: 700;
}
.page-arrow {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 0.04rem;
}
.page-arrow img {
  width: 0.29rem;
  height: 0.28rem;
  margin-top: 0;
}

/* ============================================================
   模块 7：Plan Your Studies 学习规划三卡片
   ============================================================ */
.plan-studies .section-title {
  margin-top: 0.7rem;
}
.plan-grid {
  display: flex;
  justify-content: center;
  gap: 0.32rem; /* 32px */
  margin-top: 0.36rem; /* 36px */
}
.plan-card {
  position: relative;
  width: 4.46rem; /* 446px */
  height: 2.32rem; /* 232px */
  background: #f6f6f6;
  overflow: hidden;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  margin-bottom: 0.2rem;
}
.plan-card:hover {
  transform: translateY(-0.06rem);
  box-shadow: 0 0.12rem 0.3rem rgba(0, 0, 0, 0.1);
}
/* 顶部红色装饰线 392×3 */
.plan-card::before {
  content: "";
  position: absolute;
  left: 0.27rem; /* 27px */
  top: 0;
  width: 3.92rem; /* 392px */
  height: 0.03rem; /* 3px */
  background: #e13833;
  z-index: 2;
}
.plan-card-icon {
  text-align: center;
  margin-top: 0.43rem; /* 43px */
  height: 0.6rem; /* 60px */
  z-index: 2;
}
.plan-card-icon img {
  height: 100%;
  width: auto;
}
.plan-card-title {
  margin-top: 0.34rem; /* 137px */
  text-align: center;
  font-size: 0.28rem; /* 28px */
  font-weight: 700;
  color: #162842;
  z-index: 2;
}
.plan-card .img2 {
  display: none;
}
/* 中间图片卡片（Work-Study Program） */
.plan-card:hover {
  background-image: url(study-bg3.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.plan-grid .plan-card:nth-child(2):hover {
  background-image: url(study-bg4.png);
}
.plan-grid .plan-card:nth-child(3):hover {
  background-image: url(study-bg5.png);
}
.plan-card:hover .img1 {
  display: none;
}
.plan-card:hover .img2 {
  display: inline-block;
}
/* .plan-card:hover::after {
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: rgba(22,40,66,0.76);
  z-index: 1;
} */
.plan-card:hover .plan-card-title {
  color: #ffffff;
}

/* ============================================================
   模块 8：特色信息条（Ways of Learning / How to Apply / Visas）
   ============================================================ */
.feature-card {
  position: relative;
  height: 4.48rem; /* 448px */
  margin-top: 0.5rem; /* 70px */
}
.feature-card .feature-bg {
  position: absolute;
  top: 0.6rem; /* 60px */
  height: 3.88rem; /* 388px */
}
.feature-card .feature-img {
  position: absolute;
  top: 0;
  width: 6.28rem; /* 628px */
  height: 4rem; /* 400px */
  object-fit: cover;
}
.feature-icon-box {
  position: absolute;
  top: 1.01rem; /* 101px */
  width: 0.62rem; /* 62px */
  height: 0.62rem;
}
.feature-title {
  position: absolute;
  top: 1.12rem; /* 112px */
  font-size: 0.34rem; /* 34px */
  font-weight: 700;
}
.feature-desc {
  position: absolute;
  top: 1.81rem; /* 181px */
  font-family: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", sans-serif;
  font-size: 0.2rem; /* 20px */
  line-height: 0.34rem; /* 34px */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  max-height: 1.25rem;
}
.feature-btn {
  position: absolute;
  top: 3.7rem; /* 370px */
  width: 1.06rem; /* 106px */
  height: 0.3rem; /* 30px */
  border-radius: 0.29rem; /* 29px */
  background: #e13833;
  color: #ffffff;
  font-family: "Roboto", "Inter", Arial, sans-serif;
  font-size: 0.14rem; /* 14px */
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.feature-btn:hover {
  transform: translateY(-0.02rem);
  box-shadow: 0 0.06rem 0.12rem rgba(225, 56, 51, 0.4);
}

/* Ways of Learning：深蓝底，图在右 */
.feature-ways .feature-bg {
  left: 0;
  width: 16.59rem;
  background: #162842;
} /* 1659px */
.feature-ways .feature-img {
  left: 9.99rem;
} /* 999px */
.feature-ways .feature-icon-box {
  left: 2.98rem;
} /* 298px */
.feature-ways .feature-title {
  left: 3.89rem;
  color: #ffffff;
} /* 389px */
.feature-desc {
  max-height: none;
}
.feature-ways .feature-desc {
  left: 2.99rem;
  width: 6.78rem;
  color: #ffffff;
} /* 299px / 678px */
.feature-ways .feature-btn {
  left: 8.45rem;
} /* 845px */

/* How to Apply：浅灰底，图在左 */
.feature-apply .feature-bg {
  left: 2.6rem;
  width: 16.6rem;
  background: #f1f1f1;
} /* 260px / 1660px */
.feature-apply .feature-img {
  left: 2.93rem;
} /* 293px */
.feature-apply .feature-icon-box {
  left: 9.75rem;
} /* 975px */
.feature-apply .feature-title {
  left: 10.69rem;
  color: #162842;
} /* 1069px */
.feature-apply .feature-desc {
  left: 9.75rem;
  width: 6.55rem;
  color: #162842;
} /* 975px / 655px */
.feature-apply .feature-btn {
  left: 14.98rem;
} /* 1498px */

/* Visas Information：深蓝底，图在右 */
.feature-visas .feature-bg {
  left: 0;
  width: 16.6rem;
  background: #162842;
} /* 1660px */
.feature-visas .feature-img {
  left: 9.99rem;
} /* 999px */
.feature-visas .feature-icon-box {
  left: 2.98rem;
} /* 298px */
.feature-visas .feature-title {
  left: 3.89rem;
  color: #ffffff;
} /* 389px */
.feature-visas .feature-desc {
  left: 2.99rem;
  width: 6.2rem;
  color: #ffffff;
} /* 299px / 620px */
.feature-visas .feature-btn {
  left: 8.45rem;
} /* 845px */

/* ============================================================
   模块 9：Scholarships 奖学金（交错卡片 + 红色底带）
   ============================================================ */
.scholarships .section-title {
  margin-top: 0.7rem;
}
.scholarship-area {
  position: relative;
  margin-top: 0.38rem; /* 72px */
  height: 10.5rem; /* 1043px */
}
/* 红色底带（背景图 + 88% 红色叠加） */
.scholarship-band {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 3.46rem; /* 346px */
  background-image: url("study-scholarships-bg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0;
}
.scholarship-band::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(225, 56, 51, 0.88);
}
.scholarship-grid {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 1.06rem; /* 106px */
}
.scholarship-col {
  display: flex;
  flex-direction: column;
}
.scholarship-col--left {
  gap: 0.32rem;
} /* 54px */
.scholarship-col--right {
  gap: 0.22rem;
  margin-top: 0.75rem;
} /* 36px / 75px 错位 */

.scholarship-card {
  position: relative;
  width: 6.47rem; /* 647px */
  height: 3.96rem; /* 396px */
  transition: transform 0.3s ease;
}
.scholarship-card:hover {
  transform: translateY(-0.06rem);
}
/* 灰色方块装饰 141×141 */
.scholarship-card::before {
  content: "";
  position: absolute;
  left: 0.05rem;
  top: 0.45rem; /* 45px */
  width: 1.41rem; /* 141px */
  height: 1.41rem;
  background: #f7f6f7;
  z-index: 1;
}
/* 红色小方块 9×9 */
.scholarship-card::after {
  content: "";
  position: absolute;
  left: 0;
  top: 1.82rem; /* 182px */
  width: 0.09rem; /* 9px */
  height: 0.09rem;
  background: #e13833;
  z-index: 2;
}
.sc-icon {
  position: absolute;
  left: 0.31rem; /* 31px */
  top: 0.1rem;
  width: 0.9rem; /* 90px */
  height: 0.9rem;
  z-index: 2;
}
.sc-icon img {
  width: 100%;
  height: 100%;
}
.sc-body {
  position: absolute;
  left: 0.31rem; /* 31px */
  top: 1.14rem; /* 114px */
  width: 6.16rem; /* 616px */
  height: 2.9rem; /* 290px */
  background: #ffffff;
  border: 0.01rem solid #dbdbdb;
}
.sc-title {
  margin: 0.34rem 0 0 0.37rem; /* 34px / 37px */
  font-size: 0.26rem; /* 26px */
  font-weight: 700;
  color: #162842;

  line-height: 1.35;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 0.7rem;
  position: relative;
  z-index: 1;
}
.sc-line {
  margin: 0.16rem 0 0 0.38rem; /* 16px / 38px */
  width: 0.44rem; /* 44px */
  height: 0.02rem; /* 2px */
  background: #e13833;
}
.sc-desc {
  margin: 0.2rem 0 0 0.37rem; /* 20px / 37px */
  width: 5.15rem; /* 515px */
  font-family: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", sans-serif;
  font-size: 0.22rem; /* 22px */
  color: #666666;
  line-height: 1.4;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: 0.62rem;
}
.sc-details {
  position: absolute;
  right: 0.32rem;
  bottom: 0.28rem;
  font-family: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", sans-serif;
  font-size: 0.22rem; /* 22px */
  color: #e13833;
  transition: transform 0.3s ease;
}
.sc-details:hover {
  transform: translateX(0.04rem);
}

/* ============================================================
   模块 10："Study in Chongqing" Brand 品牌区
   ============================================================ */
.brand {
  background: #eeeeee;
  padding-top: 0.5rem;
}
.brand-container {
  position: relative;
  height: 6.5rem;
  margin-top: 0.4rem;
}
.brand-bg-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 6.14rem; /* 614px */
  height: 100%;
  background: #162842;
}
.brand-bg-right {
  position: absolute;
  left: 6.14rem; /* 614px */
  top: 0;
  width: 13.06rem; /* 1306px */
  height: 100%;
}
.brand-img {
  position: absolute;
  left: 2.6rem; /* 260px */
  top: 0.74rem; /* 74px */
  width: 7.35rem; /* 735px */
  height: 5.02rem; /* 502px */
  display: block;
}
.brand-img img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.brand-title {
  position: absolute;
  left: 10.4rem; /* 1040px */
  top: 1.61rem; /* 161px */
  font-size: 0.4rem; /* 40px */
  font-weight: 700;
  color: #162842;
}
.brand-desc {
  position: absolute;
  left: 10.53rem; /* 1053px */
  top: 2.8rem; /* 234px */
  width: 5.43rem; /* 543px */
  font-family: "Source Han Sans SC", "Noto Sans SC", "PingFang SC", sans-serif;
  font-size: 0.2rem; /* 20px */
  line-height: 0.34rem; /* 34px */
  color: #162842;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;

  max-height: 2.4rem;
}
.brand-view-more {
  position: absolute;
  left: 15.1rem; /* 1510px */
  top: 5.5rem; /* 550px */
  display: inline-flex;
  align-items: center;

  gap: 0.06rem;
  font-family: "Roboto", "Inter", Arial, sans-serif;
  font-size: 0.14rem; /* 14px */
  font-weight: 500;
  color: #e13833;
  transition: transform 0.3s ease;
}
.brand-view-more:hover {
  transform: translateX(0.06rem);
}
.brand-view-more img {
  width: 0.1rem;
  height: auto;
}

/* ============================================================
   模块 11：News 新闻区（Swiper 轮播 + 左右红色胶囊箭头）
   ============================================================ */
.news {
  position: relative;
  background: linear-gradient(180deg, #d6ebff 0%, #f6fbff 100%);
  padding: 0.79rem 0 0.95rem;
}
.news .section-title {
  color: #000000;
}
.news-swiper {
  width: 14rem; /* 1400px：438×3 + 42×2 ≈ 1400 */
  margin: 0.48rem auto 0; /* 48px */
  overflow: hidden;
}
.news-swiper .swiper-slide {
  height: auto;
}
.news-card {
  width: 100%;
  height: 4.96rem; /* 496px */
  background: #ffffff;
  overflow: hidden;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.news-card:hover {
  transform: translateY(-0.06rem);
  box-shadow: 0 0.12rem 0.3rem rgba(0, 0, 0, 0.12);
}
.news-card-img {
  width: 100%;
  height: 3.4rem;
  object-fit: cover;
} /* 340px */
.news-card-title {
  margin: 0.27rem 0.32rem 0; /* 27px / 32px */
  font-size: 0.2rem; /* 20px */
  font-weight: 500;
  color: #1d293d;
  line-height: 1.4;

  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

  max-height: 0.56rem;
}
/* 左右切换箭头：红色胶囊 46×80 + 白色尖括号 */
.news-arrow {
  position: absolute;
  top: 3.75rem; /* 375px */
  width: 0.46rem; /* 46px */
  height: 0.8rem; /* 80px */
  border-radius: 1.02rem; /* 全圆角 */
  background: #e13833;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  z-index: 2;
}
.news-arrow:hover {
  transform: scale(1.08);
  box-shadow: 0 0.06rem 0.12rem rgba(225, 56, 51, 0.4);
}
.news-arrow--left {
  left: 1.89rem;
} /* 189px */
.news-arrow--right {
  right: 1.86rem;
} /* 186px */
.news-arrow img {
  width: 0.18rem;
  height: 0.3rem;
}
/* Swiper 禁用态降低透明度 */
.news-arrow.swiper-button-disabled {
  opacity: 0.5;
  cursor: default;
}

/* ============================================================
   模块 12：Live in Chongqing 生活图标区
   ============================================================ */
.live .section-title {
  margin-top: 0.7rem;
  color: #000000;
}
.live-grid {
  display: flex;
  justify-content: center;
  gap: 1.02rem; /* 102px */
  margin-top: 0.7rem; /* 70px */
  padding-bottom: 0.7rem; /* 70px */
}
.live-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.live-circle {
  width: 1.34rem; /* 134px */
  height: 1.34rem;
  border-radius: 50%;
  background: #ffffff;
  border: 0.01rem solid #a9b7cb;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.live-item:hover .live-circle {
  transform: scale(1.06);
}
.live-circle-inner {
  width: 1.18rem; /* 118px */
  height: 1.18rem;
  border-radius: 50%;
  background: #162842;
  display: flex;
  align-items: center;
  justify-content: center;
}
.live-item:hover .live-circle {
  border-color: #e13833;
}
.live-item:hover .live-circle-inner {
  background: #e13833;
}
.live-circle-inner img {
  width: 0.72rem;
  height: 0.72rem;
}
.live-label {
  margin-top: 0.3rem; /* 30px */
  font-size: 0.26rem; /* 26px */
  font-weight: 700;
  color: #162842;
  text-align: center;
  white-space: nowrap;
}

/* ============================================================
   模块 13：FAQ 常见问题区
   ============================================================ */
.faq {
  position: relative;
  background: #f7fbff;
  padding: 0.83rem 0 0.39rem;
  overflow: hidden;
}
/* 大号 Q&A 水印 */
.faq-watermark {
  position: absolute;
  right: 2.24rem; /* 224px */
  top: 1.35rem; /* 135px */
  font-size: 2.2rem; /* 220px */
  font-weight: 700;
  color: rgba(0, 74, 153, 0.03);
  line-height: 1;
  pointer-events: none;
  -ms-user-select: none;
  user-select: none;
}
.faq-header {
  display: flex;
  align-items: center;
  margin-left: 2.61rem; /* 261px */
}
/* 标题左侧蓝色竖条 8×40 */
.faq-header::before {
  content: "";
  width: 0.08rem; /* 8px */
  height: 0.4rem; /* 40px */
  border-radius: 0.05rem; /* 5px */
  background: #003366;
  margin-right: 0.18rem; /* 18px */
}
.faq-header h2 {
  font-size: 0.4rem;
  font-weight: 700;
  color: #000000;
}
.faq-more {
  margin-left: auto;
  margin-right: 2.6rem;
  display: inline-flex;
  align-items: center;
  gap: 0.04rem;
  font-size: 0.14rem; /* 14px */
  font-weight: 700;
  color: #006bc3;
  transition: transform 0.3s ease;
}
.faq-more:hover {
  transform: translateX(0.04rem);
}
.faq-more img {
  width: 0.121rem;
  height: 0.15rem;
}

.faq-grid {
  display: flex;
  justify-content: center;
  gap: 0.17rem; /* ≈17px */
  margin-top: 0.61rem; /* 61px */
}
.faq-card {
  position: relative;
  width: 3.38rem; /* 338px */
  height: 3.8rem; /* 380px */
  background: #ffffff;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.faq-card:hover {
  transform: translateY(-0.06rem);
  box-shadow: 0 0.12rem 0.3rem rgba(0, 0, 0, 0.08);
}
.faq-card-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0.35rem; /* 35px */
  width: 0.84rem; /* 84px */
  height: 0.84rem;
}
.faq-card-icon img {
  width: 100%;
  height: 100%;
}
.faq-card-topic {
  position: absolute;
  left: 0;
  right: 0;
  top: 1.87rem; /* 187px */
  text-align: center;
  font-size: 0.16rem; /* 16px */
  color: #000000;
}
.faq-card-line {
  position: absolute;
  left: 0.29rem; /* 29px */
  width: 2.8rem; /* 280px */
  height: 0.01rem;
  background: rgba(2, 48, 101, 0.3);
}
.faq-card-line--top {
  top: 1.54rem;
} /* 154px */
.faq-card-line--bottom {
  top: 3.01rem;
} /* 301px */

/* FAQ 底部左右切换按钮：白圆 + 蓝箭头 */
.faq-arrows {
  display: flex;
  justify-content: center;
  gap: 0.33rem; /* 33px */
  margin-top: 0.37rem; /* 37px */
}
.faq-arrow-btn {
  width: 0.4rem; /* 40px */
  height: 0.4rem;
  border-radius: 50%;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
}
.faq-arrow-btn:hover {
  transform: scale(1.1);
  box-shadow: 0 0.04rem 0.1rem rgba(0, 107, 195, 0.25);
}
.faq-arrow-btn img {
  width: 0.28rem;
  height: 0.17rem;
}

/* ============================================================
   模块 14：Footer 页脚（整幅设计图片）
   ============================================================ */
.site-footer {
  width: 100%;
  line-height: 0;
}
.site-footer img {
  width: 100%;
  height: auto;
}

/* ============================================================
   1025px-1920px 屏幕适配（feature-card / brand 全宽模块）
   设计稿为 1920 宽，此区间内 common.css 的 font-size 缩放
   不足以填满视口，故对全宽模块改用 vw 实现等比缩放，
   保证 1024px 以上窗口缩小时不溢出、不裁切。
   ============================================================ */
@media screen and (min-width: 1025px) and (max-width: 1920px) {
  /* ---------- 模块 8：特色信息条 ---------- */
  .feature-card {
    height: 23.3333vw;
    margin-top: 0.5rem;
  }
  .feature-card .feature-bg {
    top: 3.125vw;
    height: 20.2083vw;
  }
  .feature-card .feature-img {
    width: 32.7083vw;
    height: 20.8333vw;
  }
  .feature-icon-box {
    top: 5.2604vw;
    width: 3.2292vw;
    height: 3.2292vw;
  }
  .feature-title {
    top: 5.8333vw;
    font-size: 1.7708vw;
  }
  .feature-desc {
    top: 9.4271vw;
    font-size: 1.0417vw;
    line-height: 1.7708vw;
  }
  .feature-btn {
    top: 19.2708vw;
    width: 5.5208vw;
    height: 1.5625vw;
    border-radius: 1.5104vw;
    font-size: 0.7292vw;
  }

  /* Ways of Learning：深蓝底，图在右 */
  .feature-ways .feature-bg {
    left: 0;
    width: 86.4063vw;
  }
  .feature-ways .feature-img {
    left: 52.0313vw;
  }
  .feature-ways .feature-icon-box {
    left: 15.5208vw;
  }
  .feature-ways .feature-title {
    left: 20.2604vw;
  }
  .feature-ways .feature-desc {
    left: 15.5729vw;
    width: 35.3125vw;
  }
  .feature-ways .feature-btn {
    left: 44.0104vw;
  }

  /* How to Apply：浅灰底，图在左 */
  .feature-apply .feature-bg {
    left: 13.5417vw;
    width: 86.4583vw;
  }
  .feature-apply .feature-img {
    left: 15.2604vw;
  }
  .feature-apply .feature-icon-box {
    left: 50.7813vw;
  }
  .feature-apply .feature-title {
    left: 55.6771vw;
  }
  .feature-apply .feature-desc {
    left: 50.7813vw;
    width: 34.1146vw;
  }
  .feature-apply .feature-btn {
    left: 78.0208vw;
  }

  /* Visas Information：深蓝底，图在右 */
  .feature-visas .feature-bg {
    left: 0;
    width: 86.4583vw;
  }
  .feature-visas .feature-img {
    left: 52.0313vw;
  }
  .feature-visas .feature-icon-box {
    left: 15.5208vw;
  }
  .feature-visas .feature-title {
    left: 20.2604vw;
  }
  .feature-visas .feature-desc {
    left: 15.5729vw;
    width: 32.2917vw;
  }
  .feature-visas .feature-btn {
    left: 44.0104vw;
  }

  /* ---------- 模块 10：Brand 品牌区 ---------- */
  .brand-container {
    height: 33.8542vw;
  }
  .brand-bg-left {
    width: 31.9792vw;
  }
  .brand-bg-right {
    left: 31.9792vw;
    width: 68.0208vw;
  }
  .brand-img {
    left: 13.5417vw;
    top: 3.8542vw;
    width: 38.2813vw;
    height: 26.1458vw;
  }
  .brand-title {
    left: 54.1667vw;
    top: 8.3854vw;
    font-size: 2.0833vw;
  }
  .brand-desc {
    left: 54.8438vw;
    top: 14.1875vw;
    width: 28.2813vw;
    font-size: 1.0417vw;
    line-height: 1.7708vw;
  }
  .brand-view-more {
    left: 78.6458vw;
    top: 28.6458vw;
    font-size: 0.7292vw;
  }

  .news-arrow--left {
    left: 5vw;
  }
  .news-arrow--right {
    right: 5vw;
  }
}

/* ============================================================
   移动端/平板适配（≤1024px，与 common.css 移动端断点一致）
   参考 enjoy.css：此区间内 html font-size 由 common.css 控制为
   calc(100vw / 7.5)，移动端样式统一使用 rem（100px = 1rem），
   页面随视口宽度等比缩放
   ============================================================ */
@media screen and (max-width: 1024px) {
  .study .w1400 {
    padding: 0 0.2rem;
  }
  /* 统计卡片 */
  .stats-card {
    width: calc(100% - 0.4rem);
    height: auto;
    margin-top: 0.4rem;
    padding: 0.1rem;
    gap: 0.1rem;
    box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.1);
  }
  .stat-item:hover {
    background: none;
    padding-left: 0;
  }
  .stat-item:hover .stat-icon {
    height: auto;
  }
  .stat-item:nth-child(1),
  .stat-item:nth-child(2),
  .stat-item:nth-child(3) {
    margin-left: 0;
  }
  .stat-icon {
    width: 0.6rem;
    height: auto;
  }
  .stat-icon img {
    width: 0.38rem;
    height: 0.37rem;
  }
  .stat-text {
    margin-left: 0.12rem;
  }
  .stat-number {
    font-size: 0.24rem;
  }
  .stat-label {
    font-size: 0.2rem;
  }

  /* 通用标题 */
  .section-title {
    font-size: 0.4rem;
  }
  .why-chongqing .section-title,
  .plan-studies .section-title,
  .scholarships .section-title,
  .live .section-title {
    margin-top: 0.32rem;
  }

  /* Why Chongqing */
  .why-content {
    width: calc(100% - 0.4rem);
    height: auto;
    margin-top: 1rem;
  }
  .why-red-block {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    padding: 2.8rem 0.16rem 0.3rem;
  }
  .why-red-block h3 {
    position: static;
    font-size: 0.36rem;
  }
  .why-red-block p {
    position: static;
    width: 100%;
    margin-top: 0.12rem;
    font-size: 0.24rem;
    line-height: 1.2;
    max-height: none;
  }
  .why-view-more {
    position: static;
    margin-top: 0.16rem;
    font-size: 0.2rem;
    gap: 0.04rem;
  }
  .why-view-more img {
    width: 0.1rem;
    height: 0.12rem;
  }
  .why-img {
    top: -0.8rem;
    left: 5%;
    width: 90%;
    height: 3.2rem;
    margin-top: 0.16rem;
  }

  /* 高校（Swiper：每个 slide 内 6 张卡片堆叠） */
  .universities {
    margin-top: 0.32rem;
    padding: 0.32rem 0;
  }
  .univ-swiper {
    width: 100%;
    margin-top: 0.24rem;
  }
  .univ-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0.2rem;
  }
  .univ-card,
  .univ-card:nth-child(5n) {
    width: 48%;
    height: 2rem;
    margin: 0 0 0.3rem;
    display: block;
  }
  .univ-card-logo {
    height: 0.6rem;
  }
  .univ-card-name {
    font-size: 0.24rem;
    line-height: 1;
  }
  .univ-pagination-wrap {
    gap: 0.16rem;
    margin-top: 0.24rem;
  }
  .univ-pagination {
    gap: 0.16rem;
    font-size: 0.16rem;
  }
  .univ-pagination .page-num {
    font-size: 0.22rem;
  }
  .page-arrow img {
    width: 0.2rem;
    height: auto;
  }

  /* Plan Your Studies */
  .plan-grid {
    justify-content: space-between;
    margin-top: 0.24rem;
    padding: 0 0.2rem;
    gap: 0;
  }
  .plan-card {
    width: 32%;
    height: auto;
    min-height: 1.8rem;
  }
  .plan-card::before {
    left: 0.2rem;
    width: calc(100% - 0.4rem);
    height: 0.02rem;
  }
  .plan-card-title {
    font-size: 0.24rem;
  }
  .plan-card-icon {
    height: 0.42rem;
  }

  /* 特色信息条 */
  .feature-card {
    height: auto;
    margin-top: 0.32rem;
    padding: 0.2rem;
    background: #162842;
  }
  .feature-card.feature-apply {
    background: #f1f1f1;
  }
  .feature-card .feature-bg {
    position: relative;
    top: 0;
    left: 0 !important;
    width: 100% !important;
    height: auto;
    padding: 0.24rem 0.16rem;
  }
  .feature-card .feature-img {
    position: relative;
    left: 0 !important;
    width: 100%;
    height: auto;
  }
  .feature-icon-box {
    position: relative;
    left: 0 !important;
    top: 0;
    width: 0.6rem;
    height: auto;
    margin-top: -0.32rem;
    margin-left: 0.16rem;
  }
  .feature-icon-box img {
    width: 0.24rem;
    height: 0.24rem;
  }
  .feature-title {
    position: relative;
    left: 0 !important;
    top: 0;
    margin: 0.16rem 0.16rem 0;
    font-size: 0.32rem;
  }
  .feature-desc {
    position: relative;
    left: 0 !important;
    top: 0;
    width: auto !important;
    margin: 0.12rem 0.16rem 0;
    font-size: 0.22rem;
    line-height: 1.4;
  }
  .feature-btn {
    position: relative;
    left: 0 !important;
    top: 0;
    display: inline-flex;
    width: auto;
    height: 0.28rem;
    border-radius: 0.14rem;
    padding: 0.14rem 0.2rem;
    font-size: 0.2rem;
    margin: 0.16rem 0.16rem 0.08rem;
  }
  .feature-ways .feature-bg,
  .feature-apply .feature-bg,
  .feature-visas .feature-bg {
    display: none;
  }

  /* 奖学金 */
  .scholarship-area {
    height: auto;
    margin-top: 0.24rem;
    padding-bottom: 0.32rem;
  }
  .scholarship-band {
    display: none;
  }
  .scholarship-grid {
    flex-direction: column;
    align-items: center;
    gap: 0.24rem;
    padding: 0 0.2rem;
  }
  .scholarship-col {
    gap: 0.24rem;
    width: 100%;
    align-items: center;
  }
  .scholarship-col--right {
    margin-top: 0;
  }
  .scholarship-card {
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-start;
    border: 0.01rem solid #dbdbdb;
    padding: 0.38rem 0.2rem;
  }
  .scholarship-card::before {
    display: none;
  }
  .scholarship-card::after {
    display: none;
  }
  .sc-icon {
    width: 1.41rem;
    height: 1.41rem;
    position: relative;
    padding: 0.25rem;
    background: #f7f6f7;
    flex-shrink: 0;
    margin-right: 0.28rem;
    left: 0;
    top: 0;
  }
  .sc-icon::after {
    display: inline-block;
    content: " ";
    width: 0.09rem;
    height: 0.09rem;
    background: #e13833;
    position: absolute;
    top: 0;
    left: -0.05rem;
  }
  .sc-body {
    position: initial;
    width: 100%;
    height: auto;
    margin-top: 0;
    padding-bottom: 0;
    border: none;
  }
  .sc-title {
    font-size: 0.3rem;
    line-height: 0.36rem;
    margin: 0 0 0.1rem;
    max-height: none;
  }
  .sc-line {
    display: none;
  }
  .sc-desc {
    width: auto;
    margin: 0;
    font-size: 0.22rem;
    max-height: none;
    margin: 0 0 0.1rem;
  }
  .sc-details {
    position: initial;
    font-size: 0.22rem;
    float: right;
  }

  /* 品牌区 */
  .brand {
    background: #162842;
  }
  .brand .section-title a {
    color: #fff;
  }
  .brand-container {
    height: auto;
    padding: 0.2rem;
    margin-top: 0.2rem;
  }
  .brand-bg-right {
    display: none;
  }
  .brand-bg-left {
    display: none;
  }
  .brand-bg-right {
    position: relative;
    left: 0;
    width: 100%;
    height: auto;
    padding: 0.24rem 0.16rem 0.32rem;
  }
  .brand-img {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
  }
  .brand-title {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 0.2rem;
    font-size: 0.32rem;
    color: #fff;
  }
  .brand-desc {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    margin-top: 0.12rem;
    font-size: 0.22rem;
    line-height: 1.4;
    max-height: none;
    color: #fff;
  }
  .brand-view-more {
    position: relative;
    left: 0;
    top: 0;
    margin-top: 0.16rem;
    display: inline-flex;
    font-size: 0.22rem;
    gap: 0.04rem;
  }
  .brand-view-more img {
    width: 0.1rem;
  }

  /* 新闻（Swiper：移动端单张展示） */
  .news {
    padding: 0.32rem 0;
  }
  .news-swiper {
    width: 86%;
    margin-top: 0.24rem;
  }
  .news-card {
    height: auto;
    padding-bottom: 0.2rem;
  }
  .news-card-img {
    height: 4rem;
  }
  .news-card-title {
    font-size: 0.28rem;
    margin: 0.16rem 0.16rem 0;
    max-height: none;
  }
  .news-arrow {
    top: 3rem;
  }
  .news-arrow--left {
    left: 0.2rem;
  }
  .news-arrow--right {
    right: 0.2rem;
  }

  /* Live */
  .live-grid {
    flex-wrap: wrap;
    gap: 0.24rem;
    margin-top: 0.24rem;
    padding: 0 0.16rem 0.32rem;
  }
  .live-circle {
    width: 0.88rem;
    height: 0.88rem;
  }
  .live-circle-inner {
    width: 0.78rem;
    height: 0.78rem;
  }
  .live-circle-inner img {
    width: 0.36rem;
    height: 0.36rem;
  }
  .live-item {
    width: 30%;
  }
  .live-label {
    font-size: 0.28rem;
    margin-top: 0.1rem;
  }

  /* FAQ */
  .faq {
    padding: 0.32rem 0;
  }
  .faq-watermark {
    display: none;
  }
  .faq-header {
    margin-left: 0.16rem;
  }
  .faq-header::before {
    width: 0.05rem;
    height: 0.24rem;
    border-radius: 0.03rem;
    margin-right: 0.1rem;
  }
  .faq-header h2 {
    font-size: 0.2rem;
  }
  .faq-more {
    margin-right: 0.16rem;
    font-size: 0.12rem;
    gap: 0.03rem;
  }
  .faq-more img {
    width: 0.09rem;
    height: 0.11rem;
  }
  .faq-grid {
    flex-wrap: wrap;
    gap: 0.16rem;
    margin-top: 0.24rem;
    padding: 0 0.16rem;
  }
  .faq-card {
    width: calc(50% - 0.08rem);
    max-width: 3.38rem;
    height: auto;
    min-height: 2.4rem;
  }
  .faq-card-icon {
    top: 0.22rem;
    width: 0.56rem;
    height: 0.56rem;
  }
  .faq-card-line {
    left: 0.16rem;
    width: calc(100% - 0.32rem);
  }
  .faq-card-line--top {
    top: 0.96rem;
  }
  .faq-card-line--bottom {
    display: none;
  }
  .faq-card-topic {
    position: relative;
    top: 0;
    margin-top: 1.2rem;
    padding-bottom: 0.24rem;
    font-size: 0.13rem;
  }
  .faq-arrows {
    gap: 0.2rem;
    margin-top: 0.24rem;
  }
  .faq-arrow-btn {
    width: 0.32rem;
    height: 0.32rem;
  }
  .faq-arrow-btn img {
    width: 0.18rem;
    height: 0.11rem;
  }
}

/* ============================================================
   IE11 兼容处理
   注：-ms-high-contrast 媒体查询仅 IE10/IE11 生效，
   现代浏览器（含 Edge）自动忽略此块。
   - flex gap 不支持 → 用 margin 等效替代
   - object-fit 不支持 → 图片改为自动高度保持比例
   ============================================================ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* gap 替代（桌面端） */
  .search-btn span {
    margin-left: 0.08rem;
  }
  .why-view-more img,
  .brand-view-more img {
    margin-left: 0.06rem;
  }
  .faq-more img {
    margin-left: 0.04rem;
  }
  .univ-col .univ-card + .univ-card {
    margin-top: 0.3rem;
  }
  .univ-pagination-wrap .page-prev {
    margin-right: 0.37rem;
  }
  .univ-pagination-wrap .page-next {
    margin-left: 0.37rem;
  }
  .univ-pagination .page-num + .page-num {
    margin-left: 0.37rem;
  }
  .plan-card + .plan-card {
    margin-left: 0.32rem;
  }
  .scholarship-col + .scholarship-col {
    margin-left: 1.06rem;
  }
  .scholarship-col--left .scholarship-card + .scholarship-card {
    margin-top: 0.54rem;
  }
  .scholarship-col--right .scholarship-card + .scholarship-card {
    margin-top: 0.36rem;
  }
  .faq-card + .faq-card {
    margin-left: 0.17rem;
  }
  .faq-arrow-btn + .faq-arrow-btn {
    margin-left: 0.33rem;
  }
  .live-item + .live-item {
    margin-left: 1.02rem;
  }

  /* object-fit 降级：固定尺寸图片保持比例 */
  .why-img,
  .feature-img,
  .brand-img {
    height: auto;
  }
  .univ-card-img {
    height: auto;
    max-height: 2.8rem;
  }
  .univ-card-logo {
    height: 0.78rem;
  }
  .news-card-img {
    height: auto;
    max-height: 3.4rem;
  }
}

@media all and (-ms-high-contrast: none) and (max-width: 1024px),
  all and (-ms-high-contrast: active) and (max-width: 1024px) {
  /* gap 替代（移动端） */
  .search-btn span {
    margin-left: 0.04rem;
  }
  .why-view-more img,
  .brand-view-more img {
    margin-left: 0.04rem;
  }
  .faq-more img {
    margin-left: 0.03rem;
  }
  .univ-col .univ-card + .univ-card {
    margin-top: 0.24rem;
  }
  .univ-pagination-wrap .page-prev {
    margin-right: 0.16rem;
  }
  .univ-pagination-wrap .page-next {
    margin-left: 0.16rem;
  }
  .univ-pagination .page-num + .page-num {
    margin-left: 0.16rem;
  }
  .plan-card + .plan-card {
    margin-top: 0.2rem;
    margin-left: 0;
  }
  .stat-item + .stat-item {
    margin-top: 0.2rem;
  }
  .scholarship-col + .scholarship-col {
    margin-top: 0.24rem;
    margin-left: 0;
  }
  .scholarship-col .scholarship-card + .scholarship-card {
    margin-top: 0.24rem;
  }
  .faq-card {
    margin-bottom: 0.16rem;
  }
  .faq-card:nth-child(odd) {
    margin-right: 0.16rem;
  }
  .faq-arrow-btn + .faq-arrow-btn {
    margin-left: 0.2rem;
  }
  .live-item {
    margin: 0 0.12rem 0.24rem;
  }
}