/* ==========================================================================
   基础重置样式
   ========================================================================== */

* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	vertical-align: top;
}

html {
	font-size: 40px;
}

body {
	background-color: #fff;
}

/* ==========================================================================
   布局容器
   ========================================================================== */

.container {
	/* max-width: 1200px; */
	margin: 0 auto;
}

.detail,
.header,
.footer {
	position: relative;
	width: 100%;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
}

.goods-img {
	width: 100%;
	height: auto;
}

/* ==========================================================================
   头部导航
   ========================================================================== */

/* 热区容器 */
.header .hotspots {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

/* 热区基础样式 */
.header .hotspot {
	position: absolute;
	display: block;
	pointer-events: auto;
	cursor: pointer;
	/* 调试时可取消注释查看热区位置 */
	/* background-color: rgba(255, 0, 0, 0.3); */
}

/* Logo 热区 - 左上角位置 */
/* 使用百分比定位，确保随图片等比例缩放 */
/* 转换公式：设计稿px值 / 设计稿尺寸 * 100 = 百分比 */
/* 设计稿：1920 x 800 (宽 x 高，高度需根据实际图片调整) */
.header .logo-hotspot {
	top: 2.05%;         /* 30px / 800 */
	left: 10.42%;       /* 200px / 1920 */ 
	width: 17.55%;      /* 337px / 1920 */
	height: 9%;         /* 约72px / 800，根据实际调整 */
}

/* 下载中心热区 - 右上角位置 */
/* 使用百分比定位，确保随图片等比例缩放 */
.header .download-hotspot {
	top: 4.25%;         /* 30px / 800 */
	right: 10.42%;        /* 200px / 1920，与logo左边距对称 */ 
	width: 7.69%;         /* 90px / 1920 */  
	height: 4.63%;        /* 61px / 800 */ 
}

.header .menu {
	display: flex;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	list-style: none;
}

.menu .tab {
	height: 100%;
	color: #fafafa;
	text-decoration: none;
}

.menu .tab:nth-of-type(1) {
	flex-grow: 1.2;
}

.menu .tab:nth-of-type(2) {
	flex-grow: 1.1;
	cursor: pointer;
}

.menu .tab:nth-of-type(3) {
	flex-grow: 1.6;
	cursor: pointer;
}

.menu .tab:nth-of-type(4) {
	flex-grow: 0.8;
}

/* ==========================================================================
   页脚区域
   ========================================================================== */

.footer .txt {
	font-size: 0.414rem;
	color: transparent;
}

.footer .icp,
.footer .protocal {
	display: flex;
	position: absolute;
	line-height: 1;
}

.footer .icp {
	right: 10.43rem;
	bottom: 1.59rem;
}

.footer .protocal {
	right: 8.77rem;
	bottom: 2.41rem;
	width: 9rem;
	justify-content: space-between;
}

.footer .txt a {
	color: inherit;
	text-decoration: none;
	cursor: pointer;
}

/* ==========================================================================
   许可证页面
   ========================================================================== */

.license-title {
	margin: 1.25rem 0 0;
	font-size: 1.15rem;
	text-align: center;
}

.license-img {
	display: block;
	width: 60%;
	height: auto;
	margin: 0 auto 1.25rem;
}