﻿
/* 文章-父列表页 -----------------------------------------*/
.row { margin-bottom: 30px; }
.row:last-of-type { margin-bottom: 0; }
.focusWrap { margin-bottom: 30px; overflow: hidden; }
.focusWrap .infoList li { padding-top: 14px; padding-bottom: 13px; }
#pageFocus { float: left; width: 688px; margin-right: 40px; }
.boxLoop { margin-top: -10px; }
.pageBoxLoop { display: flex; flex-wrap: wrap; justify-content: space-between; margin: -1% -1.5%; }
.pageBoxLoop .box { width: 47%; margin: 1% 1.5%; display: flex; flex-direction: column; align-content: stretch; box-sizing: border-box; }
.pageBoxLoop .box .bd { flex: 1 0 0%; }
.pageBoxLoop .box .infoList { margin-top: -10px;; }

#newsTab .videoPageList li,
#newsTab .photoPageList li,
#newsTab .picPageList li { width: 22.2%; }

/* 通知公告列表 */
.noticeList { display: flex; flex-wrap: wrap; margin: -0.5%; }
.noticeList li { position: relative; display: flex; align-items: center; width: 24%; margin: 0.5%; padding: 20px 10px; border: 1px solid rgba(0, 0, 0, 0.1); box-sizing: border-box; }
.noticeList li::before { position: absolute; z-index: -1; left: 0; bottom: 0; width: 0; height: 100%; background: linear-gradient(90deg, #A229CB, #0CA8A8); content: ""; visibility: hidden; opacity: 0; }
.noticeList .date { position: relative; margin-right: 44px; line-height: 1; color: #93A3C3; text-align: center; }
.noticeList .date::after { position: absolute; margin-left: 12px; left: 100%; top: 50%; width: 20px; height: 1px; background: #E0E0E0; content: ""; }
.noticeList .date .dd { display: block; font-size: 24px; font-weight: bold; }
.noticeList .date .ym { display: block; margin-top: 10px; font-size: 14px; }
.noticeList li a { display: block; flex: 1 0 0%; line-height: 22px; font-size: 16px; max-height: 44px; overflow: hidden; color: #3D4860;transition: all ease 0.4s; }
.noticeList li,
.noticeList li::before,
.noticeList li a,
.noticeList li .date { transition: all ease 0.5s; }

.noticeList li:hover .date,
.noticeList li:hover a { color: #fff; }
.noticeList li:hover { transform: translateY(-5px); border-color: transparent; }
.noticeList li:hover::before { visibility: visible; width: 100%; opacity: 1; }

/* 专题列表 */
.specialList { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; margin: -1.2%; }
.specialList li { position: relative; width: 22.6%; margin: 1.2%; }
.specialList .pic { position: relative; display: block; height: 0; overflow: hidden; padding-bottom: 41%; }
.specialList .pic img { position: absolute; left: 0; top: 0; }
.specialList .tit { display: none; }
.specialList .archivedTip { position: absolute; right: 0; top: 0; background: rgba(0, 0, 0, 0.5); padding: 0 15px; color: #fff; }

/* 机构设置-表格式 ------------------------------------------ */
.tableList { width: 100%; border-collapse: collapse; }
.tableList th,
.tableList td { padding: 10px; line-height: 1.8em; text-align: center; font-size: 16px; color: #666; border: 1px solid #e9e9e9; }
.tableList th { color: #333; background-color: #f6f6f6; }
.tableList tr:hover td { background-color: #eef8ff; }
.tableList .name { width: 6em; }
.tableList .address { width: 10em; }
.tableList .phone { width: 6em; }
.tableList .code { width: 3em; }
.tableList .url { width: 10em; }

/* 文章子-列表页 -----------------------------------------*/

/* 内容带图片的信息列表_图片判断式 */
.pageTPList li { position: relative; padding-bottom: 30px; margin-bottom: 30px; overflow: hidden; border-bottom: 1px solid #d9d9d9; }
.pageTPList li.last { margin-bottom: 0; }
.pageTPList .pic { float: left; width: 225px; margin-right: 20px; }
.pageTPList .pic img { width: 100%; height: 150px;}
.pageTPList .con { overflow: hidden; }
.pageTPList .title { font-size: 20px; line-height: 30px; height: 30px; overflow: hidden; font-weight: bold; color: #000; }
.pageTPList .title a { display: block; text-decoration: none; color: inherit; }
.pageTPList .intro { margin-top: 20px; font-size: 14px; line-height: 24px; max-height: 48px; color: #666; overflow: hidden; }
.pageTPList .others { margin-top: 20px; display: block; font-size: 14px; line-height: 20px; color: #999; }
.pageTPList .others span { margin-right: 15px; }

.pageTPList li,
.pageTPList li .title { transition:  all ease 0.6s; }
.pageTPList li:hover .title { color: #085E74; }

/* newsList */
.newsList { margin-top: -20px; }
.newsList li { padding: 27px 0; font-size: 18px; line-height: 26px; border-bottom: 1px dashed rgb(0, 0, 0, 0.2); }
.newsList .date { float: right; margin-left: 15px; color: #999; font-size: 16px; }
.newsList li > a { position: relative; display: block; overflow: hidden; transition: all ease 0.4s; }
.newsList li > a:hover { transform: translateX(5px); }
.newsList li > a em { background: #fbff06; color: #f00; }

/* 文章内容页 -----------------------------------------*/
.articleCon { text-align: left; padding: 20px 0; }
.articleCon .power-content_voice { margin-bottom: 20px; }
.printArea .title { font-size: 32px; line-height: 1.5; text-align: center; margin-bottom: 30px; color: #333; display: block; }
.printArea .subheading { font-size: 26px; color: #555; text-align: center; margin-bottom: 30px;}
.printArea .property { font-size: 14px; margin-bottom: 45px; line-height: 22px; padding: 13px 0; text-align: center; color: #666; background: #f5f5f5; }
.printArea .property a { color: inherit; }
.printArea .property > span { padding: 0 10px;}
.printArea .conTxt,
.printArea .conTxt *{box-sizing:content-box}
.printArea .conTxt { color: #333; font-size: 20px; line-height: 1.5; text-align: left; padding: 0 0 30px 0; overflow: hidden; font-family: "Microsoft YaHei", 'PingFang SC', Arial, Helvetica, Tahoma, sans-serif; -webkit-text-size-adjust: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased;}
.printArea .conTxt p {margin: 20px 0 0px; padding:0px; line-height: 1.5; word-wrap: break-word; border: none; border-radius: 0; white-space:normal; text-align: justify;}
.printArea .conTxt p:first-child{margin-top: 0px}
.printArea .conTxt img { max-width: 100%; height: auto !important; border: 0; vertical-align: top}
.printArea .conTxt table{background-color: transparent; border-collapse: collapse; border-spacing: 0; text-align: left; }
.printArea .conTxt table td{padding: 5px 10px; border: 1px solid #ddd;}
.printArea .conTxt table td p{padding: 0px !important; margin: 0px !important; text-indent: 0px !important;}
.printArea .conTxt table p { margin: 0px}
.printArea .conTxt a { color: blue; text-decoration: underline;}
.printArea .conTxt em { font-style: italic;}
.printArea .conTxt ul { padding-left: 2em; list-style: inherit;}
.printArea .conTxt ol { padding-left: 2em; list-style: decimal;}
.printArea .conTxt ul li { zoom: normal; list-style: inherit; text-indent: 0 !important;}
.printArea .conTxt ol li { zoom: normal; list-style: inherit; text-indent: 0 !important;}
.printArea .conTxt h1,
.printArea .conTxt h2,
.printArea .conTxt h3,
.printArea .conTxt h4,
.printArea .conTxt h5,
.printArea .conTxt h6,
.printArea .conTxt b,
.printArea .conTxt strong { font-weight: bold;}
.printArea .conTxt h1 { font-size: 28px; line-height:38px; margin: 38px 0px 19px 0px; }
.printArea .conTxt h2 { font-size: 24px; line-height:34px; margin: 34px 0px 17px 0px; }
.printArea .conTxt h3 { font-size: 20px; line-height:30px; margin: 30px 0px 15px 0px; }
.printArea .conTxt h4 { font-size: 16px; line-height:26px; margin: 26px 0px 13px 0px; }
.printArea .conTxt h5 { font-size: 14px; line-height:24px; margin: 24px 0px 12px 0px; }
.printArea .conTxt h6 { font-size: 12px; line-height:22px; margin: 22px 0px 10px 0px; }
.printArea .conTxt blockquote{margin:10px 0px; border-left:2px solid #d8dad9; padding:0 0 0 10px; line-height:1.74; color:#888; font-size:15px; }
.printArea .conTxt blockquote p{margin:0px; line-height:1.7; color:#888; font-size:15px;}
.printArea .conTxt h1:first-child,
.printArea .conTxt h2:first-child,
.printArea .conTxt h3:first-child,
.printArea .conTxt h4:first-child,
.printArea .conTxt h5:first-child,
.printArea .conTxt h6:first-child{margin-top:0px;}
.printArea .conTxt .videoPlayer{ text-indent: 0; }
.printArea .videoPlayer { position: relative; z-index: 1; text-align: center; margin: 20px auto; }
.printArea .videoPlayer [data-ui=video] { margin: 0 auto; max-width: 100%; }
.printArea .edui-video-video { max-width: 100%; height: auto; margin: 0 auto; }
.printArea .page { padding: 10px 0; text-align: center; }
.articleCon .userControl { font-size: 14px; overflow: hidden; text-align: left; margin-bottom: 20px; line-height: 28px; height: 30px; padding: 15px 0; border-bottom: 1px solid #ddd; }
.articleCon .userControl .a { color: #777; margin: 10px 10px 0 0; float: left;}
.articleCon .userControl .bdsharebuttonbox { float: right; }
.articleCon .userControl .bdsharebuttonbox .bd { font-size: 0; }
.articleCon .others { padding: 10px 0; margin-bottom: 15px;}
.articleCon .others .prev, .articleCon .others .next { padding: 3px 0;}

/*点赞与收藏*/
.likes-group { height: auto; margin-bottom: 20px; }
.likes-group li { line-height: 28px; }

/* 智能标签 */
.articleCon .smart-tags {margin-bottom: 20px !important}

/* 相关信息 */
#relativeInfo { border-bottom: 1px dashed #ddd;}
#relativeInfo .hd h3 { font-size: 18px; color: #046cbb}
#relativeInfo .bd { padding: 10px 0 20px 0;}
#relativeInfo ul { overflow: hidden;}
#relativeInfo li { float: left; width: 50%;}

/* 图片-列表页 ----------------------------------------- */
.picPageList { display: flex; flex-wrap: wrap; margin: -1.4%; }
.picPageList li { width: 30.5333%; margin: 1.4%; transition: all ease 0.6s; }
.picPageList .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 66.6666%; height: 0; border: 1px solid #eee; }
.picPageList .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.picPageList .title { display: block; margin-top: 12px; height: 48px; overflow: hidden; line-height: 24px; font-size: 16px; text-align: center; }
.picPageList li:hover { transform: translateY(-5px); }

/* 肖象-列表页 叠加的类 ----------------------------------------- */
.picPageList.long { margin: -1.5%; }
.picPageList.long li { width: 22%; margin: 1.5%; }
.picPageList.long .pic a { padding-bottom: 133%; }

.no-pic-list { margin-bottom: 20px; overflow: hidden;}
.no-pic-list li { width: 19%; margin: 0 0.5%; float: left; line-height: 30px; height: 30px;}

/* 图集-列表页 ----------------------------------------- */
.photoPageList { display: flex; flex-wrap: wrap; margin: -1.4%; }
.photoPageList li { width: 30.5333%; margin: 1.4%; transition: all ease 0.6s; }
.photoPageList .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 66.6666%; height: 0; }
.photoPageList .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.photoPageList .title { display: block; padding: 0 1em; height: 50px; overflow: hidden; line-height: 50px; font-size: 16px; text-align: center; background: #f8f8f8; color: #666; border: 1px solid #EBEBEB; border-top: none; }
.photoPageList .title a { color: inherit; text-decoration: none; }


/* 图集-内容页 ----------------------------------------- */
.slide-wrap { padding: 0; }
.slide-wrap .swp-admin-edit { float: right; }
.slide-wrap.slide-wrap-show-list .swpt-mode-wrap { float: none; }
.slide-wrap .sw-list .swi-hd { width: 1%; }
.slide-wrap .sw-list li { width: 20%; height: 224px; min-width: auto; }
.slide-wrap .sw-list li .swl-item-pic { display: table-cell; width: 1%; vertical-align: middle; }
.slide-wrap .sw-list li .swl-item-pic img { max-height: 100%; }

/* 视频-列表页 ----------------------------------------- */
.videoPageList { display: flex; flex-wrap: wrap; margin: -1.4%; }
.videoPageList li { width: 30.5333%; margin: 1.4%; transition: all ease 0.6s; }
.videoPageList .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 56.25%; height: 0; background: #000; }
.videoPageList .pic a::after { content: '\e734'; font-family: "fontpower"; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; font-size: 54px; color: #fff; line-height: 60px; text-align: center; }
.videoPageList .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; }
.videoPageList .title { display: block; padding: 0 1em; height: 50px; overflow: hidden; line-height: 50px; font-size: 16px; text-align: center; background: #f8f8f8; color: #666; border: 1px solid #EBEBEB; border-top: none; }
.videoPageList .title a { color: inherit; text-decoration: none; }
.videoPageList li:hover { transform: translateY(-5px); }

/* 视频-内容页 ----------------------------------------- */
.switchVideoCon { margin-top: 15px; }
.curSelectedVideo { background-color: #52576B !important; color: #fff; }

/* 友情链接列表页 ----------------------------------------- */
.friendLinkList { display: flex; flex-wrap: wrap; margin: -1% -1.4%; }
.friendLinkList li { width: 30.533%; margin: 1% 1.4%; }
.friendLinkList li a { position: relative; display: table-cell; width: 1%; height: 48px; line-height: 24px; padding: 7px 20px; vertical-align: middle; text-align: left; font-size: 18px; text-decoration: none; border: 1px solid #eee; }
.friendLinkList li a::after { position: absolute; right: 20px; top: 50%; content: ''; width: 0; height: 0; border: 0.4em solid transparent; border-left: 0.55em solid #d9d9d9; border-right: none; transform: translateY(-50%); }
.friendLinkList li,
.friendLinkList li a { transition: all ease 0.6s; }
.friendLinkList li a:hover { color: #fff; border-color: #085E74; background: #085E74; transform: translateY(-10px); }
.friendLinkList li a:hover::after { border-left-color: #fff; }

/* 专题汇总列表 ----------------------------------------- */
.spePageList { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; margin: -1.2%; }
.spePageList li { position: relative; width: 22.6%; margin: 1.2%; }
.spePageList .pic { position: relative; display: block; height: 0; overflow: hidden; padding-bottom: 41%; }
.spePageList .pic img { position: absolute; left: 0; top: 0; }
.spePageList .tit { margin-top: 10px; display: block; line-height: 1.6; font-size: 16px; color: #333; text-align: center; }
.spePageList .archivedTip { position: absolute; right: 0; top: 0; background: rgba(0, 0, 0, 0.5); padding: 0 15px; color: #fff; }

/* 信息提示页 ---------------------------------------------- */
.Showms { background: #fff; padding: 30px 40px; overflow: hidden; margin: 30px auto;}
.Showms .top, .Showms .bottom, .Showms .Shadow { display: none}
.Showms .MS { overflow: hidden; zoom: 1;}
.Showms .titWrong { color: #c00; border-bottom: 1px solid #ccc; padding: 10px 0; margin-bottom: 15px; font-size: 18px;}
.Showms .BUT { padding: 25px 0 15px 0;}
.Showms .BUT a { padding: 0 15px; height: 36px; line-height: 36px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; margin-right: 15px; background: #eee; border: 1px solid #ccc; font-size: 14px; background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eee)); background: -moz-linear-gradient(#FFFFFF, #eee); background: -ms-linear-gradient(#FFFFFF, #eee); background: -o-linear-gradient(#FFFFFF, #eee); background: linear-gradient(#FFFFFF, #eee);}
.Showms .BUT a:hover { color: #c00; border: 1px solid #aaa; text-decoration: none;}

/* 在线投票 */
.voteCommonList .tit { font-size: 16px; }
.surveyInfo .title-info dd i { margin-top: 0; }

/* 问卷调查 */
.surveyCommonList .tit { font-size: 16px; }
.surveyResult .row .titleInfo i { margin-top: 0; }


/* 媒体查询 */
@media (min-width:1500px) {
    .siteGroupList .intro { margin: 21px 25px; line-height: 34px; height: 136px; }
}

.ng-cloak { display: none; }

/* 自定义表单 */
.fs-searchBar #formSearch{background: #085E74; border-color: #085E74;}
.fs-searchBar #formSearch:hover{background: #085E74; border-color: #085E74;}
#fuzzysearch_result_tbody .resultdetail_a:not(.resultdetail_a_visited){background-color:#085E74}
#fuzzysearch_result_tbody .resultdetail_a:hover{background-color:#085E74}
.customFormBox .hd h3 { border-bottom-color: #085E74; color: #085E74;  }
.customFormBox .hd h3 a { color: #085E74; }
.customFormBox .hd .on { border-bottom-color: #085E74; }
.customFormBox .hd .on a { color: #085E74; }

/* 教师 --------------------------------*/

/* box-filter */
.box-filter { background-color: #f5f5f5; margin-bottom: 20px; padding: 30px; }
.in-filter {  }
.in-filter dl { display: flex; justify-content: space-between; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.in-filter dt { flex-shrink: 0; display: flex; font-weight: bold; }
.in-filter dt span { display: block; width: 70px; text-align: justify; text-align-last: justify; text-justify:distribute-all-lines;}
.in-filter dd { min-width: 0; flex: 1; }
.in-filter ul { overflow: hidden; }
.in-filter li { float: left; margin: 0 10px 5px; }
.in-filter li a { display: block; padding: 0 10px; }
.in-filter li.on a { background-color: #085E74; color: #fff; }

/* in-search */
.in-search { display: flex; align-items: center; justify-content: center; padding-top: 20px; }
.in-search h3 { color: #666; }
.in-search .input-box { display: flex; align-items: center; gap: 10px; }
.in-search .keyword { line-height: 36px; height: 36px; border: 1px solid #ddd; background-color: #fff; width: 200px; padding: 0 15px; outline: none; }
.in-search .btn { line-height: 38px; height: 38px; background-color: #085E74; border: none; outline: none; width: 60px; color: #fff; font-size: 15px; }

/* teacher-list */
.teacher-list h2 { font-weight: bold; font-size: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; padding-bottom: 5px; color: #085E74;}

/* course-list */
.course-list { margin-bottom: 30px; }
.course-list li { display: flex; gap: 30px; align-items: center;}
.course-list .title { font-size: 32xp; font-weight: bold; line-height: 1.4; }
.course-list .pic { width: 200px; border: none; flex-shrink: 0; background-color: #f5f5f5; }
.course-list .pic img { width: 100%; height: 260px; }
.course-list .con { flex: 1; min-width: 0; }
.course-list .fields { color: #333; font-size: 16px; margin-bottom: 15px;}
.course-list .fields p { display: flex; align-items: start; justify-content: space-between; line-height: 24px; padding: 5px 0; }
.course-list .fields em { color: #666; }
.course-list .fields em b { text-align: justify; text-align-last: justify; text-justify:distribute-all-lines; width: 66px; display: inline-block; }
.course-list .fields span { flex: 1 0 0%; }
.course-list .fields p.p0 span { font-weight: bold; color: #085E74; font-size: 20px; }

/* box-scholar */
.box-scholar .hd { margin-bottom: 20px; }
.box-scholar .hd ul { display: flex; gap: 20px; }
.box-scholar .hd li {  border: 1px solid #E1E1E1; border-radius: 4px; padding: 0 25px; position: relative; font-size: 18px; line-height: 46px; height: 46px; cursor: pointer; }
.box-scholar .hd li.on { color: #fff; background-color: #085E74; border-color: #085E74; } 
.box-scholar .hd li.on::after { content: ""; display: block; width: 0; height: 0; border: 7px solid transparent; border-top: 7px solid #085E74; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); }
.box-scholar .bd { padding: 40px 50px; border: 1px solid #E1E1E1; }