/* 全局重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 职教：font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
/* font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;*/
body, html {
    width: 100%;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #f5f5f5;
    /* 移除默认的高度限制，允许页面自然延伸 */
    height: auto; 
    min-height: 100vh;
}

/* home画面  */
.m-home-container {
	padding: 0;
	margin: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	font-size: 10pt;
}

.m_home_page {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	/* min-height: 750px; */
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	z-index: 8;
	/*background: rgb(33,69,154);*/
}

.m_home_bln {
	width: calc(100% - 16px);
	margin: 8px;
	text-align: center;
}

.m_home_bln a {
	/* color: rgb(183,210,81); */
	color:rgb(18,43,143);
}

.m_home_cbox {
	display: flex;
}

.m_home_cbox-a {
	display: flexbox;
	display: none;
}

.m_home_yuan {
	width: 55pt;
	height: 55pt;
	background-color: #F0F2FD;
	margin: 0 auto;
	border-radius: 20pt;
	margin-top: 10pt;
	margin-bottom: 10pt;
	color: #000000;
}

.m_home_yuan-icon {
	background: url('../img/icon/dahuijieshao.png') no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
}

.m_home_icon_dahuijieshao {
	background: url('../img/icon/dahuijieshao.png') no-repeat;
	background-position: 50%;
}

.m_home_icon_dahuiyicheng {
	background: url('../img/icon/dahuiyicheng.png') no-repeat;
	background-position: 50%;
}

.m_home_icon_canhuibaoming {
	background: url('../img/icon/canhuibaoming.png') no-repeat;
	background-position: 50%;
}

.m_home_icon_gongxupipei {
	background: url('../img/icon/gongxupipei.png') no-repeat;
	background-position: 50%;
}

.m_home_icon_fujianshangchuan {
	background: url('../img/icon/fujianshangchuan.png') no-repeat;
	background-position: 50%;
}

.m_home_icon_zhaopianzhibo {
	background: url('../img/icon/zhaopianzhibo.png') no-repeat;
	background-position: 50%;
}

.m_home_icon_jiaofeizhifu {
	background: url('../img/icon/jiaofeizhifu.png') no-repeat;
	background-position: 50%;
}

.m_home_icon_wenjianxiazai {
	background: url('../img/icon/wenjianxiazai.png') no-repeat;
	background-position: 50%;
}

.m_home_icon_yonghudenglu {
	background: url('../img/icon/yonghudenglu.png') no-repeat;
	background-position: 50%;
}

.m_home_icon_fapiaochuli {
	background: url('../img/icon/fapiaochuli.png') no-repeat;
	background-position: 50%;
}

.m_home_icon_jishumenzhen {
	background: url('../img/icon/jishumenzhen.png') no-repeat;
	background-position: 50%;
}

.m_home_icon_houqinfuwu {
	background: url('../img/icon/houqinfuwu.png') no-repeat;
	background-position: 50%;
}

.m_home_icon_changjianwenti {
	background: url('../img/icon/changjianwenti.png') no-repeat;
	background-position: 50%;
}

.m_home_icon_lianxiwomen {
	background: url('../img/icon/lianxiwomen.png') no-repeat;
	background-position: 50%;
}






/*--Home画面 end--*/

/* --- 主框架布局 (auth-frame.jsp) --- */
.m-main-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* 高度由内容决定，不强制100vh，允许无限向下延伸 */
    min-height: 100vh; 
}

/* 上部：宣传图片区域 */
.m-banner-section {
    width: 100%;
    background: #fff;
    overflow: hidden;
    flex-shrink: 0; /* 防止被压缩 */
}

.m-banner-img {
    width: 100%;      /* 关键：宽度100%自适应手机屏幕 */
    height: auto;     /* 关键：高度自动，保持原图比例 */
    display: block;
    object-fit: cover;
}

/* 下部：Iframe 容器 */
.m-iframe-wrapper {
    width: 100%;
    /* 高度不限制，由内部内容或浏览器默认行为决定 */
    background-color: #f5f5f5;
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: flex-start; /* 顶部对齐 */
    padding: 15px;
}

/* Iframe 样式 */
#m-contentFrame {
    width: 100%;
    max-width: 480px; /* 在大屏手机上限制最大宽度，保持美观 */
    /* 高度设置为一个较大的初始值，或者由JS动态调整，这里设为auto让浏览器处理 */
	height:auto;
	min-height:100vh;
    border: none;
    background: #fff;
    /* 允许内部滚动，因为外部不限制高度，内部如果有长内容可以自行滚动   */
    overflow-y: auto;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}