/* ==========================================================
   mobile.css - 移动端适配覆盖层
   在 PC 样式之后加载，覆盖各页面的固定宽度布局
   断点：<= 768px
   ========================================================== */

/* ---------- 1. 全局 ---------- */
.menu-toggle {
	display: none;
}

@media (max-width: 768px) {

	html,
	body {
		overflow-x: hidden !important;
	}

	html {
		width: 100% !important;
	}

	/* body 必须用 auto 而不是 100%：piaowuppt/search 这类没引 reset.css 的页面
	   带着浏览器默认的 8px 左右外边距，width:100% 会让总宽变成 375+8=383 溢出屏幕；
	   auto 会自动扣除外边距，不溢出 */
	body {
		width: auto !important;
	}

	img {
		max-width: 100% !important;
		height: auto !important;
	}

	.container,
	.head {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	.container {
		padding-left: 12px !important;
		padding-right: 12px !important;
	}

	table {
		display: block !important;
		width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	input,
	textarea,
	select,
	button {
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* ---------- 2. 顶部导航 ---------- */
	.nav {
		position: relative !important;
	}

	.head {
		position: relative !important;
		height: auto !important;
		min-height: 54px;
		padding: 6px 0;
	}

	.head .container,
	.head .pos {
		position: static !important;
	}

	.logo {
		float: none !important;
		margin: 0 !important;
		max-height: 40px;
		width: auto !important;
		vertical-align: middle;
	}

	.pos h1 {
		float: none !important;
		margin: 0 !important;
		line-height: 0 !important;
		text-indent: 0 !important;
		font-size: 0 !important;
	}

	.menu-toggle {
		display: block !important;
		position: absolute !important;
		right: 12px;
		top: 50%;
		margin-top: -13px;
		width: 30px;
		height: 26px;
		cursor: pointer;
		z-index: 10001;
	}

	.menu-toggle span {
		display: block;
		height: 3px;
		margin-bottom: 6px;
		background: #333;
		border-radius: 2px;
		transition: .3s;
	}

	.menu-toggle span:last-child {
		margin-bottom: 0;
	}

	/* 按钮本体只有 30x26，手指难点中；用伪元素把热区扩到 44x44，
	   视觉尺寸与开合动画完全不变（伪元素不是事件目标，点击仍归属 .menu-toggle） */
	.menu-toggle::before {
		content: '';
		position: absolute;
		left: -7px;
		right: -7px;
		top: -9px;
		bottom: -9px;
	}

	.menu-toggle.active span:nth-child(1) {
		transform: translateY(9px) rotate(45deg);
	}

	.menu-toggle.active span:nth-child(2) {
		opacity: 0;
	}

	.menu-toggle.active span:nth-child(3) {
		transform: translateY(-9px) rotate(-45deg);
	}

	.menu {
		display: none !important;
		position: absolute !important;
		left: 0 !important;
		top: 100% !important;
		width: 100% !important;
		height: auto !important;
		max-height: 70vh;
		overflow-y: auto;
		flex-direction: column !important;
		justify-content: flex-start !important;
		background: #fff !important;
		box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
		padding: 0 !important;
		z-index: 10000;
	}

	.menu.open {
		display: flex !important;
	}

	.menu li {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		line-height: 3 !important;
		font-size: 16px !important;
		text-align: left;
		padding-left: 16px;
		box-sizing: border-box;
		border-bottom: 1px solid #f0f0f0;
	}

	.menu li a {
		display: block;
		width: 100%;
	}

	/* 二级导航：移动端常显、横向滑动 */
	.sub-menu {
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		display: none !important;
		opacity: 1 !important;
		height: auto !important;
		overflow: hidden;
		background: #e9e9e9 !important;
		box-shadow: 0 8px 18px rgba(0, 0, 0, .12);
		z-index: 9999;
	}

	/* 仅在汉堡菜单展开时出现，避免每页顶部常驻 */
	.sub-menu.show {
		display: block !important;
	}

	.sub-menu ul {
		display: flex !important;
		width: 100% !important;
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	/* padding 放在 a 上而不是 li 上，否则 li 两侧的 padding 区域点不到 */
	.sub-menu ul li {
		flex: 0 0 auto !important;
		width: auto !important;
		padding: 0;
		font-size: 14px !important;
		line-height: 40px !important;
	}

	/* a 原本是行内元素只有 19px 高，li 有 40px 行高却点不到；block 撑满 */
	.sub-menu ul li a {
		display: block !important;
		padding: 0 14px !important;
		white-space: nowrap;
	}

	/* ---------- 3. 页脚 ---------- */
	.footer {
		padding-top: 30px !important;
	}

	.footer .left,
	.footer .right {
		float: none !important;
		width: 100% !important;
		margin: 0 0 20px 0 !important;
	}

	.wlogo {
		float: none !important;
		margin: 0 0 16px 0 !important;
		max-width: 55%;
	}

	.tip {
		display: block;
		margin-left: 0 !important;
		line-height: 2 !important;
		font-size: 12px !important;
	}

	.footer .left p {
		float: none !important;
		font-size: 13px !important;
		line-height: 1.9;
	}

	.tel strong {
		font-size: 20px !important;
	}

	.footer .right img {
		float: none !important;
		display: inline-block !important;
		margin: 0 10px 10px 0 !important;
		max-width: 46%;
		vertical-align: top;
	}

	.footer .right img:nth-child(1) {
		margin-right: 10px !important;
	}

	.footdown {
		padding: 16px 0 24px !important;
	}

	.footdown span {
		float: none !important;
		display: block;
		margin: 0 !important;
		font-size: 12px !important;
		line-height: 2;
	}

	.footdown img {
		float: none !important;
		display: inline-block;
		height: 20px !important;
		max-width: 42%;
		margin: 8px 8px 0 0 !important;
	}

	/* ---------- 4. 表单区块 ---------- */
	.form {
		padding: 24px 0 30px !important;
	}

	.f-tit {
		font-size: 20px !important;
	}

	.f-subtit {
		font-size: 12px !important;
		margin-bottom: 20px !important;
	}

	.f-ipt,
	.f-ipt-right {
		float: none !important;
		width: 100% !important;
	}

	.f-ipt input {
		float: none !important;
		width: 100% !important;
		line-height: 42px !important;
	}

	.label {
		float: none !important;
		display: block;
		margin: 0 !important;
		font-size: 14px !important;
		line-height: 2 !important;
	}

	.f-text {
		float: none !important;
		width: 100% !important;
		height: 88px !important;
	}

	.submit {
		width: 100% !important;
		max-width: 320px;
		margin-top: 24px !important;
		font-size: 16px !important;
	}

	.downloadbtn {
		width: 100% !important;
		max-width: 320px;
		font-size: 16px !important;
	}

	/* 假下拉：按钮原来 top:0 对齐到 .f-xq 顶部（移动端标签成 block 后就是标签行），改为贴住输入框 */
	.f-xq .selectbtn {
		top: auto !important;
		bottom: 0 !important;
		height: 44px !important;
	}

	.f-xq .selectbtn img {
		margin-top: 16px !important;
	}

	/* 下拉列表锚定到"业务需求"输入框正下方。
	   .f-items 恒紧跟在"描述"块之后（实测各页间距均为 160~162px），
	   故用静态位置 + translateY 上移，不必改 DOM（改 DOM 会动到 PC 端定位基准） */
	.f-items {
		position: absolute !important;
		top: auto !important;
		right: 0 !important;
		width: 100% !important;
		margin: 0 !important;
		transform: translateY(-154px);
		box-sizing: border-box !important;
		z-index: 60;
	}

	/* ---------- 5. 返回顶部 ---------- */
	#backTop {
		width: 56px !important;
		padding: 8px 0 4px !important;
		font-size: 12px;
		opacity: .75;
	}

	#backTop p {
		font-size: 12px !important;
		line-height: 1.6 !important;
	}

	/* ---------- 6. 首页 ---------- */
	.leadwrap {
		padding: 24px 0 20px !important;
	}

	.leadwrap .container {
		height: auto !important;
	}

	.leadwrap h2 {
		font-size: 22px !important;
		line-height: 1.6;
	}

	/* PC 靠绝对定位居中：left:50% + margin-left:-206px。改成 static 后 left 失效，
	   但首页 JS 动画写的负 margin 还在 —— 静态块级的宽度=容器宽−margin，
	   负 margin 会反过来把宽度撑到 492px 溢出屏幕，必须一并清掉 */
	.tip1,
	.tip2 {
		position: static !important;
		text-align: center;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.next-s {
		position: static !important;
		display: block;
		left: auto !important;
		top: auto !important;
		margin: 16px auto 0 !important;
	}

	.xghwrap {
		padding: 32px 0 36px !important;
		background-size: cover !important;
	}

	.tit {
		font-size: 20px !important;
	}

	.sub-tit {
		font-size: 12px !important;
	}

	.xghitem {
		margin-top: 20px !important;
	}

	.longitem_wrap,
	.kitem_wrap,
	.shitem_wrap {
		float: none !important;
		width: 100% !important;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.xghitem li {
		float: none !important;
		box-sizing: border-box;
	}

	.longitem {
		width: 48.5% !important;
		height: auto !important;
		margin: 0 0 10px 0 !important;
		padding: 16px 0;
	}

	.longitem img {
		margin: 0 0 10px 0 !important;
		max-height: 68px;
		width: auto !important;
	}

	.xghitem .longitem {
		font-size: 15px !important;
	}

	.kitem {
		width: 100% !important;
		height: auto !important;
		margin: 0 0 10px 0 !important;
		padding: 10px 12px;
		text-align: left;
	}

	.kitem img {
		margin-right: 8px !important;
		max-height: 38px;
		width: auto !important;
		float: none !important;
		vertical-align: middle;
	}

	.kitem p {
		display: inline;
		line-height: 1.6 !important;
		font-size: 15px !important;
	}

	.xghitem .shitem {
		width: 48.5% !important;
		height: auto !important;
		margin: 0 0 10px 0 !important;
		padding: 14px 0;
		font-size: 15px !important;
	}

	.shitem img {
		margin-top: 0 !important;
		max-height: 48px;
		width: auto !important;
	}

	.fsqwrap {
		padding: 30px 0 24px !important;
	}

	.fsqitem {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100% !important;
		margin-top: 20px !important;
	}

	.fsqitem li {
		float: none !important;
		width: 44% !important;
		height: auto !important;
		line-height: 1.6 !important;
		margin: 0 3% 16px !important;
		font-size: 15px !important;
		border-radius: 0;
	}

	.fsqitem li:nth-child(4),
	.fsqitem li:nth-child(8) {
		margin-right: 3% !important;
	}

	.fsqitem li span {
		width: 100% !important;
		height: auto !important;
		line-height: 1.5 !important;
		margin: 0 !important;
		padding: 14px 0;
		font-size: 15px !important;
		box-sizing: border-box;
		border-radius: 8px;
	}

	.customizationwrap {
		padding: 30px 0 !important;
	}

	.dzitem {
		margin-top: 20px !important;
	}

	.dzitem li {
		float: none !important;
		width: 100% !important;
		height: auto !important;
		line-height: 1.6 !important;
		margin: 0 0 10px 0 !important;
		padding: 14px 12px;
		font-size: 15px !important;
		box-sizing: border-box;
	}

	.dzitem li:nth-child(3),
	.dzitem li:nth-child(6),
	.dzitem li:nth-child(9) {
		margin-right: 0 !important;
	}

	.dzitem li img {
		float: none !important;
		margin: 0 10px 0 0 !important;
		max-height: 34px;
		width: auto !important;
		vertical-align: middle;
	}

	.dzitem li span {
		float: none !important;
		vertical-align: middle;
	}

	.allwrap {
		padding: 30px 0 !important;
	}

	.allwrap img {
		margin-top: 20px !important;
	}

	.morewrap {
		padding: 30px 0 !important;
	}

	/* 搜索结果页(search.html)没引 reset.css，浏览器默认的 ul{padding-left:40px}
	   会让 width:100% 再叠加 40px 撑出屏幕；border-box 兜住 */
	.moreitem {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100% !important;
		box-sizing: border-box !important;
		margin-top: 20px !important;
	}

	.moreitem li {
		float: none !important;
		width: 48.5% !important;
		height: auto !important;
		margin: 0 0 10px 0 !important;
		padding: 20px 0;
		font-size: 15px !important;
		box-sizing: border-box;
	}

	.moreitem li img {
		margin: 0 0 10px 0 !important;
		max-height: 56px;
		width: auto !important;
	}

	.flinkCon .friendLinks li {
		float: none !important;
		display: inline-block;
		margin: 0 10px 6px 0;
		font-size: 12px;
	}

	/* ---------- 7. 专题页通用（图文卡片栅格） ---------- */
	.subView {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		width: 100% !important;
	}

	.topItem,
	.topItem2,
	.middleItem,
	.bottomItem,
	.bottomItem2 {
		float: none !important;
		width: 100% !important;
		max-width: 460px;
		margin: 0 auto 18px !important;
		box-sizing: border-box;
	}

	.topItem img,
	.topItem2 img,
	.middleItem img,
	.bottomItem img,
	.bottomItem2 img {
		width: auto !important;
		max-width: 100% !important;
		max-height: 240px;
	}

	/* ---------- 8. 卡券红包 ---------- */
	.ban_txt {
		transform: none !important;
		left: auto !important;
		top: auto !important;
		position: static !important;
		padding: 16px 12px !important;
	}

	.cont .four_k,
	.cont1 .four_k,
	.cont2 .four_k {
		display: flex;
		flex-wrap: wrap;
	}

	.cont .four_k .item,
	.cont1 .four_k .item,
	.cont2 .four_k .item {
		float: none !important;
		width: 100% !important;
		margin: 0 0 10px 0 !important;
		box-sizing: border-box;
	}

	.cont2 .c2_div {
		transform: none !important;
		left: auto !important;
		top: auto !important;
		position: static !important;
		width: 100% !important;
	}

	.cont2 .c2_div .img2 {
		width: 100% !important;
	}

	/* ---------- 9. 品牌页 ---------- */
	.zhlogo {
		width: 55% !important;
	}

	.zhitems {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100% !important;
	}

	.zhitems li {
		float: none !important;
		width: 48.5% !important;
		height: auto !important;
		margin: 0 0 12px 0 !important;
		box-sizing: border-box;
	}

	.zhitems li a {
		float: none !important;
		width: 100% !important;
	}

	.zhitems li img {
		float: none !important;
		width: 100% !important;
		height: auto !important;
	}

	.zhitems li i {
		float: none !important;
		display: block;
		width: 100% !important;
		font-size: 13px !important;
		line-height: 1.8;
	}

	/* ---------- 10. 下载中心 ---------- */
	.banner img {
		float: none !important;
		width: 100% !important;
	}

	.header1 .tit_left,
	.nav1,
	.con,
	.item_con_wrap .left {
		float: none !important;
		width: 100% !important;
	}

	.item_con_wrap .right img {
		width: 100% !important;
	}

	.download_btn a {
		float: none !important;
		display: block;
		width: 100% !important;
		margin: 0 0 10px 0 !important;
		box-sizing: border-box;
		text-align: center;
	}

	.download_btn a:nth-child(1) {
		margin-right: 0 !important;
	}

	.item_app ul li {
		float: none !important;
		width: 100% !important;
		margin: 0 0 10px 0 !important;
	}

	.cw_item_con ul {
		float: none !important;
		width: 100% !important;
	}

	.comment_wrapper {
		width: 100% !important;
		position: static !important;
		margin: 0 !important;
		left: auto !important;
		top: auto !important;
	}

	.item_app_img {
		position: static !important;
	}

	.shutdown {
		position: static !important;
	}

	.download-form #download-submit {
		float: none !important;
		width: 100% !important;
	}

	/* ---------- 11. 文章 / 资讯 ---------- */
	.xg-wrap ul li {
		float: none !important;
		width: 100% !important;
	}

	.list {
		padding: 20px 0 !important;
	}

	.l_c .item {
		width: 100% !important;
		padding: 14px 0 !important;
	}

	.l_c .item a {
		align-items: center;
	}

	.item .item_l {
		flex: 0 0 76px !important;
		width: 76px !important;
		height: 60px !important;
	}

	.item_l .item_day {
		font-size: 22px !important;
		margin-top: 4px !important;
	}

	.item_l .item_year {
		font-size: 11px !important;
	}

	.item .item_r {
		flex: 1 1 auto !important;
		width: auto !important;
		padding-left: 10px;
	}

	.item_r h4 {
		font-size: 15px !important;
		white-space: normal !important;
		overflow: hidden !important;
		text-overflow: clip !important;
	}

	.t_ph a {
		width: auto !important;
		max-width: 100%;
	}

	/* ---------- 12. 联系我们 ---------- */
	.lx-point,
	.tel-con,
	.addr-wrap {
		float: none !important;
		width: 100% !important;
		margin: 0 0 16px 0 !important;
	}

	.tel-con span {
		float: none !important;
	}

	/* ---------- 13. 单据类子页 ---------- */
	.flex-box2 .top,
	.flex-box2 .bottom,
	.flex-b2 .up,
	.flex-b2 .down,
	.sec .left,
	.i,
	.flex {
		float: none !important;
		width: 100% !important;
		box-sizing: border-box;
	}

	.p_items,
	.y_items {
		width: 100% !important;
	}

	.p_items li,
	.y_items li {
		float: none !important;
		width: 100% !important;
		margin: 0 0 12px 0 !important;
		box-sizing: border-box;
	}

	.x_items li .num {
		float: none !important;
	}

	/* ---------- 14. 各专题页零散块 ---------- */
	.wrap,
	.left,
	.phone_right,
	.t_logo,
	.t_down,
	.d_logo,
	.intro {
		float: none !important;
		width: 100% !important;
		box-sizing: border-box;
	}

	.back1 a,
	.back4 .right,
	.back4 .left {
		float: none !important;
		width: 100% !important;
		position: static !important;
		transform: none !important;
		margin: 0 0 12px 0 !important;
		box-sizing: border-box;
	}

	.back4 .left p::after {
		display: none !important;
	}

	.ios,
	.an {
		position: static !important;
		display: inline-block;
		margin: 6px 8px 6px 0;
	}

	.three .bag {
		float: none !important;
		width: 100% !important;
	}

	.bg1 img,
	.bg1 .content {
		float: none !important;
		width: 100% !important;
	}

	.bg .flex {
		flex-wrap: wrap !important;
		margin-top: 24px !important;
	}

	.bg .flex li {
		width: 48% !important;
		margin-bottom: 18px;
	}

	.bg .flex li p {
		font-size: 16px !important;
	}

	.bg .flex li img {
		max-height: 46px;
		width: auto !important;
	}

	.ad_items li {
		float: none !important;
		width: 100% !important;
		margin: 0 0 12px 0 !important;
	}

	.number li:nth-child(4) input {
		float: none !important;
		width: 100% !important;
	}

	.advantage p {
		width: 100% !important;
	}

	.b_m img {
		width: 100% !important;
	}

	.yanjiuyuan_top img,
	.yanjiuyuan_top div {
		float: none !important;
		width: 100% !important;
	}

	.jlintro {
		width: 100% !important;
	}

	.first img {
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 0 12px 0 !important;
	}

	/* .second 是固定 400px 高的设计区块，三张图必须等比缩小并排，堆叠会溢出压住下一节 */
	.second .imgView {
		flex-wrap: nowrap !important;
	}

	.second .imgView img {
		flex: 0 1 auto !important;
		width: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		margin: 0 4px !important;
	}

	.banner1,
	.downwrap,
	.w_back {
		position: static !important;
		width: 100% !important;
		margin-left: 0 !important;
		left: auto !important;
		top: auto !important;
	}

	/* .qzlogo/.qzdown 是 logo 与下载按钮（自然尺寸 81x91 / 96x95），
	   只解除绝对定位，不能加 width:100%（会放大 4 倍） */
	.qzlogo,
	.qzdown {
		position: static !important;
	}



	/* ---------- 15. 专题页 banner（subnav.html / single.css 的 rem 方案） ---------- */
	.back {
		padding: 24px 0 20px !important;
	}

	.centerbox {
		width: 100% !important;
	}

	.centerbox h2 {
		font-size: 20px !important;
		line-height: 1.6 !important;
		padding: 0 8px;
	}

	.buttons {
		height: auto !important;
		flex-wrap: wrap !important;
		margin-top: 24px !important;
	}

	.buttons div {
		width: 50% !important;
		height: auto !important;
		display: flex;
		justify-content: space-around;
		box-sizing: border-box;
	}

	.buttons div a {
		width: 46% !important;
	}

	.buttons div a:nth-child(2) {
		transform: none !important;
	}

	.buttons div a img {
		width: 100% !important;
		max-width: 62px;
	}

	.buttons div a p {
		font-size: 12px !important;
		line-height: 1.7 !important;
	}

	/* ---------- 16. shop.html 我们的优势 ---------- */
	.three .small {
		flex-wrap: wrap !important;
	}

	.three .bag {
		width: 45% !important;
		height: auto !important;
		margin: 0 2% 14px !important;
		padding-bottom: 18px;
		box-sizing: border-box;
	}

	.bag-one {
		font-size: 38px !important;
		line-height: 1.2 !important;
		margin-top: 18px !important;
	}

	.bag-one span {
		font-size: 13px !important;
	}

	.bag-two {
		font-size: 13px !important;
		line-height: 1.7 !important;
		margin-top: 12px !important;
	}

	.small > img {
		width: 100% !important;
	}

	/* ---------- 17. 表格：保留表格布局，容器内横向滚动 ---------- */
	.item_con_table {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	.item_con_table table {
		display: table !important;
		width: auto !important;
		min-width: 620px !important;
	}

	.item_con_table table th,
	.item_con_table table td {
		white-space: nowrap;
		padding: 8px 10px !important;
		font-size: 13px !important;
	}

	/* ---------- 18. 收银/验管类专题页（sheniu / jianyanguan） ---------- */
	/* 这些区块 width:100% + padding 且是 content-box，实际宽度超出容器 30px */
	[class*="cashier-"] {
		box-sizing: border-box !important;
	}

	/* ---------- 19. 固定高度区块改自适应 ---------- */
	/* PC 端这些区块写死了 height（350~660px）。移动端文字换行更多、图片等比缩放，
	   内容撑高后溢出，会压住下一节。经交叉核对：这些类的高度只定义在各自的页面
	   CSS（purchase/booking/invoice/storage/deliver/outbase/sale/各主题 CSS）里，
	   common.css 与 index.css 均未定义，故不会波及未使用这些类的页面。 */
	.first,
	.second,
	.third,
	.fourth,
	.one,
	.two,
	.three,
	.fir,
	.sec,
	.thi,
	.i,
	.top,
	.middle,
	.bottom,
	.cont,
	.banner,
	.schemeView,
	.flex-b2,
	.flex-box2,
	.topItem,
	.topItem2,
	.middleItem,
	.bottomItem,
	.bottomItem2,
	.w_back {
		height: auto !important;
	}

	/* ---------- 20. 页脚链接点击热区 ---------- */
	/* 实测仅 8x16px，手指难以点中；用等量负 margin 抵消 padding 对布局的影响 */
	.footdown span a {
		display: inline-block !important;
		padding: 10px 8px !important;
		margin: -10px -8px !important;
	}

	/* ---------- 21. 智能票务 /software/piaowu/（PDF 预览页） ---------- */
	/* 该页是 17MB 的 PDF 预览，左侧栏在手机上会挤压正文，直接隐藏并让容器归位。
	   这几条原本内联在 piaowuppt.html 里，移到这里后模板只需加两行短引用 */
	#sidebar {
		display: none !important;
	}

	#page-container {
		left: 0 !important;
		position: static !important;
	}

	/* ---------- 22. 单据类页面的「左栏 | 图 | 右栏」横排 ---------- */
	/* .flex-b / .flex-b2 / .flex-box2 在 PC 是三列一行。移动端若不换行，三列被挤在
	   375px 里：文字窄到每行一两个字、整行被撑到几千像素高（实测 purchase 页 2310px），
	   中间的图片还会被 align-items:stretch 拉伸成 147x2022 的窄条。必须换行堆叠。 */
	.flex-b,
	.flex-b2,
	.flex-box2 {
		flex-wrap: wrap !important;
		align-items: flex-start !important;
	}

	/* 左右两栏都要给全宽：第 14 节的全宽列表里有 .left 却漏了 .right，
	   导致 .right 保持 PC 的 width:25%（实测只有 82px 宽），文字被挤成竖排 */
	.flex-b .left,
	.flex-b .right,
	.flex-b2 .left2,
	.flex-b2 .right2,
	.flex-box2 .left,
	.flex-box2 .right {
		width: 100% !important;
		box-sizing: border-box;
	}

	.flex-b > img,
	.flex-b2 > img,
	.flex-box2 > img {
		width: auto !important;
		max-width: 88% !important;
		margin: 14px auto !important;
	}

	/* 这几个是 PC 的 100x100 圆形图标：第 13 节改成了 width:100%（会变椭圆），
	   第 19 节的 height:auto 也会把它撑高，这里恢复成正方形并压紧间距 */
	.flex-box2 .top,
	.flex-box2 .bottom,
	.flex-b2 .up,
	.flex-b2 .down {
		width: 100px !important;
		height: 100px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.flex-box2 .bottom,
	.flex-b2 .down {
		margin-top: 16px !important;
	}

	/* ---------- 23. 收尾：PC 的 flex 横排在窄屏下被挤扁 ---------- */
	/* 这些区块在 PC 上是「左栏 | 图/内容 | 右栏」的 flex 横排：容器按比例缩窄
	   （60%~90%）、子项是固定像素或百分比、且不换行。窄屏下它们挤到每行一两个字、
	   整段被撑到上千像素高（实测 booking 的 .right 只剩 40px 宽、
	   crm 的右栏标题只剩 114px 宽、vendingmachine 的 .itemView 只剩 56px）。
	   统一处理：容器满宽 + 允许换行 + 每一栏各占一行。 */
	.small,
	.four_k,
	.back2,
	.back3,
	.flex-box,
	.schemeView .itemBackView {
		flex-wrap: wrap !important;
		width: 100% !important;
	}

	.small > *,
	.four_k > *,
	.back2 > *,
	.back3 > *,
	.flex-box > * {
		width: 100% !important;
		box-sizing: border-box;
	}

	/* 左右栏在 PC 上带 35px 左右外边距，满宽后会顶出屏幕，改auto居中 */
	.back2 .left,
	.back2 .right,
	.back3 .left,
	.back3 .right {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/* 这几个容器的直接子图：别被拉伸，居中显示 */
	.small > img,
	.back2 > img,
	.back3 > img,
	.flex-box > img,
	.flex-box .im {
		width: auto !important;
		max-width: 88% !important;
		margin: 14px auto !important;
	}

	/* 智能贩售机的 4 个方案：PC 是 60% 容器里各占 25%，窄屏改成两列 */
	.schemeView .itemBackView .itemView {
		width: 48% !important;
	}

	/* 智能贩售机的 .system：图片 + 文字左右并排，.textView 还带 margin-left:-50px
	   去叠图片；窄屏下文字只剩 100px 宽。改成上下堆叠 */
	.system {
		flex-wrap: wrap !important;
		height: auto !important;
	}

	/* PC 是 margin:auto + margin-right:-50px，负右边距腾出的空间会被
	   margin-left:auto 吃成 50px，把图推右越界；必须一并清掉 margin */
	.system img {
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
	}

	.system .textView {
		width: 100% !important;
		margin: 14px auto 0 !important;
	}
}