/* =====================================================
   青岛幼师英文站 - 移动端适配样式
   设计稿宽度 750px，rem 基准：1rem = 75px（flexible.js）
   所有字号/尺寸按 PSD 实测数据换算：px / 75 = rem
   圆形元素一律用 CSS 实现，素材图仅用于 logo/图标/箭头
   ===================================================== */

/* 覆盖 PC 版给 html/body 加的 1400px 最小宽度，让 flexible.js 按真实视口算 rem */
html,
body {
  min-width: 0 !important;
  width: 100% !important;
  overflow-x: hidden !important;
}

/* ===== 基础容器重置 ===== */
.bdy_wid {
  width: 100%;
  max-width: 100%;
  padding-left: 0.466667rem;
  padding-right: 0.466667rem;
  box-sizing: border-box;
}
.inline_block {
  display: block;
}

/* 隐藏 PC 专属头部元素（仅 .bdy_wid 直接子元素，不影响克隆到菜单底部的副本） */
.headerPlace,
.bdy_wid > .logo,
.bdy_wid > .langBx,
.bdy_wid > .searchBtn,
.bdy_wid > .topSearch,
.bdy_wid > .applyBtn {
  display: none;
}

/* ===== 移动端顶部栏（设计稿 750x150，logo 从 HTML 克隆，不写死链接） ===== */
.mobileHeaderBx {
  height: 2rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 230;
  background: #bf161b;
}
.mobileHeaderBxPlace {
  height: 2rem;
}
/* 左侧 logo：通过 public.js 从 .headerBx .logo 克隆，a 标签与图片链接全部来自 HTML */
.mobileHeaderBx .mLogoWrap {
  position: absolute;
  left: 0.4rem;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  max-width: 5rem;
}
.mobileHeaderBx .mLogoWrap .logo {
  position: static !important;
  left: auto !important;
  top: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
}
.mobileHeaderBx .mLogoWrap .logo img {
  display: block;
  height: 1.3rem;
  width: auto;
}
/* 右侧菜单按钮（PSD 九宫格图标） */
.mobileHeaderBx .mMenuBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 1.3333rem;
  height: 100%;
  background: url(../images/mobile_ui/icon_menu.png) no-repeat center;
  background-size: 0.48rem 0.48rem;
}

/* ===== 全屏导航面板 ===== */
.headerBx {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
  background: rgba(191, 22, 27, 0.96);
  z-index: 231;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s all ease-in-out;
  height: auto;
}
.headerBxShow {
  opacity: 1;
  visibility: visible;
}
.lockHei {
  overflow: hidden;
}
/* 覆盖 PC 端给 header 内层容器写的 1810px 宽度 */
.headerBx .bdy_wid {
  width: 100% !important;
  max-width: 100%;
  left: 0 !important;
  -ms-transform: none !important;
  transform: none !important;
}
.navWrap {
  position: static;
}
/* 导航面板顶部条：左侧 logo，右侧关闭 */
.navBack {
  width: 100%;
  height: 2rem;
  background: #bf161b;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 300;
  padding: 0 0.4rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.navBack .mLogoWrap {
  position: static;
  display: flex;
  align-items: center;
  height: 100%;
  max-width: 5rem;
}
.navBack .mLogoWrap .logo {
  position: static !important;
  left: auto !important;
  top: auto !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
}
.navBack .mLogoWrap .logo img {
  display: block;
  height: 1.3rem;
  width: auto;
}
/* 关闭按钮：手机 PSD 原始素材 39×39 */
.back {
  display: inline-block;
  width: 0.52rem;
  height: 0.52rem;
  vertical-align: top;
  background: url(../images/mobile_ui/icon_close.png) no-repeat center;
  background-size: 100% 100%;
}
/* 导航列表：强制纵向排列 */
.navList,
.navWrap ul {
  display: flex;
  flex-direction: column;
}
.navList {
  position: fixed;
  top: 2rem;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100vw;
  z-index: 300;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0 0 0.8rem;
  box-sizing: border-box;
}
.navList > li {
  position: relative;
  display: block;
  width: 100%;
  margin-left: 0 !important;
  padding: 0;
  box-sizing: border-box;
}
.navList > li.open {
  /* background: #fabf3d; */
}
.navList a.top {
  display: block;
  height: auto;
  padding: 0.32rem 0.4rem;
  font-size: 0.48rem;
  line-height: 0.64rem;
  color: #fff;
  white-space: nowrap;
}
.language-ru .navList a.top {
  padding-right: 1.8rem;
  font-size: 0.426667rem;
  white-space: normal;
}
.language-ru .navList li dl dd a {
  padding-right: 0.4rem;
  font-size: 0.346667rem;
  line-height: 0.586667rem;
}
/* 二级菜单：默认收起，JS 加 .show 展开；展开后黄色背景 */
.navList li dl {
  position: static;
  visibility: visible;
  opacity: 1;
  -ms-transform: none;
  transform: none;
  display: none;
  width: 100%;
  padding: 0.2667rem 0.4rem 0.2667rem 0.72rem;
  margin: 0;
  box-sizing: border-box;
  background: transparent;
  transition: none;
}
.navList li dl.show {
  display: block;
  background: transparent;
}
.navList li dl::before {
  display: none;
}
.navList li dl dd a {
  display: block;
  height: auto;
  padding: 0;
  font-size: 0.3733rem;
  line-height: 0.72rem;
  color: #fff !important;
}
.navList li dl.show dd a {
  color: #fff !important;
}
.navList li dl dd a:hover {
  background: transparent;
  color: #bf161b !important;
}
/* 二级菜单 +/- 折叠按钮（空元素，图标用 CSS 绘制，不写 +/- 字符） */
.navList li .liMenu {
  position: absolute;
  top: 0.16rem;
  right: 0.4rem;
  width: 1.2rem;
  height: 0.96rem;
  z-index: 301;
}
/* 加号：横条 + 竖条 */
.navList li .liMenu:before,
.navList li .liMenu:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: opacity 0.2s;
}
.navList li .liMenu:before {
  width: 0.2933rem;
  height: 0.04rem;
}
.navList li .liMenu:after {
  width: 0.04rem;
  height: 0.2933rem;
}
/* 展开时隐藏竖条，变成减号 */
.navList li .liMenu.open:after {
  opacity: 0;
}
.footNavs{
	display: none;
}
/* ===== 菜单面板底部：搜索、语言切换、Apply Now（均由 JS 克隆 HTML 元素） ===== */
.mMenuBottom {
  margin-top: 0.5333rem;
  padding: 0.5333rem 0.4rem 0;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  box-sizing: border-box;
  width: 100%;
}
/* 搜索框 */
.mMenuBottom .topSearch {
  position: static;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 0.96rem;
  padding: 0 0.32rem 0 0.4rem;
  box-sizing: border-box;
  border-radius: 0.48rem;
  background: rgba(255, 255, 255, 0.18);
}
.mMenuBottom .topSearch input {
  flex: 1;
  height: 0.96rem;
  padding: 0;
  border: 0;
  background: transparent;
  outline: 0;
  font-size: 0.3733rem;
  line-height: 0.96rem;
  color: #fff;
}
.mMenuBottom .topSearch a {
  display: block;
  width: 0.5867rem;
  height: 0.5867rem;
  background: url(../images/search-submit.png) no-repeat center;
  background-size: contain;
}
/* 语言切换 */
.mMenuBottom .langBx {
  position: static;
  display: block !important;
  margin-top: 0.5067rem;
  font-size: 0;
}
.mMenuBottom .langBx a {
  display: inline-block;
  margin: 0 0.2267rem;
  font-size: 0.3733rem;
  line-height: 0.5333rem;
  color: #fff;
}
/* Apply Now */
.mMenuBottom .applyBtn {
  position: static;
  display: inline-block !important;
  width: 4.2667rem;
  height: 0.96rem;
  margin-top: 0.5067rem;
  border-radius: 0.48rem;
  background: #fabf3d;
  font-size: 0.3733rem;
  line-height: 0.96rem;
  text-align: center;
  color: #bf161b;
}
.focusCaption{
	width: auto;
	position: static;
	margin: 0;
}
/* ===== 首页轮播 ===== */
.swiper-container-index {
  height: 10.666667rem;
  background: #626262;
  overflow: hidden;
  margin-top: 0;
}
.swiper-container-index .swiper-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.swiper-container-index .swiper-slide {
  height: 100%;
  position: relative;
}
.swiper-container-index .swiper-slide > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-container-index .swiper-slide:after {
  display: none;
}
/* 焦点标题：PSD 44px -> 0.5867rem */
.focusTit {
  position: absolute;
  left: 0.5333rem;
  right: 0.5333rem;
  top: 7.733333rem;
  width: auto;
  margin: 0;
  z-index: 4;
  font-size: 0.5867rem;
  line-height: 0.72rem;
  text-align: left;
  color: #fff;
}
.focusTit a {
  display: block;
  color: #fff;
  overflow: hidden;
}
.language-ru .focusTit {
  font-size: 0.533333rem;
  line-height: 0.64rem;
}
/* 轮播箭头：手机 PSD 原始素材，上一张 76×76、下一张 75×75 */
.focusBtn {
  position: absolute;
  top: 3.666667rem;
  width: 1.013333rem;
  height: 1.013333rem;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  z-index: 8;
  cursor: pointer;
}
.focusPrev {
  left: 0.2667rem;
  margin-left: 0;
  background: url(../images/mobile_ui/icon_swiper_next.png) no-repeat center #aa1010;
  background-size: 0.16rem auto;
}
.focusNext {
  left: auto;
  right: 0.2667rem;
  width: 1rem;
  height: 1rem;
  margin-left: 0;
  background: url(../images/mobile_ui/icon_swiper_next.png) no-repeat center #aa1010;
  background-size: 0.16rem auto;
  transform: translateY(-50%) rotate(180deg);
}
/* 分页点：手机 PSD 原始素材 16×16 */
.focusDots {
  position: absolute;
  left: 0;
  right: 0;
  top: 6.666667rem;
  z-index: 8;
  text-align: center;
  height: 0.42rem;
  overflow: hidden;
}
.focusDots .swiper-pagination-switch {
  display: inline-block;
  width: 0.2133rem;
  height: 0.2133rem;
  margin: 0 0.08rem;
  background: url(../images/mobile_ui/icon_dot.png) no-repeat center;
  background-size: 100% 100%;
}
.focusDots .swiper-active-switch {
  border-radius: 50%;
  background: #aa1010;
}

/* ===== 区块标题 ===== */
.homeTit {
  height: auto;
  padding: 0.6667rem 0 0.5333rem;
  text-align: center;
}
.homeTit span,
.homeTit a {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-top: 0;
  font-size: 0.64rem;
  line-height: 0.8rem;
  color: #000;
}
.homeTit span:before,
.homeTit a:before {
  content: "";
  position: absolute;
  left: -0.4133rem;
  top: -0.1867rem;
  width: 1.0933rem;
  height: 1.0933rem;
  border-radius: 50%;
  background: #fabf3d;
  z-index: -1;
}
.homeTit.enrollTit a {
  color: #fff;
}

/* ===== 新闻区 ===== */
.newsWrap {
  height: auto;
  background: #fffbf5;
  padding-bottom: 0.5333rem;
}
.newsWrap .homeTit {
  height: auto;
  padding: 0.6667rem 0 0.4rem;
}
.newsTop {
  height: auto;
  position: static;
}
.newsText {
  position: static;
  width: 100%;
}
.language-ru .newsText {
  top: auto;
  width: 100%;
}
.newsText h2 a {
  font-size: 0.4rem;
  line-height: 0.5333rem;
  color: #000;
}
.language-zh .newsText h2 a {
  font-size: 0.586667rem;
  line-height: 0.72rem;
}
.language-ru .newsText h2 a {
  font-size: 0.48rem;
  line-height: 0.6rem;
}
.newsText p {
  margin-top: 0.3067rem;
  font-size: 0.32rem;
  line-height: 0.4533rem;
  color: #000;
}
.moreLink {
  display: inline-block;
  margin-top: 0.3867rem;
  font-size: 0.3133rem;
  line-height: 0.4rem;
  color: #aa1010;
}

a.moreLink:hover {
  color: #aa1010;
  text-decoration: none;
}
/* Read More 箭头：PSD 素材 */
.moreLink em {
  display: inline-block;
  vertical-align: middle;
  width: 0.306666666667rem;
  height: 0.2rem;
  margin-left: 0.1067rem;
  background: url(../images/mobile_ui/icon_readmore_arrow.png) no-repeat center;
  background-size: contain;
  font-size: 0;
}
.courseList em:after {
  content: "";
  display: inline-block;
  width: 0.306666666667rem;
  height: 0.2rem;
  margin-left: 0.106667rem;
  vertical-align: middle;
  background: url(../images/mobile_ui/icon_readmore_arrow.png) no-repeat center;
  background-size: 100% 100%;
}
.newsImg {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  margin-top: 0.4rem;
  border-radius: 0.1067rem;
  overflow: hidden;
}
.newsImg img {
  width: 100%;
  height: auto;
  transition: none;
}
a:hover{
  text-underline-offset: .05rem;
}
/* 新闻列表（红色条） */
.newsBar {
  height: auto;
  margin-top: -1.226667rem;
  padding: 2.4rem 0.466667rem 1.773333rem;
  box-sizing: border-box;
  background: #aa1010;
}
.newsList {
  margin: 0;
  padding: 0;
}
.newsList li {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  margin: 0 0 0.8rem 0;
}
.newsList li:last-child {
  margin-bottom: 0;
}
/* 日期块 */
.dateBlock {
  float: none;
  flex: 0 0 auto;
  position: relative;
  width: 1.2933rem;
  height: 1.3067rem;
  border-radius: 0.1067rem;
  background: #fabf3d;
  text-align: center;
}
.dateBlock:before {
  content: "";
  position: absolute;
  right: -0.16rem;
  top: 0.4533rem;
  width: 0;
  height: 0;
  border-top: 0.2rem solid transparent;
  border-bottom: 0.2rem solid transparent;
  border-left: 0.2133rem solid #fabf3d;
}
.dateBlock:after {
  content: "";
  position: absolute;
  left: 0.2933rem;
  top: 0.64rem;
  width: 0.7333rem;
  height: 0.0133rem;
  background: #fff;
  -ms-transform: rotate(-48deg);
  transform: rotate(-48deg);
}
/* PSD：大字 26.7px 在右下，小字 22.3px 在左上 */
.dateBlock b,
.dateBlock em {
  position: absolute;
  color: #fff;
}
.dateBlock b {
  left: auto;
  right: 0.2267rem;
  top: auto;
  bottom: 0.2rem;
  font-size: 0.356rem;
  line-height: 0.3867rem;
  font-weight: normal;
}
.dateBlock em {
  left: 0.24rem;
  right: auto;
  top: 0.2rem;
  bottom: auto;
  font-size: 0.2973rem;
  line-height: 0.32rem;
  font-style: normal;
}
.newsList h3 {
  width: auto;
  flex: 1;
  overflow: hidden;
  padding: 0 0 0 0.3333rem;
}
.newsList h3 a {
  font-size: 0.4rem;
  line-height: 0.5333rem;
  color: #fff;
}

/* ===== 学习环境 ===== */
.environmentWrap {
  height: auto;
  background: #fff;
  padding-bottom: 0.5333rem;
}
.environmentGrid {
  position: static;
  height: auto;
}
.env {
  position: static;
  display: block;
  border-radius: 0.1067rem;
  overflow: hidden;
  margin-bottom: 0.2667rem;
}
.env img {
  width: 100%;
  height: auto;
  transition: none;
}
.env01,
.env02,
.env03,
.env04,
.env05 {
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
}
.env05{
  position: relative;
  height: 5.613333333333rem;
}
.env05:after{
  height: 1.34rem;
}
.env04:after{
  display: none;
}
.envMore {
  position: static;
  display: block;
  width: 3.6rem;
  height: 0.96rem;
  margin: 0.2667rem auto 0;
  border-radius: 0.48rem;
  background: #aa1010;
  font-size: 0.32rem;
  line-height: 0.96rem;
  color: #fff;
  text-align: center;
}

/* ===== 招生区 ===== */
.admissionWrap {
  height: auto;
  margin-top: 0;
  padding-bottom: 2.533333rem;
  background: #fbc53f url(../images/admissions-bg.jpg) no-repeat center center;
  background-size: cover;
}
.homeTit.admissionTit a {
  margin-top: 0.6667rem;
  color: #000;
}
.campusMenu{
	display: none;
}
.homeTit.admissionTit a:before {
  background: #fff;
}
.admissionBox {
  position: static;
  height: auto;
}
.admissionImg {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.1067rem;
  overflow: hidden;
}
.admissionImg img {
  width: 100%;
  height: auto;
}
.admissionCont {
  position: static;
  width: 100%;
  height: auto;
  padding: 1.68rem 0 0.8rem 0.466667rem;
  border-radius: 0.16rem;
  margin-left: -0.466667rem;
  margin-top: -1.066667rem;
}
.language-ru .admissionCont {
  width: 100%;
  padding-right: 0;
}
.admissionCont p {
  font-size: 0.4rem;
  line-height: 0.56rem;
  color: #000;
}
.admissionCont .moreLink {
  font-size: 0.3133rem;
}

/* ===== 课程中心（移动端为轮播，结构由 JS 包装，内容来自 HTML li） ===== */
.courseWrap {
  height: auto;
  background: #fffaf1;
  padding-bottom: 0.5333rem;
}
.courseWrap .bdy_wid {
  padding-left: 0.466667rem;
  padding-right: 0.466667rem;
}
.swiper-container-course {
  overflow: hidden;
}
/* ul.courseList 被 JS 加上 swiper-wrapper 类，改回块级 */
.courseList.swiper-wrapper {
  display: block;
  margin: 0;
  padding: 0;
}
.courseList li {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0 0.52rem 0.6667rem;
  background: #fff;
  box-sizing: border-box;
}
.courseList li:nth-child(3n) {
  margin-right: 0;
}
.courseList img {
  width: 100%;
  height: auto;
  margin: 0;
}
.courseList h3 {
  padding: 0.4133rem 0 0.1333rem;
  font-size: 0.4rem;
  line-height: 1.2;
  color: #000;
}
.courseList a h3 {
  min-height: auto;
}
.courseList a h3:hover {
  text-decoration: underline;
}
.courseList em {
  display: inline-block;
  padding: 0.28rem 0 0;
  font-size: 0.32rem;
  line-height: 1.2;
  color: #aa1010;
  font-style: normal;
}
.courseList em:hover {
  text-decoration: underline;
}
/* 轮播圆点：激活红 / 非激活白带红边（设计稿 dian 组） */
.courseDots {
  padding: 0.52rem 0 0;
  text-align: center;
}
.courseDots .swiper-pagination-switch {
  display: inline-block;
  width: 0.24rem;
  height: 0.24rem;
  margin: 0 0.0533rem;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #aa1010;
  box-sizing: border-box;
  vertical-align: middle;
}
.courseDots .swiper-active-switch {
  background: #aa1010;
}
.hasSide > .pageNums{
	width: auto;
	margin-left: 0;
}
/* ===== 报名入口 ===== */
.enrollWrap {
  height: auto;
  background: #5c110e;
  background: -ms-linear-gradient(top, #5c110e 0, #741612 40%, #fff 74%, #fff 100%);
  background: linear-gradient(to bottom, #5c110e 0, #741612 40%, #fff 74%, #fff 100%);
  padding-bottom: 0.5333rem;
}
.homeTit.enrollTit a {
  margin-top: 0.8rem;
  color: #fff;
}
.enrollList {
  margin: 0;
  padding: 0 0.466667rem;
}
.enrollList li {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 0 0.4rem 0;
  padding: 1.2133rem 0.3467rem 1.6rem;
  border-radius: 0.1067rem;
  background: #fffbf5;
  box-sizing: border-box;
  overflow: hidden;
}
.enrollList li:last-child {
  margin-right: 0;
}
.enrollList li:after {
  content: "";
  position: absolute;
  right: -0.16rem;
  bottom: -0.2667rem;
  width: 2.1867rem;
  height: 2.1867rem;
  border-radius: 50%;
  background: #fff3d8;
  z-index: 0;
}
/* 序号圆：CSS 实现 */
.enrollList b {
  position: absolute;
  left: -0.24rem;
  top: -0.24rem;
  width: 1.0933rem;
  height: 1.0933rem;
  border-radius: 50%;
  background: #fabf3d;
  font-size: 0.4267rem;
  line-height: 1.0933rem;
  text-align: center;
  color: #aa1010;
  z-index: 2;
  font-weight: normal;
}
.enrollList b i {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  font-weight: normal;
  font-size: 0.5533rem;
  line-height: 1;
  margin: 0.4533rem 0 0 0.24rem;
}
.enrollList h3 span,
.enrollList p {
  position: relative;
  z-index: 2;
}
.enrollList h3 span {
  font-size: 0.4rem;
  line-height: 0.48rem;
  font-weight: normal;
  color: #aa1010;
}
.enrollList p {
  margin-top: 0.1867rem;
  font-size: 0.32rem;
  line-height: 0.4rem;
  color: #000;
}
.enrollList img {
  position: absolute;
  right: 0.2933rem;
  bottom: 0.3867rem;
  max-width: 1.3333rem;
  max-height: 1.2133rem;
  z-index: 2;
}
/* Need Help */
.needHelp {
  position: relative;
  margin-top: 0.6rem;
  padding: 0 0.4rem;
  text-align: center;
}
.needHelp:after {
  display: none;
}
.needHelp h3 span {
  font-size: 0.4rem;
  display: block;
  line-height: 0.5333rem;
  font-weight: normal;
  color: #aa1010;
}
.needHelp > p {
  width: 100%;
  margin: 0.1067rem auto 0;
  font-size: 0.32rem;
  line-height: 0.4533rem;
  color: #000;
}
.brochureLink {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: auto;
  font-size: 0.32rem;
  line-height: 1;
  color: #aa1010;
  padding: 0 1rem;
}
.brochureLink i {
  display: inline-block;
  width: 0.72rem;
  height: 0.72rem;
  margin-right: 0.1333rem;
  border-radius: 50%;
  background: #aa1010 url("../images/down.png") no-repeat center center;
  background-size: 0.4rem 0.4rem;
  font-size: 0;
  line-height: 0.72rem;
  vertical-align: middle;
  color: #fff;
  flex-shrink: 0;
}
.brochureLink span {
  vertical-align: top;
  display: inline-block;
}
.needHelp .loginTips {
  margin-top: 0.5333rem;
  font-size: 0.32rem;
  line-height: 0.4533rem;
  color: #000;
}
.loginBtn {
  display: inline-block;
  width: 7.706666666667rem;
  height: 0.973333333333rem;
  margin-top: 0.1867rem;
  border-radius: 0.5rem;
  background: #fabf3d;
  font-size: 0.32rem;
  line-height: 0.973333333333rem;
  color: #fff;
  text-align: center;
}

/* ===== 页脚 ===== */
.footerWrap {
  position: relative;
  height: auto;
  background: #aa1010;
  color: #fff;
  overflow: hidden;
  padding-bottom: 0.5333rem;
}
.enrollWrap + .footerWrap {
  margin-top: 0;
}
.footerWrap:after {
  display: none;
}
.backTop {
  position: static;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0.32rem 0 0;
  text-align: center;
  color: #fff;
  z-index: 3;
}
.backTop i {
  display: block;
  width: 0.16rem;
  height: 0.16rem;
  margin: 0 auto 0.0267rem;
  border-left: 0.0267rem solid #fff;
  border-top: 0.0267rem solid #fff;
  font-size: 0;
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.backTop span {
  font-size: 0.32rem;
  line-height: 0.4rem;
}
.footerIn {
  position: static;
  height: auto;
  padding: 0;
  z-index: 2;
  text-align: center;
}
.footerLogo {
  position: static;
  display: block;
  width: 4.6667rem;
  height: auto;
  margin: 0.4rem auto 0;
}
.copyright {
  position: static;
  margin-top: 0.2667rem;
  font-size: 0.32rem;
  line-height: 0.4rem;
  color: #fff;
}
.footNavs {
  position: static;
  width: 100%;
  margin-top: 0.4rem;
  text-align: center;
}
.footNavs dl {
  float: none;
  width: 100%;
  margin-bottom: 0.2667rem;
}
.footNavs dl:nth-child(2),
.footNavs dl:nth-child(3) {
  width: 100%;
}
.footNavs dl dt a {
  color: #fff;
}
.footNavs dl dt a:hover {
  text-decoration: underline;
}
.footNavs dt {
  margin-bottom: 0.08rem;
  font-size: 0.3467rem;
  line-height: 0.48rem;
  color: #fff;
  font-weight: normal;
}
.footNavs dd a {
  display: inline-block;
  margin: 0 0.16rem;
  font-size: 0.2933rem;
  line-height: 0.4267rem;
  color: #fff;
}
.footNavs dd a:hover {
  text-decoration: underline;
}

/* =====================================================
   内页公共样式
   PSD 数据来源：手机端-List-none / Article / Search
   ===================================================== */

/* ===== 内页 Banner ===== */
/* PSD: banner 图 324px 高 → 4.32rem，白色圆角矩形居中 */
.innerBanner {
  height: 4.32rem;
  margin-top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}
.innerBanner h1 {
  position: static;
  top: auto;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0.16rem 0.48rem;
  background: #fff;
  background: rgba(255, 255, 255, 0.86);
  font-size: 0.6133rem; /* 46px */
  line-height: 0.84rem; /* 63px */
  text-align: center;
  color: #bd1118;
}

/* ===== 面包屑 ===== */
/* PSD: 24px 字号，banner 下方 25px 间距 */
.crumb {
  height: auto;
  padding-top: 0.3333rem; /* 25px gap below banner */
}
.crumb p {
  padding-top: 0;
  font-size: 0.32rem; /* 24px */
  line-height: 0.4rem;
}
.crumb a {
  color: #666;
}
.crumb em {
  color: #bd1118;
}

/* ===== 内页内容容器 ===== */
/* PSD: 内容区距左右边缘 34px → 0.4533rem */
.innerContent {
  width: 100% !important;
  margin: 0;
  padding: 0 0.4533rem;
  box-sizing: border-box;
  overflow: visible;
}
.pageContent {
  padding-bottom: 1.2rem; /* 90px */
  padding-top: 0.4rem;
}
.newsListPage,
.searchPage {
  padding-bottom: 1.12rem; /* 84px */
}
.articleWrap {
  width: 100%;
  padding-bottom: 1.0667rem; /* 80px */
}
.articleWithSide {
  padding-bottom: 1.0667rem;
}

/* ===== 侧边菜单：移动端隐藏（PSD 无此元素） ===== */
.sideMenu {
  display: none;
}
.listWithSide .pageMain,
.articleWithSide .articleMain,
.articleWithSide .articleMain.withMenu {
  float: none;
  width: 100% !important;
}
.pageMain {
  float: none;
  width: 100% !important;
}

/* ===== 分页 ===== */
/* PSD: 圆形按钮 65x66px，20px 字号，激活 #aa1010 / 非激活 #f5f5f5 */
.pageNums {
  height: auto;
  margin: 0.5333rem 0 1.2rem;
  text-align: center;
}
.pageNums a {
  display: inline-block;
  width: 0.8667rem; /* 65px */
  height: 0.8667rem; /* 66px → 取 0.8667rem 统一 */
  margin: 0 0.0533rem; /* 4px */
  border-radius: 50%;
  background: #f5f5f5;
  font-size: 0.2667rem; /* 20px */
  line-height: 0.8667rem;
  color: #000;
}
.pageNums a.curr,
.pageNums a:hover {
  background: #aa1010;
  color: #fff;
}
.pageContent .pageNums {
  clear: both;
  margin: 0.5333rem 0 1.2rem;
}
.pageContent .pageNums a {
  width: 0.8667rem;
  height: 0.8667rem;
  line-height: 0.8667rem;
}
.newsResults > .pageNums {
  margin-top: 0.8rem;
}
.searchPage > .pageNums {
  margin-top: 0.6267rem; /* 47px */
}

/* =====================================================
   新闻列表页（list-none / list-left）
   PSD: 手机端-List-none / 手机端-List-left
   ===================================================== */
.newsResults,
.newsResultsFull {
  width: 100% !important;
}
.newsResult {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0.0533rem solid #e5e5e5; /* 4px separator */
}
.newsResultText {
  padding-top: 0;
}
/* hasPic: 标题在左，图片在右（PSD: 标题 399px 宽 / 图片 255x170） */
.newsResult.hasPic {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-top: 0.32rem; /* 24px top padding */
  padding-bottom: 0.32rem;
}
.newsResult.hasPic .newsResultText {
  float: none;
  flex: 1;
  width: auto;
}
.focusImg,.focusImg img{
	height: 7.333333rem;
}
.newsResultsFull .newsResult.hasPic .newsResultText {
  width: auto;
}
.newsResult img {
  float: none;
  flex: 0 0 auto;
  width: 3.4rem; /* 255px */
  height: auto;
  margin-left: 0.3733rem; /* 28px gap */
}
/* noPic: 标题占满宽度 */
.newsResult.noPic {
  padding-top: 0.32rem;
  padding-bottom: 0.32rem;
}
.newsResult.noPic .newsResultText {
  width: 100%;
}
/* 日期：PSD 24px → 0.32rem，#aa1010 */
.newsResult em,.searchPage .searchResult em.date {
  font-size: 0.32rem; /* 24px */
  line-height: 0.4267rem; /* 32px */
  color: #aa1010;
}
.searchPage .searchResult em.date {
  color: #666;
}
/* 标题：PSD 30px → 0.4rem，#000 */
.newsResult h2 {
  margin-top: 0.16rem; /* 12px */
}
.newsResult h2 a {
  font-size: 0.4rem; /* 30px */
  line-height: 0.5333rem; /* 40px */
  color: #000;
}
/* 描述：PSD 无描述文字在列表项中，保持 PC 样式但适配 */
.newsResult p {
  margin-top: 0.2267rem; /* 17px */
  font-size: 0.32rem; /* 24px */
  line-height: 0.4267rem; /* 32px */
  color: #555;
  display: none;
}

/* =====================================================
   文章详情页（article / list-left-article）
   PSD: 手机端-Article / 手机端-List-left-article
   ===================================================== */
.articleMain {
  width: 100% !important;
  padding-top: 0.1467rem; /* 11px */
}
.articleCaption{
  width: auto;
  margin: .3rem auto;
}
/* 文章标题：PSD 46px → 0.6133rem，#000 */
.articleTitle {
  font-size: 0.6133rem; /* 46px */
  line-height: 0.64rem; /* 48px */
  color: #000;
}
/* 文章 Meta 条：PSD 灰色背景条 74px 高，24px 字号 */
.articleMeta {
  height: auto;
  margin-top: 0.4rem; /* 30px gap from title */
  padding: 0.24rem 0.1867rem; /* top/bottom 18px, left/right 14px → total ~60px height with text */
  background: #e5e5e5;
  font-size: 0.32rem; /* 24px */
  line-height: 0.32rem;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.articleShare {
  float: none;
  width: auto;
  height: auto;
  margin: 0;
}
.articleShare a,
.articleShare img {
  display: block;
  width: 0.626667rem;
  height: 0.626667rem;
}
/* 文章正文：PSD 30px → 0.4rem，#000 */
.articleBody {
  padding-top: 0.56rem; /* 42px */
  font-size: 0.4rem; /* 30px */
  line-height: 0.6rem; /* 45px (1.5 ratio) */
  color: #000;
}
.articleBody p {
  margin-bottom: 0.4267rem; /* 32px */
}
.articleBody img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.focusBtn:after{
  display: none;
}
/* 图片说明：PSD 24px → 0.32rem，#666 */
.articleCaption {
  display: block;
  margin-top: 0.2667rem; /* 20px gap below image */
  font-size: 0.32rem; /* 24px */
  line-height: 0.4rem; /* 30px */
  color: #666;
}

/* =====================================================
   搜索页（search）
   PSD: 手机端-Search
   ===================================================== */
/* 搜索栏：PSD 红色圆角条 #bc2a2b，30px 白色文字 */
.searchPanel {
  width: 100%;
  margin: 0;
  padding: 0.2rem 0.34rem;
  border-radius: 0.5rem;
  background: #c82c31;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
}
.searchPanel input {
  float: none;
  flex: 1;
  width: auto;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 0.4rem; /* 30px */
  line-height: 0.4rem;
  color: #fff;
}
.searchPanel a,
.searchPanel img {
  float: none;
  display: block;
  width: 0.52rem; /* 39px */
  height: 0.5467rem; /* 41px */
  margin-left: 0.2667rem; /* 20px gap */
}
.searchPanel a{
  margin-right: 0.2667rem;
}
/* 搜索结果计数：PSD 24px → 0.32rem，#aa1010 */
.searchCount {
  margin-top: 0.4rem; /* 30px */
  font-size: 0.32rem; /* 24px */
  color: #aa1010;
}
/* 搜索结果列表 */
.searchResults {
  margin-top: 0.32rem; /* 24px */
  border-top: 0.0533rem solid #e5e5e5; /* 4px */
}
.searchPage .searchResult {
  padding: 0.4rem 0; /* 30px top/bottom */
  border-bottom: 0.0533rem solid #e5e5e5; /* 4px */
}
/* 结果标题：PSD 30px → 0.4rem，#000 */
.searchPage .searchResult h3 a {
  font-size: 0.4rem; /* 30px */
  line-height: 0.5333rem; /* 40px */
  color: #000;
}
.searchPage .searchResult h3 em,
.searchPage .searchResult p em {
  color: #bd1118;
}
/* 结果描述：PSD 24px → 0.32rem，#000 */
.searchPage .searchResult p {
  margin-top: 0.2267rem; /* 17px */
  font-size: 0.32rem; /* 24px */
  line-height: 0.4267rem; /* 32px */
  color: #000;
}

/* =====================================================
   Campus Life / Course Center / Learning Environment
   PSD 数据来源：
     手机端-List-left-campus life (750x1641)
     手机端-List-left-course center (750x6182)
     手机端-List-left-learning environment (750x4744)
   ===================================================== */

/* 内页内容区与面包屑的间距：PSD 22px */
.innerContent {
  margin-top: 0.2933rem; /* 22px */
}

/* ===== Campus Life 页 ===== */
/* PSD: 主图 683x457 居中带 8px 圆角，前后箭头 71x71 红圆 #aa1010 */
/* PSD: 标题 28px Montserrat-Bold #fff，缩略图 185x125 间距 23px 横排 */

.campusContent {
  min-height: calc(100vh - 11rem);
  height: auto;
}
.campusGallery {
  float: none;
  position: static;
  width: 100%;
  height: auto;
  margin: 0 0 1.373333rem;
}
.campusMain {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  border-radius: 0.1067rem; /* 8px */
  overflow: hidden;
}
.campusMainImg {
  display: block;
  width: 100%;
  height: auto;
}
.campusMain:after {
  height: 2.4rem; /* 180px */
}
.campusMain span {
  left: 0.3733rem; /* 28px */
  bottom: 0.3867rem; /* 29px */
  width: auto;
  right: 0.3733rem;
  font-size: 0.3733rem; /* 28px */
  line-height: 0.4rem; /* 30px */
  color: #fff;
  z-index: 3;
}
.campusPrev,
.campusNext {
  top: 50%;
  transform: translateY(-50%);
  width: 0.9467rem;
  height: 0.9467rem;
  z-index: 4;
  background: url(../images/mobile_ui/arr.png) no-repeat 50% 50% #aa1010;
  background-size: 0.16rem auto;
  border-radius: 50%;
}
.campusPrev:hover,.campusNext:hover {
  background-color: #ffc52d;
}
.campusPrev {
  left: 0.2667rem; /* 20px */
}
.campusNext {
  right: 0.2667rem; /* 20px */
  transform: translateY(-50%) rotate(180deg);
}
.campusPrev img,
.campusNext img {
  display: none;
  width: 0.9467rem; /* 71px */
  height: 0.9467rem;
}
.campusThumbs {
  position: static;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  margin-top: 0.4667rem; /* 35px gap */
  -webkit-overflow-scrolling: touch;
}
.campusThumbList {
  display: inline-block;
  height: auto;
  white-space: nowrap;
  font-size: 0;
}
.campusThumbs a {
  display: inline-block;
  position: relative;
  width: 2.4667rem; /* 185px */
  height: 1.6667rem; /* 125px */
  margin-right: 0.3067rem; /* 23px gap */
  margin-bottom: 0;
  border-radius: 0.1067rem; /* 8px */
  overflow: hidden;
  opacity: 0.6;
  vertical-align: top;
}
.campusThumbs a:last-child {
  margin-right: 0;
}
.campusThumbs a.curr {
  border: 0.0267rem solid #aa1010; /* 2px */
  opacity: 1;
}
/* 与 PC 端一致用绝对定位 + 固定尺寸，避免 object-fit:cover 把主图裁掉 */
.campusThumbs img {
  position: absolute;
  left: 0.0267rem; /* 2px */
  top: 0.0133rem; /* 1px */
  width: 2.4267rem; /* 182px */
  height: 1.6267rem; /* 122px */
}
.campusThumbs a.curr img {
  left: 0;
  top: -0.0133rem; /* -1px */
}
.campusThumbTitle {
  display: none;
}

/* ===== Course Center 页 ===== */
/* PSD: 课程卡片单列，白底 #fff，图 684x384，标题 20px(19.9) Montserrat-Regular #000 */
/* PSD: 卡片间距 50px，图标题间距 33px，分页圆 65x65 */

.courseGrid li {
  display: block;
  width: 100% !important;
  margin: 0 0 0.6667rem 0; /* 50px gap */
  vertical-align: baseline;
}
.courseGrid li:nth-child(3n) {
  width: 100% !important;
  margin-right: 0;
}
.courseGrid img {
  display: block;
  width: 100%;
  height: auto;
}
.courseGrid h3 {
  margin-top: 0.44rem; /* 33px gap from image */
}
.courseGrid h3 a {
  font-size: 0.2667rem; /* 20px (PSD 19.9) */
  line-height: 0.3333rem; /* 25px */
  color: #000;
}
.hasSide > .pageNums {
  width: 100%;
  margin-left: 0;
}

/* ===== Learning Environment 页 ===== */
/* PSD: 所有图片全宽垂直堆叠，行间距 30px，无文字 */

.learningRow {
  margin-bottom: 0.4rem; /* 30px (PSD) */
}
.learningRowA .learningBig {
  float: none;
  width: 100%;
}
.learningSmall {
  float: none;
  width: 100%;
  margin-top: 0.4rem;
}
.learningSmall a {
  display: block;
  width: 100%;
}
.learningSmall a + a {
  margin-top: 0.4rem; /* 30px */
}
.learningRowB a {
  float: none;
  display: block;
  width: 100%;
}
.learningRowB a + a {
  float: none;
  width: 100%;
  margin-top: 0.4rem; /* 30px */
  margin-left: 0;
}