@charset "UTF-8";
/* amazeui依赖 */
@import url(amazeui.css);
/* 矢量字体 */
@import url(https://at.alicdn.com/t/c/font_4619376_9bniizt492k.css);
/* 动画库 */
@import url(animate.min.css);
/* 全局变量 */
:root {
  --theme: #1B5395;
  --themeActive: #0c79b1;
  --bgcolor: #ECF1F7;
  --color: #333; }

:export {
  theme: #2B58A8; }

/* 站点样式 */
html,
body {
  padding: 0px;
  margin: 0px;
  min-height: 100%;
  color: #333; }

/* 修改根字体大小适配全局大小 */
html {
  font-size: 10px; }

body {
  color: #333;
  min-width: auto; }

a {
  color: #333; }

a:hover,
a:active {
  transition: color ease-in .1s;
  color: var(--theme); }

.main-box {
  width: 132rem;
  margin: 0 auto; }

@media only screen and (max-width: 1366px) {
  html {
    font-size: 8px; } }

@media only screen and (max-width: 641px) {
  html {
    font-size: 8px; }
  html, body {
    width: 100vw;
    overflow-x: hidden; }
  .main-box {
    width: 100%; } }

.text-line {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.text-line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis; }

.text-line4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis; }

.flex-row {
  display: flex;
  flex-direction: row; }

.flex-row-always {
  display: flex;
  flex-direction: row; }

.flex-column {
  display: flex;
  flex-direction: column; }

.flex-row-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

@media only screen and (max-width: 641px) {
  .flex-row {
    text-align: center;
    flex-direction: column; }
  .flex-row-between {
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center; } }

.align-center {
  align-items: center; }


/* 通用组件 */
.gray-box {
  border: 1.5rem solid;
  border-color: #F2F6F9;
  border-radius: 1rem;
  padding: 1rem; }

.navigation {
  font-size: 1.6rem;
  color: #999; }
  .navigation a {
    color: #999; }
  .navigation .am-breadcrumb {
    font-size: 100%;
    margin-bottom: 0rem; }
    .navigation .am-breadcrumb .iconfont {
      color: var(--theme);
      font-weight: 700;
      font-size: 1.1em; }
  .navigation .active {
    color: var(--theme); }

.pagination {
  margin: 3rem auto; }
  .pagination .am-pagination {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    justify-content: center; }
    .pagination .am-pagination li {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 5px; }
  .pagination .am-pagination > li > a, .pagination .am-pagination > li > span, .pagination .am-pagination > li > select, .pagination .am-pagination > li > input {
    border-radius: 4px;
    color: #999; }
  .pagination select {
    position: relative;
    display: block;
    padding: 0.4em 1em;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 5px;
    margin-right: 5px;
    cursor: pointer; }
  .pagination input {
    width: 8rem;
    text-align: center;
    position: relative;
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-bottom: 5px;
    margin-right: 5px;
    cursor: pointer; }

.tabs-panel {
  clear: both;
  overflow: hidden; }
  .tabs-panel .tabs-header {
    font-size: 2rem;
    overflow: hidden;
    background: var(--bgcolor);
    padding: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-radius: 4px; }
    .tabs-panel .tabs-header .item {
      line-height: 5.4rem;
      text-align: center;
      flex: 1;
      height: 100%;
      color: #333;
      border-radius: 4px;
      cursor: pointer;
      white-space: nowrap; }
      .tabs-panel .tabs-header .item.active {
        color: var(--theme);
        background: linear-gradient(180deg, #F4F6F8 0%, #FFFFFF 100%);
        box-shadow: 0px 4px 16px 0px rgba(122, 140, 168, 0.16); }
  .tabs-panel .tabs-list {
    width: 100%;
    padding: 0px 5px; 
	height: max-content;}

@media only screen and (max-width: 641px) {
  .tabs-panel .tabs-header {
    font-size: 1.6rem; } }

.text-list {
  width: inherit;
  overflow: hidden; }
  .text-list .item {
    display: flex;
    flex-direction: row;
    line-height: 4.4rem;
    font-size: 1.8rem;
    color: #333;
    cursor: pointer;
    padding: 0px 1rem 0px 1.5rem;
    position: relative;
    transition: all .2s linear;
    gap: 10px; }
    .text-list .item:before {
      position: absolute;
      content: ' ';
      width: 4px;
      height: 4px;
      background-color: #ccc;
      left: 3px;
      top: 50%;
      transform: translate(0, -50%); }
    .text-list .item .title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .text-list .item .date {
      margin-left: 1rem;
      white-space: nowrap;
      text-align: right;
      color: #999; }
    .text-list .item:hover:before {
      background-color: var(--theme); }
    .text-list .item:hover .title {
      color: var(--theme); }
  .text-list .line {
    margin: 1.5rem 0;
    border: 1px #DCDCDC dashed; }

/* 主体 */
.container {
  clear: both;
  overflow: hidden; }