/*   css 基础样式
 =============================================== */
html{
	font-size:16px;
}

body{font-size:16px;font-family:Verdana; color:#333;background:#fff; overflow-y:scroll;}


.main{max-width:1200px;margin:0 auto;padding:0;border:solid 1px #0099FF; border-radius: 4px;}
.client{
	width:100%;
	margin:0;
	padding:0;
	text-align: center;
}
.banner {
    width: 100%;       /* 让 banner 容器撑满其父级宽度*/
    overflow: hidden;  /* 防止图片溢出 */
}

.banner img {
    width: 100%;       /* 图片宽度撑满父容器（即 .banner） */
    height: auto;      /* 高度自动按比例缩放，防止变形 */
    display: block;    /* 避免图片下方出现间隙（inline 元素默认有间隙） */
}
.img {
    max-width: 90%;
	width:90%;
    height: auto;
	display: block;
	margin: 0 auto;
}
.face {
	width:50px;
	height:auto;
}
.clear_v{clear: both;  height:1px; visibility: hidden;}


/*a link ɫ*/
a{text-decoration:none;color:#333333;}


/*btn*/

.btn_normal,.btn_hl,.btn_gray{
	background-color: white;
    border: solid 1px #09f;
    color: #06c;
    padding: 4px 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  	font-size: 1rem;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s;
}
.btn_hl{color:#f00; }
.btn_gray{
	color:gray;
	cursor: not-allowed; 
}
/*form*/
textarea,input,select{font:1rem Arial;padding:1px 3px 0 3px;vertical-align:middle;margin:1px ;}
input{width:200px;}
select{border:solid 1px #d7e6f2;color:#990033}

.point{cursor:pointer}


table, figure { page-break-inside: avoid; }
/*table*/


.hc,.hl,.printHc{border-bottom:1px solid #a9d5e9;color:#006699;padding:2px .5em 0; line-height:2em;}
.printHl{color:#006699;padding:2px .5em 0; line-height:2em;text-align:left}
.printHc{text-align:center}
.nextPage{page-break-after: always;}
.printTd{border:solid#000 1px;}
.printT{border-collapse:collapse;border:none;word-break:break-all;}
.hc{text-align:center;background:#e1f2fa;}

.hl{text-align: left;}
.hc span{font-weight:normal;margin:0;color:#ff0000;}


/*table /
th,td{overflow:hidden;}
.p {cursor:pointer;}

.emaptd {position:relative;width:32px;height:32px;}


.pageNav{padding:1px 5px;text-align:center;display:inline-block;border:2px solid #395;font-size:24px;cursor:pointer}

ul{list-style:none;color:#8343f3;padding:0;margin:5px; line-height:24px;cursor:pointer;}
/* ==============================================
   表格样式
   ============================================== */

.tab_th{
	 background-color: #f9f9f9;
    font-weight: bold;
    text-align: center;
}
.artList {
	
	overflow-y: auto;
}
.artList table {
    width: 100%;
    border-collapse: collapse;
    margin: 5px 0;
    color:  #004a7c;
}

.artList table th {
    background-color: #f9f9f9;
    font-weight: bold;
    text-align: center;
}

.artList table th,
.artList table td {
    padding: 5px 5px;
    border: 1px solid #e0e0e0;
	text-align: center;
}

.artList table td.left-align {
    text-align: left !important;
}

.artList table tr:nth-child(even) {
    background-color: #f9f9f9;
}

.artList table tr:nth-child(odd) {
    background-color: white;
}

.artList table tr:not(th):hover {
    background-color: #f0f7ff;
    transition: background-color 0.2s;
    cursor: pointer;
}


.artList table tr.selected  {
    background-color: #bae7ff  !important; /* 浅蓝底色 */
    color: #004a7c !important; /* 深蓝文字（与你的表格默认文字色呼应） */
    border-left: 3px solid #1890ff; /* 左侧高亮边框，增强辨识度 */
}

.artList table td.selected  {
    background-color: #bae7ff  !important; /* 浅蓝底色 */
    color: #004a7c !important; /* 深蓝文字（与你的表格默认文字色呼应） */
    border-left: 3px solid #1890ff; /* 左侧高亮边框，增强辨识度 */
}
.box{
	height:550px;
}

/*首页文章列表*/
.container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
    max-width: 100%;
	font-size: 16px;
    margin: 0 auto;
}




/* ==============================================
   分类列表样式
   ============================================== */
.cateClass {
    margin-bottom: 8px;
    border-radius: 8px;
    overflow: hidden;
	font-size: 16px;
}

.cateClass > ul {
    list-style: none;
    padding: 0;
    color: #004a7c;
    margin: 0;

    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 2px;
    background-color: white;
}

.cateClass > ul:first-of-type {
    background-color: #d1e9f6;
}

.cateClass > ul:not(:first-of-type):nth-child(even) {
    background-color: #f9f9f9;
}

.cateClass > ul:not(:first-of-type):nth-child(odd) {
    background-color: #f0f7ff;
}

.cateClass > ul:not(:first-of-type) > li:nth-child(2) {
    color: #8b5cf6;
  
    background-color: #f9fafb;
    padding: 2px 2px;
    border-radius: 4px;
    text-align: right;
}

.cateClass > ul.selected {
    background-color:  #d9edf7 !important;
    color: #31708f;
    font-weight: bold;
}

.cateClass > ul:not(:first-of-type):hover {
    cursor: pointer;
    background-color: #e6f2ff !important;
}



/*art*/
.artTitle{
	font-size: 2rem;
	color:blue;
	text-align:center;
	padding: 4px;
	line-height: 40px;
}
.artContent{
	border:#09f 1px solid;
	text-indent:2em;
	text-align:left;
	line-height:2em;
	color:#066;
	border-radius: 4px;
}
.tmsg{
	margin: 0 auto;
	display :table;
	width:80%;
	border:#09f 1px solid;
	border-radius: 4px;
}
.alertmsg {
	text-align: center;
	color: red;
	font-size: 12px;
}
.foot{
	font-size:12px;
}

.input {
    width: 100%;            /* 宽度撑满父容器 */
    box-sizing: border-box; /* 关键！避免 padding 导致溢出 */
    padding: 10px;
   
    border: 1px solid #ccc;
    border-radius: 4px;
}
/*数字校园分2栏*/

.sz_school{
	display: flex;
	min-height: 70vh;
}


.l_menu,.r_content,.sz_menu,.sz_content{line-height:20px;}
.l_menu{
	flex:1;width: 0;
	 min-width: 0; /* 兼容部分浏览器 */
	text-align:center;
	border:#09f 1px solid;
	border-left-width: 0;
	
}
.l_menu ul{
	list-style: none;
    padding: 0;
    color: #004a7c;
    margin: 5px;
	border:#09f 1px solid;
	line-height: 2em;
	border-radius: 4px;
	cursor:pointer
}
.r_content{
	flex:9;
	width: 0; 
    min-width: 0;
	text-align:left;
	border:#09f 1px solid;
	border-right-width: 0;
	
}
.sz_menu{
	flex:1.5; /* 避免内容撑开宽度，优先按 flex 比例分配 */
    min-width: 0; /* 兼容部分浏览器 */
	text-align:left;
	border:#666 1px solid;
	border-left-width: 0;
}
.sz_menu ul{
	list-style: none;
	padding-left: 5px;
	cursor:pointer
}
.sz_content{
	flex:8.5;
	padding: 24px;
	min-width: 0;
    overflow: hidden; /* 避免内部内容溢出影响布局 */
	text-align:left;
	border:#666 1px solid;
	border-right-width: 0
}


/*color*/
.red {color:red;}
.blue {color:blue;}
.purple{color:purple;}
.green{color:green;}
.grey {color:#999999}

.active {
    color: var(--active-color);
    font-weight: bold;
}
.classKcb{
	font-size:12px;
	vertical-align:top;
	border:#666 1px solid;
}
.classKcb table{
	border-collapse: collapse;
	
}

/*课表编制时用*/
.ptr{border:#666 1px solid;color:#000;padding:2px .5em 0;line-height:2em;text-align:center;background:#fff;font-size:12px}
.ptd{width:132px}
.pth{border-bottom:1px solid #000;color:#000;padding:2px .5em 0;line-height:2em;text-align:center;background:#fff;font-size:12px}

.tr_green,.tr_red,.tr_orange,.tr_blue{background: #ccffff;text-align:left;border-bottom:2px dotted  #000099;border-right:2px solid #f2f9ff;}
.tr_red{color:red}
.tr_green{color:green}
.tr_blue{color:blue}
.tr_orange{color:orange}
.tr_blank{background:#fff;color:green}

.selectItem{
	background-color:#60a5fa;
}

.box{border:#333321 1px solid;padding:5px}

.box table {
    width: 100%;
    border-collapse: collapse;
    margin: 5px 0;
    color:  #004a7c;
}

.box table th {
    background-color: #f9f9f9;
    font-weight: bold;
    text-align: center;
}

.box table th,
.box table td {
    padding: 5px 5px;
    border: 1px solid #000;
	text-align: center;
}




/* 屏幕显示样式 */
#divPrint {
    text-align: center;
    width: 98%;
   	 padding: 5px 5px;
    border: 1px solid #000;
	
    border: 2px solid #000;
    margin: 20px auto; /* 屏幕上居中显示 */
}

	/* 打印专用样式 */
@media print {
		/* 清除页面默认边距 */
		@page {
			margin:0; /* 去除默认页边距，避免内容被裁剪 */
			size: A4; /* 指定A4纸张尺寸（宽×高） */
		}

		 /* 1. 隐藏页面所有元素 */
	  body * {
		visibility: hidden;
	  }

	  /* 2. 仅显示目标打印区域及其子元素 */
	  #divPrint, #divPrint * {
		visibility: visible;
	  }

	  /* 3. 关键：将打印区域定位到页面顶部，避免被其他元素占位导致的空白 */
	  #divPrint {
		position: absolute; /* 脱离文档流，不受其他元素影响 */
		left: 0;
		top: 0;
		width: 100%; /* 确保宽度适应打印页面 */
		padding: 20px; /* 增加内边距，避免内容贴边 */
		box-sizing: border-box; /* 内边距不影响总宽度 */
	  }

	 
    /* 强制打印背景和边框（部分浏览器需要） */
    * {
        -webkit-print-color-adjust: exact !important; /* Chrome/Safari */
        print-color-adjust: exact !important; /* Firefox/IE */
    }
}