@charset "UTF-8";
body {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #003366;
}

.header {
	color: black;
	padding: 1.5rem;
	text-align: center;
	min-width: 400px;
}

.content {
	padding: 1rem;
	max-width: 100%;
	margin: 0 auto;
}

.content-inner {
	padding: 1rem;
	border-radius: 8px;
}

.footer {
	color: black;
	padding: 1.5rem;
	text-align: center;
	margin-top: auto;
	z-index:2;
}

.container {
	max-width: 100%;
	margin: 0 auto;
	padding: 40px 40px;
}

.base-container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	max-width: 100%;
	margin: 0 auto;
}

.pdf-container{
	height: 1500px; 
	min-width: 1200px;
	background-color: #fff;
}

.index-boder{
	padding: 20px;
	margin: 20px 10px;
	background-color: #fff;
	border-radius: 15px;
	text-indent: 2em;
	font-size: 20px;
	color: #666;
	box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
	min-width: 400px;
	width: 50%
}

.phone-boder{
	padding: 20px;
	margin: 20px 10px;
	background-color: #fff;
	border-radius: 15px;
	font-size: 10px;
	color: #666;
	box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
}

.phone-container{
	height: 1200px; 
	margin: 0px 10px;
	background-color: #fff;
}

.phone_zoom-in {
	transform: scale(1.5);
	transform-origin: 0 0;
}

.site-container{
	height: 1500px; 
	margin: 0px 20px 60px 20px;
	background-color: #fff;
}

.database-info{
	margin: 0px 0px;
	text-align: left;
	text-indent: 2em;
}

.float-left {
	width: 50%;
	height: 100%;
	float: left;
	z-index:7;
}

.float-right {
	width: 50%;
	height: 100%;
	float: right;
	z-index:7;
}

.single-decore {
	position: fixed;
	top: 90px;
	left: 0;
	right: 0;
	bottom: -100px;
	background-repeat: no-repeat;
	background-position: center;
	z-index:-1;
}

/* 标题信息样式 */
.home-page {
	position: fixed;
	top: 35px;
	left: 50px;
	color: black;
	width: 50px;
	height: 50px;
	font-size: 20px;
	text-align: left;
	transition: all 0.2s ease;
	z-index:1;
}    

/* 导航按钮样式 */
.menu-btn {
	position: fixed;
	top: 27px;
	right: 40px;
	background-color: #ffffff;
	color: black;
	border: none;
	width: 50px;
	height: 50px;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.2s ease;
	z-index:1;
}
	
/* 导航菜单样式 */
.nav-menu {
	position: fixed;
	top: 80px;
	right: 20px;
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	padding: 15px;
	width: 250px;
	opacity: 0;
	transform: translateY(-10px);
	transition: all 0.2s ease;
	pointer-events: none;
	z-index:1;
}

.nav-menu.show {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.nav-menu a {
	display: block;
	color: #0066cc;
	text-decoration: none;
	padding: 8px 12px;
	margin: 4px 0;
	border-radius: 4px;
	transition: background-color 0.2s;
}

.nav-menu a:hover {
	background-color: #e6f2ff;
}

.dot-list::before {
	content: '\2022';
	font-size: 20px;
	color: #0066cc;
	margin-right: 5px;
}