@charset "UTF-8";
/* ============================================================
   手机端 APP 版式（参考山东师范大学官网移动端风格）
   引用顺序：style.css → media.css → mobile.css → responsive.css
   依赖：ad.js 已在 ≤991px 停用整页缩放与轮播克隆
   版式：固定白色顶栏(Logo+汉堡按钮) → 抽屉导航 → 横幅大图
   → 各板块一行一个（白卡片 + 标题左/日期右）→ 页脚竖排
   ============================================================ */

/* ---------- 平板（≤991px）：容器放宽 ---------- */
@media screen and (max-width: 991px) {
	.wrapper .atinner, .bx, .container-wrap, .contentbox,
	.contentbox .displayinfobox,
	.contentbox .displayinfobox .displayinfoboxinner,
	.topic-section {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		box-sizing: border-box;
	}
	.contentbox .displayinfobox .displayinfoboxinner { margin-top: 10px !important; padding: 0 12px; }
}

/* ---------- 手机（≤768px）：通用 APP 版式 ---------- */
@media screen and (max-width: 768px) {

	/* ===== 全局 ===== */
	html, body { overflow-x: hidden !important; }
	body { padding-top: 54px !important; font-size: 15px; background: #f4f7fb; }
	img { max-width: 100%; }
	#float-ad { display: none !important; }   /* 隐藏“广告图未上传”悬浮提示 */

	/* 写死宽度的容器全部放开 */
	.wrapper .atinner, .bx, .container-wrap, .contentbox,
	.contentbox .displayinfobox,
	.contentbox .displayinfobox .displayinfoboxinner,
	.intro-wrap, .office-wrap, #container .inner {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	#container .inner { padding: 0 10px; box-sizing: border-box; }
	.contentbox .displayinfobox .displayinfoboxinner {
		margin-top: 10px !important;
		padding: 0 12px;
		box-sizing: border-box;
	}

	/* ===== 顶部：固定白色标题栏（Logo 左 + 汉堡按钮右） ===== */
	.top, .top-other {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		width: 100% !important;
		height: 54px !important;
		padding: 0 14px !important;
		background: #fff !important;
		box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12) !important;
		z-index: 99999 !important;
		display: flex !important;
		align-items: center !important;
		transition: none !important;
	}
	.top::before, .top-other::before { display: none !important; }   /* 去掉渐变图 */
	body.scroll-active .top { position: fixed !important; top: 0 !important; height: 54px !important; padding: 0 14px !important; }

	.top .header, .top .head,
	.top-other .header, .top-other .head {
		width: 100% !important;
		height: 54px !important;
		float: none !important;
		background: none !important;
		position: relative;
	}
	.headwidth { width: 100% !important; margin: 0 !important; float: none !important; }
	.top .sitelogo, .top-other .sitelogo {
		float: none !important;
		display: flex !important;
		align-items: center !important;
		width: 100% !important;
		height: 54px !important;
		text-align: left !important;
	}
	.top .sitelogocon img, .top-other .sitelogocon img {
		width: auto !important;
		max-width: 70vw !important;
		max-height: 38px !important;
		height: auto !important;
		margin: 0 !important;
	}

	/* 汉堡按钮（三条杠，点击弹出抽屉导航） */
	.navi-aside-toggle {
		display: block !important;
		position: absolute !important;
		right: 10px !important;
		top: 50% !important;
		width: 44px !important;
		height: 44px !important;
		margin-top: -22px !important;
		background: none !important;
		cursor: pointer;
	}
	.navi-aside-toggle::before {
		content: "";
		position: absolute;
		left: 11px;
		right: 11px;
		top: 14px;
		height: 2px;
		background: #0060bd;
		box-shadow: 0 6px 0 #0060bd, 0 12px 0 #0060bd;
	}

	/* 隐藏桌面导航条与搜索框，只保留抽屉 */
	.sosuo { display: none !important; }
	.top .zd_nav, .top-other .zd_nav { width: auto !important; height: 0 !important; overflow: visible; }
	.top .wp-navi.nav, .top-other .wp-navi.nav { display: none !important; }

	/* ===== 抽屉导航：白色现代风格 ===== */
	.wp-navi-aside { z-index: 999999 !important; }
	.wp-navi-aside .aside-inner { width: 78vw; max-width: 320px; background: #fff !important; }
	.wp-navi-aside .aside-inner:after { display: none; }
	.wp-navi-aside .navi-aside-head { background: #0060bd !important; box-shadow: none !important; border-top: none !important; }
	.wp-navi-aside .navi-aside-head .navi-aside-title { color: #fff !important; font-size: 16px; text-shadow: none !important; }
	.wp-navi-aside .navi-aside-wrap { color: #333 !important; border-bottom: 1px solid #eee !important; box-shadow: none !important; }
	.wp-navi-aside .navi-aside-wrap li a {
		color: #333 !important;
		font-size: 15px;
		text-shadow: none !important;
		background: none !important;
		border-top: 1px solid #f0f0f0 !important;
		box-shadow: none !important;
		padding: 13px 16px !important;
	}
	.wp-navi-aside .navi-aside-wrap li a:hover,
	.wp-navi-aside .navi-aside-wrap li a:focus { background: #f2f7fd !important; color: #0060bd !important; }
	.wp-navi-aside .navi-aside-wrap li .menu-switch-arrow {
		background: none !important;
		color: #bbb;
	}
	.wp-navi-aside .navi-aside-wrap li .menu-switch-arrow::before {
		content: "\203A";       /* › */
		position: absolute;
		right: 22px;
		top: 12px;
		font-size: 20px;
		font-style: normal;
	}
	.wp-navi-aside .navi-aside-wrap li .menu-open-arrow::before { content: "\2039"; }  /* ‹ */
	.wp-navi-aside .navi-aside-wrap li .sub-menu { background: #f7f9fc !important; }
	.wp-navi-aside .navi-aside-wrap li .sub-menu li a { padding-left: 30px !important; font-size: 14px; color: #555 !important; }

	/* ===== 横幅大图 ===== */
	.wrapper.datu.clearfix { padding-top: 52% !important; }
	.wrapper.datu-other.clearfix { padding-top: 40% !important; }

	/* ===== 通用板块标题：粗黑标题 + 右侧更多 ===== */
	.z_tit, .z_tit1, .tab-header-wrap { padding: 16px 4px 8px !important; margin: 0 !important; }
	.z_tit .tith1, .z_tit1 .tith1, .tab-main-title {
		font-size: 20px !important;
		font-weight: 700 !important;
		color: #222 !important;
		line-height: 1.4 !important;
		margin: 0 !important;
	}
	.z_tit .tith2 { color: #999 !important; }        /* 第二个标签页标题弱化 */
	.z_tit .more_btn, .z_tit1 .more_btn,
	.fdfe .more_btn, .tab-header-wrap .tab-more {
		margin: 0 !important;
		position: absolute !important;
		top: 18px;
		right: 4px;
	}
	.fdfe { position: relative; }
	.more_btn img { vertical-align: middle; }

	/* ===== 板块通用：白卡片 ===== */
	.mbox {
		background: #fff !important;
		border: none !important;
		border-radius: 10px !important;
		padding: 12px !important;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
		margin-bottom: 14px !important;
		box-sizing: border-box;
	}

	/* ===== 学院新闻焦点图：铺满宽度 ===== */
	.sudyfocus_news_w110, #sudyfocus_w110 { width: 100% !important; overflow: hidden; }
	#sudyfocus_w110 .sudyfocus_w110 { width: 100% !important; }
	#sudyfocus_w110 ul, #sudyfocus_w110 li, #sudyfocus_w110 a {
		width: 100% !important;
		box-sizing: border-box;
	}
	#sudyfocus_w110 img {
		width: 100% !important;
		height: 210px !important;
		object-fit: cover !important;
	}

	/* ===== 学院新闻列表（wp_article_list）：标题左 / 日期右 ===== */
	.s1 .wp_article_list { margin: 0 !important; padding: 0 !important; }
	.s1 .wp_article_list .list_item {
		position: relative;
		padding: 11px 62px 11px 2px !important;
		border: none !important;
		border-bottom: 1px dashed #ececec !important;
		margin: 0 !important;
		list-style: none !important;
		background: none !important;
	}
	.s1 .wp_article_list .list_item:last-child { border-bottom: none !important; }
	.s1 .wp_article_list .fields { display: block; width: auto !important; }
	.s1 .wp_article_list .pr_fields { display: flex; align-items: center; }
	.s1 .wp_article_list .Article_Index {
		flex: none;
		display: inline-block;
		min-width: 18px;
		height: 18px;
		line-height: 18px;
		margin-right: 8px;
		background: #e8f1fb;
		color: #0060bd;
		border-radius: 4px;
		font-size: 12px;
		text-align: center;
		padding: 0 3px;
		box-sizing: border-box;
	}
	.s1 .wp_article_list .Article_Title { flex: 1 1 auto; min-width: 0; font-size: 15px; }
	.s1 .wp_article_list .Article_Title a {
		display: block;
		color: #333 !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.s1 .wp_article_list .Article_PublishDate {
		position: absolute !important;
		right: 2px !important;
		top: 13px !important;
		width: auto !important;
		height: auto !important;
		background: none !important;
		padding: 0 !important;
		color: #999 !important;
		font-size: 12px !important;
	}
	.s1 .wp_article_list .Article_Summary {
		display: -webkit-box !important;
		margin: 6px 0 0 !important;
		color: #888 !important;
		font-size: 13px !important;
		line-height: 1.65 !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.s1 { display: block !important; padding-top: 4px; }
	.s1 .ml, .s1 .mc, .s1 .mr {
		width: 100% !important;
		flex: none !important;
		float: none !important;
		margin: 0 0 4px !important;
	}

	/* ===== 通知公告（news_list_table）：标题左 / 日期右 ===== */
	#container-tzgg .wp_article_list_table, #container-tzgg table { border-collapse: collapse; }
	#container-tzgg td { display: block; padding: 0 !important; border: none !important; }
	#container-tzgg ul.news_list { margin: 0 !important; padding: 0 !important; }
	#container-tzgg li.news {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 12px 2px !important;
		border: none !important;
		border-bottom: 1px dashed #ececec !important;
		margin: 0 !important;
		list-style: none !important;
		background: none !important;
	}
	#container-tzgg .news_wz { flex: 1 1 auto; min-width: 0; margin: 0 !important; }
	#container-tzgg .news_title { margin: 0 !important; font-size: 15px !important; }
	#container-tzgg .news_title a {
		display: block;
		color: #333 !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#container-tzgg .news_time { flex: none !important; margin-left: 12px; width: auto !important; }
	#container-tzgg .news_days { color: #999; font-size: 12px; }

	/* ===== 三栏（党群/教学科研/学团）：一行一个板块 ===== */
	.three-tab-news-container { display: block !important; width: 100% !important; }
	.mod-tab-news-left, .col-item {
		width: 100% !important;
		margin: 0 0 14px !important;
		padding: 14px 12px !important;
		background: #fff !important;
		border-radius: 10px !important;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) !important;
		box-sizing: border-box;
		position: relative;
	}
	.tab-header-wrap .tab-more { top: 16px; right: 12px; color: #0060bd; font-size: 14px; }
	.tab-sub-nav { flex-wrap: wrap; margin: 6px 0 8px !important; }
	.tab-sub-nav .tab-item { font-size: 14px; color: #666; padding: 2px 2px; }
	.tab-sub-nav .tab-item.active { color: #0060bd; font-weight: 700; }
	.tab-sub-nav .split { color: #ddd; }
	#three-tab-news .news-item {
		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;
		padding: 11px 0 !important;
		border: none !important;
		border-bottom: 1px dashed #ececec !important;
		margin: 0 !important;
	}
	#three-tab-news .news-item:last-child { border-bottom: none; }
	#three-tab-news .news-left-box { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; }
	#three-tab-news .news-dot {
		flex: none;
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: #0060bd;
		margin-right: 9px;
	}
	#three-tab-news .news-title { margin: 0 !important; flex: 1 1 auto; min-width: 0; font-weight: 400 !important; }
	#three-tab-news .news-title a {
		display: block;
		font-size: 15px !important;
		font-weight: 400 !important;
		color: #333 !important;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#three-tab-news .news-date-text { flex: none; margin-left: 10px; color: #999; font-size: 12px; }

	/* ===== 学术交流：一行一张卡片（克隆已由 ad.js 在窄屏停用） ===== */
	#container-tech .news-wrap { flex-wrap: wrap !important; transform: none !important; }
	#container-tech .news-card {
		flex: 0 0 100% !important;
		width: 100% !important;
		background: #fff;
		border-radius: 10px;
		overflow: hidden;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
		margin-bottom: 14px !important;
	}
	#container-tech .news-img-box { height: 200px; }
	#container-tech .news-img-box img { width: 100%; height: 100%; object-fit: cover; }
	#container-tech .news-title { padding: 10px 12px 2px; font-size: 16px !important; font-weight: 700; }
	#container-tech .news-desc {
		padding: 4px 12px 12px;
		color: #777;
		font-size: 13px;
		line-height: 1.7;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	/* ===== 专题栏目：两列卡片 ===== */
	.topic-section { width: 100% !important; padding: 0 12px 20px !important; box-sizing: border-box; }
	.section-title { padding: 16px 4px 8px; }
	.section-title h2 { font-size: 20px !important; font-weight: 700 !important; color: #222; margin: 0; }
	.topic-card-wrap { grid-template-columns: 1fr 1fr !important; gap: 10px !important; }

	/* ===== 页脚：深蓝底、竖排居中 ===== */
	.foot_wai { padding: 0 !important; }
	.footer {
		flex-direction: column !important;
		align-items: center !important;
		text-align: center;
		padding: 22px 14px !important;
		box-sizing: border-box;
	}
	.footer > div { margin: 0 0 14px !important; float: none !important; }
	.footer > div:last-child { margin-bottom: 0 !important; }
	.footer, .footer a { color: #fff !important; font-size: 13px !important; line-height: 1.9 !important; }
	.footer img { max-width: 250px !important; width: auto !important; height: auto !important; }
	.footer .wx img { width: 100px !important; height: 100px !important; max-width: none !important; }
	.footer .smgz { font-size: 12px !important; }

	/* ===== 文章页 ===== */
	.article .arti_title { font-size: 21px !important; line-height: 1.5 !important; }
	.mbxdv { flex-wrap: wrap; }
	.article .entry .read img, .wp_articlecontent img { max-width: 100% !important; height: auto !important; }
	.article .entry, .article .entry p { font-size: 16px !important; line-height: 1.9 !important; }
	.article .wp_articlecontent table { max-width: 100% !important; }
	#back-to-top, .contentbox .rightbox { display: none !important; }

	/* ===== 列表页 ===== */
	.ny_list .col_news_list .list_item img { max-width: 100% !important; height: auto !important; }
	.col_menu { width: 100% !important; float: none !important; margin-right: 0 !important; }
	.col_news { width: 100% !important; min-height: 0 !important; float: none !important; }
	.col_news .col_news_box { margin-left: 0 !important; }
}