/* 金业皮肤公共布局修正 */

/*
 * 原站 .menu2_side.ind { top:129px } 是给「公告在 header 内」用的。
 * 公共头不含公告，header 高度约 100px；若仍用 129px 会在导航与二级菜单间留出空隙，
 * 鼠标下移经过空隙时 hover 断开，二级菜单立刻隐藏。
 */
header .menu2_side {
	top: 100px;
}

/* 透明桥接，防止 1px 级缝隙导致 hover 丢失 */
header .menu2_side::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -10px;
	height: 10px;
}

/* 内页移动端顶栏：用 px，避免 /trading rem 根字号把左右按钮撑爆叠字 */
.m-top-subnav {
	position: relative;
	height: 48px;
	line-height: 48px;
	font-size: 17px !important;
	text-align: center;
	color: #ac9b67;
	background: #fff;
	box-sizing: border-box;
	padding: 0 48px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.m-top-subnav .left,
.m-top-subnav .right {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 48px !important;
	min-width: 48px !important;
	height: 48px !important;
	line-height: 48px !important;
	padding: 0 !important;
	margin: 0 !important;
	box-sizing: border-box;
	display: flex !important;
	align-items: center;
	justify-content: center;
	z-index: 2;
	font-size: 22px !important;
}
.m-top-subnav .left {
	left: 0;
}
.m-top-subnav .right {
	right: 0;
}
.m-top-subnav .left i,
.m-top-subnav .right i {
	pointer-events: none;
	font-size: 22px !important;
	line-height: 1 !important;
}
.m-top-subnav .right a {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #ac9b67;
	text-decoration: none;
}

/* 大事记时间轴：仅展示，不可点击 */
.time-line .item .art-list li a {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: inherit;
}

/* 移动端头部：周年标勿盖住右侧用户/菜单 */
.m header .header-nav {
	position: relative;
	overflow: hidden;
}
/* 移动端顶部导航（logo + 用户/菜单）仅首页显示；body 自身带 class m */
body.m:not(.gold-page-home) > header {
	display: none !important;
}
body.m:not(.gold-page-home) > header .header-nav {
	display: none !important;
}
.m header .logo {
	max-width: calc(100% - 96px);
	overflow: hidden;
}
.m header .logo a {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
}
/* 后台配置 Logo：固定宽高，contain 防变形 */
header .logo a img.gold-site-logo,
header .logo a img:first-child.gold-site-logo {
	display: block;
	width: 160px !important;
	height: 50px !important;
	max-width: 160px !important;
	max-height: 50px !important;
	margin: 5px 15px 0 0 !important;
	object-fit: contain;
	object-position: left center;
	vertical-align: middle;
}
.m header .logo a img.gold-site-logo,
.m header .logo a img:first-child.gold-site-logo {
	width: 120px !important;
	height: 40px !important;
	max-width: 120px !important;
	max-height: 40px !important;
	margin: 0 8px 0 0 !important;
}
.m header .logo a img:first-child {
	height: 40px !important;
	max-height: 40px !important;
	width: auto !important;
	margin: 0 8px 0 0 !important;
}
.m header .logo a img.s11th-img,
.m header .logo a img:last-child {
	position: static !important;
	transform: none !important;
	height: 36px !important;
	max-height: 36px !important;
	width: auto !important;
	margin: 0 !important;
	flex-shrink: 1;
}
.m header .m-nav {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 20;
	margin: 0 !important;
	font-size: 22px !important;
	line-height: 1 !important;
	white-space: nowrap;
}
.m header .m-nav a {
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px !important;
	color: #ac8b2e;
}

/* PC 头部语言切换 */
.right-menu .language {
	position: relative;
}
.right-menu .language-box[hidden] {
	display: none !important;
}
.right-menu .language-box:not([hidden]) {
	display: block !important;
	height: auto;
	padding: 0;
	margin: 0;
}
.right-menu .language-box .pc-lang-opt.is-active {
	background: #bba057;
	color: #fff;
}

/* 移动端顶部：语言下拉选择 */
.m header .m-nav .m-lang-select {
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	height: 28px;
	padding: 0 6px;
	border: 1px solid #ac8b2e;
	border-radius: 4px;
	background: #fff;
	color: #ac8b2e;
	font-size: 13px;
	line-height: 26px;
	outline: none;
	-webkit-appearance: menulist;
	appearance: menulist;
}

/* 移动端隐藏底部 copyright */
.m .copyright {
	display: none !important;
}

/* 移动端底栏：仅首页 /trading /user/index 显示
 * 注意：
 * 1) .m .m-show { display:block !important } 会盖掉普通 flex，必须加 !important
 * 2) /trading 页会改 html 根字号，底栏尺寸一律用 px，避免 rem/em 被放大
 */
.m .m-btm-nav.gold-m-btm-nav,
.m .m-btm-nav.gold-m-btm-nav.m-show {
	display: none !important;
}
.m.gold-page-home .m-btm-nav.gold-m-btm-nav,
.m.gold-page-home .m-btm-nav.gold-m-btm-nav.m-show,
.m.gold-page-trading .m-btm-nav.gold-m-btm-nav,
.m.gold-page-trading .m-btm-nav.gold-m-btm-nav.m-show,
.m.gold-user-home .m-btm-nav.gold-m-btm-nav,
.m.gold-user-home .m-btm-nav.gold-m-btm-nav.m-show {
	display: flex !important;
	flex-direction: row !important;
	align-items: stretch !important;
	justify-content: space-around !important;
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	width: 100% !important;
	height: 54px !important;
	min-height: 54px !important;
	max-height: none !important;
	padding: 6px 0 !important;
	padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)) !important;
	box-sizing: border-box !important;
	background: #fff !important;
	background-image: none !important;
	border-top: 1px solid #eee4cc !important;
	box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.04) !important;
	z-index: 100 !important;
	font-size: 12px !important;
}
.m .m-btm-nav.gold-m-btm-nav .nav-item {
	float: none !important;
	width: 25% !important;
	flex: 1 1 25% !important;
	max-width: 25% !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: center !important;
	font-size: 11px !important;
	line-height: 1.2 !important;
	color: #888 !important;
	position: relative !important;
}
.m .m-btm-nav.gold-m-btm-nav .nav-item a {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 3px !important;
	height: 100% !important;
	padding: 0 4px !important;
	color: inherit !important;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
}
.m .m-btm-nav.gold-m-btm-nav .nav-item i {
	display: block !important;
	width: 22px !important;
	height: 22px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	background: none !important;
	font-size: 20px !important;
	line-height: 22px !important;
	color: #b0a07a !important;
	text-align: center !important;
}
.m .m-btm-nav.gold-m-btm-nav .nav-item p {
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1.2 !important;
	font-size: 11px !important;
	font-weight: 400 !important;
	white-space: nowrap !important;
}
.m .m-btm-nav.gold-m-btm-nav .nav-item.on,
.m .m-btm-nav.gold-m-btm-nav .nav-item:hover {
	color: #ac8b2e !important;
}
.m .m-btm-nav.gold-m-btm-nav .nav-item.on i,
.m .m-btm-nav.gold-m-btm-nav .nav-item:hover i {
	color: #ac8b2e !important;
	background: none !important;
}
/* 抵消 trading/css.css 对底栏/页脚的 em 撑高；仅有底栏的页面留出高度 */
.m footer.index-footer {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}
.m.gold-page-home footer.index-footer,
.m.gold-page-trading footer.index-footer,
.m.gold-user-home footer.index-footer {
	padding-bottom: 60px !important;
}

/*
 * 实金交易移动稿：中文卡片原为固定 height:6.5rem，rem 生效后正文易溢出。
 * 下单按钮：原 CSS 用 :first-child / :last-child；
 * 仅 1 个按钮时两者同时命中，宽度被压成 4.3rem，「立即购买」溢出。
 */
@media (max-width: 1200px) {
	.gold-page .part2 .gold-list div {
		height: auto !important;
		min-height: 6.5rem;
		padding-bottom: 0.8rem;
		box-sizing: border-box;
		overflow: visible;
	}

	.ordering-zone .shopping-zone .order-button a {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		background-size: 100% 100% !important;
		letter-spacing: 0;
		font-size: 0.55rem;
	}

	/* 只有立即购买：用购买钮尺寸，不要吃到「我的订单」的 last-child 窄宽 */
	.ordering-zone .shopping-zone .order-button a:only-child,
	.ordering-zone .shopping-zone .order-button a.btn2:only-child {
		width: 6rem !important;
		height: 1.8rem !important;
		line-height: 1.8rem !important;
		float: none !important;
		margin: 0 auto !important;
	}

	/* 两个按钮时：购买 / 订单各用各的宽，不用 first/last 互踩 */
	.ordering-zone .shopping-zone .order-button a.btn2:not(:only-child) {
		width: 6rem !important;
		height: 1.53rem !important;
		line-height: 1.53rem !important;
		float: right !important;
		margin: 0 !important;
	}
	.ordering-zone .shopping-zone .order-button a.btn3 {
		width: 4.3rem !important;
		height: 1.53rem !important;
		line-height: 1.53rem !important;
		float: none !important;
	}

	.gold-page .btn1,
	.gold-page .part1 .btn2 {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		line-height: 1.8rem !important;
		box-sizing: border-box;
	}
}