* {
    margin: 0;
    padding: 0;
}
body{
	background-color: #F5F5F5;
}
/* 主体APP-VIEW */
.view-app {
    width: 100%;
    min-height: 100vh; /* 确保整个 .view-app 覆盖整个视窗 */
    box-sizing: border-box;
}

/* 主体框架 内嵌iframe */
.view-body {
    width: 100%;
    margin-bottom: 10vh; /* 为 .view-bottom 留出空间 */
}

/* 主题框架 底部 */
.view-bottom {
    width: 100%;
    background-color: #ddf1cd;
    height: 10vh; /* 主体内容占比 10% */
    position: fixed;
    bottom: 0;
}

/* 设置主体框架iframe */
.view-body iframe {
    width: 100%;
    height: 90vh; /* 假设 iframe 内容高度为 4 屏幕 */
	border: none;
	display: none;
}
/*底部按钮容器*/
.view-bottom .btn-tools{
	width: 100%;
	display: flex;
	justify-content: space-around; /* 子元素等间距排列 */
}
/* 主题框架 底部 */
.view-bottom {
    width: 100%;
    background-color: white;
    height: 10vh; /* 主体内容占比 10% */
    position: fixed;
    bottom: 0;
    display: flex;
    justify-content: space-around; /* 子元素等间距排列 */
	border-top: 1px solid #ccc;
}
/* 底部按钮样式 */
.view-bottom .btn-tools div {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* 底部按钮图片 */
.view-bottom .btn-tools div img {
    width: 30px;
    height: 30px;
    margin-bottom: 5px; /* 图片和文本之间的间距 */
}
/* 底部按钮文字 */
.view-bottom .btn-tools div span {
    color: #bfbfbf;
    text-align: center;
}
/*View结束底部间距*/
.view-end{
	margin-bottom: 20px;
}
/*版权信息*/
.p-copyright{
	font-size: 14px;
	margin-top: 20px;
	text-align: center;
	color: #8f8f8f;
}