/* ============================================================
   mfix.css - 移动端专项修复 2026-10-30
   修复：1)汉堡菜单按钮显示  2)电话号码显示完整
        3)底部footer与PC一致  4)内容文字被遮挡
   ============================================================ */

/* ---------- 移动端 (<=768px) ---------- */
@media screen and (max-width: 768px) {

	/* 1. 隐藏欢迎条，让汉堡按钮与LOGO同行 */
	.loding_box.big{ display:none !important; }

	/* 汉堡按钮：固定右上角、永远可见、不被遮挡 */
	#menu_Nav{
		position: fixed !important;
		top: 14px !important;
		right: 12px !important;
		width: 34px !important;
		height: 34px !important;
		z-index: 99999 !important;
		background: rgba(255,255,255,0.9) !important;
		box-shadow: 0 1px 4px rgba(0,0,0,0.25) !important;
	}
	#menu_Nav .menu_btn{
		width: 34px !important;
		height: 34px !important;
		background-size: 26px 26px !important;
		background-position: center center !important;
	}

	/* 侧边菜单：宽 78%，收起时完全移出屏幕 */
	.moduleMobile #sideMenuContainer{
		width: 78% !important;
		right: -80% !important;
		z-index: 99998 !important;
	}
	.moduleMobile #sideMenuContainer a{ color:#ddd !important; }

	/* 2. 电话号码：靠右、显示完整、不被裁切 */
	.logo_box ul li.phone{
		float: right !important;
		width: auto !important;
		max-width: 55% !important;
		margin-top: 22px !important;
		margin-right: 10px !important;
		background: none !important;
		text-align: right !important;
	}
	.logo_box ul li.phone p{
		text-indent: 0 !important;
		font-size: 16px !important;
		font-weight: bold !important;
		color: #147fd8 !important;
		line-height: 30px !important;
		margin-top: 12px !important;
		white-space: nowrap !important;
	}
	.logo_pic{ margin-top: 18px !important; }
	.logo_big, .logo_box, .logo{ overflow: visible !important; }

	/* 3. 底部 footer 与 PC 端一致（纵向堆叠） */
	.footer{ display: block !important; }
	.footer .footer-content{
		width: 100% !important;
		height: auto !important;
		display: block !important;
		padding: 20px 4% !important;
		box-sizing: border-box !important;
	}
	.footer .footer-content::after{ display: none !important; }
	.footer .footer-content .right{
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
	}
	.footer .footer-content .right .connect{ font-size: 14px !important; }
	.footer .footer-content .right .address p{ white-space: normal !important; }
	.footer .footer-content .right .link li{ display: inline-block !important; }
	.footer .footer-content .footer-nav{
		width: 100% !important;
		float: none !important;
		margin: 18px 0 0 0 !important;
		display: flex !important;
		gap: 10px !important;
	}
	.footer .footer-content .footer-nav ul{ flex: 1 1 0 !important; }
	.footer .footer-content .left{
		width: 100% !important;
		float: none !important;
		margin-top: 18px !important;
		text-align: center !important;
	}
	/* 手机版底部原有的重复联系块隐藏（footer已包含） */
	.addRes{ display: none !important; }

	/* 4. 内容文字被遮挡：修正 .left.r10 固定宽度导致的挤压 */
	.left.r10{ display: none !important; }   /* 移动端隐藏侧边栏，与参考样式一致 */
	#wrapper .right,
	.right{
		width: 100% !important;
		float: none !important;
		box-sizing: border-box !important;
		padding: 0 10px !important;
	}
	#wrapper{ width: 100% !important; max-width: 100% !important; overflow: hidden !important; padding-top: 90px !important; }
	#about .cont{ width: 100% !important; }
	#about .cont *{ max-width: 100% !important; }
	#about .cont table{ display: block !important; overflow-x: auto !important; }
	#about .cont img{ height: auto !important; }
	#news_list, #news_list ul{ width: 100% !important; }
	html, body{ overflow-x: hidden !important; max-width: 100vw !important; }

	/* h3.tit 面包屑不换行裁切 */
	h3.tit{ white-space: normal !important; }

	/* reservation 预约条在移动端铺满 */
	.reservation-lesson-bar .container{ width: 100% !important; }
	.reservation-box{ display: block !important; padding: 10px 4% !important; }
	.reservation-right-sub{ width: 100% !important; }
	.reservation-input{ width: 100% !important; box-sizing: border-box !important; margin-bottom: 8px !important; }
}

/* ---------- 极窄屏幕 (<=380px) ---------- */
@media screen and (max-width: 380px) {
	.logo_box ul li.phone p{ font-size: 14px !important; }
	.logo_pic img{ width: 140px !important; }
	#menu_Nav{ right: 8px !important; }
}