@charset "utf-8";
/* ============================================================
   移动端适配（桌面端零影响：所有规则都在 @media 内）
   原则：手机上彻底放弃"绝对定位 + 固定像素"，
        海报不裁切、按钮/文案回到正常文档流，避免重叠与裁切
   ============================================================ */

/* ---------- 平板 / 小笔记本：解开固定 1200px ---------- */
@media (max-width: 1240px) {
	body {
		min-width: 0;
	}

	.banxin {
		width: auto;
		max-width: 1200px;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.container {
		width: auto;
		max-width: 1200px;
	}

	.dibu-box {
		width: auto;
		max-width: 1045px;
		margin: 0 20px;
		box-sizing: border-box;
	}

	.kapian-box,
	.tg-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.kb-item,
	.tb-item {
		float: none;
	}

	.tg-box > .tb-item {
		width: 32%;
		height: auto;
	}

	.tg-box > .tb-item > img {
		width: 100%;
		height: auto;
	}
}

/* ---------- 手机 ---------- */
@media (max-width: 768px) {

	/* ===== 基础：禁止横向滚动，取消浮动 ===== */
	html,
	body {
		overflow-x: hidden;
		max-width: 100%;
	}

	.pull-left,
	.pull-right {
		float: none !important;
	}

	.banxin {
		padding: 0 15px;
	}

	/* ===== 顶部导航 ===== */
	.nav-div {
		height: auto;
		line-height: normal;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
		padding: 10px 0 12px;
	}

	.hs-logo img {
		display: block;
		height: 26px;
		width: auto;
	}

	.hs-tab {
		margin-left: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px 16px;
	}

	.hs-tab a {
		font-size: 14px;
		margin-right: 0;
	}

	/* ===== 首页海报区：手机上只保留「大图 + 点击开始体验」 =====
	   海报下方那个小轮播是 Swiper 驱动的：容器在桌面被写死成 600×90，
	   窄屏下既会被裁成一条，Swiper 还会往 slide 上写内联宽高/位移，
	   很容易被撑成一大片空白（这次就是它）。它轮播的案例图在
	   「发布通告」区块里已经有一份，手机上直接隐藏，最稳。
	   注意：yjsc 页的「科学运营」轮播复用了同名 class，所以只隐藏
	   首页 .haibao 里面的那个，不能全局隐藏。 */
	.haibao {
		position: static;
		padding: 0 0 6px;
		overflow: hidden;
	}

	.haibao > img {
		display: block;
		width: 100%;
		height: auto;
		max-height: 220px;
		object-fit: cover;
	}

	.ksty {
		position: static;
		display: block;
		width: 150px;
		height: 38px;
		line-height: 38px;
		font-size: 13px;
		margin: 12px auto 0;
	}

	/* 只隐藏首页海报里的轮播 */
	.haibao .haibao-lunbo,
	.haibao .haibao-lunbo-container {
		display: none !important;
	}

	/* 其余页面（yjsc 科学运营）的小轮播：静态、一屏一张、满宽
	   注意：不要给 .swiper-wrapper / .swiper-slide 强写 width:100%，
	   那样浮动滑块会换行堆叠成十几屏高的空白；宽度交给 Swiper 按
	   容器宽自己算，这里只把容器放开成整宽、高度自适应即可 */
	.haibao-lunbo {
		position: static;
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
		overflow: hidden;
	}

	.haibao-lunbo-container {
		width: 100%;
		height: auto;
	}

	.hbl-img {
		width: 100%;
		height: auto;
		margin: 0;
		border-radius: 6px;
	}

	.hbl-img > img {
		width: 100%;
		height: auto;
		display: block;
	}

	/* ===== 首页四张卡片：单列，简介直接展开 ===== */
	.kapian {
		padding: 22px 0 16px;
	}

	.kb-item {
		width: 100%;
		max-width: 420px;
		height: auto;
		margin: 0 auto 12px;
	}

	.kb-item:hover .ki-shang {
		margin-top: 0;
	}

	.ki-shang {
		height: auto;
		padding: 16px 0;
	}

	.ki-shang img {
		width: 44px;
		height: auto;
	}

	.ki-shang p {
		margin-top: 6px;
		font-size: 15px;
	}

	.ki-xia {
		height: auto;
		padding: 14px 0 16px;
	}

	.ki-xia p {
		padding: 0 18px;
		font-size: 13px;
		line-height: 1.7;
	}

	.ki-xia img {
		display: none;
	}

	/* ===== 功能介绍（两页共用） ===== */
	.yjsc {
		padding: 30px 0 16px;
	}

	.yjsc > p {
		font-size: 22px;
	}

	.yjsc-nav {
		margin-top: 16px;
		display: flex;
		overflow-x: auto;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
	}

	.yjsc-nav span {
		width: auto;
		flex: 0 0 auto;
		margin: 0 14px 0 0;
		padding-bottom: 10px;
		font-size: 13px;
		line-height: 1.4;
	}

	.yjsc-tabs {
		padding: 0;
		height: auto;
	}

	.ti-wz {
		margin-top: 18px;
		opacity: 1;
	}

	.ti-wz > p {
		font-size: 17px;
		line-height: 1.5;
	}

	.ti-wz > p.erhang {
		margin-top: 12px;
	}

	.ti-wz > span {
		display: block;
		font-size: 13px;
		line-height: 1.7;
		margin-top: 4px;
	}

	.ti-img {
		margin: 16px 0 0;
	}

	.ti-img > img {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.djkssy {
		margin: 24px auto 4px;
		width: 150px;
		height: 44px;
		line-height: 44px;
	}

	/* ===== 首页：发布通告 ===== */
	.fbtg {
		padding: 32px 0;
	}

	.fbtg p.tg-text {
		width: auto;
		height: auto;
		background: none;
		padding: 0 16px;
		font-size: 13px;
		line-height: 1.8;
		text-align: left;
	}

	.fbtg-btn {
		margin: 16px auto 22px;
	}

	.tg-box {
		gap: 2px;
	}

	.tg-box > .tb-item {
		width: calc(50% - 2px);
		height: auto;
		margin: 1px 0;
	}

	.tg-box > .tb-item > img {
		width: 100%;
		height: auto;
	}

	.tb-item .ti-biaoqian {
		width: 64px;
		height: 22px;
		line-height: 22px;
		font-size: 12px;
		right: 5px;
		bottom: 5px;
	}

	/* ===== 页脚（两页共用） ===== */
	.dibu {
		padding: 28px 0 14px;
	}

	.dibu-box {
		margin: 0 15px;
		padding: 15px;
	}

	.dibu-box > img {
		display: block;
		margin: 0 0 8px;
	}

	.logo-shuoming {
		display: block;
		margin: 0 0 12px;
		font-size: 13px;
	}

	.dibu-box > div {
		margin-left: 0;
		padding-left: 0;
		border-left: none;
		border-top: 1px solid #E8E8E8;
		margin-top: 12px;
		padding-top: 12px;
	}

	.dibu-box p {
		font-size: 16px;
	}

	.gongju-box {
		display: flex;
		flex-wrap: wrap;
	}

	.gongju-box p {
		width: 100%;
		margin-bottom: 6px;
	}

	.gongju-box > a {
		margin: 0 16px 6px 0;
		font-size: 13px;
	}

	.banquan {
		padding: 16px 4px 0;
	}

	.banquan > p {
		font-size: 12px;
		line-height: 1.8;
	}

	/* ===== yjsc 页：视频区 =====
	   视频按自身比例显示，文案块移到视频下方（深色底），
	   避免"文字压在视频上、底部按钮被裁掉" */
	.sphb {
		height: auto;
		overflow: visible;
	}

	.videobg {
		display: block;
		width: 100%;
		height: auto;
		max-height: 240px;
		object-fit: cover;
	}

	.sphb-text {
		position: static;
		width: auto;
		padding: 20px 18px 26px;
		background-color: #141414;
		text-align: left;
	}

	.sphb-text .size-a {
		font-size: 20px;
		margin-bottom: 10px;
		text-align: center;
	}

	.sphb-text .size-b {
		font-size: 13px;
		line-height: 1.8;
	}

	.btn-mssy {
		display: block;
		margin: 16px auto 0;
		width: 132px;
		height: 42px;
		line-height: 42px;
		font-size: 14px;
	}

	/* ===== yjsc 页：通用标题 ===== */
	.title-a {
		font-size: 20px;
		padding: 34px 0 10px;
	}

	.title-b {
		font-size: 13px;
		line-height: 1.7;
		padding: 0 18px 20px;
	}

	/* ===== yjsc 页：科学运营轮播 ===== */
	.kxyy-box {
		height: auto;
	}

	.kxyy-box .hbl-img {
		width: 100%;
		height: auto;
		margin: 0;
	}

	.kxyy-box .hbl-img > img {
		width: 100%;
		height: auto;
	}

	.kxyy-box .hbl-text {
		padding-top: 42px;
	}

	.kxyy-box .hbl-text img {
		width: 44px;
		height: auto;
	}

	.kxyy-box .hbl-text span {
		font-size: 14px;
		margin-top: 8px;
		padding: 0 10px;
	}

	/* ===== yjsc 页：合作平台 ===== */
	.sphz {
		margin-top: 32px;
		padding-bottom: 30px;
	}

	.sphz-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-top: 6px;
	}

	.sphz-box .pt-img {
		float: none;
		width: 54px;
		height: 54px;
		margin: 7px;
		background-size: cover;
	}

	/* ===== yjsc 页：立即注册 ===== */
	.ljzc {
		height: 240px;
		background-size: cover;
	}

	.ljzc .size-a {
		padding-top: 40px;
		padding-bottom: 12px;
		font-size: 20px;
	}

	.ljzc .size-b {
		font-size: 13px;
		line-height: 1.8;
		padding: 0 18px;
	}

	.btn-ljzc {
		margin: 20px auto 0;
	}

	/* ===== yjsc 页：TA们都在用（两列平铺，12 个卡片高度完全统一） =====
	   卡片原来是 float:left + 文本区固定 144px，手机上宽度变了会错位，
	   这里改用 flex 两列 + 固定卡片高度，文案长短不再影响高度 */
	.zu-lunbo > a {
		display: none;
	}

	.zu_lunbo_container {
		height: auto;
		overflow: hidden;
	}

	.zu_lunbo_container .swiper-wrapper {
		width: auto !important;
		height: auto !important;
		position: static !important;
		transform: none !important;
	}

	.zu_lunbo_container .swiper-slide {
		float: none;
		width: auto;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
	}

	.fszt {
		padding-bottom: 26px;
	}

	.fszt .ss-item {
		float: none;
		display: flex;
		flex-direction: column;
		width: calc(50% - 16px);
		height: 176px;
		margin: 8px;
		overflow: hidden;
	}

	.fszt .si-img-box {
		flex: 0 0 64px;
		overflow: hidden;
	}

	.fszt .si-img-box > img {
		width: 100%;
		height: 64px;
		object-fit: cover;
		display: block;
	}

	.fszt .si-img-logo {
		width: 46px;
		height: 46px;
		bottom: -23px;
	}

	.fszt .si-text-box {
		flex: 1 1 auto;
		height: auto;
		padding: 26px 8px 12px;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	.fszt .si-text-box .biaoti {
		font-size: 14px;
		line-height: 1.3;
		padding-top: 0;
		margin-bottom: 6px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.fszt .si-text-box .neirong {
		font-size: 12px;
		line-height: 1.6;
		margin-bottom: 0;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
}

/* ---------- 超小屏（≤360px） ---------- */
@media (max-width: 360px) {
	.hs-tab a {
		font-size: 13px;
	}

	.yjsc > p,
	.title-a,
	.sphb-text .size-a,
	.ljzc .size-a {
		font-size: 18px;
	}

	.kapian .ki-shang p,
	.fszt .si-text-box .biaoti {
		font-size: 13px;
	}

	/* 超小屏仍保持两列，保证 12 个框高度、宽度都一致 */
	.fszt .ss-item {
		width: calc(50% - 12px);
		height: 172px;
		margin: 6px;
	}

	.fszt .si-text-box {
		padding: 24px 6px 10px;
	}
}