/* 可选的重置样式文件，用于清除浏览器默认样式，使页面在不同浏览器中表现一致。*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	/* 防止iOS横屏时字体放大 */
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.5;
	color: #333;
	background-color: #f7f7f7;
}

::-webkit-scrollbar {
	overflow: auto;
	/* 允许滚动 */
	display: none;
	/* 隐藏 Chrome/Safari 的滚动条 */
}

/* 移动端基础样式 (默认样式，适用于所有移动设备) */
.container {
	min-width: 320px;
	max-width: 750px;
	width: 100%;
	margin: 0 auto;
}

/* 列表 */
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #333;
}

a:active {
	color: #000;
}

/* 响应式图片 */
img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* 响应式表格 */
table {
	width: 100%;
	border-collapse: collapse;
}

/* 表单元素 */
input,
textarea,
select {
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 1rem;
}