body {
	margin: 0;
	background: url('../img/bj.jpg') no-repeat center center fixed;
	background-size: 100vw 100vh;
	overflow-x: hidden;
}

.flight {
	width: 100%;
	height: 100vh;
	overflow-y: auto;
}

.close_icon {
	float: right;
	position: fixed;
	right: 25px;
	top: 25px;
	z-index: 999;
}

.head {
	width: 100%;
	height: auto;
	margin-top: 8vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.head img {
	max-width: 90%;
	max-height: 100%;
	object-fit: contain;
}


/* 容器样式 */
.main_body {
    position: relative; /* 为按钮定位做基准 */
    text-align: center; /* 内容居中 */
    padding: 15px; /* 内边距 */
}

.main_body .hotel_name {
	font-size: 48px;
	margin: 20px auto;
	font-weight: bold;
	background: linear-gradient(to bottom, #fd963c, #fcda30); /* 蓝渐变 */
	-webkit-background-clip: text; /* Safari 兼容 */
	background-clip: text;
	color: transparent;
}

/* 图片自适应 */
.main_body img {
    width: 88vw; /* 占满容器宽度 */
    height: auto; /* 保持比例 */
    border-radius: 8px; /* 圆角优化 */
}

.hotel_cont {
    position: relative;
    display: inline-block;
    margin: 0 auto 5vh auto;
}

/* 导航按钮核心样式 */
.nav-btn {
    position: absolute; /* 固定在视口 */
    bottom: -50px; /* 距离底部 */
    right: 50px; /* 距离右侧 */
    width: 150px; /* 按钮大小（手机端舒适点击区） */
    height: 150px;
    border-radius: 50%; /* 圆形 */
    background: linear-gradient(135deg, #199eff, #4dc2ff); /* 蓝渐变背景 */
    box-shadow: 0 5px 15px rgba(0,0,0,0.2); /* 立体阴影 */
    display: flex;
    flex-direction: column; /* 图标+文字垂直排列 */
    justify-content: center;
    align-items: center;
    color: #fff; /* 文字颜色 */
    text-decoration: none; /* 清除链接下划线 */
    z-index: 9999; /* 确保在最上层 */
    transition: transform 0.3s; /* 点击反馈动画 */
}

/* 图标样式 */
.nav-btn i {
    font-size: 60px; /* 图标大小 */
    margin-bottom: 3px; /* 图标与文字间距 */
}

/* 文字样式 */
.nav-btn span {
    font-size: 24px; /* 文字大小 */
}

/* 悬停/点击反馈（手机端通过touch模拟） */
.nav-btn:active {
    transform: scale(0.95); /* 点击缩小反馈 */
    box-shadow: 0 3px 10px rgba(0,0,0,0.3); /* 阴影加深 */
}