@charset "utf-8";
/* ============================================================
   南京市石杨路幼儿园（sylyey）旧版风格 —— PowerEasy CMS 元素适配样式
   说明：old/css/css.css 为线上旧站原样保留，本文件负责：
   1) 把动易 CMS 渲染出来的通用元素（导航、面包屑、分页、列表、内容页等）融入旧版视觉；
   2) 对旧版拼贴式布局做稳健化处理（内容由 CMS 动态输出，容器高度不再写死）。
   主题色：#ca368e（玫红）、#fc737d（导航按钮粉）、#fb7985（区块标题粉）
   ============================================================ */

/* ---------- 布局稳健化：背景画布与主容器 ---------- */
.bodytop { height: 400px; }
.bodybot { background-repeat: repeat-y; }
.bodybot .main {   overflow: hidden;   }

/* ---------- 顶部导航（节点导航组件输出 ul.mainNav） ---------- */
.nav ul { list-style: none; margin: 0; padding: 0; }
.nav ul li { float: left; font-size: 20px; margin-right: 18px; padding: 0; background: none; border-radius: 0; }
.nav ul li a { display: block; padding: 10px 22px; color: #fff; background: #fc737d; border-radius: 5px; }
.nav ul li a:hover { background: #ca368e; text-decoration: none; }
.nav ul li.on a { background: #ca368e; }
.nav ul li.spe { display: none; }
/* 顶栏 .nav 容器：清除 base 主题的白底与固定高度，导航按钮直接浮于顶部大图之上 */
.nav { background: transparent; height: auto; margin-bottom: 0; }

/* ---------- 首页：焦点图（文章焦点图分部输出 .bd ul li） ---------- */
.turn .bd ul li { position: absolute; top: 0; left: 0; filter: alpha(opacity=0); opacity: 0; }
.turn .bd ul li.on { filter: alpha(opacity=100); opacity: 1; z-index: 1; }
.turn .bd ul li .pic { line-height: 0; }
.turn .bd ul li .pic a { display: block; }
.turn .bd ul li .pic a img { width: 374px; height: 214px; display: block; border: 0; }
/* 底部 40px 半透明黑色标题条：覆盖图片底部，条内展示该张图片对应的标题 */
.turn .bd ul li .con { position: absolute; left: 0; right: 0; bottom: 0; height: 40px; z-index: 2; background: rgba(0, 0, 0, 0.8); overflow: hidden; }
.turn .bd ul li .con .titleBg { display: none; }
.turn .bd ul li .con .title { display: block; height: 40px; line-height: 40px; margin: 0; font-size: 14px; font-weight: normal; overflow: hidden; }
.turn .bd ul li .con .title a.tit { display: block; color: #fff; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.turn .bd ul li .con .title a.tit:hover { color: #fc737d; text-decoration: none; }
.turn .bd ul li .con .date { display: none; }
.turn .hd { display: none; }
.turn-loading { width: 374px; height: 214px; position: absolute; z-index: 4; overflow: hidden; background: #202f42; }
.turn-loading img { width: 32px; height: 32px; margin: 91px 0 0 171px; }

/* ---------- 首页：新闻/家园共育/通知公告/每周食谱 列表 ---------- */
.active ul li { height: 26px; line-height: 26px; border-bottom: 1px dotted #000; overflow: hidden; }
.active ul li a { font-size: 12px; color: #000; }
.active ul li a:hover { color: #ca368e; }
.active ul li span { font-size: 12px; float: right; padding-left: 20px; }
.active ul li .date { float: right; }
.active ul li em { width: 19px; height: 26px; display: block; float: left; overflow: hidden; border-bottom: 1px solid #fff; padding-right: 5px; }

.parents ul li { height: 26px; line-height: 26px; border-bottom: 1px dashed #000; overflow: hidden; }
.parents ul li a { font-size: 12px; color: #000; }
.parents ul li a:hover { color: #ca368e; }
.parents ul li span { font-size: 12px; float: right; }

.wxtips .tzdetail li { line-height: 20px; border-bottom: 1px dashed #999; overflow: hidden; }
.wxtips .tzdetail li a { font-size: 12px; color: #000; }
.wxtips .tzdetail li a:hover { color: #ca368e; }
.wxtips .tzdetail li span { font-size: 12px; float: right; color: #111; margin-top: 3px; }
.wxtips .tzdetail li em { display: none; }

.flink ul li { line-height: 20px; border-bottom: 1px dashed #999; overflow: hidden; }
.flink ul li a { font-size: 12px; color: #000; }
.flink ul li a:hover { color: #ca368e; }
.flink ul li span { font-size: 12px; float: right; color: #111; margin-top: 3px; }
.flink ul li em { display: none; }

/* ---------- 首页：班级展示（#bjzs，数字竖排） ---------- */
.teacher ul li { width: 30px; float: left; padding: 40px 10px; position: relative; top: 10px; left: 60px; }
.teacher ul li a { color: #32332d; }
.teacher ul li a:hover { color: #ca368e; }
.teacher ul li em { font-size: 20px; font-style: normal; position: relative; left: -3px; display: block; }
.teacher ul li .date { display: none; }

/* ---------- 首页：班级主页（.banji 子栏目，a1-a9 图标） ---------- */
.banji ul li a { width: 180px; height: 50px; display: inline-block; line-height: 50px; }
.banji ul li a img { vertical-align: top; }
.banji ul li a span { color: #333; padding-left: 15px; }
.banji ul li a:hover span { color: #ca368e; }

/* ---------- 首页：书画天地跑马灯 ---------- */
.marquee li { display: inline; float: left; margin-right: 12px; height: 225px; }
.marquee li a { width: 230px; height: 225px; display: block; float: left; text-align: center; font-size: 14px; }
.marquee li a img { width: 280px; height: 225px; border: 0; }
.marquee li a:hover img { opacity: 0.85; }
.marquee li .title,
.marquee li .con,
.marquee li .titleBg { display: none; }

/* ---------- 内页：面包屑（位置导航） ---------- */
.weizhi { overflow: hidden; }
.weizhi em { font-style: normal; color: #363636; }
.weizhi a { font-size: 13px; color: #363636; margin: 0 3px; text-decoration: none; }
.weizhi a:hover { color: #ca368e; text-decoration: underline; }
.weizhi .split, .weizhi > span { color: #363636; }

/* ---------- 内页：左侧栏目菜单（菜单为纯文字，无背景图） ---------- */
.menu_box1 li a { color: #656565; display: block; background: #cacaca; width: 207px; height: 46px; }
.menu_box1 li a:hover { background: #ca368e; color: #fff; text-decoration: none; }
.menu_box1 li.on a { background: #ca368e; color: #fff; }

/* ---------- 内页：文章列表（.content_boxL_list） ---------- */
.content_boxL_list li { border-bottom: 1px dashed #d1d1d1; line-height: 45px; overflow: hidden; }
.content_boxL_list li a { padding-left: 30px; color: #656565; background: url(../images/info_icon2.png) no-repeat left center; }
.content_boxL_list li a:hover { color: #ca368e; text-decoration: underline; }
.content_boxL_list li .date { float: right; }
.content_boxL_list li em { display: none; }
.content_boxL_list li.noData { height: 60px; line-height: 60px; text-align: center; color: #999; border-bottom: none; background: none; padding-left: 0; }

/* ---------- 内页：通用分页（.pages） ---------- */
.pages { width: 100%; text-align: center; margin: 20px auto 40px; color: #848383; font-size: 14px; }
.pages a { display: inline-block; color: #848383; font-size: 14px; padding: 5px 14px; background: #e8e8e8; margin: 0 5px; text-decoration: none; }
.pages a:hover { color: #fff; background: #ca368e; text-decoration: none; }
.pages a.current { color: #fff; background: #ca368e; }
.pages a.disabled { color: #aaa; background: #f0f0f0; cursor: default; }
.pages a.disabled:hover { color: #aaa; background: #f0f0f0; }
.pages span.total, .pages span.select { color: #848383; margin: 0 8px; }
.pages .select select, .pages .select input { width: 45px; border: 1px solid #cacaca; }

/* ---------- 内页：一列式（子栏目块 loopBox） ---------- */
.loopBox { overflow: hidden; padding: 15px 0; border-bottom: 1px dashed #d1d1d1; }
.loopBox .loopTit { overflow: hidden; font-size: 18px; color: #363636; line-height: 40px; border-bottom: 2px solid #ca368e; margin-bottom: 5px; }
.loopBox .loopTit a { color: #ca368e; font-weight: bold; }
.loopBox .loopTit a:hover { text-decoration: underline; }
.loopBox .loopTit .more { float: right; font-size: 13px; color: #666; font-weight: normal; }
.loopBox .loopTit .more:hover { color: #ca368e; }
.loopBox .content_boxL_list { margin: 5px auto; }

/* ---------- 内页：内容页打印按钮 ---------- */
.dyBtn { color: #666; text-decoration: none; }
.dyBtn:hover { color: #ca368e; }

/* ---------- 内容页正文（动易 conTxt 输出段落/图片） ---------- */
.xqy_news_title { font-size: 24px; text-align: center; padding-bottom: 20px; padding-top: 30px; border-bottom: 1px dashed #d1d1d1; }
.xqy_news_title span { font-size: 12px; display: block; margin-top: 10px; color: #666666; }
.xqy_news_title span em { font-style: normal; margin: 0 8px; }
.content_boxL_text { margin: 0 auto 30px; overflow: hidden; }
.content_boxL_text p { text-indent: 2em; font: 14px/24px "微软雅黑"; color: #666666; margin: 30px 0; }
.content_boxL_text p.yewu_p { text-indent: 0em; font: 14px/24px "微软雅黑"; color: #666666; margin: 30px 0; }
.content_boxL_text p .yewu_title { font-weight: 600; }
.content_boxL_text img { max-width: 100%; height: auto; }
.content_boxL_text .news_xqy_pic { margin: 0 auto; display: block; }
.news_xqy_pic { margin: 0 auto; display: block; }
.content_boxL_text .conTxt { font: 14px/24px "微软雅黑"; color: #666666; }
.content_boxL_text .userControl { text-align: center; padding: 18px 0 10px; margin-top: 20px; border-top: 1px dashed #d1d1d1; }
.content_boxL_text .userControl a { color: #666; margin: 0 12px; text-decoration: none; }
.content_boxL_text .userControl a:hover { color: #ca368e; }
.content_boxL_text .tit h2 a { font-size: 13px; color: #666; }
.content_boxL_text .size a { color: #666; padding: 0 3px; }
.content_boxL_text .size a:hover { color: #ca368e; }
.content_boxL_text .property { text-align: center; font-size: 13px; color: #666; margin-bottom: 15px; }
.content_boxL_text .property span { margin: 0 12px; }

/* ---------- 内页：图片式列表（.pics 网格） ---------- */
.pics { float: left; margin: 20px 25px 0 25px; }
.pics img { width: 220px; height: 200px; display: block; margin: 0 auto; border: 1px solid #e6dcdc; padding: 3px; background: #fff; }
.pics p { margin: auto; text-indent: 0; text-align: center; padding: 10px; }
.pics a { color: #666; }
.pics a:hover { color: #ca368e; }
.pics li { list-style: none; }
.pics li .title { line-height: 26px; text-align: center; }
.pics li .title a { color: #666; }
.pics li .title a:hover { color: #ca368e; }
.pics li .date, .pics li em { display: none; }

/* ---------- 内页：图文混排列表（.mainrlis） ---------- */
.mainrlis { padding-top: 20px; overflow: hidden; }
.mainrlis li { list-style: none; }
.mainrlis .mainrimg { float: left; }
.mainrlis .mainrimg img { width: 148px; height: 107px; border: 0; }
.mainrlis .mainrlicon { width: 630px; float: right; }
.mainrlis .mainrlicon1 { padding-left: 10px; }
.mainrlis .lititle { font-size: 16px; margin-bottom: 10px; color: #3f3f42; }
.mainrlis .lititle a { color: #3f3f42; }
.mainrlis .lititle a:hover { color: #ca368e; }
.mainrlis .litxt { font-size: 14px; margin-bottom: 10px; color: #524d49; line-height: 22px; }
.mainrlis .limore { color: #7a838f; }
.mainrlis .limore a { color: #7a838f; }
.mainrlis .limore a:hover { color: #ca368e; }

/* ---------- 友情链接列表（linklist） ---------- */
.linklist ul { list-style: none; padding: 0; margin: 20px 0; overflow: hidden; }
.linklist li { width: 230px; float: left; height: 30px; line-height: 30px; padding-left: 25px; border-bottom: 1px dashed #d1d1d1; background: url(../images/info_icon2.png) no-repeat left center; margin-right: 30px; margin-bottom: 20px; overflow: hidden; }
.linklist a { color: #656565; }
.linklist a:hover { color: #ca368e; text-decoration: underline; }
.linklist li.noData { width: 100%; text-align: center; color: #999; border-bottom: none; background: none; padding-left: 0; }

/* ---------- 底部（footera） ---------- */
.footera { width: 100%; margin: 0 auto; clear: both; border-top: 2px solid #ca368e; padding-top: 20px; padding-bottom: 20px; background: #fbe9e9; }
.footera p { text-align: center; margin-bottom: 10px; }
.footera a { color: #000; }

/* ---------- 兼容：动易 base 样式对旧版布局的影响 ---------- */
.bodytop .maina,
.bodybot .main { font-family: "微软雅黑", "Microsoft YaHei", Arial, sans-serif; }
.maina .tips { color: #c9368e; width: 791px; height: 92px; line-height: 110px; text-align: center; font-size: 30px; background: url(../images/aa_06.png) no-repeat center; font-weight: bold; margin-top: 15px; margin-left: 66px; }

/* ---------- 无障碍阅读等弹出层在旧版布局上居中 ---------- */

/* ============================================================
   2026-09 版式调整：顶部/正文大图 cover 铺满全屏（去左右留白），
   内容容器统一 1200px 居中展示
   - 顶图内的 logo/导航簇保持原 1080 居中锚点（与放大后的画面
     中心对齐，错位最小），信箱/调查等模块页只共享顶图变化；
   - 首页正文容器、内页（文章/图片/单页/搜索等）内容区均为
     1200px 居中，保证拼贴/分栏构图不再随窗口拉散；
   - 内页分栏：左栏固定 207px，正文弹性铺满 1200px 内剩余宽度。
   ============================================================ */
.bodytop,
.bodybot { background-size: cover; }

/* 首页画布：正文容器 1200px 居中 */
.bodybot .main { width: 1200px; margin: 0 auto; }

/* 内页（文章/图片/单页/友情链接/搜索等）内容区 1200px 居中 */
body > .maina { width: 1200px; margin: 0 auto; }

/* 内页分栏：左栏（栏目菜单）保持 207px，右侧正文区占满 1200px 内剩余宽度 */
.mainr { float: none; width: auto; overflow: hidden; padding-left: 20px; }
.content_boxL { float: none; width: auto; overflow: hidden; }