@charset 'UTF-8';
@font-face {
  font-family: 'YouSheBiaoTiHei';
  src: url('../font/YouSheBiaoTiHei.ttf');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/** 默认 **/
/**兼容模式提示**/
.pageTips {
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000 url("../image/bg.png");
}
.pageTips .container {
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 630px;
  margin-left: -315px;
  margin-top: -160px;
}
.pageTips .container a.close {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 1;
  left: auto;
  right: -15px;
  top: 40px;
  bottom: auto;
  background: url("../image/close.png") center no-repeat;
}
.pageTips .container .img {
  text-align: center;
}
.pageTips .container .msg {
  font-size: 18px;
  line-height: 36px;
  padding-top: 30px;
}
.pageTips .container a {
  color: #fff;
  text-decoration: underline;
}
.pageTips .container a.close{display:none !important}
/* 默认-变量 */
:root {
  --white-color: #ffffff;
  --black-color: #000000;
  --red-color: #a42423;
  --light-color: #e7e7e7;
  --dark-color: #232323;
  --title-color: #333333;
  --theme-color: #104186;
  --primary-color: #174990;
  --secondary-color: #1b4279;
  --hover-color: #0036a3;
  --tiny-size: 0.1rem;
  --mini-size: 0.12rem;
  --small-size: 0.14rem;
  --base-size: 0.16rem;
  --large-size: 0.18rem;
  --huge-size: 0.2rem;
  --mega-size: 0.24rem;
  --module-size: 0.45rem;
  --container-width: 16rem;
}

/* 默认-基础 */
* {margin: 0; padding: 0; box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
:focus {outline: 0;}
img {border: 0;}
a img {vertical-align: middle;}
body {line-height: 1;}
ol,
ul {list-style: none;}
blockquote,
q {quotes: none;}
blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
.clear {width: 100%; height: 0; line-height: 0; font-size: 0; overflow: hidden; clear: both; display: block; _display: inline;}
.none {display: none;}
.hidden {visibility: hidden;}
.clearfix:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
.clearfix {display: block; *zoom: 1;}
body,
p {font: 14px/1 Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Tohoma, Arial; color: #333; font-family: 'Microsoft YaHei';}
body {background-color: var(--white-color); font-size: var(--base-size); position: relative; overflow: hidden; height: 100%;}
body:before {content: ''; position: fixed; top: -0.1rem; left: 0; z-index: 110; width: 100%; height: 0.1rem; box-shadow: 0px 0px 0.1rem rgba(0, 0, 0, 0.8);}
a {text-decoration: none; color: var(--dark-color); transition: all 0.4s ease-in-out;}
a:hover {text-decoration: none; color: var(--hover-color);}


/** Web Scrollbar **/
::-webkit-scrollbar {width: 6px; height: 6px; background-color: var(--white-color);}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); border-radius: 10px; background-color: var(--white-color);}
::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0); background-color: rgba(144, 147, 153, 0.4); transition: background-color 0.3s;}
::-webkit-scrollbar-thumb:hover {background-color: rgba(144, 147, 153, 0.6);}

/* WebKit, Blink, Edge */
::-webkit-input-placeholder {color: var(--white-color);}
/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {color: var(--white-color);}
/* Mozilla Firefox 19+ */
::-moz-placeholder {color: var(--white-color);}
/* Internet Explorer 10-11 */
:-ms-input-placeholder {color: var(--white-color);}
/* Input Placeholder */
:-webkit-autofill {box-shadow: 0 0 0 1000px var(--white-color) inset; -webkit-box-shadow: 0 0 0 1000px #0035a1 inset; -webkit-text-fill-color: var(--white-color);}


/** 动画模块 **/
@keyframes drawLine {
  to {stroke-dashoffset: 0;}
}
@keyframes scroll {
  0% {transform: translateY(0);}
  50% {transform: translateY(0.1rem);}
  100% {transform: translateY(0);}
}
@keyframes move {
  0% {transform: translateX(0);}
  10% {transform: translateX(0.1rem);}
  20% {transform: translateX(0);}
  30% {transform: translateX(0.1rem);}
  40% {transform: translateX(0);}
  100% {transform: translateX(0);}
}
@keyframes sk-fading-circle-delay {
  0%, 39%, 100% {opacity: 0;}
  40% {opacity: 1;}
}


/** 全局模块 **/
.section-module {width: 100%;}
.section-source {display: none;}
.section-jumbotron {height: 100%;}
.section-container {background: var(--white-color); width: 100%; outline: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s; overflow: hidden auto; z-index: 60;}
.nwnu-main-page .section-container {top: 100vh; margin-top: 1.24rem;}
.nwnu-main-page .section-container.wheel {top: 0;}

/* 全局-外部 */
.wrapper {width: 100%; background: var(--white-color);}
.nwnu-suspend-wrap {position: fixed; z-index: 200; background: #124997; width: 100%; height: 100vh; top: 0; overflow: hidden; display: none;}
.nwnu-suspend-wrap::after {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url('../image/suspend_bg.png') bottom center no-repeat; mix-blend-mode: color-burn;}
.nwnu-float-wrap {position: relative; background: transparent;}
.nwnu-navigation-wrap {background: transparent;}
.nwnu-info-wrap {position: relative; background: url('../image/news_bg.png') bottom center no-repeat, linear-gradient(180deg, rgba(245, 249, 253, 0) -9%, #cee7f6 100%);}
.nwnu-info-wrap::after {content: ''; position: absolute; bottom: 0; width: 100%; height: 2rem; background: url('../image/wave_1.svg') center no-repeat; background-size: cover;}
.nwnu-entrance-wrap {background: rgba(255, 255, 255, 0.24); position: fixed; right: 0; top: 50%; z-index: 80; width: 1.1rem; transform: translateY(-50%); border-radius: 0.2rem 0 0 0.2rem; transition: all 0.4s ease-in-out; display: none;}
.nwnu-main-page .nwnu-entrance-wrap {display: block;}
.wheel .nwnu-entrance-wrap {background: rgba(0, 0, 0, 0.2);}
.collapse.nwnu-entrance-wrap {right: -1.1rem; transition: all 0.6s ease-in-out;}
.nwnu-special-wrap {background: var(--theme-color); margin-top: -1rem;}
.nwnu-event-wrap {position: relative; background: linear-gradient(0deg, #ffffff 0%, #c1e3f6 100%); margin-top: -0.85rem;}
.nwnu-event-wrap::before {content: ''; position: absolute; bottom: 0; width: 100%; height: 100%; background: url('../image/highlight_bot_bg.png') top center no-repeat; mix-blend-mode: soft-light; background-attachment: fixed;}
.nwnu-event-wrap::after {content: ''; position: absolute; bottom: 0; width: 100%; height: 100%; background: url('../image/highlight_top_bg.png') bottom center no-repeat; background-size: contain;}
.nwnu-research-wrap {position: relative; background: linear-gradient(180deg, rgba(245, 249, 253, 0) -27%, rgba(193, 226, 246, 0.67) 100%);}
.nwnu-research-wrap::after {content: ''; position: absolute; bottom: 0; width: 100%; height: 3.6rem; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%); opacity: 0.69;}
.nwnu-research-wrap::before {content: ''; position: absolute; bottom: 0; width: 100%; height: 100%; background: url('../image/research_bg.png') bottom center no-repeat; background-attachment: fixed; mix-blend-mode: overlay;}
.nwnu-media-wrap {position: relative; margin-top: -0.84rem; background: transparent;}
.nwnu-media-wrap::before {content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: url('../image/media_top_bg.png') center 1.36rem no-repeat; background-attachment: fixed; mix-blend-mode: overlay; z-index: 10;}
.nwnu-media-wrap::after {content: ''; position: absolute; top: 0; width: 100%; height: 100%; background: url('../image/media_bot_bg.png') top center no-repeat;}
.nwnu-foot-wrap {background: #184686;}
.nwnu-foot-wrap::before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: url('../image/footer_bg.png') bottom center no-repeat; mix-blend-mode: color-burn;}
.nwnu-copyright-wrap {position: absolute; bottom: 0; width: 100%; background: rgba(0, 0, 0, 0.08);}
.nwnu-column-wrap {position: relative;}
.nwnu-column-wrap::after {content: ''; position: absolute; bottom: 0; width: 100%; height: 2rem; background: url('../image/wave_2.svg') center no-repeat; background-size: cover;}
.nwnu-list-wrap {background: linear-gradient(0deg, #FFFFFF 0%, rgb(193, 226, 246, .46) 100%);}
.nwnu-article-wrap {background: linear-gradient(0deg, #FFFFFF 0%, rgb(193, 226, 246, .46) 100%);}
.nwnu-masonry-wrap {background: linear-gradient(0deg, #FFFFFF 0%, rgb(193, 226, 246, .46) 100%);}

/* 全局-内部 */
.inner {width: auto; max-width: var(--container-width); margin: 0 auto;}
.nwnu-suspend-inner {position: relative; z-index: 10; display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; padding: 0.28rem 0; height: 100%;}
.nwnu-float-inner {display: flex; justify-content: space-between; align-items: center; padding: 0 0.2rem;}
.nwnu-navigation-inner {padding: 0 0.2rem;}
.nwnu-info-inner {position: relative; padding: 0.68rem 0 3.68rem; display: flex; justify-content: space-between; align-items: flex-start; z-index: 10;}
.nwnu-event-inner {padding: 2.35rem 0 1.28rem; position: relative; display: flex; justify-content: flex-start; align-items: flex-end; z-index: 10;}
.nwnu-research-inner {position: relative; padding: 0.92rem 0 1.58rem; display: flex; justify-content: space-between; align-items: flex-start; z-index: 10;}
.nwnu-media-inner {position: relative; padding: 1.36rem 0 0.6rem; z-index: 10; display: flex; justify-content: flex-start; align-items: flex-end;}
.nwnu-solt-inner {max-width: 100%;}
.nwnu-foot-inner {position: relative; display: flex; justify-content: space-between; align-items: center; padding: 0.68rem 0 1.56rem 0;}
.nwnu-copyright-inner {padding: 0.3rem 0;}
.nwnu-column-inner {position: relative; max-width: 100%;}
.nwnu-list-inner {position: relative; padding: 0.4rem 0 0.8rem; z-index: 20;}
.nwnu-article-inner {position: relative; padding: 0.4rem 0 0.8rem; z-index: 20;}
.nwnu-masonry-inner {position: relative; padding: 0.4rem 0 0.8rem; z-index: 20;}


/** 公共模块 **/
.module-head {display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.32rem;}
.module-head.margin-scale {margin: 0 0.24rem 0.32rem;}
.module-head.dobule-title {justify-content: flex-start;}
.module-head.flex-end {justify-content: flex-end;}
.module-head.position-right {position: absolute; top: 0.54rem; right: 0.86rem; margin: 0;}
.module-head.fixed-width {width: 3.6rem;}
.module-head.small-bottom {margin-bottom: 0.12rem;}
.module-title {font-size: var(--module-size); color: var(--primary-color); font-family: 'YouSheBiaoTiHei'; line-height: 0.6rem; display: flex; justify-content: flex-start; align-items: end;}
.module-head.white-color .module-title {color: var(--white-color);}
.title-text {position: relative;}
.title-text::after {content: ''; width: 100%; height: 100%; position: absolute; bottom: 0.36rem; left: 0.1rem; background: url('../image/title_bg.png') right top no-repeat; background-size: contain;}
.title-trans {position: relative; font-size: var(--tiny-size); line-height: 2em; color: #e1c46e; padding-bottom: 2px; margin-bottom: 0.12rem;}
.title-trans::after {content: ''; position: absolute; bottom: 0; left: 0; width: 150%; height: 2px; background: linear-gradient(270deg, rgba(225, 196, 110, 0) 0%, #e1c46e 100%);}
.module-more {font-size: var(--large-size); line-height: 0.6rem;}
.module-head.position-right .module-more {line-height: 0.5rem;}
.more-link {display: block; color: var(--red-color);}
.more-link .more-icon {stroke: var(--red-color); transition: all 0.4s ease-in-out;}
.more-link:hover .more-icon {stroke: var(--hover-color);}
.more-link:hover .more-icon svg {animation: move 3s linear 0ms;}
.module-head.white-color .more-link {color: var(--white-color);}
.module-subtitle {border-radius: 4px; color: #dfc87d; font-size: var(--base-size); background: var(--white-color) url('../image/calendar.png') 0.2rem center no-repeat; line-height: 0.46rem; box-shadow: 0 0.06rem 0.09rem 0 rgba(106, 80, 3, 0.1); padding: 0 0.2rem 0 0.48rem; margin-left: 0.48rem; transition: all 0.4s ease-in-out; cursor: pointer;}
.module-subtitle.active {color: var(--white-color); background: #e1c46e url('../image/calendar_active.png') 0.2rem center no-repeat;}
.module-extra {border-radius: 0 0.16rem 0 0.16rem; background: #e1c46e; box-shadow: 0 0 0.06rem 0 #e1c46e; color: var(--white-color); font-size: var(--huge-size); padding: 0 0.22rem; line-height: 0.5rem; font-weight: bold;}


/** 大屏模块 **/
.jumbotron-focus-window .slick-dots {bottom: 0.4rem; right: 8%; width: auto;}
.jumbotron-focus-window .slick-dots li {width: 0.4rem; height: 0.4rem;}
.jumbotron-focus-window .slick-dots li button {width: 0.4rem; height: 0.4rem; line-height: 2em; font-weight: bold; font-size: 0.2rem; border-radius: 2px; background: transparent; color: #fff;}
.jumbotron-focus-window .slick-dots li.slick-active button {background: var(--theme-color);}
.jumbotron-focus-window .slick-dots li button:hover,
.jumbotron-focus-window .slick-dots li button:focus {background: var(--theme-color);}
.jumbotron-focus-window .slick-item {height: 100vh;}
.jumbotron-focus-window .slick-item .image,
.jumbotron-focus-window .slick-item .video {position: relative; width: 100%; height: 100%;}
.jumbotron-focus-window .slick-item .image img,
.jumbotron-focus-window .slick-item .video video {width: 100%; height: 100%; object-fit: cover; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.3); transform: scale(1.3);}
.jumbotron-focus-window .slick-item.slick-active .image img,
.jumbotron-focus-window .slick-item.slick-active .video video {transform: scale(1);}
.jumbotron-focus-window .focus-point {width: 1.4rem; height: 1.4rem; position: absolute; left: 0; right: 0; bottom: 0.3rem; margin: 0 auto; border: 1px solid rgb(255 255 255 / 64%); border-radius: 50%; cursor: pointer;}
.jumbotron-focus-window .point-icon {color: #fff; font-size: 0.15rem; line-height: 2em; padding: 0.38rem 0 0.12rem; height: 0.8rem; width: 100%; text-align: center; background: url('../image/point_icon.png') top center no-repeat; position: absolute; top: 50%; margin-top: -0.4rem;}
.jumbotron-focus-window .point-icon::after {content: ''; background: url('../image/scroll_arrow.png') bottom center no-repeat; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 0.2rem; height: 0.1rem; animation: scroll 2s cubic-bezier(0.15, 0.41, 0.69, 0.94) infinite;}
.jumbotron-focus-window .circle-path {fill: none; stroke: white; stroke-width: 2; stroke-linecap: round; stroke-opacity: 1; stroke-dasharray: 433.54; stroke-dashoffset: 433.54; transform: rotate(-90deg); transform-origin: center;}
.jumbotron-focus-window .circle-path.run {animation: drawLine 5s linear 0ms infinite;}
.jumbotron-focus-window .circle-path.pause {animation-play-state: paused;}


/** 顶部模块 **/
.nwnu-container-header {position: fixed; top: 0; z-index: 100; width: 100%; padding: 0.3rem 0 0.24rem; background: transparent; transition: padding 0.4s ease-in-out;}
.nwnu-container-header::before {content: ''; position: absolute; top: 0; width: 100%; height: 100%; opacity: 1; transition: opacity 0.4s ease-in-out; background: linear-gradient(to bottom, #104186, transparent); z-index: -1;}
.nwnu-container-header::after {content: ''; position: absolute; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.4s ease-in-out; background: linear-gradient(to bottom, #124997 0, #124997 100%); box-shadow: 0 0 0.12rem rgba(18, 73, 151, .8); z-index: -1;}
.wheel .nwnu-container-header {padding: 0.15rem 0 0;}
.wheel .nwnu-container-header::before {opacity: 0;}
.wheel .nwnu-container-header::after {opacity: 1;}

/* 顶部-按钮 */
.suspend-menu {/*display: flex; */align-items: center;justify-content: center; background: #124997; width: 1.1rem; height: 0.8rem;   border-radius: 0.1rem 0 0 0.1rem; position: absolute; right: 0; z-index: 300; top: 0.28rem; cursor: pointer;display:none;}
.menu-bur {width: 0.36rem; position: relative; margin: 0 auto; height: 0.25rem;}
.bur-rect {position: absolute; width: 100%; height: 0.03rem; top: 0; left: 0; right: 0; background: #fff; transition: transform 0.3s ease-in-out; margin: 0 auto; border-radius: 0.03rem;}
.bur-rect.center {top: 0.11rem;}
.bur-rect.bottom {top: 0.22rem;}
.open .bur-rect.top {transform: rotateZ(45deg); top: 50%;}
.open .bur-rect.center {opacity: 0;}
.open .bur-rect.bottom {transform: rotateZ(-45deg); top: 50%;}

/* 顶部-菜单 */
.suspend-header {width: 100%; flex: 0 0 0.8rem; max-height: 0.8rem; align-items: center; display: flex;}
.suspend-header .site-logo {max-width: 100%;}
.suspend-main {width: 100%; flex: 0 0 calc(100% - 2rem); max-height: calc(100% - 2rem); border-bottom: 1px solid rgba(255, 255, 255, .2); padding: 0.6rem 0 0.8rem; overflow: hidden;}
.suspend-main .navigation-view {height: 100%;}
.suspend-main .navigation-view .menu {height: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap;}
.suspend-main .navigation-view .menu-item {position: relative; max-width: 20%; text-align: center; height: 100%;}
.suspend-main .navigation-view .menu-link {display: block; font-size: var(--large-size); font-weight: bold; line-height: 1.75em; padding-bottom: 0.2rem; color: var(--white-color);}
.suspend-main .navigation-view .menu-switch-arrow {display: none; background: url('../image/menu_arrow_white.png') right center no-repeat; width: 0.24rem; height: 0.24rem; position: absolute; right: 0; top: 0.14rem; transition: all .4s ease-in-out;}
.suspend-main .navigation-view .menu-switch-arrow.open {transform: rotate(90deg); transform-origin: 80%;}
.suspend-main .navigation-view .sub-wrap {overflow: auto; height: calc(100% - (var(--large-size) * 1.75));}
.suspend-main .navigation-view .sub-wrap::-webkit-scrollbar {width: 3px; height: 3px; background-color: rgba(255, 255, 255, .1);}
.suspend-main .navigation-view .sub-wrap::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0); border-radius: 3px; background-color: rgba(255, 255, 255, .1);}
.suspend-main .navigation-view .sub-wrap::-webkit-scrollbar-thumb {border-radius: 3px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.4); transition: background-color 0.3s;}
.suspend-main .navigation-view .sub-wrap::-webkit-scrollbar-thumb:hover {background-color: rgba(255, 255, 255, 0.6);}
.suspend-main .navigation-view .sub-mask {display: none;}
.suspend-main .navigation-view .sub-menu {padding: 0 0.12rem;}
.suspend-main .navigation-view .sub-link {display: block; color: rgba(255, 255, 255, .67); font-size: var(--base-size); line-height: 1.5em; padding: 0.08rem 0;}
.suspend-footer {width: 100%; flex: 0 0 1.2rem; max-height: 1.2rem; display: flex; justify-content: space-between; align-items: center;}
.suspend-footer .entrance-view ul {display: flex; justify-content: flex-start; margin: 0 -0.32rem;}
.suspend-footer .entrance-view ul li {font-size: var(--base-size); line-height: 2em; padding: 0.46rem 0.32rem 0; background: var(--entranceBg) center center no-repeat;}
.suspend-footer .entrance-view ul li a {display: block; color: var(--white-color); padding-top: 0.42rem;}
.suspend-footer .language-view ul li {font-size: var(--base-size); line-height: 2em; padding: 0 0.08rem; border: 1px solid var(--white-color); border-radius: 0.04rem;}
.suspend-footer .language-view ul li a {color: var(--white-color);}


/* 顶部-角色 */
.float-role-window ul {display: flex; justify-content: flex-start; align-items: center;}
.float-role-window ul li {font-size: var(--small-size); line-height: 1.7em; padding: 0 0.16rem;}
.float-role-window ul li + li {background: url('../image/role_split.png') left center no-repeat;}
.float-role-window ul li a {color: var(--white-color);}
.float-end-panel {display: flex; justify-content: flex-end; align-items: center;}

/* 顶部-搜索 */
.float-search-window .search {position: relative; background: rgba(255, 255, 255, 0.16); border-radius: 0.3rem; width: 1.8rem; height: 0.3rem; line-height: 0.3rem;}
.float-search-window .search-form {display: block;}
.float-search-window .search-input {margin: 0 0.3rem 0 0.12rem;}
.float-search-window .search-input input {display: block; border: 0; outline: 0; background: none; font-size: var(--small-size); width: 100%; height: 0.3rem; line-height: 0.3rem; color: #fff;}
.float-search-window .search-button {position: absolute; right: 0; top: 0; width: 0.3rem; height: 0.3rem;}
.float-search-window .search-button input {display: block; border: 0; outline: 0; width: 100%; height: 0.3rem; background: url('../image/search.png') center no-repeat; cursor: pointer;}

/* 顶部-语言 */
.float-language-window {margin-left: 0.2rem;}
.float-language-window ul {display: flex; justify-content: flex-start; align-items: center;}
.float-language-window ul li {font-size: var(--small-size); line-height: 1.7em; padding: 0 0.04rem; border: 1px solid #fff; border-radius: 0.04rem;}
.float-language-window ul li a {color: #fff;}

/* 顶部-导航 */
.navigation-flex-panel {display: flex; justify-content: space-between; align-items: flex-end; margin-top: 0.1rem; transition: margin .4s ease-in-out;}
.wheel .navigation-flex-panel {margin: 0;}
.navigation-box-window {flex: 1 1 auto;}
.navigation-box-window .menu {display: flex; justify-content: flex-start; align-items: center;}
.navigation-box-window .menu-item {position: relative; flex: 20%; max-width: 20%; text-align: center;}
.navigation-box-window .menu-item::after {content: ''; width: 0px; height: 0.03rem; background: #fff; position: absolute; left: 0; right: 0; bottom: 0.24rem; margin: 0 auto; transition: width 0.4s ease-in-out;}
.navigation-box-window .menu-item:hover::after {width: 0.7rem;}
.navigation-box-window .menu-link {display: block; font-size: var(--large-size); font-weight: bold; line-height: 0.4rem; padding-bottom: 0.3rem; color: #fff;}
.wheel .navigation-box-window .menu-link {padding-bottom: 0.2rem;}
.navigation-box-window .sub-wrap {display: flex; justify-content: flex-start; align-items: flex-start; background: #ffe; position: absolute; left: 0; width: 9rem; top: 0.7rem; border-radius: 0.1rem; padding: 0.3rem 0.06rem 0.3rem 0.3rem;}
.wheel .navigation-box-window .sub-wrap {top: 0.6rem;}
.navigation-box-window .sub-mask {flex: 0 0 1.75rem; margin-right: 0.3rem;}
.navigation-box-window .sub-mask img {width: 1.75rem; height: 1.2rem; object-fit: cover; border-radius: 0.04rem;}
.navigation-box-window .sub-menu {flex: 1 1 auto; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; text-align: left;}
.navigation-box-window .sub-item {flex: 33.333%; max-width: 33.333%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 0.08rem 0 0.14rem; margin-top: 0.2rem; background: url('../image/menu_arrow.png') left center no-repeat;}
.navigation-box-window .sub-item:nth-child(-n + 3) {margin: 0;}
.navigation-box-window .sub-link {font-size: var(--base-size); font-weight: normal; line-height: 1.5em;}
.navigation-end-window.navigation-box-window .sub-wrap {left: auto; right: 0;}

/* 顶部-LOGO */
.navigation-logo-window {flex: 0 0 3.4rem; max-width: 3.4rem; text-align: center; margin: 0 0.24rem; position: relative; bottom: 0.2rem;}
.navigation-logo-window .site-url {display: block; max-width: 100%;}
.navigation-logo-window .site-logo {width: auto; height: auto; vertical-align: middle; max-width: 100%;}


/** 主体模块 **/
.nwnu-container-main {padding: 0;}

/* 主体-师大要闻（图文） */
.info-news-panel {flex: 0 0 11rem; max-width: 11rem; display: flex; justify-content: flex-start; align-items: flex-start;}
.news-carousel-window {position: relative; flex: 0 0 7.1rem; max-width: 7.1rem;}
.news-carousel-window .module-more {display: none;}
.news-carousel-window > ul {box-shadow: 0 0.03rem 0.15rem 0 rgba(27, 66, 121, 0.1);}
.news-carousel-window .slick-dots {width: auto; margin: 0; bottom: 0.18rem; right: 0.36rem;}
.news-carousel-window .slick-dots li button {background: var(--light-color);}
.news-carousel-window .slick-item .image {height: 4.5rem; overflow: hidden;}
.news-carousel-window .slick-item .image img {width: 100%; height: 100%; object-fit: cover; transition: all 1s ease 0s;}
.news-carousel-window .slick-item .image img:hover {transform: scale(1.2);}
.news-carousel-window .slick-item .con {background: var(--white-color); padding: 0.24rem 0.36rem 0.33rem;}
.news-carousel-window .slick-item .time {font-size: var(--base-size); color: var(--red-color); line-height: 1.5em;}
.news-carousel-window .slick-item .title {margin: var(--mini-size) 0 0.08rem; font-size: var(--huge-size); line-height: 1.5em; height: 3em; max-height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* 主体-师大要闻（列表） */
.news-scroll-window {flex: 0 0 4rem; max-width: 4rem; margin-left: 0.16rem;}
.news-scroll-window .news-scroll-box.slick-slider {padding-bottom: 0.48rem;}
.news-scroll-window .slick-item {position: relative; background: transparent; transition: background-color 0.4s ease-in-out;}
.news-scroll-window .slick-item:hover {box-shadow: 0 0.03rem 0.15rem 0 rgba(27, 66, 121, 0.1); background: var(--white-color);}
.news-scroll-window .slick-item::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../image/bell.png') calc(100% - 0.24rem) center no-repeat; opacity: 0; transition: opacity .4s ease-in-out;}
.news-scroll-window .slick-item:hover::after {opacity: 1;}
.news-scroll-window .slick-item .con {position: relative; display: block; padding: 0.14rem 0; margin: 0 0.24rem; border-bottom: 1px solid #a9cade; z-index: 1;}
.news-scroll-window .slick-item:hover .con {border-color: var(--white-color);}
.news-scroll-window .slick-item .time {font-size: var(--base-size); color: var(--red-color); line-height: 1.5em; transition: color 0.4s ease-in-out;}
.news-scroll-window .slick-item:hover .time {color: var(--hover-color);}
.news-scroll-window .slick-item .title {color: var(--dark-color); margin-top: 0.15rem; font-size: var(--large-size); line-height: 1.5em; height: 3em; max-height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: color 0.4s ease-in-out;}
.news-scroll-window .slick-item:hover .title {color: var(--hover-color);}

/* 主体-通知公告 */
.info-notice-panel {flex: 1 1 auto; margin-left: 0.52rem;}
.notice-list-window ul li {position: relative; background: transparent; transition: background-color 0.4s ease-in-out;}
.notice-list-window ul li::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../image/bell.png') calc(100% - 0.24rem) center no-repeat; opacity: 0; transition: opacity .4s ease-in-out;}
.notice-list-window ul li:hover {box-shadow: 0 0.03rem 0.15rem 0 rgba(27, 66, 121, 0.1); background: var(--white-color);}
.notice-list-window ul li:hover::after {opacity: 1;}
.notice-list-window ul li .con {position: relative; margin: 0 0.24rem; display: flex; align-items: center; justify-content: flex-start; padding: 0.32rem 0; border-bottom: 1px solid #A9CADE; z-index: 1;}
.notice-list-window ul li:hover .con {border-color: var(--white-color);}
.notice-list-window ul li .time {font-size: 0.26rem; color: var(--white-color); line-height: 0.33rem; display: flex; flex-flow: column; text-align: center; flex: 0 0 0.58rem; max-width: 0.58rem; background: #93ACCE; transition: background 0.4s ease-in-out;}
.notice-list-window ul li:hover .time {background: var(--primary-color);}
.notice-list-window ul li .year {font-size: 0.12rem; line-height: 2em;}
.notice-list-window ul li .title {flex: 1 1 auto; margin-left: 0.28rem; color: var(--dark-color); font-size: var(--large-size); line-height: 1.5em; max-height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: color 0.4s ease-in-out;}
.notice-list-window ul li:hover .title {color: var(--hover-color);}

/* 主体-快捷导航 */
.entrance-nav-window ul {display: flex; flex-direction: column; text-align: center; padding: 0.3rem 0;}
.entrance-nav-window ul li {font-size: var(--small-size); line-height: 1.7em;}
.entrance-nav-window ul li a {display: block; color: var(--white-color); background: var(--entranceBg) top center no-repeat; padding: 0.4rem 0 0.16rem;}
.entrance-nav-window ul li a:hover {opacity: .7;}
.entrance-nav-window ul li:last-of-type a {padding-bottom: 0;}
.entrance-nav-window .entrance-collapse {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 0.18rem; height: 0.68rem; background: rgba(255, 255, 255, .24); cursor: pointer; transition: all .2s ease-in-out;}
.collapse .entrance-nav-window .entrance-collapse {left: -0.18rem; transition: all .6s ease-in-out;}
.wheel .collapse .entrance-nav-window .entrance-collapse {background-color: rgba(0, 0, 0, .3);}
.entrance-nav-window .entrance-collapse::after {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 100%; background: url('../image/collapse.png') center no-repeat; margin-top: -0.34rem; transition: all .6s ease-in-out;}
.collapse .entrance-nav-window .entrance-collapse::after {transform: rotateZ(0.5turn); transition: all .2s ease-in-out;}

/* 主体-专题聚焦 */
.special-list-panel {position: relative; z-index: 20;}
.special-list-window ul {margin: 0 -0.15rem;}
.special-list-window ul li {width: 25%;}
.special-list-window ul li a {display: block; padding: 0 0.15rem;}
.special-list-window .slick-item .image {width: 100%; position: relative; background: var(--light-color); padding-top: 47%; overflow: hidden;}
.special-list-window .slick-item .image img {width: 100%; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; transition: opacity .4s ease-in-out;}
.special-list-window .slick-item:hover .image img {opacity: .75;}
.special-list-window .slick-arrow {width: 0.56rem; height: 0.56rem; border-radius: 50%; background: var(--white-color) url('../image/arrow.png') center no-repeat; margin-top: -0.28rem; transition: background .3s ease-in-out;}
.special-list-window .slick-arrow:hover {background: var(--hover-color) url('../image/arrow_hover.png') center no-repeat;}
.special-list-window .slick-arrow.slick-prev {left: -0.24rem;}
.special-list-window .slick-arrow.slick-next {right: -0.24rem; transform: rotateY(0.5turn);}

/* 主体-菁菁校园（日历） */
.event-calendar-panel {position: relative; flex: 0 0 6.8rem; max-width: 6.8rem; z-index: 10;}
.calendar-list-window {display: none;}
.activity-list-window {position: relative; padding: 0.48rem 0.36rem; background: url('../image/calendar_bg.jpg') center no-repeat; background-size: cover; border-radius: 0.12rem 0 0 0.12rem; box-shadow: 0.1rem 0.16rem 0.22rem 0 rgba(1, 69, 144, 0.2);}
.activity-list-window .calendar-card {width: calc(100% - (0.36rem * 2)); height: calc(100% - (0.48rem * 2)); position: absolute; bottom: 0.48rem; left: 0.36rem; opacity: 1; transform: rotatey(0deg) scale(1); transform-origin: 50% 50%; padding: 0.2rem 0.28rem; border-radius: 0.08rem; background: rgba(255, 255, 255, 0.44); backdrop-filter: blur(0.78rem); box-shadow: 0 0.06rem 0.12rem 0 rgba(1, 69, 144, 0.1); transition: all 0.6s ease-in-out;}
.activity-list-window.activity-type .calendar-card {opacity: 0; transform: rotatey(-90deg) scale(1.1); transform-origin: 50% 50%;}
.activity-list-window .sudyclndr {position: relative; padding-top: 0.36rem;}
.activity-list-window .clndr-controls {position: absolute; top: 0; left: 0; display: flex; justify-content: flex-start; align-items: center;}
.activity-list-window .clndr-controls .clndr-nav {font-size: var(--large-size);}
.activity-list-window .clndr-controls .clndr-dates {font-size: var(--mega-size); line-height: 1.5em; margin: 0 0.16rem;}
.activity-list-window .clndr-back {position: absolute; top: 0; right: 0; padding: 0.04rem 0.14rem; line-height: 2em; font-size: var(--small-size); color: var(--white-color); background: #007cff; border-radius: 4px; cursor: pointer; transition: opacity .4s ease-in-out;}
.activity-list-window .clndr-back:hover {opacity: .8;}
.activity-list-window .clndr-container {position: relative;}
.activity-list-window .clndr-days .clndr-days-head {font-size: var(--small-size); color: #1a478d; text-align: center; line-height: 2em; margin: 0.06rem 0;}
.activity-list-window .clndr-days .clndr-days-table {font-size: var(--large-size); color: #252525; line-height: 2em; text-align: center;}
.activity-list-window .clndr-days .clndr-day {padding: 0.06rem 0;}
.activity-list-window .clndr-days .day-box {position: relative; width: 0.38rem; margin: 0 auto; background: transparent; border-radius: 0.04rem; border: 1px solid transparent; transition: all 0.4s ease-in-out; cursor: pointer;}
.activity-list-window .clndr-days .day-box:hover {background: #007cff;}
.activity-list-window .clndr-days .clndr-today .day-box {border: 1px solid #007cff;}
.activity-list-window .clndr-days .clndr-day-cur .day-box {background: #007cff;}
.activity-list-window .clndr-days .clndr-day-cur .day-box:hover {opacity: .8;}
.activity-list-window .clndr-days .clndr-has-events .day-box::after {content: ''; position: absolute; bottom: -0.04rem; left: 0; right: 0; margin: 0 auto; width: 0.06rem; height: 0.06rem; border: 1px solid var(--white-color); border-radius: 50%; background: #007cff;}
.activity-list-window .clndr-days .day-box a {color: #252525;}
.activity-list-window .clndr-days .day-box:hover a {color: var(--white-color);}
.activity-list-window .clndr-days .clndr-today .day-box a {color: #007cff;}
.activity-list-window .clndr-days .clndr-today .day-box:hover a {color: var(--white-color);}
.activity-list-window .clndr-days .clndr-day-cur .day-box a {color: var(--white-color);}
.activity-list-window .clndr-days .clndr-day-out .day-box a {color: #93a8cd;}
.activity-list-window .clndr-days .clndr-day-out .day-box:hover a {color: var(--white-color);}
.activity-list-window .clndr-events {display: none; position: absolute; background: var(--white-color); padding: 0.24rem 0.24rem 0.08rem; width: 3.3rem; box-shadow: rgba(0, 0, 0, 0.08) 0px 0.03rem 0.15rem 0px; border-radius: 0.06rem;}
.activity-list-window .clndr-events::before {content: ''; position: absolute; left: -0.06rem; top: 0.24rem; border-right: 0.06rem solid var(--white-color); border-top: 0.06rem solid transparent; border-bottom: 0.06rem solid transparent;}
.activity-list-window .clndr-events .clndr-events-head {position: absolute; right: 0.18rem; top: 0.08rem; font-size: var(--large-size); cursor: pointer;}
.activity-list-window .clndr-events .clndr-events-list,
.activity-list-window .clndr-events .clndr-events-list.slick-slider {padding-bottom: 0.16rem;}
.activity-list-window .clndr-events .slick-item {width: 100%; line-height: 0.28rem; margin: 0 0.12rem;}
.activity-list-window .clndr-events .title {font-size: var(--base-size); margin-bottom: 0.12rem; line-height: 1.5em; height: 3em; max-height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.activity-list-window .clndr-events .title a:hover {color: #e1c46e;}
.activity-list-window .clndr-events .level-2 .title a:hover {color: #124997;}
.activity-list-window .clndr-events .level-3 .title a:hover {color: #BA301C;}
.activity-list-window .clndr-events .subtitle {color: #e1c46e;}
.activity-list-window .clndr-events .level-2 .subtitle {color: #124997;}
.activity-list-window .clndr-events .level-3 .subtitle {color: #BA301C;}
.activity-list-window .clndr-events .time {color: rgb(26 26 26 / 50%); font-size: var(--small-size); padding-left: 0.26rem; background: url('../image/time_yellow.png') left center no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.activity-list-window .clndr-events .location {color: rgb(26 26 26 / 50%); font-size: var(--small-size); padding-left: 0.26rem; background: url('../image/location_yellow.png') left center no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.activity-list-window .clndr-events .level-2 .time {background: url('../image/time_blue.png') left center no-repeat;}
.activity-list-window .clndr-events .level-2 .location {background: url('../image/location_blue.png') left center no-repeat;}
.activity-list-window .clndr-events .level-3 .time {background: url('../image/time_red.png') left center no-repeat;}
.activity-list-window .clndr-events .level-3 .location {background: url('../image/location_red.png') left center no-repeat;}
.activity-list-window .clndr-events .slick-dots li button {background: var(--light-color);}
.activity-list-window .clndr-events .slick-dots li.slick-active button, .activity-list-window .clndr-events .slick-dots li button:hover {background: #E1C46E;}

/* 主体-菁菁校园（活动） */
.activity-list-window .calendar-content {opacity: 0; transform: rotatey(-90deg) scale(1.1); transform-origin: 50% 50%; transition: all 0.3s ease-in-out; padding: 0.28rem; background: var(--white-color); border-radius: 0.08rem;}
.activity-list-window.activity-type .calendar-content {opacity: 1; transition-delay: 0.3s; transform: rotatey(0deg) scale(1); transform-origin: 50% 50%;}
.activity-list-window .calendar-content .calendar-more {position: absolute; top: 0.14rem; right: 0.4rem; font-size: var(--base-size); line-height: 2em; z-index: 5;}
.activity-list-window .calendar-content .calendar-more a {color: var(--red-color);}
.activity-list-window .calendar-content .con {display: block; padding: 0.12rem 0; border-bottom: 1px solid #a9cade;}
.activity-list-window .calendar-content .time {font-size: var(--base-size); color: var(--red-color); line-height: 1.5em;}
.activity-list-window .calendar-content .title {font-size: var(--large-size); margin-top: 0.12rem; line-height: 1.5em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/* 主体-菁菁校园（字段） */
.event-field-panel {position: relative; flex: 1 1 auto; padding: 0.54rem 0.86rem; border-radius: 0.34rem 0 0.34rem 0; background: linear-gradient(180deg, var(--white-color) 35%, rgba(219, 242, 255, 0.85) 100%); box-shadow: 0 -1px 0.36rem 0 rgba(26, 91, 185, 0.1);}
.field-menu {display: flex; justify-content: flex-start; align-items: center; margin-bottom: 0.4rem;}
.field-menu-item {background: transparent; color: var(--dark-color); font-weight: bold; font-size: var(--huge-size); line-height: 0.5rem; padding: 0 0.22rem; border-radius: 0 0.16rem 0 0.16rem; box-shadow: 0 0 0.06rem 0 transparent; transition: all 0.4s ease-in-out; cursor: pointer;}
.field-menu-item + .field-menu-item {margin-left: 0.1rem;}
.field-menu-item.selected {background: #e1c46e; color: var(--white-color); box-shadow: 0 0 0.06rem 0 #e1c46e;}
.field-menu-item:nth-child(2).selected {background: #124997; box-shadow: 0 0 0.06rem 0 #124997;}
.field-menu-item:last-of-type.selected {background: #BA301C; box-shadow: 0 0 0.06rem 0 #BA301C;}
.field-content-item .field-list-window ul {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin: 0 -0.6rem;}
.field-content-item .field-list-window ul li {flex: 0 0 50%; max-width: 50%; padding: 0 0.6rem 0.4rem; line-height: 0.28rem;}
.field-content-item .field-list-window ul li:nth-last-child(-n + 2) {padding-bottom: 0;}
.field-content-item .field-list-window ul li .title {font-size: var(--large-size); margin-bottom: 0.12rem; line-height: 1.5em; height: 3em; max-height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.field-content-item .field-list-window ul li .title a:hover {color: #e1c46e;}
.field-content-item .field-list-window ul li .time {color: rgba(26, 26, 26, .5); font-size: var(--small-size); padding-left: 0.26rem; background: url('../image/time_yellow.png') left center no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.field-content-item .field-list-window ul li .location {color: rgba(26, 26, 26, .5); font-size: var(--small-size); padding-left: 0.26rem; background: url('../image/location_yellow.png') left center no-repeat; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.field-content-item:nth-child(2) .field-list-window ul li .title a:hover {color: #124997;}
.field-content-item:nth-child(2) .field-list-window ul li .time {background: url('../image/time_blue.png') left center no-repeat;}
.field-content-item:nth-child(2) .field-list-window ul li .location {background: url('../image/location_blue.png') left center no-repeat;}
.field-content-item:last-of-type .field-list-window ul li .title a:hover {color: #BA301C;}
.field-content-item:last-of-type .field-list-window ul li .time {background: url('../image/time_red.png') left center no-repeat;}
.field-content-item:last-of-type .field-list-window ul li .location {background: url('../image/location_red.png') left center no-repeat;}

/* 主体-学术科研（成果推介-轮播） */
.research-achievement-panel {flex: 0 0 10.5rem; max-width: 10.5rem;}
.achievement-carousel-window {position: relative; margin-bottom: 0.4rem;}
.achievement-carousel-window .carousel-content {position: relative; width: 4.8rem; padding: 0.3rem 0.4rem 0; border-radius: 0 0.24rem 0 0.24rem; background: var(--white-color); box-shadow: 0 0 0.16rem 0 rgba(0, 0, 0, 0.2); z-index: 20;}
.achievement-carousel-window .carousel-content .slick-slider {padding-bottom: 0.92rem;}
.achievement-carousel-window .carousel-content .slick-dots {width: auto; margin: 0; bottom: 0.4rem; right: 0;}
.achievement-carousel-window .carousel-content .slick-dots li button {background: var(--light-color);}
.achievement-carousel-window .carousel-content .slick-dots li.slick-active button, .achievement-carousel-window .carousel-content .slick-dots li button:hover {background: #E1C46E;}
.achievement-carousel-window .carousel-content .time {display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-start;}
.achievement-carousel-window .carousel-content .time-top {font-size: var(--mini-size); color: var(--red-color); line-height: 1.65em; display: flex; align-items: center; justify-content: flex-start;}
.achievement-carousel-window .carousel-content .time-top span + span {margin-left: 0.2rem;}
.achievement-carousel-window .carousel-content .time-bot {font-size: var(--mega-size); color: var(--red-color); line-height: 1.2em; font-weight: bold; display: flex; align-items: center; justify-content: flex-start;}
.achievement-carousel-window .carousel-content .time-bot span + span {position: relative; margin-left: 0.1rem; padding-left: 0.12rem;}
.achievement-carousel-window .carousel-content .time-bot span + span::after {content: ''; background: var(--red-color); position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 2px; height: 50%;}
.achievement-carousel-window .carousel-content .title {font-size: var(--large-size); margin: 0.18rem 0; line-height: 1.5em; height: 3em; max-height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.achievement-carousel-window .carousel-content .text {font-size: var(--base-size); line-height: 1.6em; height: 4.8em; max-height: 4.8em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; color: #626262;}
.achievement-carousel-window .carousel-cover {position: absolute; width: 6.6rem; right: 0; bottom: 0.4rem;}
.achievement-carousel-window .carousel-cover .image {position: relative; width: 100%; padding-top: 66.6%; background: var(--white-color); overflow: hidden;}
.achievement-carousel-window .carousel-cover .image img {width: 100%; height: 100%; object-fit: contain; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; transition: all .6s ease-in-out;}
.achievement-carousel-window .carousel-cover .image:hover img {transform: scale(1.2);}

/* 主体-学术科研（成果推介-卡片） */
.achievement-card-window ul {display: flex; justify-content: flex-start; align-items: flex-start; margin: 0 -0.12rem;}
.achievement-card-window ul li {flex: 0 0 33.333%; max-width: 33.333%; padding: 0 0.12rem;}
.achievement-card-window ul li a {position: relative; display: block; border-top: 0.07rem solid #e1c46e; padding: 0.28rem 0.4rem; background: var(--white-color); box-shadow: 0 0.04rem 0.12rem 0 rgba(27, 66, 121, 0.1);}
.achievement-card-window ul li a::before {content: ''; position: absolute; top: -0.07rem; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, var(--red-color), var(--red-color)) no-repeat right top / 0 0.07rem; transition: background-size .4s ease-in-out;}
.achievement-card-window ul li a:hover {background: var(--hover-color);}
.achievement-card-window ul li a:hover::before {background-size: 100% 0.07rem; background-position-x: left;}
.achievement-card-window .title {color: var(--dark-color); margin-bottom: 0.28rem; font-size: var(--large-size); line-height: 1.5em; height: 4.5em; max-height: 4.5em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: color .4s ease-in-out;}
.achievement-card-window ul li a:hover .title {color: var(--white-color);}
.achievement-card-window .time {font-size: var(--base-size); color: var(--red-color); line-height: 1.5em; transition: color .4s ease-in-out;}
.achievement-card-window ul li a:hover .time {color: var(--white-color);}

/* 主体-学术科研（项目申报） */
.research-declare-panel {flex: 0 0 4.8rem; max-width: 4.8rem; margin-top: 0.4rem; border-left: 1px solid rgba(170, 203, 223, 0.6);}
.declare-list-window {padding-left: 0.3rem;}
.declare-list-window .declare-scroll-box.slick-slider {padding-bottom: 0.4rem;}
.declare-list-window .declare-scroll-box .slick-item {position: relative; background: transparent; transition: background-color 0.4s ease-in-out;}
.declare-list-window .declare-scroll-box .slick-item::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../image/bell.png') calc(100% - 0.24rem) center no-repeat; opacity: 0; transition: opacity .4s ease-in-out;}
.declare-list-window .declare-scroll-box .slick-item:hover {box-shadow: 0 0.03rem 0.15rem 0 rgba(27, 66, 121, 0.1); background: var(--white-color);}
.declare-list-window .declare-scroll-box .slick-item:hover::after {opacity: 1;}
.declare-list-window .declare-scroll-box .slick-item .con {position: relative; display: block; padding: 0.16rem 0; margin: 0 0.24rem; border-bottom: 1px solid #a9cade; z-index: 1;}
.declare-list-window .declare-scroll-box .slick-item:hover .con {border-color: var(--white-color);}
.declare-list-window .declare-scroll-box .slick-item .time {font-size: var(--base-size); color: var(--red-color); line-height: 1.5em; transition: color 0.4s ease-in-out;}
.declare-list-window .declare-scroll-box .slick-item:hover .time {color: var(--hover-color);}
.declare-list-window .declare-scroll-box .slick-item .title {color: var(--dark-color); margin-top: 0.12rem; font-size: var(--large-size); line-height: 1.5em; height: 3em; max-height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: color 0.4s ease-in-out;}
.declare-list-window .declare-scroll-box .slick-item:hover .title {color: var(--hover-color);}

/* 主体-融媒师大 */
.media-agency-panel {flex: 1 1 auto;}
.media-platform-panel {flex: 0 0 6.3rem; max-width: 6.3rem; margin: 0 0.2rem; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.media-social-panel {flex: 0 0 3.8rem; max-width: 3.8rem;}
.agency-list-window ul {background: var(--white-color); box-shadow: 0 0.03rem 0.15rem 0 rgba(27, 66, 121, 0.1); padding: 0.2rem 0.32rem;}
.agency-list-window ul li {position: relative; display: flex; justify-content: flex-start; align-items: center; padding: 0.28rem 0; border-bottom: 1px solid transparent;}
.agency-list-window ul li::before {content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 1px; background: rgba(169, 202, 222, 0.41); transition: background .4s ease-in-out;}
.agency-list-window ul li::after {content: ''; position: absolute; left: 0; bottom: 1px; width: 100%; height: 1px; background: transparent; transition: background .4s ease-in-out;}
.agency-list-window ul li:hover::before, .agency-list-window ul li:hover::after {background: var(--red-color);}
.agency-list-window ul li:last-of-type {border: 0;}
.agency-list-window ul li:last-of-type::before, .agency-list-window ul li:last-of-type::after {display: none;}
.agency-list-window ul li .image {flex: 0 0 0.9rem; max-width: 0.9rem; height: 0.58rem; background: var(--white-color); box-shadow: 0 0.03rem 0.06rem 0 rgba(0, 50, 136, 0.07);}
.agency-list-window ul li .image img {width: 100%; height: auto; max-height: 100%; transition: opacity .4s ease-in-out;}
.agency-list-window ul li .title {flex: 1 1 auto; margin-left: 0.16rem; color: var(--dark-color); font-size: var(--large-size); line-height: 1.5em; max-height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: color .4s ease-in-out;}
.agency-list-window ul li:hover .title a {color: var(--hover-color);}
.agency-list-window ul li:hover .image img {opacity: .8;}
.platform-weibo-window {flex: 100%; max-width: 100%; margin-bottom: 0.2rem;}
.platform-weibo-window .slick-item {height: 3.6rem;}
.platform-weibo-window .slick-item .con {position: relative; display: block; height: 100%; overflow: hidden;}
.platform-weibo-window .slick-item .image {width: 100%; height: 100%;}
.platform-weibo-window .slick-item .image img {width: 100%; height: 100%; object-fit: cover; transition: all 1s ease 0s;}
.platform-weibo-window .slick-item .con:hover .image img {transform: scale(1.2);}
.platform-weibo-window .slick-item .play {position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 0.6rem; height: 0.6rem; transform: translateY(-50%); background: url('../image/play.png') center no-repeat; background-size: cover; opacity: .8; cursor: pointer; transition: transform 0.6s ease-out;}
.platform-weibo-window .slick-item .con:hover .play {transform: translateY(-50%) rotateZ(1turn);}
.platform-weibo-window .slick-item .title {position: absolute; left: 0; bottom: calc(var(--base-size) * -2.5); width: 100%; color: var(--white-color); font-size: var(--base-size); line-height: 2.5em; padding: 0 calc(0.14rem * 5 + 0.24rem) 0 0.24rem; background: rgba(27, 66, 121, .5); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: bottom .3s ease-in-out;}
.platform-weibo-window .slick-item .con:hover .title {bottom: 0;}
.platform-weibo-window .slick-dots {width: auto; bottom: 0.14rem; right: 0.14rem;}
.platform-weibo-window .slick-dots li + li {margin-left: 0.14rem;}
.platform-weichat-window {flex: 0 0 50%; max-width: 50%; padding-right: 0.1rem;}
.platform-weichat-window ul li {height: 2.34rem;}
.platform-weichat-window ul li .con {position: relative; display: block; height: 100%; overflow: hidden;}
.platform-weichat-window ul li .image {width: 100%; height: 100%;}
.platform-weichat-window ul li .image img {width: 100%; height: 100%; object-fit: cover; transition: all 1s ease 0s;}
.platform-weichat-window ul li .con:hover .image img {transform: scale(1.2);}
.platform-weichat-window ul li .title {position: absolute; left: 0; bottom: calc(var(--base-size) * -2.5); width: 100%; text-align: center; color: var(--white-color); font-size: var(--base-size); line-height: 2.5em; padding: 0 0.24rem; background: rgba(27, 66, 121, .5); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: bottom .3s ease-in-out;}
.platform-weichat-window ul li .con:hover .title {bottom: 0;}
.platform-paper-window {flex: 0 0 50%; max-width: 50%; padding-left: 0.1rem;}
.platform-paper-window ul li {height: 2.34rem;}
.platform-paper-window ul li .con {position: relative; display: block; height: 100%; overflow: hidden;}
.platform-paper-window ul li .image {width: 100%; height: 100%;}
.platform-paper-window ul li .image img {width: 100%; height: 100%; object-fit: cover;}
.platform-paper-window ul li .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 0.24rem; background: rgba(225, 196, 110, .69);}
.platform-paper-window ul li .title {text-align: center; margin: 0.24rem 0 0.12rem;}
.platform-paper-window ul li .title img {width: auto; height: 0.45rem; object-fit: cover;}
.platform-paper-window ul li .text {color: var(--white-color); font-size: var(--small-size); line-height: 1.85em; max-height: 9.25em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.social-video-window .slick-item {height: 6.14rem;}
.social-video-window .slick-item .con {position: relative; display: block; height: 100%; overflow: hidden;}
.social-video-window .slick-item .image {width: 100%; height: 100%;}
.social-video-window .slick-item .image img {width: 100%; height: 100%; object-fit: cover; transition: all 1s ease 0s;}
.social-video-window .slick-item .con:hover .image img {transform: scale(1.2);}
.social-video-window .slick-item .play {position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; width: 0.6rem; height: 0.6rem; transform: translateY(-50%); background: url('../image/play.png') center no-repeat; background-size: cover; opacity: .8; cursor: pointer; transition: transform 0.6s ease-out;}
.social-video-window .slick-item .con:hover .play {transform: translateY(-50%) rotateZ(1turn);}
.social-video-window .slick-item .title {position: absolute; left: 0; bottom: calc(var(--base-size) * -2.5); width: 100%; color: var(--white-color); font-size: var(--base-size); line-height: 2.5em; padding: 0 calc(0.14rem * 5 + 0.24rem) 0 0.24rem; background: rgba(27, 66, 121, .5); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: bottom .3s ease-in-out;}
.social-video-window .slick-item .con:hover .title {bottom: 0;}
.social-video-window .slick-dots {width: auto; bottom: 0.14rem; right: 0.14rem;}
.social-video-window .slick-dots li + li {margin-left: 0.14rem;}

/* 主体-新媒体矩阵 */
.solt-code-window {position: relative;}
.solt-code-window ul {display: flex; justify-content: flex-start; align-items: flex-start; background: var(--white-color);}
.solt-code-window ul li {position: relative; top: 1.6rem; width: calc(100% / 26); height: 3.24rem; flex: 0 0 calc(100% / 26); background: var(--white-color); transition: all 0.4s;}
.solt-code-window ul li::before {content: ''; position: absolute; top: 0; left: 0; width: calc(100% / 3); height: 100%; background: linear-gradient(to bottom, rgba(173, 204, 236, 0.3) 0, rgba(173, 204, 236, 0.3) 0.15rem, #ffffff 0.15rem, #ffffff 0.3rem, #adccec 0.3rem, #adccec 0.45rem, #ffffff 0.45rem, #ffffff 0.6rem, #adccec 0.6rem);}
.solt-code-window ul li::after {content: ''; position: absolute; top: 0; right: 0; width: calc(100% / 3); height: 100%; background: linear-gradient(to bottom, rgba(173, 204, 236, 0.3) 0, rgba(173, 204, 236, 0.3) 0.15rem, #ffffff 0.15rem, #ffffff 0.3rem, #adccec 0.3rem, #adccec 0.45rem, #ffffff 0.45rem, #ffffff 0.6rem, #adccec 0.6rem);}
.solt-code-window ul li + li {margin-left: calc(100% / 26 / 3);}
.solt-code_list__img {position: absolute; left: 0; right: 0; margin: 0 auto; top: 30%; width: 0.6rem; height: 0.6rem; z-index: 5;}
.solt-code_list__img img {width: 100%; height: 100%; object-fit: cover;}
.solt-code-window ul li.active {top: 0;}
.solt-code-window ul li.active + li {top: 0.2rem;}
.solt-code-window ul li.active + li + li {top: 0.4rem;}
.solt-code-window ul li.active + li + li + li {top: 0.6rem;}
.solt-code-window ul li.active + li + li + li + li {top: 0.8rem;}
.solt-code-window ul li.active + li + li + li + li + li {top: 1rem;}
.solt-code-window ul li.active + li + li + li + li + li + li {top: 1.2rem;}
.solt-code-window ul li.active + li + li + li + li + li + li + li {top: 1.4rem;}
.solt-code-window ul li.active + li + li + li + li + li + li + li + li {top: 1.6rem;}
.solt-code-window ul li:has(+ li.active) {top: 0.2rem;}
.solt-code-window ul li:has(+ li + li.active) {top: 0.4rem;}
.solt-code-window ul li:has(+ li + li + li.active) {top: 0.6rem;}
.solt-code-window ul li:has(+ li + li + li + li.active) {top: 0.8rem;}
.solt-code-window ul li:has(+ li + li + li + li + li.active) {top: 1rem;}
.solt-code-window ul li:has(+ li + li + li + li + li + li.active) {top: 1.2rem;}
.solt-code-window ul li:has(+ li + li + li + li + li + li + li.active) {top: 1.4rem;}
.solt-code-window ul li:has(+ li + li + li + li + li + li + li + li .active) {top: 1.6rem;}
.solt-position-qrcode {position: absolute; top: -0.8rem; width: 1rem; height: 1.2rem; opacity: 0; transition: 0.6s; visibility: hidden; left: var(--position); z-index: 20; border: 0.04rem solid var(--white-color); border-radius: 0.06rem; background: var(--white-color); box-shadow: 0 0.03rem 0.06rem 0.06rem rgba(0, 0, 0, 0.0784);}
.solt-position-qrcode::after {content: ''; display: inline-block; border-top: 0.1rem solid var(--white-color); border-left: 0.1rem solid transparent; border-right: 0.1rem solid transparent; position: absolute; top: 100%; left: 50%; margin-left: -0.1rem;}
.solt-position-qrcode img {width: 100%; height: auto;}
.solt-position-qrcode.show {opacity: 1; visibility: inherit;}
.solt-tips {text-align: center; font-size: var(--small-size); color: #104186; font-weight: bold; letter-spacing: 0.03rem; line-height: 0.2rem; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; font-family: '黑体';}


/** 底部模块 **/
.nwnu-container-footer {position: relative;}
.nwnu-main-page .nwnu-container-footer {margin-top: -1rem; z-index: 10;}

/* 底部-LOGO */
.foot-logo-panel {flex: 0 0 3.4rem; max-width: 3.4rem;}
.foot-logo-window .foot-service_logo img {max-width: 100%;}

/* 底部-联系我们 */
.foot-concat-window {border-left: 1px solid rgba(255, 255, 255, 0.2); padding: 0.1rem 1.05rem;}
.foot-concat_title {font-size: var(--large-size); color: rgba(255, 255, 255, 0.8); font-weight: bold; margin-bottom: 0.2rem;}
.foot-concat_contnet {font-size: var(--base-size); color: rgba(255, 255, 255, 0.8); line-height: 2em; display: flex; flex-flow: column; align-items: flex-start; justify-content: flex-start;}
.foot-concat_contnet span {padding: 0 0.32rem;}
.foot-concat_contnet__location {background: url('../image/foot_location.png') left center no-repeat;}
.foot-concat_contnet__zip {background: url('../image/foot_zip.png') left center no-repeat;}
.foot-concat_contnet__phone {background: url('../image/foot_phone.png') left center no-repeat;}

/* 底部-快速服务 */
.foot-service-panel {flex: 0 0 2.4rem; max-width: 2.4rem;}
.foot-service-window ul li {width: 100%; text-align: center; font-size: var(--small-size); border: 1px solid rgba(255, 255, 255, 0.2); line-height: 0.38rem;}
.foot-service-window ul li + li {margin-top: 0.18rem;}
.foot-service-window ul li a {display: block; color: var(--white-color);}

/* 底部-站点版权 */
.site-copyright {font-size: var(--base-size); line-height: 0.3rem; color: rgba(255, 255, 255, 0.8); display: flex; justify-content: center; align-items: center;}
.site-copyright span {margin: 0 0.08rem;}


/** 列表页 **/

/* 列表页-栏目图片 */
.column-banner-window {height: 5.6rem; overflow: hidden;}
.column-banner-window .default-banner-img {display: none; width: 100%; height: 100%;}
.column-banner-window .column-banner-img {width: 100%; height: 100%;}
.column-banner-window .default-banner-img img,
.column-banner-window .column-banner-img img {width: 100%; height: 100%; vertical-align: middle; object-fit: cover;}

/* 列表页-位置栏目 */
.column-menu-window {max-width: 1600px; position: absolute; bottom: 2.5rem; left: 0; right: 0; margin: 0 auto;}
.nwnu-info-page .column-menu-window, .nwnu-media-page .column-menu-window {bottom: 1.5rem;}
.column-menu-window .anchor-title {font-size: 65px; line-height: 1em; font-weight: normal; color: #fff; font-family: 'YouSheBiaoTiHei';}
.column-menu-window .anchor-title span {display: inline-block;}

/* 列表页-栏目列表 */
.column-info-panel {max-width: 1600px; position: absolute; bottom: 1.5rem; left: 0; right: 0; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; z-index: 10;}
.nwnu-info-page .column-info-panel, .nwnu-media-page .column-info-panel {justify-content: flex-end;}
.column-list-window {flex: 0 0 70%;}
.column-list-window ul {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin: 0 -0.28rem;}
.column-list-window ul li {font-size: var(--huge-size); line-height: 2em; padding: 0 0.28rem;}
.column-list-window ul li.selected {background: url('../image/current.png') 0.1rem center no-repeat;}
.column-list-window ul li a {color: var(--white-color);}

/* 列表页-位置栏目 */
.column-position-window {flex: none;}
.column-position-window .position-path {color: var(--white-color); font-size: var(--large-size); line-height: 2em; padding-left: 0.34rem; background: url('../image/home.png') left center no-repeat;}
.column-position-window .position-path a {color: var(--white-color);}
.column-position-window .position-path .possplit {position: relative; padding: 0 0.06rem; text-indent: 0;}
.column-position-window .position-path .possplit::before {content: '>'; position: absolute; top: 50%; left: 0; color: var(--white-color); font-size: var(--large-size); line-height: 2em; width: 100%; text-align: center; transform: translateY(-50%);}

/* 列表页-文章列表 */
.list-article-panel {display: flex; justify-content: space-between; align-items: flex-start;}
.list-article-window {flex: 1 1 auto; max-width: 11.15rem; margin-right: 0.75rem;}
.list-article-window .list-item {background: var(--white-color); border-left: 0.04rem solid #194D95; border-radius: 3px; box-shadow: 0.1rem 0.15rem 0.17rem 0 rgba(135, 13, 17, 0.02); transition: all .4s ease-in-out;}
.list-article-window .list-item:hover {background: var(--hover-color); border-left-color: #e1c46e;}
.list-article-window .list-item + li {margin-top: 0.2rem;}
.list-article-window .list-item .con {display: flex; justify-content: flex-start; align-items: center; padding: 0.2rem 0.3rem;}
.list-article-window .list-item .time {flex: none; display: flex; flex-flow: column; text-align: center; color: #194D95; padding-right: 0.2rem; border-right: 1px solid rgba(112, 112, 112, .24); margin-right: 0.24rem; transition: all .4s ease-in-out;}
.list-article-window .list-item:hover .time {color: var(--white-color); border-right-color: rgba(255, 255, 255, .5);}
.list-article-window .list-item .day {font-size: 0.32rem; line-height: 1em;}
.list-article-window .list-item .year {font-size: var(--small-size); line-height: 1.5em;}
.list-article-window .list-item .title {color: var(--dark-color); font-size: var(--large-size); line-height: 1.5em; max-height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: color .4s ease-in-out;}
.list-article-window .list-item:hover .title {color: var(--white-color);}
.list-article-window .wp_articlecontent {overflow: auto;}
.list-article-window .wp_paging {display: none;}
.list-article-window .list_page {display: flex; justify-content: flex-start; align-items: center; color: #666; font-size: var(--base-size); line-height: 2em; margin: 0.64rem 0 0.32rem;}
.list-article-window .list_page {display: flex; justify-content: center; align-items: center; color: #666; font-size: var(--base-size); line-height: 2em;}
.list-article-window .list_page > span {padding: 0.05rem 0; display: inline-block;}
.list-article-window .list_page > button {background: transparent; outline: 0; border: 1px solid #707070; font-size: var(--base-size); line-height: 2em; height: 0.42rem; border-radius: 0.04rem; text-align: center; appearance: none; cursor: pointer; font-family: 'Microsoft YaHei'; display: inline-block; width: 0.42rem; margin: 0 0.06rem; color: #666; transition: all .4s ease-in-out;}
.list-article-window .list_page > button:hover {color: var(--white-color); background: #104186; border-color: #104186;}
.list-article-window .record { display: inline-block; margin: 0 0.06rem;}
.list-article-window .count {margin: 0 0.12rem;}
.list-article-window .ellipsis {margin: 0 0.12rem;}
.list-article-window .per_count {border: 1px solid #707070; width: 0.42rem; text-align: center; border-radius: 0.04rem; margin: 0 0.12rem; padding: 0.04rem 0; display: inline-block;}
.list-article-window input.which {background: transparent; outline: 0; border: 1px solid #707070; font-size: var(--base-size); line-height: 2em; height: 0.42rem; border-radius: 0.04rem; text-align: center; font-family: 'Microsoft YaHei'; display: inline-block; width: 0.46rem; margin: 0 0.06rem; color: #666;}
.list-article-window button.current {color: var(--white-color); background: #104186; border-color: #104186;}
.list-article-window button.prePage,
.list-article-window button.nextPage {width: 0.7rem;}
.list-article-window button.nextPage {margin-right: 0.12rem;}
.list-article-window button.jump {color: var(--white-color); background: #104186; border-color: #104186; width: 0.7rem;}

/* 列表页-最新要闻 */
.list-hot-window {flex: 0 0 4.1rem; max-width: 4.1rem; background: var(--white-color); padding: 0.4rem 0.32rem; box-shadow: 0.06rem 0.12rem 0.1rem 0 rgba(135, 13, 17, 0.02);}
.list-hot-window .hot-head {font-size: var(--mega-size); line-height: 1.5em; margin-bottom: 0.12rem; padding-left: 0.46rem; background: url('../image/hot.png') left center no-repeat;}
.list-hot-window ul {border-top: 2px solid #E0E0E0;}
.list-hot-window ul li {border-bottom: 1px solid rgba(186, 186, 186, .42); padding: 0.2rem 0;}
.list-hot-window ul li .title {color: var(--dark-color); font-size: var(--large-size); line-height: 2em; max-height: 4em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-left: 0.24rem; background: url('../image/hot_arrow.png') left 0.08rem no-repeat;}
.list-hot-window ul li .time {color: #194D95;}


/** 特殊（单篇）**/
.list-single-window .single_article p {margin-bottom: 0.2rem; text-indent: 2em; line-break: anywhere;}
.list-single-window .single_article div,
.list-single-window .single_article p,
.list-single-window .single_article span {line-height: 2em; font-size: var(--base-size); color: var(--dark-color); font-family: serif;}
.list-single-window .single_article * {background: transparent !important;}


/** 特殊（媒体师大） **/
.masonry-article-panel {padding: 0 1rem;}
.masonry-article-window ul {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.masonry-article-window ul li {flex: 0 0 25%; max-width: 25%; margin-bottom: 0.64rem;}
.masonry-article-window ul li .con {padding: 0 0.18rem;}
.masonry-article-window ul li .image {width: 100%; height: auto;}
.masonry-article-window ul li .image img {width: 100%; height: auto;}
.masonry-article-window ul li .time {color: var(--red-color); font-size: var(--base-size); line-height: 1.75em; margin: 0.28rem 0 0.1rem;}
.masonry-article-window ul li .title {font-size: var(--huge-size); color: var(--dark-color); line-height: 1.75em; max-height: 3.5em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.masonry-loading .sk-fading-circle {width: 4em; height: 4em; position: relative; margin: auto;}
.masonry-loading .sk-fading-circle .sk-circle {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.masonry-loading .sk-fading-circle .sk-circle:before {content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #C3C3C3; border-radius: 100%; animation: sk-fading-circle-delay 1.2s infinite ease-in-out both;}
.masonry-loading .sk-fading-circle .sk-circle-2 {transform: rotate(30deg);}
.masonry-loading .sk-fading-circle .sk-circle-3 {transform: rotate(60deg);}
.masonry-loading .sk-fading-circle .sk-circle-4 {transform: rotate(90deg);}
.masonry-loading .sk-fading-circle .sk-circle-5 {transform: rotate(120deg);}
.masonry-loading .sk-fading-circle .sk-circle-6 {transform: rotate(150deg);}
.masonry-loading .sk-fading-circle .sk-circle-7 {transform: rotate(180deg);}
.masonry-loading .sk-fading-circle .sk-circle-8 {transform: rotate(210deg);}
.masonry-loading .sk-fading-circle .sk-circle-9 {transform: rotate(240deg);}
.masonry-loading .sk-fading-circle .sk-circle-10 {transform: rotate(270deg);}
.masonry-loading .sk-fading-circle .sk-circle-11 {transform: rotate(300deg);}
.masonry-loading .sk-fading-circle .sk-circle-12 {transform: rotate(330deg);}
.masonry-loading .sk-fading-circle .sk-circle-2:before {animation-delay: -1.1s;}
.masonry-loading .sk-fading-circle .sk-circle-3:before {animation-delay: -1s;}
.masonry-loading .sk-fading-circle .sk-circle-4:before {animation-delay: -0.9s;}
.masonry-loading .sk-fading-circle .sk-circle-5:before {animation-delay: -0.8s;}
.masonry-loading .sk-fading-circle .sk-circle-6:before {animation-delay: -0.7s;}
.masonry-loading .sk-fading-circle .sk-circle-7:before {animation-delay: -0.6s;}
.masonry-loading .sk-fading-circle .sk-circle-8:before {animation-delay: -0.5s;}
.masonry-loading .sk-fading-circle .sk-circle-9:before {animation-delay: -0.4s;}
.masonry-loading .sk-fading-circle .sk-circle-10:before {animation-delay: -0.3s;}
.masonry-loading .sk-fading-circle .sk-circle-11:before {animation-delay: -0.2s;}
.masonry-loading .sk-fading-circle .sk-circle-12:before {animation-delay: -0.1s;}
.masonry-article-window .masonry-none {text-align: center; font-size: var(--mega-size); line-height: 2em; color: var(--theme-color); margin-top: 0.2rem;}


/** 文章页 **/
.article-content-panel {display: flex; justify-content: space-between; align-items: flex-start;}
.article-content-window {flex: 1 1 auto; max-width: 11.15rem; margin-right: 0.75rem; background: #fff; border-radius: 0.2rem; box-shadow: 0 0.03rem 0.2rem 0 rgba(149, 174, 216, 0.2); padding: 1rem 0.56rem;}
.article-content-window .article-head {border-bottom: 1px solid #DDDFDF; margin-bottom: 0.5rem;}
.article-content-window .article-title {text-align: center;}
.article-content-window .main-title {font-size: 0.3rem; font-weight: bold; line-height: 1.5em; color: #104186;}
.article-content-window .sub-title {font-size: var(--mega-size); font-weight: normal; line-height: 1.2em; color: #666;}
.article-content-window .article-meta {font-size: var(--base-size); color: #666; line-height: 2em; text-align: center; margin: 0.12rem 0 0.2rem;}
.article-content-window .article-meta > span {display: inline-block; margin: 0 0.14rem;}
.article-content-window .article-read p {text-indent: 2em;}
.article-content-window .article-read,
.article-content-window .article-read p,
.article-content-window .article-read span {font-size: var(--huge-size) !important; line-height: 2em !important; margin-bottom: 0.2rem !important; text-align: justify; color: var(--dark-color); line-break: anywhere; font-family: serif !important;}
.article-content-window .article-read a {color: #1b4279;}
.article-content-window .article-read a:hover {color: #e1c46e;}
.article-content-window .article-read img {max-width: 100%; height: auto !important; display: block; margin: 0 auto !important;}
.article-content-window .article-read table p {text-indent: 0 !important; margin: 0 !important;}
.article-content-window .article-read table,
.article-content-window .article-read audio,
.article-content-window .article-read video {max-width: 100%; display: block; margin: 0 auto !important;}


div#bay {
    position: fixed !important;
    z-index: 99;
}

div#bay .gb {
    position: absolute;
    right: 0px;
    font-size: 16px;
    bottom: -16px;
    cursor: pointer;
}

div#bay img {
    max-width: 320px;
    height: auto;
}