/* ==========================================================================
   下载页面样式
   ========================================================================== */

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

* {
	margin: 0;
	padding: 0;
}

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

html {
	font-size: 40px;
}

body {
	background-color: #fff;
}

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

.container {
	margin: 0 auto;
}

.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: 7%;         /* 约72px / 800，根据实际调整 */
}

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

/* 立即下载按钮热区 - 图片中间位置 */
/* 使用百分比定位，确保随图片等比例缩放 */
/* 位置需要根据实际设计稿调整 */
.header .download-btn-hotspot {
	top: 40%;              /* 512px / 800，垂直位置 */ 
	left: 14%;             /* 480px / 1920，水平位置 */
	/* transform: translate(-50%, -50%); */
	width: 15.5%;          /* 240px / 1920，按钮宽度 */
	height: 7%;            /* 72px / 800，按钮高度 */
}

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

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

.footer .icp {
	display: flex;
	position: absolute;
	line-height: 1;
	right: 10.43rem;
	bottom: 1.59rem;
}

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