/* 公用样式 */
/* 首页图书 扩大 */
.index-book a div img:hover{
	transform: translateY(-5px);
  transition:0.5s;
}

.index-book a:hover{
	text-decoration:none;
}

.btn-primary{
  --tblr-btn-bg: #9f7b4bd9;
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
  background-color: #9f7b4bab;
}

.btn:hover{
  background-color: #9f7b4bab;
}

.form-check-input:checked{
  background-color: #9f7b4bd9;
}

.form-check-input:focus{
  box-shadow: 0 0 0 0.25rem rgb(159 123 75 / 25%);
}

/* 自定义样式 */

.theme_main_bg {
  background: url(/static/img/theme1/bg.png);
}

.theme_bg {
  background: url(/static/img/theme1/bg.png);
}

.theme_section_bg {
  background: url(/static/img/theme1/bottom.png);
  padding-top: 3.5rem;
}

/* 标签card的表头鼠标移动后 */
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{
  border-color:transparent;
}
.nav-link:focus, .nav-link:hover{
  color: #9f7b4b;
}

/*标题*/
.ibox_title {
  position: relative;
  padding: 30px 0 35px;
  text-align: center;
  vertical-align: top;
}

.ibox_title span {
  position: relative;
  padding: 0 115px;
  font-size: 38px;
  background: url(/static/img/theme1/element-l.png) no-repeat left center, url(/static/img/theme1/element-r.png) no-repeat right center;
}

.ibox_title span:before {
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 60px;
  height: 6px;
  margin-left: -30px;
  background-color: #ac4a3b;
  opacity: 0.6;
  content: "";
}

.ibox_title span:after {
  position: absolute;
  bottom: -10px;
  left: 110px;
  right: 110px;
  height: 2px;
  background-color: #d3ad78;
  opacity: 0.6;
  content: "";
}

.libname
{
  display: inline-block;
  color: #54575c;;
  margin-bottom: 20px;
  padding: 0 30px;
  font-size: 1.8rem;
  vertical-align: top;
  background: url(/static/img/theme1/libtitle-l.png) no-repeat left center, url(/static/img/theme1/libtitle-r.png) no-repeat right center;
}

/* 首页第二页表格 */
#cardmain div {
  background-color: transparent;
  border: unset;
}

#cardmain .col-auto span {
  /*
  background: url(/static/img/theme1/card-bg.png);
  */
  background-color: #9a7646;
  border-radius: 0.5rem;
}

#cardmain .cardbg {
  /*
  background: url(/static/img/theme1/card-bg.png);
  */
  color: white;
  background-color: #9a7646;
  border-radius: 0.5rem;
}

#cardmain .avatar {
  --tblr-avatar-size: 3rem;
}

#cardmain .card-body {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

#cardmain .avatar svg {
  width: calc(var(--tblr-avatar-size)/ 1.667);
  height: calc(var(--tblr-avatar-size)/ 1.667);
}

#cardmain .card-body h2 {
  margin-bottom: 0rem;
  color: #54575c;
  font-size: 1.2rem;
}

#cardmain ul {
  background: transparent;
}

#cardmain ul .active {
  background-color: #9f7b4b;
  border-bottom-color: #9f7b4b;
  color: white;
}
/* 首页表格下统计文字 */
.intro {
  margin: 0 0 0 0;
  text-align: center;
}

.intro span {
  display: inline-block;
  color: #54575c;;
  margin-bottom: 20px;
  padding: 0 30px;
  font-size: 1.8rem;
  vertical-align: top;
  background: url(/static/img/theme1/intro-l.png) no-repeat left center, url(/static/img/theme1/intro-r.png) no-repeat right center;
}

.intro_row {
  padding-top: 1rem;
  text-align: left;
  text-indent: 2em
}

.intro_row p {
  font-size: 1rem;
  line-height: 2rem;
}

/* 灰度 */
.g {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}

/* 首页分割线 */
.spl-line {
  background: url(/static/img/theme1/line.png) center center no-repeat;
  height: 6px;
  margin-top: 4em;
}

.book-bg{
  background: url(/static/img/theme1/book-bg-l.png) no-repeat left center,url(/static/img/theme1/book-bg-r.png) no-repeat right center
}

.book-div{
  height: 342px;
}

/* 颗粒导航栏 */
.kl-nav-item a {
  display: block;
  padding-top: 1rem;
  color: #213a4f;
}

.kl-nav-item a div {
  padding-bottom: 0.4rem;
}

.kl-nav-item a:hover {
  border-bottom: 0.1rem solid #9f7b4b;
  text-decoration: none;
  background-color: #c7ae8f;
  color: #fff;
}

.kl-nav-action {
  border-bottom: 0.1rem solid #9f7b4b;
  background-color: #c7ae8f;
  color: #fff !important;
}

/*颗粒类型图标*/
.ti {
  color: #9f7b4b;
  font-size: 1.6rem;
  font-weight: normal;
}

.ti-1 {
  color: #9f7b4b;
  font-size: 1rem;
  font-weight: normal;
}

.ti-stack-000::before {
  content: "\ecd7";
}

.ti-stack-100::before {
  content: "\efc5";
}

.ti-stack-200::before {
  content: "\f289";
}

.ti-stack-210::before {
  content: "\eb0a";
}

.ti-stack-220::before {
  content: "\eb4d";
}

.ti-stack-300::before {
  content: "\eab0";
}

.ti-stack-310::before {
  content: "\ea4f";
}

.ti-stack-320::before {
  content: "\f089";
}

.ti-stack-330::before {
  content: "\eae7";
}

.ti-stack-340::before {
  content: "\efd0";
}

.ti-stack-350::before {
  content: "\ebf7";
}

.ti-stack-360::before {
  content: "\ec10";
}

.ti-stack-370::before {
  content: "\eafa";
}

.bg-card-title {
  background: url(/static/img/theme1/nav-bg.png);
}

.left-menu {
  font-size: 13px;
  color: #213a4f;
  ;
}

/*左侧列表*/
.left-item {
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.icon-card-head {
  width: 24px;
  height: 24px;
  stroke-width: 1.75;
}

.icon-card {
  color: #987445;
  font-size: 1rem;
  padding-right: 0.5rem;
}

.left-menu a {
  color: #213a4f;
}

.left-menu a.on {
  color: #213a4f;
  font-weight: bold;
}

.left-list-scrollable {
  overflow-y: auto;
}

.left-list-scrollable::-webkit-scrollbar {
  width: 0.3rem;
}


.mouse {
  background: #b3b3b3 linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
  position: relative;
  width: 25px;
  height: 38px;
  border-radius: 100px;
  background-size: 100% 200%;
  -webkit-animation: colorSlide 7s linear infinite, nudgeMouse 7s ease-out infinite;
  animation: colorSlide 7s linear infinite, nudgeMouse 7s ease-out infinite;
}

.mouse:before,
.mouse:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.mouse:before {
  width: 20px;
  height: 32px;
  background-color: #909090;
  border-radius: 100px;
}

.mouse:after {
  background-color: #ffffff;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  -webkit-animation: trackBallSlide 7s linear infinite;
  animation: trackBallSlide 7s linear infinite;
  margin-top: 25px;
}

@-webkit-keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }

  20% {
    background-position: 0% 0%;
  }

  21% {
    background-color: #b3b3b3;
  }

  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }

  30% {
    background-color: #b3b3b3;
    background-position: 0% 100%;
  }

  50% {
    background-position: 0% 0%;
  }

  51% {
    background-color: #b3b3b3;
  }

  59% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }

  60% {
    background-color: #b3b3b3;
    background-position: 0% 100%;
  }

  80% {
    background-position: 0% 0%;
  }

  81% {
    background-color: #b3b3b3;
  }

  90%,
  100% {
    background-color: #ffffff;
  }
}

@keyframes colorSlide {
  0% {
    background-position: 0% 100%;
  }

  20% {
    background-position: 0% 0%;
  }

  21% {
    background-color: #b3b3b3;
  }

  29.99% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }

  30% {
    background-color: #b3b3b3;
    background-position: 0% 100%;
  }

  50% {
    background-position: 0% 0%;
  }

  51% {
    background-color: #b3b3b3;
  }

  59% {
    background-color: #ffffff;
    background-position: 0% 0%;
  }

  60% {
    background-color: #b3b3b3;
    background-position: 0% 100%;
  }

  80% {
    background-position: 0% 0%;
  }

  81% {
    background-color: #b3b3b3;
  }

  90%,
  100% {
    background-color: #ffffff;
  }
}

@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
  }

  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
    transform: scale(0.9) translateY(5px);
  }

  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
    transform: scale(0.4) translateY(40px);
  }

  15%,
  19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
    transform: scale(0.4) translateY(-20px);
  }

  28%,
  29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
  }

  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
  }

  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
    transform: scale(0.9) translateY(5px);
  }

  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
    transform: scale(0.4) translateY(40px);
  }

  45%,
  49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
    transform: scale(0.4) translateY(-20px);
  }

  58%,
  59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
  }

  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(5px);
    transform: scale(0.9) translateY(5px);
  }

  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(40px);
    transform: scale(0.4) translateY(40px);
  }

  75%,
  79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
    transform: scale(0.4) translateY(-20px);
  }

  88%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
  }
}

@keyframes trackBallSlide {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
  }

  6% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(-10px);
    transform: scale(0.9) translateY(-10px);
  }

  14% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(5px);
    transform: scale(0.4) translateY(5px);
  }

  15%,
  19% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
    transform: scale(0.4) translateY(-20px);
  }

  28%,
  29.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
  }

  30% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
  }

  36% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(-10px);
    transform: scale(0.9) translateY(-10px);
  }

  44% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(5px);
    transform: scale(0.4) translateY(5px);
  }

  45%,
  49% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
    transform: scale(0.4) translateY(-20px);
  }

  58%,
  59.99% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
  }

  66% {
    opacity: 1;
    -webkit-transform: scale(0.9) translateY(-10px);
    transform: scale(0.9) translateY(-10px);
  }

  74% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(5px);
    transform: scale(0.4) translateY(5px);
  }

  75%,
  79% {
    opacity: 0;
    -webkit-transform: scale(0.4) translateY(-20px);
    transform: scale(0.4) translateY(-20px);
  }

  88%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1) translateY(-20px);
    transform: scale(1) translateY(-20px);
  }
}

@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  80% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  80% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  80% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes nudgeText {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  30% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  60% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  80% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  90% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes colorText {
  21% {
    color: #b69a6e;
  }

  30% {
    color: #ffffff;
  }

  51% {
    color: #b69a6e;
  }

  60% {
    color: #ffffff;
  }

  81% {
    color: #b69a6e;
  }

  90% {
    color: #ffffff;
  }
}

@keyframes colorText {
  21% {
    color: #b69a6e;
  }

  30% {
    color: #ffffff;
  }

  51% {
    color: #b69a6e;
  }

  60% {
    color: #ffffff;
  }

  81% {
    color: #b69a6e;
  }

  90% {
    color: #ffffff;
  }
}



/*颗粒中间列表*/
/*排序*/
#sort-div .on{
  background-color: #dae6f0;
  font-weight: bold;
}

/* 排序栏位 */
.sort-list{
  padding: 0;
  padding-left: 1rem;
  background-color: #f8fafc;
  font-size: 0.8rem;
  line-height: 2rem;
}


/*列表*/
.list-index {
  font-size: 16px;
  margin-right: 0.3rem;
}

.bg-100 {
  --tblr-bg-opacity: 1;
  background-color: #93b7e3;
}

.bg-200 {
  --tblr-bg-opacity: 1;
  background-color: #919e8b;
}

.bg-210 {
  --tblr-bg-opacity: 1;
  background-color: #fac858;
}

.bg-300 {
  --tblr-bg-opacity: 1;
  background-color: #ee6666;
}

.list-index {
  font-size: 16px;
  margin-right: 0.3rem;
}

.list-title {
  padding-bottom: 0.5rem;
}

.list-title-span {
  font-size: 1.1rem;
  font-weight: bold;
  color: #213a4f;
  font-family: '黑体';
}

.list-title-lable {
  background: #919e8b;
  margin-left: 1rem;
  margin-right: 1rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.list-title-search {
  color: #213a4f;
  font-size: 13px;
}

.list-info-label {
  color: #919191;
  font-size: 13px;
}

.list-info-word {
  color: #213a4f;
}

.list-info-text {
  color: #213a4f;
  white-space: normal;
  line-height: 1.5rem;
}

.list-info-word-action {
  color: #d67d00;
}

.list-info-sep {
  color: #213a4f;
  font-size: 13px;
  margin-left: 1rem;
  margin-right: 1rem;
}

/* 底部导航 */
.newsListPage {
  width: 100%;
  height: 50px;
  margin-top: 20px
}

.newsListPage li {
  display: inline-block;
}

.newsListPage li .on {
  background: #2a5d84 !important;
  color: #FFFFFF !important;
  border: none !important;
}

.newsListPage {
  width: 100%;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  padding: 7px 0;
  box-sizing: border-box;
  height: 50px
}

.newsListPage .active {
  background: #9f7b4b;
  color: #FFFFFF;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin-left: 5px
}

.newsListPage .disabled {
  display: inline-block;
  min-width: 30px;
  padding: 0 5px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  margin-left: 5px;
}

.newsListPage a {
  display: inline-block;
  min-width: 30px;
  padding: 0 5px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #DADADA;
  box-sizing: border-box;
  margin-left: 5px
}

.newsListPage a:hover {
  /*border: 1px solid #2a5d84;*/
  box-sizing: border-box;
  color: #FFFFFF;
  background: #9f7b4b
}

.newsListPageBox {
  margin-top: 10px;
  display: table;
  width: 100%;
}

.pagination {
  display: block;
  font-size: 12px;
}

/* 颗粒信息页按钮 */
.bp-inner {
  color: rgb(255, 255, 255);
  background-image: url(/static/img/theme1/button.png);
  line-height: 30px;
  width: 80px;
  text-align: center;
}

/* 颗粒信息页侧边超链接列表 */
.meta-list-a{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  cursor: pointer;
}

.meta-list-a:hover{
  background-color: #efece8;
}
/*选中后的样式*/
#dt-div .on{
  background-color: #efece8;
  border-left: 3px solid #9f7b4b;
}
#tp-div .on{
  background-color: #efece8;
  border-left: 3px solid #9f7b4b;
}

/* 知识图谱页 */
.card-list{
  background-color: rgb(255 255 255 / 50%);
}

/* 图标周边边框 */
.board-img{
  background: url(/static/img/theme1/intro-l1.png) no-repeat left top,url(/static/img/theme1/intro-l2.png) no-repeat left bottom,url(/static/img/theme1/intro-r1.png) no-repeat right top,url(/static/img/theme1/intro-r2.png) no-repeat right bottom;
  background-color: #ffffff;
}

.board-img1{
  background: url(/static/img/theme1/board-l1.png) no-repeat left top,url(/static/img/theme1/board-l2.png) no-repeat left bottom,url(/static/img/theme1/board-r1.png) no-repeat right top,url(/static/img/theme1/board-r2.png) no-repeat right bottom;
  background-color: #f2f0ec;
}


/* 基础信息详情页 卷册列表 */
.vol-list{
  margin-bottom: 1rem;
  font-size: 0.8rem;
}

.vol-list .text-muted{
  padding-top: 0.4rem;
}

#vol-div .on{
  background-color: #efece8;
}

/*bookview页*/
.bookview-tab{
  background-color: #b284745d !important;
  border-radius: 0 !important;
  border: 1px solid #767677 !important;
  padding: 0rem !important;
  font-size: 12px;
  color: #213a4f !important;
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}

.bookview-tab:hover{
  background-color: #b28474 !important;
  color: white !important;
}

.bv-list li .active{
  background-color: #b28474 !important;
  color: white !important;
}

#pic-div ul li a{
  font-size: 0.8rem;
  min-height:unset;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

#pic-div ul li a:hover{
  background-color: #b2847461;
  border-left: 5px solid #b28474;
}

#pic-div ul li .on{
  background-color: #b2847461;
  border-left: 5px solid #b28474;
}