body {
  background: #F9FAFA !important;
}

.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{
  background-color: #D30A1A !important;
}
.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{
  background-color: #D30A1A !important;
}
/* 取消layui默认颜色 */
/* a:hover {
  color: initial !important;
} */

html {
  padding: 0px;
  margin: 0px;
  overflow-x: auto;
  overflow-y: auto;
}

body,
p,
ul {
  margin: 0px;
  padding: 0px;
}

body {
  font-family: SourceHanSansCN, SimHei, PingFangSC-Regular, Roboto,
    Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei;
  background-color: #faf6f5;
  color: #4a4a4a;
}

/* a悬浮标签统一颜色 */
.a-hover:hover {
  color: #900 !important;
}

/* 图片悬浮统一变大 */
.img-hover:hover {
  transform: scale(1.1);
  transition: all 0.5s;
}
/* 文本内容统一文字间距 */
article {
  letter-spacing: 1.4px;
}

.font-sun {
  font-family: Dream Han Serif CN, SimSun;
}

::-webkit-scrollbar {
  width: 6px;
  height: 4px; 
}

::-webkit-scrollbar-thumb {
  background: #999999;
  border-radius: 6px;
}

a {
  text-decoration: none;
}

/*重写、覆盖 bootstrap*/
.containerbox {
  clear: both;
  /* width: 1920px !important; */
  width: 1400px !important;
  margin: auto;
}

.tz {
  background: #f4efed;
}

.wrapper {
  clear: both;
}

.img-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.img-container img {
  max-width: 100%;
  max-height: 100%;
}

.text-indent {
  text-indent: 2em;
}

.cursor-pointer {
  cursor: pointer;
}

/*固定的字体大小*/
.font-12 {
  font-size: 12px !important;
}

.font-14 {
  font-size: 14px !important;
}

.font-16 {
  font-size: 16px !important;
}

.font-18 {
  font-size: 18px !important;
}

.font-20 {
  font-size: 20px !important;
}
.font-21 {
  font-size: 21px !important;
}

.font-22 {
  font-size: 22px !important;
}

.font-24 {
  font-size: 24px !important;
}
.font-25 {
  font-size: 25px !important;
}

.font-26 {
  font-size: 26px !important;
}

.font-28 {
  font-size: 28px !important;
}

.font-30 {
  font-size: 30px !important;
}

.font-32 {
  font-size: 32px !important;
}

.font-34 {
  font-size: 34px !important;
}

.font-36 {
  font-size: 36px !important;
}

.font-38 {
  font-size: 38px !important;
}

.font-40 {
  font-size: 40px !important;
}

.font-42 {
  font-size: 42px !important;
}

.font-44 {
  font-size: 44px !important;
}

.font-46 {
  font-size: 46px !important;
}

.font-48 {
  font-size: 48px !important;
}

.font-50 {
  font-size: 50px !important;
}

.font-60 {
  font-size: 60px !important;
}

.font-64 {
  font-size: 64px !important;
}

/*固定的字体大小*/

/*margin*/

.ms-5px {
  margin-left: 5px !important;
}

.ms-10px {
  margin-left: 10px !important;
}

.ms-15px {
  margin-left: 15px !important;
}

.ms-20px {
  margin-left: 20px !important;
}

.me-5px {
  margin-right: 5px !important;
}

.me-10px {
  margin-right: 10px !important;
}

.me-15px {
  margin-right: 15px !important;
}

.me-20px {
  margin-right: 20px !important;
}

.mx-5px {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.mx-10px {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mx-15px {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.mx-20px {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mx-35px {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.mt-5px {
  margin-top: 5px !important;
}

.mt-10px {
  margin-top: 10px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.mt-16px {
  margin-top: 16px !important;
}

.mt-20px {
  margin-top: 20px !important;
}

.mt-24px {
  margin-top: 24px !important;
}

.mt-30px {
  margin-top: 30px !important;
}

.mt-35px {
  margin-top: 35px !important;
}

.mt-40px {
  margin-top: 40px !important;
}

.mb-5px {
  margin-bottom: 5px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.mb-12px {
  margin-bottom: 12px !important;
}

.mb-15px {
  margin-bottom: 15px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.my-5px {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.my-10px {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.my-15px {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.my-20px {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

/*end margin*/

/*padding*/

.ps-5px {
  padding-left: 5px !important;
}

.ps-10px {
  padding-left: 10px !important;
}

.ps-15px {
  padding-left: 15px !important;
}

.ps-20px {
  padding-left: 20px !important;
}

.pe-5px {
  padding-right: 5px !important;
}

.pe-10px {
  padding-right: 10px !important;
}

.pe-15px {
  padding-right: 15px !important;
}

.pe-20px {
  padding-right: 20px !important;
}

.px-5px {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.px-10px {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.px-15px {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.px-20px {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pt-5px {
  padding-top: 5px !important;
}

.pt-10px {
  padding-top: 10px !important;
}

.pt-15px {
  padding-top: 15px !important;
}

.pt-20px {
  padding-top: 20px !important;
}

.pb-5px {
  padding-bottom: 5px !important;
}

.pb-10px {
  padding-bottom: 10px !important;
}

.pb-15px {
  padding-bottom: 15px !important;
}

.pb-20px {
  padding-bottom: 20px !important;
}

.py-5px {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.py-10px {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.py-15px {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.py-20px {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/*end padding*/

.width-10 {
  width: 10px !important;
}

.width-20 {
  width: 20px !important;
}

.width-30 {
  width: 30px !important;
}

.width-40 {
  width: 40px !important;
}

.width-50 {
  width: 50px !important;
}

.width-60 {
  width: 60px !important;
}

.width-70 {
  width: 70px !important;
}

.width-80 {
  width: 80px !important;
}

.width-90 {
  width: 90px !important;
}

.width-100 {
  width: 100px !important;
}

.width-110 {
  width: 110px !important;
}

.width-120 {
  width: 120px !important;
}

.width-150 {
  width: 150px !important;
}

.width-160 {
  width: 160px !important;
}

.width-170 {
  width: 170px !important;
}

.width-180 {
  width: 180px !important;
}

.width-210 {
  width: 210px !important;
}

.width-240 {
  width: 240px !important;
}

.width-250 {
  width: 250px !important;
}

.width-270 {
  width: 270px !important;
}

.width-300 {
  width: 300px !important;
}

.width-330 {
  width: 330px !important;
}

.width-360 {
  width: 360px !important;
}

.width-390 {
  width: 390px !important;
}

.width-420 {
  width: 420px !important;
}

.width-450 {
  width: 450px !important;
}

.width-480 {
  width: 480px !important;
}

.width-900 {
  width: 900px !important;
}

.width-5p {
  width: 5% !important;
}

.width-10p {
  width: 10% !important;
}

.width-15p {
  width: 15% !important;
}

.width-16p {
  width: 16.66% !important;
}

.width-20p {
  width: 20% !important;
}

.width-25p {
  width: 25% !important;
}

.width-30p {
  width: 30% !important;
}

.width-33p {
  width: 33.33% !important;
}

.width-35p {
  width: 35% !important;
}

.width-40p {
  width: 40% !important;
}

.width-45p {
  width: 45% !important;
}

.width-50p {
  width: 50% !important;
}

.width-55p {
  width: 55% !important;
}

.width-60p {
  width: 60% !important;
}

.width-65p {
  width: 65% !important;
}

.width-66p {
  width: 66.67% !important;
}

.width-70p {
  width: 70% !important;
}

.width-75p {
  width: 75% !important;
}

.width-80p {
  width: 80% !important;
}

.width-85p {
  width: 85% !important;
}

.width-90p {
  width: 90% !important;
}

.width-95p {
  width: 95% !important;
}

.width-100p {
  width: 100% !important;
}

.height-10 {
  height: 10px !important;
}

.height-20 {
  height: 20px !important;
}

.height-30 {
  height: 30px !important;
}

.height-40 {
  height: 40px !important;
}

.height-50 {
  height: 50px !important;
}

.height-60 {
  height: 60px !important;
}

.height-70 {
  height: 70px !important;
}

.height-80 {
  height: 80px !important;
}

.height-90 {
  height: 90px !important;
}

.height-100 {
  height: 100px !important;
}

.height-110 {
  height: 110px !important;
}

.height-120 {
  height: 120px !important;
}

.height-150 {
  height: 150px !important;
}

.height-180 {
  height: 180px !important;
}

.height-210 {
  height: 210px !important;
}

.height-250 {
  height: 250px !important;
}

.height-300 {
  height: 300px !important;
}

.height-400 {
  height: 400px !important;
}

.height-500 {
  height: 500px !important;
}

/* end width */

.text-justify {
  text-align: justify !important;
}

.writing-vertical {
  writing-mode: vertical-lr;
}

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

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

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

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

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

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

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

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

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

.lines-10 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 10;
}
.lines-13 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 13;
}
.text-131B23 {
  color: #131B23;
}

.text-435568 {
  color: #435568;
}

.bg-ba0003 {
  background: #ba0003 !important;
}

.bg-f7b566 {
  background: #f7b566;
}

.cover {
  object-fit: cover;
}

/*页头*/
.header {
  position: relative;
  height: 100vh;
  /* height: 953px; */
  overflow: hidden;
}

.header-bg {
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  /* transition: background-image 1s; */
  background-size: cover !important;
}

.mySwiper .header-bg-animation {
  animation-delay: 0s;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-name: header-animation;
}

@keyframes header-animation {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(1.05);
  }

  50% {
    transform: scale(1.1);
  }

  75% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

.header-bar {
  position: relative;
  z-index: 9;
  height: 131px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0 80px;
  margin: auto;
}

.header-bar nav {
  margin: 0 0 0 35px;
}

.list-nav li {
  display: inline-block;
  height: 108px;
  line-height: 108px;
  margin: 0 14px;
  cursor: pointer;
}

@media screen and (min-width: 0px) {
  .wrapper {
    clear: both;
    /* width: 1716px;
    margin: 0 auto; */
  }

  .header-bar {
    position: relative;
    z-index: 9;
    height: 131px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .header-bar nav {
    margin: 0 0 0 35px;
  }

  .list-nav li {
    display: inline-block;
    height: 108px;
    line-height: 108px;
    margin: 0 14px;
    cursor: pointer;

  }

  .absolute-search {
    position: absolute;
    z-index: 1000;
    right: 60px
  }

  .boxfocus {
    background: rgba(243, 242, 240, 1) !important;
  }

  .boxfocus input {
    color: #A10000 !important;
  }


}

@media screen and (min-width: 1400px) {
  .wrapper {
    clear: both;
    /* width: 1716px;
    margin: 0 auto; */
  }

  .header-bar {
    position: relative;
    z-index: 9;
    height: 131px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .header-bar nav {
    margin: 0 0 0 35px;
  }

  .list-nav li {
    display: inline-block;
    height: 108px;
    line-height: 108px;
    margin: 0 14px;
    cursor: pointer;
  }

  .absolute-search {
    position: absolute;
    z-index: 1000;
    right: 60px
  }

  .boxfocus {
    background: rgba(243, 242, 240, 1) !important;
  }

  .boxfocus input {
    color: #A10000 !important;
  }
}

/* @media screen and (min-width: 1615px) {
  .boxfocus{
    background: rgba(255, 224, 131, 0.1) !important;
  }
  .boxfocus input{
    color: rgba(255, 224, 131, 0.7) !important;
  }
} */

.list-nav li.active,
.list-nav li:hover {
  border-bottom: solid 6px #FADC96;
}

.list-nav li.active a,
.list-nav li:hover a {
  color: #FADC96 !important;
}

.list-nav li:nth-child(1) a {
  letter-spacing: 6.49px;
}

.list-nav li a {
  letter-spacing: 2.49px;
  font-size: 24.86px;
  color: #FADC96;
}

.search-con {
  display: flex;
  align-items: center;
  height: 35px;
  background: #FFFFFF;
  border-radius: 20.5px;
  padding: 10px;
}



.search-con input {
  width: 126px;
  background: none;
  border: none;
  color: rgba(255, 224, 131, 0.7);
  font-size: 18px;
  padding: 5px;
}

.search-con input::-webkit-input-placeholder {
  color: rgba(255, 224, 131, 0.7);
}

.search-con input.focus {
  width: 302px;
  transition: all 0.5s;
  outline: none;
}

/* .search-con{
  background: rgba(255, 224, 131,1);
} */
.search-con input.blur {
  width: 126px;
  transition: all 0.5s;
}

.btn-login {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #ffe083 !important;
  margin: 0 0 0 18px;
  cursor: pointer;
  background-color: #830101;
  border-radius: 8px;
  min-width: 108px;
  height: 41.1px;
}

.header-bar-fixed {
  display: none;
  background-color: #A10000 !important;
  background-image: url(../img/hearderBc.png);
  background-size: auto 123px;
  background-repeat: no-repeat;
  position: fixed;
  z-index: 999;
  top: 0px;
  width: 100%;
  height: 108px;
  transition: opacity 1s ease, visibility 1s ease;
  opacity: 1;
  visibility:visible;
  min-width: 1400px;
}

.visable-hidden{
  visibility: hidden !important;
  opacity: 0;
}

/*页头swiper*/
.swiper-header-con {
  position: absolute;
  z-index: 9;
  left: 50%;
  bottom: 45px;
  transform: translateX(-50%);
  width: 1300px;
  margin: 0 auto;
  overflow: hidden;
}

.swiper-header {
  width: 1124px;
  height: 84px;
}

.swiper-header .swiper-slide {
  height: 84px;
}

.swiper-header .swiper-slide img {
  width: 150px;
  height: 84px;
  object-fit: cover;
  border: solid 2px transparent;
}

.swiper-header .swiper-slide.active img {
  border: solid 2px #ffdf73;
}

/* .swiper-slide-active img {
  border: solid 2px #ffdf73 !important;
} */
.swiper-button-con {
  position: absolute;
  z-index: 9;
  right: 0px;
  top: 0px;
  width: 150px;
  height: 84px;
  background-color: #970000;
}

.swiper-button-con .swiper-button-prev {
  position: absolute;
  z-index: 10;
  left: 25px;
  top: 35px;
  width: 34px;
  height: 34px;
  background: url(./../img/swiper-prev.png);
}

.swiper-button-con .swiper-button-next {
  position: absolute;
  z-index: 10;
  left: 90px;
  top: 65px;
  width: 34px;
  height: 34px;
  background: url(./../img/swiper-next.svg);
}

/*栏目*/
.border-top-r {
  /* border-top: solid 1px #f3e2df; */
}

.border-bottom-r {
  border-bottom: solid 1px #f3e2df;
}

.border-left-r {
  border-left: solid 1px #f3e2df;
}

.border-right-r {
  border-right: solid 1px #f3e2df;
}

.column-con {
  display: block;
}

.column-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.column-title h2 {
  width: 214px;
  color: #D30A1A;
  font-size: 49.94px;
  letter-spacing: 2.49px;
  text-align: center;
}
.column-title hr {
  width: 106px;
  height: 9px;
  background-color: #D30A1A;
  margin: 10px 0 48px 0;
  opacity:1
}
.column-con .more {
  font-size: 20.82px;
  color: #D30A1A;
  letter-spacing: 2.49px;
  position:absolute ;
   bottom: 43px;
   width: 80px;
   right: 0;
}
.column-con .column-con-more{
  font-size: 20.82px;
  color: #D30A1A;
  letter-spacing: 2.49px;
}
.column-content {
  width: 100% !important;
  overflow: hidden;
}

.pagination-con {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 30px 0;
  color: #a3060f;
}

.pagination-con a {
  color: #a3060f;
}

.date-time {
  font-size: 14px;
  color: #3c2e21;
}

/* .date-time  time {
  color: #3c2e21;
} */
.text-brown {
  color: #3c2e21;
}
 

/*页脚*/
.footer {
  padding: 41px 0 40px 0;
  width: 100%;
  height: 171px;
  font-size: 14px;
  color: rgba(250, 220, 150, 1);
  letter-spacing: 2.49px;
  background-color: rgba(170, 1, 22, 1);
  background-image: url(../img/footerBc.png);
  background-size: auto 171px;
  background-repeat: no-repeat;
  min-width: 1400px;
}

.footer-nav li a {
  font-size: 14px;
  margin-right: 20px;
  cursor: pointer;
}

@media screen and (min-width: 0px) {
  .list-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 21px;
  }
}

@media screen and (min-width: 1400px) {
  .list-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}

.list-footer li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 103px;
  margin: 0px;
}

.list-footer li:last-child {
  margin-left: 16.5px;
  width:70px;
}

.footer-ctn {
  width: 1400px;
  margin: 0 auto;
}

.footer a {
  color: rgba(250, 220, 150, 1);
  font-size: 16px;
}

.footer a:hover {
  color: rgba(250, 220, 150, 1);
}

.list-centent {
  display: flex;
  justify-content: center;
}


.list-footer li em {
  font-style: normal;
  font-size: 16px !important;
}

.list-footer li a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.list-footer li img,
.list-footer>li>a>img {
  width: 66px;
  height: 66px;
  margin: 0 0 5px 0;
}

.list-footer li span {
  display: none;
  position: absolute;
  z-index: 9;
  top: -210px;
}

.list-footer li span img {
  width: 200px;
  height: 200px;
  margin: 0 5px;
  border-radius: 5px;
}

.list-footer li:hover span {
  display: flex;
}

/*悬浮菜单*/
.fixed-con {
  display: none;
  position: fixed;
  z-index: 999;
  right: 10px;
  bottom: 30%;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* height: 100%; */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}

.navigate {
  display: flex;
  font-family:'Noto Sans SC' !important;
  font-size: 16px;
  color: #595959;
}

.navigate a {
  display: flex;
  align-items: center;
}

.navigate a:nth-child(n):not(:first-child) {
  margin-left: 4px;
}

.navigate a:nth-child(n):not(:last-child) {
  color: #AE0C17;
}

.navigate a:last-child {
  color: #000000;
  cursor: default;
}

/* 分页器 */
.layui-laypage {
  margin: 24px 0 0 0 !important;
}

.layui-laypage a {
  margin: 0 4px 0 0 !important;
  padding: 0 !important;
  width: 25px !important;
  height: 25px !important;
}

.layui-laypage>a:first-child {
  margin-right: 16px !important;
  font-size: 16px;
  font-family: 'Noto Sans SC'!important;
  width: 58px !important;
  height: 30px !important;
}

.layui-laypage>a:last-child {
  margin-left: 12px !important;
  font-size: 16px;
  font-family: 'Noto Sans SC'!important;
  width: 58px !important;
  height: 30px !important;
}

.layui-laypage span {
  font-size: 14px;
  font-family: 'Noto Sans SC'!important;
  padding: 0 !important;
  margin: 0 4px 0 0 !important;
  width: 23px !important;
  height: 30px !important;
}
.layui-laypage .layui-laypage-curr em{
    font-size: 14px;
  font-family: 'Noto Sans SC'!important;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 100%;

  background: #E00012 !important;
}

.cursor-no {
  cursor: no-drop !important;
}

.empty {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  min-height: 200px;
}

.min-1400 {
  min-width: 1400px;
}


.caption {
  display: flex;
  line-height: 34px;
  text-align: center;
}

.caption div:nth-child(1) {
  width: 64px;
  height: 34px;
  background: #AE0C17;
  color: #FFFFFF;
  font-size: 20px;
}

.caption div:nth-child(2) {
  margin-left: 7px;
  width: 48px;
  height: 34px;
  font-size: 20px;
  color: #131B23;
}

.disabled-link {
  pointer-events: none;
  text-decoration: none;
  /* Optional: remove underline */
}

.active-flex{
  display: flex !important;
}

.empty-box{
  min-height: 100px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* xuexiPC-cssRULE */
.zt-frist-title{
  font-size: 58px !important;
  font-family: 'Noto Serif SC' !important;
  font-weight: 800 !important;
}
.zt-second-title{
  font-size: 22px !important;
  font-family: 'Noto Serif SC' !important;
  font-weight: 400 !important;
}
.zt-three-title{
  font-size: 29px !important;
  font-family: 'Noto Serif SC' !important;
  font-weight: 400 !important;
}
.zt-List-title{
  font-size: 20px !important;
  font-family: 'Noto Serif SC' !important;
  font-weight: 400 !important;
}
.zt-List-time{
  font-size: 16px  !important;
  font-family: 'Noto Serif SC' !important;
  font-weight: 400 !important;
}
.frist-title{
  font-size: 40px !important;
  font-family: 'Noto Serif SC' !important;
  font-weight: 600 !important;
}
.second-title{
  font-size: 25px !important;
  font-family: 'Noto Serif SC'!important;
  font-weight: 500 !important;
}
.three-title{
  font-size: 22px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 500 !important;
}
.four-title{
  font-size: 18px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 500 !important;
}
.five-title{
  font-size: 14px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
}
.heard-title{
  font-size: 20px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 600 !important;
}
.news-frist-title{
  font-size: 25px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 600 !important;
}

.book-title{
  font-size: 20px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
  color: #262626 !important;
}
.book-title-nocolor{
  font-size: 20px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
  color: #262626 ;
}

.book-title-22nocolor{
  font-size: 22px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
}
.book-des-ctnlf{
  font-size: 18px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
  color:#565656 !important;
}
.book-des-ctnrg{
  font-size: 18px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
  color:#767674 !important;
  text-align: justify !important;
}
.book-des-ctnlf-nocolor{
  font-size: 18px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
}
.book-des-ctnrg-nocolor{
  font-size: 18px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
  text-align: justify !important;
}

.news-title{
  font-size: 20px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
  color: #262626;
}
.book-des{
  font-size: 20px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
}
.footer-foot{
  font-size: 16px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
  color: #FBE09C;
}

.book-title-rule{
  font-size: 16px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
}
.book-typebig-rule{
  font-size: 25px !important;
  font-family: 'Noto Serif SC' !important;
  font-weight: 600 !important;
  color: #FFFFFF;
}
.book-typelitle-rule{
  font-size: 20px !important;
  font-family: 'Noto Serif SC' !important;
  font-weight: 500 !important;
}
.book-moretypelitle-rule{
  font-size: 18px !important;
  font-family: 'Noto Serif SC' !important;
  font-weight: 500 !important;
}
.ctn-text-rule{
  font-size: 16px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
}
.ctn-text-rule-18{
  font-size: 18px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
}
.btn-text-rule{
  font-size: 14px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
}
.ctn-smallText-rule{
  font-size: 16px !important;
  font-family: 'Noto Sans SC' !important;
  font-weight: 400 !important;
}
.font-weight-regular{
  font-weight: 400;
}
.font-weight-medium {
  font-weight: 500;
}
.font-weight-semibold {
  font-weight: 600;
}
.font-weight-bold {
  font-weight: 700;
}

.font-height-title{
  line-height: 1.3;
}

.font-height-content {
  line-height: 1.6;
}

.letter-spacing-content {
  font-weight: 0.3px;
}

.book-box-shadow{
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5);
}

/* 加载动画的样式 */
.spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #D30A1A ;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 30px;
  right: 0px;
  margin-top: -30px;
  margin-left: -30px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* 奖项荣誉动画效果 */
.honor-postion-img{
  visibility: hidden;
}
.honor-postion-svg{
  visibility: hidden;
}
.honor-hover-img:hover .honor-postion-img{
  visibility: visible;
}
.honor-hover-img:hover .honor-postion-svg{
  visibility: visible;
}
.pt-0{
  margin-top: 0px !important;
}

.book-box-shadow{
  box-shadow: 0px 1px 3px 0px rgba(16,24,40,0.06), 0px 1px 4px 0px rgba(16,24,40,0.1);
}

.password-warning {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffd145;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  z-index: 9999999999;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  /* font-weight: 500; */
  pointer-events: none; /* 禁止干扰页面操作 */
}

.xuexi-text-rule-pre h1{
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 30px;
}
.xuexi-text-rule-pre h2{
  font-size: 17px !important;
  text-indent: 36px;
  font-weight: 400 !important;
  line-height: 30px;
}
.xuexi-text-rule-pre h3{
  font-size: 16px !important;
  text-indent: 70px;
  font-weight: 400 !important;
  line-height: 30px;
}