@charset "UTF-8";
/*
  南京市双塘小学(stxx) 站点样式 - 仿照 http://njstxx.njqhjy.net 线上环境还原
  源样式: 参考站点 css/common.css + css/index.css + css/list.css + css/content.css
*/

/* ===== 全局 ===== */
body { min-width: 1000px; color: #685957; font: 12px "宋体", Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0 auto; background: #ffffff; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, img, form, table, td, span, a { margin: 0; padding: 0; }
img, table { border: none; }
ul, li { list-style: none; }
a:link, a:visited { color: #000000; text-decoration: none; }
a:hover, a:active { color: #ff0000; text-decoration: none; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: bold; }
table { border: none; }
.clear { clear: both; }
.siteWidth { width: 1000px; margin: 0 auto; }
/* 默认模板模块页（信箱/问卷/投票/表单/图库等）无自带定宽内层：#content 通栏后，
   用 .contentWrap 给出与原版式一致的白色居中内容列，两侧露出站点装饰背景 */
.contentWrap { width: 1160px; margin: 0 auto 20px; padding: 15px 20px; background-color: #fff; }

/* ===== 顶部 header ===== */
#header {
    height: 223px;
    width: 100%;
    background: url(../img/top.jpg) no-repeat center;
    margin: 0 auto;
    position: relative;
}
#header .poetry {
    width: 1001px;
    height: 175px;
    margin: 0 auto;
    position: relative;
}
#header .siteTitle {
    position: absolute;
    left: 40px;
    top: 90px;
    font-size: 30px;
    font-family: "微软雅黑";
    color: #4f3108;
    font-weight: bold;
}
#header .siteTitle a { color: #4f3108; }
#header .siteTitle a:hover { color: #3c1000; }
#header .headerSearch { position: absolute; right: 20px; top: 100px; }
#header .headerSearch .s-form { position: static; width: 224px; height: 36px; background: #fff; }

/* ===== 导航 nav ===== */
.nav {
    width: 1000px;
    margin: 0 auto;
    background: url(../img/nav.jpg) no-repeat;
}
.nav .navMain_wrap { width: 1000px; height: 87px; }
.nav .navMain { height: 87px; overflow: hidden; }
.nav .navMain li { float: left; text-align: center; line-height: 30px; font-size: 13px; font-family: "微软雅黑"; color: #000; font-weight: bold; }
/* 第一行：首页 + 前7个栏目（共8项） */
.nav .navMain li:nth-child(-n+8) { padding: 13px 39px 0 34px; }
/* 第二行：后7个栏目 */
.nav .navMain li:nth-child(n+9) { padding: 7px 39px 0 35px; }
.nav .navMain li:nth-child(9) { clear: left; margin-left: 37px; }
.nav .navMain li h3 { font-weight: normal; }
.nav .navMain li a { color: #000; font-size: 13px; font-family: "微软雅黑"; font-weight: bold; }
.nav .navMain li a:hover { color: #3c1000; }

/* ===== 内容区 ===== */
#content {
    width: 100%;
    height: auto;
    background: url(../img/content_bg.jpg) no-repeat top;
    margin: 0 auto;
    padding: 0 0 30px 0;
}
#content .content_body { width: 1000px; height: auto; margin: 0 auto; }
#content .conent2 { width: 990px; height: auto; margin: 10px auto; }

/* ===== 首页 ===== */
/* 图片新闻 */
.picture {
    float: left;
    width: 282px;
    height: 210px;
    padding: 5px;
    border: 1px solid #b1b1b1;
    margin: 20px 0 0 0;
}
.picture .picPlayer { width: 270px; height: 198px; overflow: hidden; position: relative; }
.picture .picPlayer .bd { position: relative; overflow: hidden; }
.picture .picPlayer .bd ul { overflow: hidden; }
.picture .picPlayer .bd li { float: left; position: relative; }
.picture .picPlayer .bd li .pic { width: 270px; height: 170px; }
.picture .picPlayer .bd li .pic img { display: block; width: 270px; height: 170px; }
.picture .picPlayer .bd li .con { position: absolute; left: 0; bottom: 0; width: 270px; height: 24px; line-height: 24px; text-align: center; background: rgba(0,0,0,.55); }
.picture .picPlayer .bd li .con .titleBg { display: none; }
.picture .picPlayer .bd li .con .title { font-size: 12px; font-weight: normal; }
.picture .picPlayer .bd li .con .title a { color: #fff; }
.picture .picPlayer .hd { position: absolute; right: 5px; bottom: 28px; z-index: 5; }
.picture .picPlayer .hd li { float: left; width: 12px; height: 12px; margin: 0 3px; background: #fff; cursor: pointer; font-size: 0; text-align: center; line-height: 12px; }
.picture .picPlayer .hd li.on { background: #9c4f11; }
.picture .picPlayer .hd li span { display: none; }

/* 校园新闻 */
.news {
    margin: 10px 0 0 0;
    float: left;
    width: 458px;
    height: 250px;
    padding: 0 0 0 10px;
}
.news .news_left { float: left; width: 57px; height: 250px; background: url(../img/h2.jpg) no-repeat; }
.news .news_top { float: left; width: 390px; height: 142px; background: url(../img/h3.jpg) left no-repeat; }
.news .news_bt { float: right; padding: 5px 0 0 0; width: 220px; height: 140px; text-align: left; font-size: 12px; line-height: 26px; color: #000; }
.news .news_bt li { background: none; }
.news .news_bt .title { margin-bottom: 2px; }
.news .news_bt .title .tit { font-size: 13px; font-weight: bold; color: #000; line-height: 20px; }
.news .news_bt .title .tit:hover { color: #8b1010; }
.news .news_bt .intro { color: #000; font-size: 12px; line-height: 20px; }
.news .news_bt .intro .more { color: #8b1010; }
.news .news_body { float: left; width: 390px; }
.news .news_body ul li {
    float: left;
    width: 370px;
    color: #000;
    text-align: left;
    line-height: 24px;
    background: url(../img/h1.jpg) repeat-y;
    padding: 0 0 0 20px;
    overflow: hidden;
    white-space: nowrap;
}
.news .news_body ul li a { color: #000; }
.news .news_body ul li a:hover { color: #8b1010; }
.news .news_body ul li .date { float: right; color: #999; margin-right: 6px; }

/* 通知公告 */
.notice { float: left; width: 191px; padding: 0 0 0 20px; }
.notice .notice_top { width: 191px; height: 47px; background: url(../img/h5.jpg) no-repeat; }
.notice .notice_body { width: 191px; height: 200px; padding: 5px 0 0 0; }
.notice .notice_body ul li { width: 190px; float: left; line-height: 28px; color: #000; text-align: left; overflow: hidden; white-space: nowrap; }
.notice .notice_body ul li a { color: #000; }
.notice .notice_body ul li a:hover { color: #00605b; }

/* 首页左下角浮动二维码 */
.floatQrcode {
    position: fixed;
    left: 10px;
    bottom: 10px;
    z-index: 99;
    padding: 6px;
    background: #fff;
    border: 1px solid #e3d9d0;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}
.floatQrcode img { display: block; width: 150px; height: 150px; }

/* ===== 列表页 ===== */
#class_nav {
    float: left;
    width: 211px;
    padding: 20px 0 0 10px;
}
#class_nav #top { width: 211px; height: 84px; background: url(../img/class_top.jpg) no-repeat; }
#class_nav #middle { width: 211px; height: auto; background: url(../img/class_middle.jpg) repeat-y; }
#class_nav #middle .sideBox .hd { display: none; }
#class_nav #middle ul { overflow: hidden; padding: 0 8px 0 0; }
#class_nav #middle ul li { width: 211px; height: 32px; line-height: 32px; text-align: center; background: url(../img/class_middle.jpg) no-repeat center top; }
#class_nav #middle ul li a { color: #4f3108; font-size: 14px; }
#class_nav #middle ul li a:hover { color: #6e5532; }
#class_nav #middle ul li.on a { color: #6e5532; }
#class_nav #bottom { width: 211px; height: 34px; background: url(../img/class_bottom.jpg) no-repeat; }

#list { float: left; width: 713px; padding: 15px 0 0 15px; }
#list .list_top { width: 713px; height: 48px; background: url(../img/list_top.jpg) no-repeat; }
#list .list_top h3 { float: left; height: 34px; line-height: 34px; font-size: 14px; font-weight: bold; color: #000; padding: 5px 0 0 70px; }
#list .list_more { float: right; width: 50px; line-height: 34px; font-size: 12px; }
#list .list_more a { color: #000; }
#list .list_more a:hover { color: #216371; }
#list .breadcrumb { width: 270px; float: right; height: 30px; line-height: 30px; padding: 8px 0 0 0; }
#list .breadcrumb ul li { float: left; font-family: '宋体'; padding: 2px 4px; color: #000; line-height: 30px; }
#list .breadcrumb ul li a { color: #000; line-height: 30px; }
#list .breadcrumb ul li a:hover { color: #006600; line-height: 30px; }
#list .breadcrumb em { display: none; }
#list .breadcrumb a { color: #000; line-height: 30px; margin: 0 3px; font-style: normal; }
#list .breadcrumb a:hover { color: #006600; }
#list .list_body { width: 710px; margin: 0 auto 20px auto; }
#list .list_body ul { padding: 10px 0 10px 0; }
#list .list_body ul li {
    padding: 4px 10px 0 20px;
    text-align: left;
    font-size: 12px;
    height: 28px;
    color: #9c4f11;
    background: url(../img/list_li_bg.jpg) repeat-y;
    overflow: hidden;
    white-space: nowrap;
}
#list .list_body ul li a { color: #9c4f11; }
#list .list_body ul li a:hover { color: #8b1010; }
#list .list_body ul li .date { float: right; color: #9c4f11; margin-right: 8px; }

/* 分页 */
.pagebar {
    width: 600px;
    text-align: center;
    margin: auto;
    height: 30px;
    font-size: 12px;
    padding: 15px 0 0 0;
}
.pagebar a, .pagebar span {
    display: inline-block;
    padding: 2px 5px 0 5px;
    margin-right: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    background-color: #f8f8f8;
    text-decoration: none;
    color: #4f3108;
}
.pagebar a:hover, .pagebar span.current, .pagebar .disabled {
    display: inline-block;
    padding: 2px 5px 0 5px;
    margin-right: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #4f3108;
    background-color: #4f3108;
    color: #eee;
    cursor: default;
}

/* ===== 内容页 ===== */
.details { margin: 10px auto; width: 960px; }
.details .details_top { width: 960px; height: 55px; background: url(../img/content_top.jpg) no-repeat; }
.details .details_top h3 { padding: 20px 0 0 0; font-size: 14px; color: #4f3108; }
.details .middle { width: 960px; background: url(../img/content_middle.jpg) repeat-y; }
.details .middle .middle_body { width: 900px; margin: auto; }
.details .bottom { height: 26px; background: url(../img/content_bottom.jpg) no-repeat; }

.breadcrumb2 { height: 30px; line-height: 30px; }
.breadcrumb2 ul li { float: left; font-family: '宋体'; padding: 2px 4px; color: #4f3108; line-height: 30px; }
.breadcrumb2 ul li a { color: #4f3108; line-height: 30px; }
.breadcrumb2 ul li a:hover { color: #000; line-height: 30px; }
.breadcrumb2 em { display: none; }
.breadcrumb2 a { color: #4f3108; line-height: 30px; margin: 0 3px; font-style: normal; }
.breadcrumb2 a:hover { color: #000; }
.breadcrumb2 span { color: #4f3108; }

.details .title { clear: both; }
.details .title h2 { height: 46px; line-height: 36px; text-align: center; }
.details .title strong { color: #4f3108; font-size: 14px; font-weight: bold; }

.details .origin { height: 24px; color: #666; border-bottom: 1px dashed #ccc; text-align: center; }

.details .inf_con {
    width: 900px;
    padding: 15px 0;
    text-align: left;
    line-height: 28px;
    color: #333;
}
.details .inf_con .conTxt { line-height: 28px; color: #333; }
.details .inf_con img { max-width: 860px; }
.details .inf_con .userControl { text-align: center; padding: 10px 0; }
.details .note { text-align: center; padding: 10px 0; border-top: 1px dashed #ccc; }
.details .note li { display: inline; font-size: 13px; padding: 0 20px; background: url(../img/content_tools.gif) no-repeat; }
.details .note li#document_print { background-position: 2px 0; }
.details .note li#window_close { background-position: 2px -18px; }
.details .note li#back_top { background-position: 2px -36px; }

/* ===== 页尾 ===== */
#foot {
    clear: both;
    width: 100%;
    height: 113px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    background: url(../img/foot.jpg) no-repeat center;
}
#foot p {
    margin-top: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    color: #000;
}

/* ===== 动易组件适配 ===== */
/* 侧栏-栏目菜单（列表页左侧）：去模块灰底/图标，节点背景透明，文字按旧版棕色（page.css 后加载，需提高优先级） */
#class_nav .sideBox { margin: 0; }
#class_nav #sideMenu .bd { padding: 0; background: none; }
#class_nav #sideMenu .bd li a { background: none; color: #4f3108; }
#class_nav #sideMenu .bd li a:hover { color: #6e5532; }
#class_nav #sideMenu .bd li.on a { color: #6e5532; }

/* 文章标题列表（列表页） */
#newsList li a { color: #9c4f11; }

/* 文章图文列表（图片式列表页） */
#newsList li { height: auto; padding: 8px 10px 8px 20px; }
#newsList li .pic { float: left; width: 180px; height: 110px; }
#newsList li .pic img { width: 180px; height: 110px; }
#newsList li .con { margin-left: 190px; text-align: left; }
#newsList li .con .title .tit { color: #9c4f11; font-size: 14px; }
#newsList li .con .intro { color: #685957; line-height: 22px; }
#newsList li .con .date { color: #9c4f11; }

/* 搜索框（按钮沿用全站棕色系：#9c4f11 主色/悬停 #8b1010；default.css 中 #header 级别规则
   同优先级胜出且带图标+text-indent，此处需提高优先级并复位，使文字按钮生效） */
.s-form { width: 224px; height: 36px; background: #fff; position: relative; }
.s-form .input-box { float: left; width: 170px; height: 36px; }
.s-form .from-control { height: 20px; line-height: 20px; float: left; width: 160px; padding: 8px 0 8px 10px; background: none; border: none; font-size: 12px; }
#header .s-form .btn-box { float: right; width: 54px; height: 36px; }
#header .s-form .btn-box .btn { width: 54px; height: 36px; line-height: 36px; text-indent: 0; overflow: visible; border: none; background: #9c4f11; color: #fff; font-size: 12px; cursor: pointer; }
#header .s-form .btn-box .btn:hover { background: #8b1010; }