/* 自定义整个滚动条 */
.board .manage .folul::-webkit-scrollbar {
  width: 6px; /* 滚动条宽度 */
}
 
/* 自定义滚动条轨道 */
.board .manage .folul::-webkit-scrollbar-track {
  background: #9f8d78; /* 轨道颜色 */
}
 
/* 自定义滚动条的滑块（thumb） */
.board .manage .folul::-webkit-scrollbar-thumb {
  background: #4f463c; /* 滑块颜色 */
}
 
/* 当hover或active状态时，自定义滑块的颜色 */
.board .manage .folul::-webkit-scrollbar-thumb:hover {
  background: #555;
}




.unselectable-text {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ibgs {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.suban {
  position: relative;
  overflow: hidden;
}
.suban .subanimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  animation: myshow 4s;
  -moz-animation: myshow 4s;
  -webkit-animation: myshow 4s;
  -o-animation: myshow 4s;
}
.suban .txt {
  color: #FDF5BE;
  width: auto;
}
.suban .txt h5 {
  width: 1.96rem;
  height: 2.55rem;
  position: relative;
  font-size: 0.26rem;
  writing-mode: vertical-lr;
  text-align: center;
  line-height: 1.9rem;
}
.suban .txt h5:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../img/sub-txt.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
@-webkit-keyframes myshow {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
@-moz-keyframes myshow {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
@-ms-keyframes myshow {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
@-o-keyframes myshow {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes myshow {
  from {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
.banner {
  position: relative;
}
.banner:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  background-image: url("../img/banner-top.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 2.06rem;
}
.banner .swi_banner {
  color: #FEFFD4;
}
.banner .swi_banner .swiper-pagination {
  width: auto;
  bottom: 1.6rem;
  left: calc(0.9rem + 17.7%);
}
.banner .swi_banner .swiper-pagination .swiper-pagination-total {
  font-size: 0.2rem;
}
.banner .swi_banner .swiper-pagination .swiper-pagination-current {
  font-size: 0.4rem;
  font-weight: bold;
  line-height: 0.4rem;
}
.banner .swi_banner .swiper-button-next,
.banner .swi_banner .swiper-button-prev {
  height: 0.69rem;
  top: auto;
  right: auto;
  bottom: 1.2rem;
}
.banner .swi_banner .swiper-button-next:after,
.banner .swi_banner .swiper-button-prev:after {
  content: '';
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.banner .swi_banner .swiper-button-prev {
  width: 0.57rem;
  left: 17.7%;
}
.banner .swi_banner .swiper-button-prev:after {
  background-image: url("../img/iprev.png");
}
.banner .swi_banner .swiper-button-next {
  width: 0.61rem;
  left: calc(1.7rem + 17.7%);
}
.banner .swi_banner .swiper-button-next:after {
  background-image: url("../img/inext.png");
}
.banner .swi_banner .swiper-slide {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
}
.banner .swi_banner .swiper-slide .ban-full {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.banner .swi_banner .swiper-slide .ban_container {
  position: absolute;
  left: 17.7%;
  right: 0;
  z-index: 10;
  top: 20%;
}
.banner .swi_banner .swiper-slide .ban_container .banbtn {
  width: 1.9rem;
  height: 0.6rem;
  line-height: 0.56rem;
  font-size: 0.2rem;
  color: #FEFFD4;
  border: 0.02rem solid #FEFFD4;
  display: inline-block;
  text-align: center;
  margin-top: 0.9rem;
}
.banner .swi_banner .swiper-slide .ban_container.act {
  animation: slideSlow 1.2s;
  -moz-animation: slideSlow 1.2s;
  -webkit-animation: slideSlow 1.2s;
  -o-animation: slideSlow 1.2s;
}
@-webkit-keyframes slideSlow {
  0% {
    opacity: 0;
    left: 20%;
  }
  25% {
    opacity: 0;
  }
  100% {
    left: 17.7%;
    opacity: 1;
  }
}
@-moz-keyframes slideSlow {
  0% {
    opacity: 0;
    left: 20%;
  }
  25% {
    opacity: 0;
  }
  100% {
    left: 17.7%;
    opacity: 1;
  }
}
@-ms-keyframes slideSlow {
  0% {
    opacity: 0;
    left: 20%;
  }
  25% {
    opacity: 0;
  }
  100% {
    left: 17.7%;
    opacity: 1;
  }
}
@-o-keyframes slideSlow {
  0% {
    opacity: 0;
    left: 20%;
  }
  25% {
    opacity: 0;
  }
  100% {
    left: 17.7%;
    opacity: 1;
  }
}
@keyframes slideSlow {
  0% {
    opacity: 0;
    left: 20%;
  }
  25% {
    opacity: 0;
  }
  100% {
    left: 17.7%;
    opacity: 1;
  }
}
.itit {
  text-align: center;
  padding: 0.6rem 0;
}
.itit .ititin {
  position: relative;
  display: inline-block;
  color: #7F684F;
  font-size: 0.32rem;
  width: 4.3rem;
  height: 0.8rem;
  line-height: 0.8rem;
  text-align: center;
}
.itit .ititin span {
  position: relative;
}
.itit .ititin:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("../img/titbg.png");
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.subwarp {
  padding-bottom: 1rem;
}
@-webkit-keyframes firse {
  from {
    width: 1.2rem;
    opacity: 0;
  }
  to {
    width: 100%;
    opacity: 1;
  }
}
@-moz-keyframes firse {
  from {
    width: 1.2rem;
    opacity: 0;
  }
  to {
    width: 100%;
    opacity: 1;
  }
}
@-ms-keyframes firse {
  from {
    width: 1.2rem;
    opacity: 0;
  }
  to {
    width: 100%;
    opacity: 1;
  }
}
@-o-keyframes firse {
  from {
    width: 1.2rem;
    opacity: 0;
  }
  to {
    width: 100%;
    opacity: 1;
  }
}
@keyframes firse {
  from {
    width: 1.2rem;
    opacity: 0;
  }
  to {
    width: 100%;
    opacity: 1;
  }
}
.ilife {
  padding: 0 1.2rem;
}
.ilife .lifwarp {
  position: relative;
  padding: 0.34rem 0;
  margin: 0 auto;
  opacity: 0;
  animation: firse 1s ease-in-out 300ms;
  animation-fill-mode: forwards;
}
.ilife .lifwarp:before,
.ilife .lifwarp:after {
  content: '';
  position: absolute;
  top: 0;
  z-index: 4;
  background-image: url("../img/life-l.png");
  background-size: 0.6rem 7.08rem;
  width: 0.6rem;
  height: 7.08rem;
}
.ilife .lifwarp:before {
  left: 0;
}
.ilife .lifwarp:after {
  right: 0;
  transform: rotate(180deg);
}
.ilife .lifwarp .lifwarp_in {
  height: 6.4rem;
  background-color: #ECE5D0;
}
.ilife .lifwarp .lifwarp_in .lifein {
  position: relative;
  height: 5.6rem;
  top: 0.4rem;
  background-color: #F2EEE4;
  padding-left: 1.4rem;
  box-sizing: border-box;
}
.ilife .lifwarp .lifwarp_in .lifein:before,
.ilife .lifwarp .lifwarp_in .lifein:after {
  content: '';
  position: absolute;
  top: -0.4rem;
  width: 1.9rem;
  height: 6.4rem;
  opacity: 0.5;
}
.ilife .lifwarp .lifwarp_in .lifein:before {
  left: 0;
  background-image: linear-gradient(to right, rgba(67, 10, 0, 0.2), rgba(241, 223, 221, 0));
}
.ilife .lifwarp .lifwarp_in .lifein:after {
  right: 0;
  background-image: linear-gradient(to left, rgba(67, 10, 0, 0.2), rgba(241, 223, 221, 0));
}
.ilife .lifwarp .lifwarp_in .lifein .txt {
  text-align: center;
  padding-right: 1.4rem;
  height: 1.4rem;
  overflow-y: auto;
}
.ilife .lifwarp .lifwarp_in .lifein .txt h5 {
  font-size: 0.18rem;
  font-weight: bold;
  margin-bottom: 0.1rem;
}
.ilife .lifwarp .lifwarp_in .lifein .txt p {
  font-size: 0.16rem;
}
.ilife .lifwarp .lifwarp_in .lifein .txts .txt {
  display: none;
}
.ilife .lifwarp .lifwarp_in .lifein .txts .txt:first-child {
  display: block;
}
.ilife .lifwarp .lifwarp_in .lifein .dotswarp {
  padding: 1.5rem 0 1.3rem;
  white-space: nowrap;
  overflow: auto;
  cursor: grab;
  z-index: 3;
  position: relative;
}
.ilife .lifwarp .lifwarp_in .lifein .dotswarp::-webkit-scrollbar {
  display: none;
}
.ilife .lifwarp .lifwarp_in .lifein .dots {
  position: relative;
  width: 100%;
  display: table;
}
.ilife .lifwarp .lifwarp_in .lifein .dots:after {
  content: '';
  position: absolute;
  top: 0;
  background-image: url("../img/dot-line.png");
  background-size: 3.93rem 1.18rem;
  width: 100%;
  height: 1.18rem;
  background-repeat: repeat;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul {
  font-size: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul li {
  position: relative;
  height: 1.18rem;
  font-size: 0.18rem;
  display: inline-block;
  width: 1.9rem;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul li:before,
.ilife .lifwarp .lifwarp_in .lifein .dots ul li:after {
  content: '';
  position: absolute;
  border-radius: 50%;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul li:before {
  left: 0;
  bottom: -0.06rem;
  width: 0.08rem;
  height: 0.08rem;
  background-color: #F2EEE4;
  border: 0.04rem solid #BF8B83;
  z-index: 1;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul li span {
  position: absolute;
  left: -20%;
  text-align: center;
  bottom: -0.36rem;
  cursor: pointer;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul li:first-child span {
  left: 0;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul li:nth-child(2n) {
  width: 2rem;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul li:nth-child(2n):before {
  top: -0.06rem;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul li:nth-child(2n) span {
  top: -0.36rem;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul li:nth-child(2n).on:after {
  bottom: auto;
  top: -0.081rem;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul li.on span {
  font-weight: bold;
  color: #843225;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul li.on:before {
  border-color: #843225;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul li.on:after {
  width: 0.16rem;
  height: 0.16rem;
  top: 91%;
  left: -0.5%;
  border: 0.01rem solid #843225;
  animation: dot-play 1s linear infinite;
}
.ilife .lifwarp .lifwarp_in .lifein .dots ul li:hover span {
  font-weight: bold;
  color: #843225;
}
.ilife .lifmore {
  text-align: center;
  padding: 0.24rem 0 0.36rem;
}
.ilife .lifmore a {
  font-size: 0.2rem;
  color: #843225;
  position: relative;
  padding: 0 0.3rem;
  display: inline-block;
}
.ilife .lifmore a:before,
.ilife .lifmore a:after {
  content: '';
  position: absolute;
  top: 0.02rem;
  background-image: url("../img/imore-l.png");
  background-size: 100% 100%;
  width: 0.24rem;
  height: 0.24rem;
}
.ilife .lifmore a:before {
  left: 0;
}
.ilife .lifmore a:after {
  right: 0;
  transform: rotate(180deg);
}
@-webkit-keyframes dot-play {
  0% {
    transform: scale(1);
    opacity: 0.4;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@-moz-keyframes dot-play {
  0% {
    transform: scale(1);
    opacity: 0.4;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@-ms-keyframes dot-play {
  0% {
    transform: scale(1);
    opacity: 0.4;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@-o-keyframes dot-play {
  0% {
    transform: scale(1);
    opacity: 0.4;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
@keyframes dot-play {
  0% {
    transform: scale(1);
    opacity: 0.4;
  }
  100% {
    transform: scale(2);
    opacity: 0;
  }
}
.iall {
  padding-bottom: 1rem;
}
.iall .allwarp {
  position: relative;
}
.iall .allwarp img {
  display: block;
  margin: 0 auto;
}
.iall .allwarp .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.iall .allwarp .words img {
  position: absolute;
  width: 0.4rem;
  cursor: pointer;
  animation: run 2s linear  infinite;
}
.iall .allwarp .words img:hover {
  transform: scale(1.2);
  transition: all 0.5s;
}
.iall .allwarp .words .word1 {
  left: 8.2%;
  top: 39.8%;
}
.iall .allwarp .words .word2 {
  left: 21%;
  top: 27.4%;
  animation-delay: 1s;
}
.iall .allwarp .words .word3 {
  left: 48.8%;
  top: 53%;
}
.iall .allwarp .words .word4 {
  left: 78.2%;
  top: 36.2%;
  animation-delay: 1s;
}
@-webkit-keyframes run {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-0.1rem);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(0.1rem);
  }
  100% {
    transform: translateY(0);
  }
}
@-moz-keyframes run {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-0.1rem);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(0.1rem);
  }
  100% {
    transform: translateY(0);
  }
}
@-ms-keyframes run {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-0.1rem);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(0.1rem);
  }
  100% {
    transform: translateY(0);
  }
}
@-o-keyframes run {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-0.1rem);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(0.1rem);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes run {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-0.1rem);
  }
  50% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(0.1rem);
  }
  100% {
    transform: translateY(0);
  }
}
.icrall {
  padding-bottom: 0.96rem;
}
.icrall .icrul {
  padding-left: 13.54%;
  position: relative;
  white-space: nowrap;
  overflow: auto;
  cursor: grab;
}
.icrall .icrul::-webkit-scrollbar {
  display: none;
}
.icrall .icrul .icralli {
  position: relative;
  color: #ffffff;
  background-size: 1.62rem 6.26rem;
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
  width: 1.72rem;
  height: 6.26rem;
  margin-right: 0.1rem;
  white-space: normal;
}
.icrall .icrul .icralli .icrallin {
  position: absolute;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.icrall .icrul .icralli .icrallin h5 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 0.26rem;
  color: #843225;
  width: 1.2rem;
  writing-mode: vertical-lr;
  margin-left: 0.42rem;
  height: 59%;
  line-height: 1.2rem;
}
.icrall .icrul .icralli .icrallin h5.lineh {
  line-height: 0.4rem;
  padding-left: 0.24rem;
}
.icrall .icrul .icralli .icrallin .txt {
  font-size: 0.18rem;
  width: 5.5rem;
  box-sizing: border-box;
  position: absolute;
  left: 1.62rem;
  top: 0;
  color: #843225;
  writing-mode: vertical-lr;
  padding: 0.5rem 1.04rem 0.5rem 0.44rem;
  opacity: 0;
  height: 100%;
  letter-spacing: 0.07rem;
  line-height: 0.8rem;
}
.icrall .icrul .icralli .icrallin .txt p {
  position: absolute;
  max-width: 4.02rem;
  overflow-x: auto;
  height: 86%;
    right: 1rem;
}
.icrall .icrul .icralli .icrallin .txt:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/icrul-txt.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 5.5rem;
  height: 6.26rem;
  z-index: 0;
}
.icrall .icrul .icralli.act {
  width: 7.22rem;
}
.icrall .icrul .icralli.act .icrallin .txt {
  opacity: 1;
}
@-webkit-keyframes opacitySlow {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes opacitySlow {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes opacitySlow {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes opacitySlow {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacitySlow {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.imap {
  padding-bottom: 1rem;
}
.imap .editors .editor {
  display: none;
}
.imap .editors .editor:first-child {
  display: block;
}
.imap .mapwarp {
  position: relative;
}
.imap .mapwarp img {
  display: block;
  margin: 0 auto;
}
.imap .mapwarp .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.imap .mapwarp .words .dot {
  position: absolute;
  cursor: pointer;
}
.imap .mapwarp .words .dot:first-child {
  left: 16.2%;
  top: 15.8%;
}
.imap .mapwarp .words .dot:nth-child(2) {
  left: 21%;
  top: 52.2%;
}
.imap .mapwarp .words .dot:nth-child(3) {
  left: 39.8%;
  top: 11%;
}
.imap .mapwarp .words .dot:nth-child(4) {
  left: 37.8%;
  top: 37.4%;
}
.imap .mapwarp .words .dot:nth-child(5) {
  left: 57%;
  top: 21%;
}
.imap .mapwarp .words .dot:nth-child(6) {
  left: 50.2%;
  top: 52.2%;
}
.imap .mapwarp .words .dot:nth-child(7) {
  left: 59.2%;
  top: 71.2%;
}
.imap .mapwarp .words .dot:nth-child(8) {
  left: 48.6%;
  top: 81.2%;
}
.imap .mapwarp .words .dot:nth-child(9) {
  left: 74.8%;
  top: 28.2%;
}
.imap .mapwarp .words .dot:nth-child(10) {
  left: 69.8%;
  top: 47.2%;
}
.imap .mapwarp .words .dot:nth-child(11) {
  left: 69.2%;
  top: 63.2%;
}
.imap .mapwarp .words .dot b {
  position: relative;
  background-color: #843225;
  display: inline-block;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
}
.imap .mapwarp .words .dot b:before,
.imap .mapwarp .words .dot b:after {
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 0.01rem solid #843225;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.imap .mapwarp .words .dot b:before {
  width: 0.2rem;
  height: 0.2rem;
  animation: wave 2s linear infinite;
}
.imap .mapwarp .words .dot b:after {
  width: 0.3rem;
  height: 0.3rem;
  animation: wave1 2s linear infinite;
}
.imap .mapwarp .words .dot .dotxt {
  position: relative;
  margin-top: -0.1rem;
  margin-left: 0.06rem;
  border-radius: 0.06rem;
  padding: 0.04rem;
  border: 0.02rem solid #843225;
  background-color: #FDFCF7;
  transition: all 0.5s;
}
.imap .mapwarp .words .dot .dotxt:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/map-dotbg.png");
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.imap .mapwarp .words .dot .dotxt .dotxtin {
  position: relative;
  font-size: 0;
  border: 0.01rem solid #843225;
  border-radius: 0.04rem;
  padding: 0.04rem 0.06rem;
}
.imap .mapwarp .words .dot .dotxt img,
.imap .mapwarp .words .dot .dotxt span {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.imap .mapwarp .words .dot .dotxt img {
  width: 0.32rem;
  height: 0.32rem;
  margin-right: 0.06rem;
}
.imap .mapwarp .words .dot .dotxt span {
  color: #7F684F;
  font-size: 0.16rem;
}
.imap .mapwarp .words .dot.on .dotxt,
.imap .mapwarp .words .dot:hover .dotxt {
  background-color: #843225;
}
.imap .mapwarp .words .dot.on .dotxt img,
.imap .mapwarp .words .dot:hover .dotxt img {
  opacity: 0;
}
.imap .mapwarp .words .dot.on .dotxt span,
.imap .mapwarp .words .dot:hover .dotxt span {
  color: #fff;
  position: relative;
  left: -0.19rem;
}
@-webkit-keyframes wave {
  from {
    opacity: 1;
    width: 0.1rem;
    height: 0.1rem;
  }
  to {
    opacity: 0;
    width: 0.2rem;
    height: 0.2rem;
  }
}
@-moz-keyframes wave {
  from {
    opacity: 1;
    width: 0.1rem;
    height: 0.1rem;
  }
  to {
    opacity: 0;
    width: 0.2rem;
    height: 0.2rem;
  }
}
@-ms-keyframes wave {
  from {
    opacity: 1;
    width: 0.1rem;
    height: 0.1rem;
  }
  to {
    opacity: 0;
    width: 0.2rem;
    height: 0.2rem;
  }
}
@-o-keyframes wave {
  from {
    opacity: 1;
    width: 0.1rem;
    height: 0.1rem;
  }
  to {
    opacity: 0;
    width: 0.2rem;
    height: 0.2rem;
  }
}
@keyframes wave {
  from {
    opacity: 1;
    width: 0.1rem;
    height: 0.1rem;
  }
  to {
    opacity: 0;
    width: 0.2rem;
    height: 0.2rem;
  }
}
@-webkit-keyframes wave1 {
  from {
    opacity: 1;
    width: 0.2rem;
    height: 0.2rem;
  }
  to {
    opacity: 0;
    width: 0.3rem;
    height: 0.3rem;
  }
}
@-moz-keyframes wave1 {
  from {
    opacity: 1;
    width: 0.2rem;
    height: 0.2rem;
  }
  to {
    opacity: 0;
    width: 0.3rem;
    height: 0.3rem;
  }
}
@-ms-keyframes wave1 {
  from {
    opacity: 1;
    width: 0.2rem;
    height: 0.2rem;
  }
  to {
    opacity: 0;
    width: 0.3rem;
    height: 0.3rem;
  }
}
@-o-keyframes wave1 {
  from {
    opacity: 1;
    width: 0.2rem;
    height: 0.2rem;
  }
  to {
    opacity: 0;
    width: 0.3rem;
    height: 0.3rem;
  }
}
@keyframes wave1 {
  from {
    opacity: 1;
    width: 0.2rem;
    height: 0.2rem;
  }
  to {
    opacity: 0;
    width: 0.3rem;
    height: 0.3rem;
  }
}
.hornfour {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/left-top-horn.png"), url("../img/right-top-horn.png"), url("../img/left-bottom-horn.png"), url("../img/right-bottom-horn.png");
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: top left, top right, bottom left, bottom right;
  background-size: 0.32rem 0.32rem;
}
.bordwarp {
  background-color: rgba(248, 244, 233);
  padding: 0.08rem;
}
.bordwarp .bordwarpin {
  position: relative;
  padding: 0 0.32rem;
}
.bordwarp .bordwarpin:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/left-top-horn.png"), url("../img/right-top-horn.png"), url("../img/left-bottom-horn.png"), url("../img/right-bottom-horn.png");
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: top left, top right, bottom left, bottom right;
  background-size: 0.32rem 0.32rem;
}
.bordwarp .bordwarpin h5 {
  font-weight: bold;
  margin-bottom: 0.08rem;
}
.bordwarp .bordwarpin p {
  font-size: 0.16rem;
}
.borbtn {
  border: 0.02rem solid #AFA282;
  padding: 0.02rem;
  display: inline-block;
  box-sizing: border-box;
  background-color: rgba(248, 244, 233, 0.5);
}
.borbtn .borbtnin {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 2rem;
  height: 0.6rem;
  line-height: 0.6rem;
  font-size: 0.18rem;
  cursor: pointer;
}
.borbtn .borbtnin:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/left-top-horn.png"), url("../img/right-top-horn.png"), url("../img/left-bottom-horn.png"), url("../img/right-bottom-horn.png");
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
  background-position: top left, top right, bottom left, bottom right;
  background-size: 0.32rem 0.32rem;
  background-size: 0.2rem 0.2rem;
}
.borbtn.borbtns .borbtnin {
  width: 1.4rem;
  height: 0.5rem;
  line-height: 0.5rem;
  font-size: 0.16rem;
}
.editor {
  text-align: center;
}
.editor h5 {
  font-size: 0.2rem;
  padding: 0.1rem 0;
}
.editor p {
  font-size: 0.16rem;
}
.editor img {
  display: block;
  margin: 0 auto;
}
.about .bordwarp {
  background-color: rgba(248, 244, 233, 0.5);
  border: 0.02rem solid #AFA282;
}
.about .swidet {
  padding: 0 0.08rem;
}
.about .swidet .swiper {
  display: none;
  padding-bottom: 0.4rem;
}
.about .swidet .swiper:first-child {
  display: block;
}
.about .swidet .swiper .swiper-pagination {
  bottom: 0;
  top: auto;
}
.about .swidet .swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #843225;
}
.about .swidet .swiper h5 {
  font-size: 0.2rem;
  text-align: center;
  padding: 0.1rem 0;
}
.about .swidet .swiper .txt {
  font-size: 0.16rem;
}
.about .ilife {
  margin-bottom: 0.4rem;
}
.about .ilife .bordwarp {
  margin: 0 1.4rem;
}
.about .ilife .lifwarp:before,
.about .ilife .lifwarp:after {
  background-image: url("../img/life-ls.png");
  background-size: 0.6rem 5.68rem;
  width: 0.6rem;
  height: 5.68rem;
}
.about .ilife .lifwarp .lifwarp_in {
  height: 5rem;
}
.about .ilife .lifwarp .lifwarp_in .lifein {
  height: 4.2rem;
}
.about .ilife .lifwarp .lifwarp_in .lifein:before,
.about .ilife .lifwarp .lifwarp_in .lifein:after {
  top: -0.4rem;
  height: 5rem;
}
.about .ilife .lifwarp .lifwarp_in .lifein .dotswarp {
  padding-top: 1.2rem;
  padding-bottom: 0.96rem;
}
.about .ilife .lifwarp .lifwarp_in .lifein .txt {
  height: 0.7rem;
}
.about .imap {
  padding-bottom: 0;
}
.about .imap .mapwarp {
  margin-bottom: 0.34rem;
}
.bioul {
  text-align: center;
  padding: 0.8rem 0 0.4rem;
}
.bioul a {
  position: relative;
  color: #7F684F;
  font-size: 0.26rem;
  text-align: center;
  line-height: 0.8rem;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.4rem;
  width: 2.6rem;
}
.bioul a span {
  position: relative;
}
.bioul a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../img/bio-tit.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 2.6rem;
  height: 0.8rem;
}
.bioul a.on,
.bioul a:hover {
  color: #fff;
}
.bioul a.on:before,
.bioul a:hover:before {
  background-image: url("../img/bio-tit1.png");
}
.subsear {
  text-align: right;
}
.subsear .subsearin input {
  text-align: left;
  width: 2.4rem;
}
.subsear .subsearin button {
  width: 1rem;
}
.bioit {
  display: grid;
  gap: 0.4rem;
  grid-template-columns: repeat(3, 1fr);
  padding: 0.3rem 0 0.5rem;
}
.bioit .bioli {
  background-color: #ECE8DD;
  transition: all 0.5s;
  display: block;
  overflow: hidden;
}
.bioit .bioli .txt {
  padding: 0.2rem;
  border: 0.02rem solid #BEB29F;
}
.bioit .bioli img {
  display: block;
  transition: all 0.5s;

}
.bioit .bioli h5 {
  font-size: 0.24rem;
}
.bioit .bioli p,
.bioit .bioli .time {
  color: #938468;
  font-size: 0.18rem;
}
.timepdf{
    display: flex;
    align-items: center;
    img{
        margin-left:6px;
    }
}
.bioit .bioli p {
  margin-top: 0.1rem;
}
.bioit .bioli .time {
  position: relative;
  padding-top: 0.2rem;
  margin-top: 0.3rem;
  border-top: 0.01rem solid #938468;
  display: flex;
  justify-content: space-between;
}
.bioit .bioli .time:before,
.bioit .bioli .time:after {
  content: '';
  position: absolute;
  right: 0;
}
.bioit .bioli .time:before {
  width: 0.28rem;
  height: 0.01rem;
  top: -0.01rem;
  background-color: #ECE8DD;
}
.bioit .bioli .time:after {
  top: -0.13rem;
  width: 0.22rem;
  height: 0.26rem;
  background-image: url("../img/line-end.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.bioit .bioli:hover {
  transform: translateY(-8px);
}
.bioit .bioli:hover h5 {
  color: #843225;
}
.bioit .bioli:hover img {
  transform: scale(1.05);
}
.detail {
  padding-top: 0.78rem;
}
.detail .pager a {
  font-size: 0.14rem;
  font-weight: normal;
  margin: 0 0.08rem;
}
.detail .bordwarpin {
  padding-bottom: 0.16rem;
  position: relative;
}
.detail .bordwarpin .put {
  position: absolute;
  right: 1.12rem;
  top: 1.3rem;
}
.detail .editor {
  color: #86764E;
  text-align: left;
  position: relative;
  padding: 0 0.8rem;
}
.detail .editor iframe{
    width: 100%;
    height: 6rem;
}
.detail .editor .head {
  text-align: center;
  border-bottom: 0.01rem solid #D0CBC8;
  padding-bottom: 0.36rem;
  margin-bottom: 0.5rem;
}
.detail .editor .head h5 {
  font-size: 0.28rem;
  font-weight: bold;
  padding: 0.78rem 0 0.3rem;
}
.detail .editor .head .time {
  font-size: 0.18rem;
}
.detail .mitbtn {
  padding-bottom: 0.7rem;
  text-align: center;
  margin-top: 0.1rem;
}
.detail .des_next {
  margin-top: 0.56rem;
  font-size: 0;
}
.detail .des_next img,
.detail .des_next span,
.detail .des_next a {
  display: inline-block;
  vertical-align: middle;
}
.detail .des_next img {
  width: 0.5rem;
  height: 0.5rem;
}
.detail .des_next a {
  font-size: 0.18rem;
}
.detail .des_next .ntxt {
  width: 35%;
}
.detail .des_next .ntxt span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 80%;
}
.detail .des_next .ntxt:last-child {
  text-align: right;
}
.detail .des_next .back {
  width: 30%;
  text-align: center;
}
.artul {
  width: 100%;
}
.artul .borbtnin {
  width: 100%;
  font-size: 0;
  height: 0.8rem;
  line-height: 0.8rem;
}
.artul a {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.26rem;
  color: #7F684F;
  width: 33.33%;
  border-right: 0.01rem dashed #7F684F;
  box-sizing: border-box;
  line-height: 0.56rem;
}
.artul a span {
  position: relative;
}
.artul a span:before,
.artul a span:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -0.16rem;
  background-image: url("../img/subt-l.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 0.32rem;
  height: 0.32rem;
  opacity: 0;
  transition: all 0.5s;
}
.artul a span:before {
  left: -0.32rem;
}
.artul a span:after {
  transform: rotate(180deg);
}
.artul a.act,
.artul a:hover {
  color: #843225;
}
.artul a.act span:before,
.artul a:hover span:before,
.artul a.act span:after,
.artul a:hover span:after {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}
.artul a:last-child {
  border-right: none;
}
.art {
  margin-top: 0.78rem;
}
.art .bioit {
  padding-top: 0.6rem;
}
.art .bioit .bioli .txt {
  margin-top: -0.02rem;
}
.art .bioit .bioli h5 {
  text-align: center;
}
.types {
  margin-top: 0.6rem;
  display: none;
}
.types ul {
  font-size: 0;
}
.types ul li {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.18rem;
  color: #843225;
  border: 0.01rem solid #843225;
  height: 0.5rem;
  line-height: 0.48rem;
  width: 1.55rem;
  margin-right: 0.2rem;
  margin-bottom: 0.2rem;
  border-radius: 0.1rem;
  text-align: center;
  cursor: pointer;
}
.types ul li:nth-child(8n) {
  margin-right: 0;
}
.types ul li.on,
.types ul li:hover {
  color: #fff;
  background-color: #843225;
}
.swi_art {
  position: relative;
  padding: 0 1.55rem;
}
.swi_art .swiper-button-next,
.swi_art .swiper-button-prev {
  width: 0.6rem;
  height: 0.6rem;
}
.swi_art .swiper-button-next:after,
.swi_art .swiper-button-prev:after {
  content: '';
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.swi_art .swiper-button-prev:after {
  background-image: url("../img/arrow-l.png");
}
.swi_art .swiper-button-next:after {
  background-image: url("../img/arrow-r.png");
}
.swi_art .bordwarp {
  border: 0.02rem solid #AFA282;
  padding: 0.02rem;
  margin-bottom: 0.4rem;
}
.swi_art .bordwarp .bordwarpin {
  padding: 0.32rem;
  text-align: center;
}
.swi_art .bordwarp .bordwarpin img {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.swi_art .bordwarp .bordwarpin h5 {
  font-weight: bold;
  margin-bottom: 0.08rem;
}
.topic .intro {
  text-align: center;
  margin-bottom: 0.3rem;
}
.topic .intro .bordwarpin {
  padding: 0.2rem 0.72rem;
}
.topic .intro .editor {
  display: none;
}
.topic .intro .editor:first-child {
  display: block;
}
.entli-dot {
  content: '';
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #843225;
}
.entry {
  padding-top: 0.8rem;
}
.entry .time {
  display: flex;
  justify-content: space-between;
}
.entry .time span {
  font-size: 0.16rem;
}
.entry .time img {
  width: 0.1rem;
  height: 0.16rem;
}
.entry .enmain {
  font-size: 0;
  display: flex;
  align-items: stretch;
}
.entry .enmain > div {
  display: inline-block;
  vertical-align: top;
}
.entry .enmain .mle {
  width: calc(100% - 4.6rem);
}
.entry .enmain .mle img {
  height: 100%;
  object-fit: cover;
}
.entry .enmain .mri {
  width: 4.6rem;
  background-color: #7B2E21;
}
.entry .enmain .mri .mrli {
  color: #fff;
  border-bottom: 0.01rem solid rgba(255, 255, 255, 0.5);
  padding: 0.38rem 0.3rem;
  display: block;
}
.entry .enmain .mri .mrli p {
  font-size: 0.24rem;
  line-height: 0.34rem;
  margin-top: 0.12rem;
  height: 0.65rem;
  transition: all 0.5s;
}
.entry .enmain .mri .mrli:last-child {
  border-bottom-color: #7B2E21;
}
.entry .enmain .mri .mrli:hover p {
  padding-left: 0.1rem;
}
.entry .entul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 0.84rem;
  border-left: 0.01rem dashed #843225;
  border-top: 0.01rem dashed #843225;
}
.entry .entul .entli {
  border-right: 0.01rem dashed #843225;
  border-bottom: 0.01rem dashed #843225;
  position: relative;
}
.entry .entul .entli img {
  transition: all 0.5s;
}
.entry .entul .entli:nth-child(3n+1):before,
.entry .entul .entli:nth-child(3n):before,
.entry .entul .entli:nth-child(3n+1):after,
.entry .entul .entli:nth-child(3n):after {
  content: '';
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #843225;
}
.entry .entul .entli:nth-child(3n+1):before,
.entry .entul .entli:nth-child(3n):before,
.entry .entul .entli:nth-child(3n+1):after,
.entry .entul .entli:nth-child(3n):after {
  content: '';
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  border-radius: 50%;
  background-color: #843225;
}
.entry .entul .entli:nth-child(3n+1):before {
  left: -0.05rem;
  top: -0.05rem;
}
.entry .entul .entli:nth-child(3n+1):after {
  left: -0.05rem;
  bottom: -0.05rem;
}
.entry .entul .entli:nth-child(3n):before {
  right: -0.05rem;
  top: -0.05rem;
}
.entry .entul .entli:nth-child(3n):after {
  right: -0.05rem;
  bottom: -0.05rem;
}
.entry .entul .entli .img {
  padding: 0.32rem;
}
.entry .entul .entli .time {
  padding: 0.2rem 0.32rem;
  border-top: 0.01rem dashed #843225;
  border-bottom: 0.01rem dashed #843225;
}
.entry .entul .entli .time span {
  font-size: 0.26rem;
  font-weight: bold;
  color: #843225;
}
.entry .entul .entli .time img {
  transform: rotate(180deg);
  width: 0.32rem;
  height: 0.32rem;
}
.entry .entul .entli .txt {
  font-size: 0.16rem;
  padding: 0.3rem;
}
.entry .entul .entli .txt h5 {
  font-size: 0.24rem;
  line-height: 0.34rem;
}
.entry .entul .entli .txt .date {
  color: #843225;
  padding: 0.2rem 0;
}
.entry .entul .entli .txt p {
  line-height: 0.3rem;
}
.entry .entul .entli:hover img {
  transform: scale(1.05);
}
.entry .entul .entli:hover .txt h5 {
  color: #843225;
}
.entry .lanm {
  position: relative;
  font-size: 0.18rem;
  color: #70542C;
  padding: 0.3rem 0.56rem 0.3rem 1.65rem;
  background-color: #CEC6AE;
  margin: 0.4rem 0;
}
.entry .lanm span {
  position: absolute;
  left: 0.45rem;
  top: 0.32rem;
}
.entry .lanm ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.32rem;
  cursor: pointer;
}
.entry .lanm ul li.on {
  color: #843225;
}
.board {
  padding-bottom: 0;
}
.board .itit {
  padding: 0.8rem 0 0.4rem;
}
.board .itit .ititin {
  color: #fff;
  font-size: 0.26rem;
  width: 3.2rem;
  height: 0.82rem;
  line-height: 0.82rem;
}
.board .itit .ititin:before {
  background-image: url("../img/titbg1.png");
}
.board .brief {
  padding-bottom: 1rem;
}
.board .brief .bordwarp {
  background-color: #ffffff;
}
.board .brief .bordwarp .bordwarpin {
  padding: 0.4rem 0.5rem;
}
.board .brief .bordwarp h5 {
  text-align: center;
  color: #7F684F;
  font-size: 0.24rem;
}
.board .brief .bordwarp p {
  font-size: 0.16rem;
  line-height: 0.32rem;
}
.board .hist {
  position: relative;
  padding-bottom: 0.78rem;
}
.board .hist:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  width: 5.3rem;
  height: 100%;
  background-image: url("../img/bg6.png");
}
.board .hist .lrtxt {
  position: relative;
  padding: 1rem;
  box-sizing: border-box;
  margin-right: 1rem;
  background-color: rgba(188, 158, 117, 0.7);
}
.board .hist .lrtxt:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-image: url("../img/hist-bg.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.board .hist .lrtxt .lrtxtin {
  position: relative;
  z-index: 1;
  height: 4.6rem;
  overflow-y: hidden;
  overflow-x: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.board .hist .lrtxt h5,
.board .hist .lrtxt .txt {
  writing-mode: vertical-lr;
  display: inline-block;
  vertical-align: middle;
}
.board .hist .lrtxt h5 {
  font-size: 0.26rem;
}
.board .hist .lrtxt .txt {
  font-size: 0.16rem;
  margin-right: 0.2rem;
  line-height: 0.4rem;
  letter-spacing: 0.08rem;
}
.board .manage {
  padding-bottom: 1rem;
}
.board .manage .book {
  position: relative;
  height: 6.4rem;
  padding-left: 3rem;
}
.board .manage .book:before {
  content: '';
  background-color: #B6A18A;
  height: 100%;
  width: calc(100% - 5.41rem);
  position: absolute;
  left: 3rem;
  top: 0;
}
.board .manage .fold_le {
  width: 3rem;
  background-color: #523228;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.board .manage .fold_le:before,
.board .manage .fold_le:after {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  left: 0;
}
.board .manage .fold_le:before {
  top: -0.2rem;
  border-bottom: 0.21rem solid #523228;
  border-left: 3.01rem solid transparent;
}
.board .manage .fold_le:after {
  bottom: -0.2rem;
  border-top: 0.21rem solid #523228;
  border-left: 3.01rem solid transparent;
}
.board .manage .folul {
  color: #fff;
  padding-left: 0.88rem;
  padding-top: 0.3rem;
  overflow: auto;
  height: 95%;
}
.board .manage .folul .foli {
  opacity: 0.5;
  padding: 0.28rem 0;
  cursor: pointer;
  transition: all 0.5s;
}
.board .manage .folul .foli b {
  font-size: 0.3rem;
  font-weight: bold;
  line-height: 0.32rem;
}
.board .manage .folul .foli .title {
  border-top: 0.01rem solid #fff;
  margin-top: 0.18rem;
  padding-top: 0.04rem;
  position: relative;
}
.board .manage .folul .foli .title h5 {
  font-size: 0.16rem;
  line-height: 0.32rem;
  font-weight: bold;
}
.board .manage .folul .foli .title:after {
  content: '';
  position: absolute;
  left: -0.32rem;
  top: -0.12rem;
  background-image: url("../img/fold-tit.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 0.28rem;
  height: 0.2rem;
  transition: all 0.5s;
}
.board .manage .folul .foli.on,
.board .manage .folul .foli:hover {
  opacity: 1;
}
.board .manage .folul .foli:hover .title:after {
  left: calc(100% - 0.28rem);
}
.board .manage .swi_board {
  position: relative;
  box-sizing: border-box;
  padding: 0.8rem 1.88rem 0.8rem 0.6rem;
  color: #fff;
  font-size: 0.16rem;
  line-height: 0.32rem;
}
.board .manage .swi_board:after {
  content: '';
  position: absolute;
  right: 0;
  top: -0.4rem;
  background-image: url("../img/fold-bg.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.41rem;
  height: 7.09rem;
}
.board .manage .swi_board .swiper {
  display: none;
  height: 4.8rem;
  padding-right: 1.16rem;
}
.board .manage .swi_board .swiper:first-child {
  display: block;
}
.board .manage .swi_board .swiper .swiper-slide {
  height: auto;
}
.forms-wrapper {
  width: 8.4rem;
  background-color: #E5E0D3;
}
.forms-wrapper .bordwarpin:before {
  z-index: -1;
}
.forms-wrapper .formsul {
  font-size: 0;
  padding-left: 0.5rem;
}
.forms-wrapper .fsli {
  display: inline-flex;
  margin-bottom: 0.2rem;
  width: 50%;
}
.forms-wrapper .fsli span {
  width: 0.74rem;
  text-align: left;
  white-space: nowrap;
  color: #333333;
  font-size: 0.18rem;
  line-height: 0.48rem;
}
.forms-wrapper .fsli span i {
  font-style: normal;
  color: #E60012;
}
.forms-wrapper .fsli div {
  width: 2.4rem;
}
.forms-wrapper .fsli div input,
.forms-wrapper .fsli div textarea {
  width: 100%;
  height: 0.48rem;
  line-height: 0.48rem;
  background-color: #E0DBCA;
  font-size: 0.18rem;
  padding: 0 0.2rem;
  box-sizing: border-box;
}
.forms-wrapper .fsli .icode {
  position: relative;
}
.forms-wrapper .fsli .icode input {
  padding-right: 1.2rem;
}
.forms-wrapper .fsli .icode img {
  width: 1.01rem;
  height: 0.4rem;
  position: absolute;
  right: 0.04rem;
  top: 0.04rem;
}
.forms-wrapper .fsli .uploads {
  position: relative;
  cursor: pointer;
  background-color: #E0DBCA;
  text-align: center;
}
.forms-wrapper .fsli .uploads b,
.forms-wrapper .fsli .uploads img {
  display: inline-block;
  vertical-align: middle;
  line-height: 0.44rem;
}
.forms-wrapper .fsli .uploads img {
  width: 0.16rem;
}
.forms-wrapper .fsli .uploads b {
  color: #843225;
  font-size: 0.16rem;
  margin-left: 0.1rem;
}
.forms-wrapper .fsli .uploads input {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  cursor: pointer;
}
.forms-wrapper .fsli.fsliall {
  width: calc(100% - 0.48rem);
}
.forms-wrapper .fsli.fsliall div {
  width: 100%;
}
.forms-wrapper .name {
  font-size: 0.24rem;
  font-weight: bold;
  text-align: center;
  padding: 0.3rem 0;
}
.popup {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 15;
  background: #fff;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.4);
  overflow: auto;
  overflow-x: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup.open {
  opacity: 1;
  visibility: visible;
  -webkit-animation: zoomOut 0.2s linear forwards;
  animation: zoomOut 0.2s linear forwards;
}
.popup.close {
  opacity: 0;
  visibility: hidden;
  -webkit-animation: zoomIn 0.3s linear forwards;
  animation: zoomIn 0.3s linear forwards;
}
.popup .close-btn {
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0.3rem;
  z-index: 2;
  font-size: 0.5rem;
  color: #000;
}
.popup .close-btn:hover {
  transform: rotate(90deg);
}
.popup .sbtn {
  text-align: center;
  padding-bottom: 0.28rem;
  padding-top: 0.2rem;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes zoomOut {
  0% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-ms-keyframes zoomOut {
  0% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes zoomOut {
  0% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-moz-keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-ms-keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.2);
  }
}
@-o-keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.2);
  }
}
@media screen and (max-width: 991px) {
    .bioit .bioli .time{
        flex-wrap: wrap;
    }
  .suban {
    height: 3.4rem;
  }
  .banner:after {
    height: 1.06rem;
  }
  .banner .swi_banner {
    color: #FEFFD4;
  }
  .banner .swi_banner .swiper-pagination {
    left: calc(0.9rem + 0.15rem);
  }
  .banner .swi_banner .swiper-button-prev {
    left: 0.15rem;
  }
  .banner .swi_banner .swiper-button-next {
    left: calc(1.7rem + 0.15rem);
  }
  .banner .swi_banner .swiper-slide {
    height: 70vh;
  }
  .banner .swi_banner .swiper-slide .ban_container {
    left: 0.15rem;
  }
  .banner .swi_banner .swiper-slide .ban_container .banbtn {
    margin-top: 0.4rem;
  }
  @-webkit-keyframes slideSlow {
    0% {
      opacity: 0;
      left: 20%;
    }
    25% {
      opacity: 0;
    }
    100% {
      left: 0.15rem;
      opacity: 1;
    }
  }
  @-moz-keyframes slideSlow {
    0% {
      opacity: 0;
      left: 20%;
    }
    25% {
      opacity: 0;
    }
    100% {
      left: 0.15rem;
      opacity: 1;
    }
  }
  @-ms-keyframes slideSlow {
    0% {
      opacity: 0;
      left: 20%;
    }
    25% {
      opacity: 0;
    }
    100% {
      left: 0.15rem;
      opacity: 1;
    }
  }
  @-o-keyframes slideSlow {
    0% {
      opacity: 0;
      left: 20%;
    }
    25% {
      opacity: 0;
    }
    100% {
      left: 0.15rem;
      opacity: 1;
    }
  }
  @keyframes slideSlow {
    0% {
      opacity: 0;
      left: 20%;
    }
    25% {
      opacity: 0;
    }
    100% {
      left: 0.15rem;
      opacity: 1;
    }
  }
  .itit {
    padding: 0.6rem 0;
  }
  .itit .ititin {
    font-size: 0.28rem;
    width: 3.6rem;
    line-height: 0.7rem;
  }
  .itit .ititin:before {
    background-size: contain;
  }
  .ilife {
    padding: 0 0.15rem;
  }
  .ilife .lifwarp .lifwarp_in .lifein {
    padding-left: 0.7rem;
  }
  .ilife .lifwarp .lifwarp_in .lifein .txt {
    padding-right: 0.7rem;
  }
  .icrall .icrul {
    padding-left: 0.15rem;
  }
  .imap .mapwarp .words .dot .dotxt span {
    font-size: 0.14rem;
  }
  .imap .mapwarp .words .dot .dotxt .dotxtin {
    padding: 0 0.02rem 0 0;
    min-width: 1.2rem;
  }
  .about .ilife .bordwarp {
    margin: 0.3rem 0 0;
  }
  .bioul {
    white-space: nowrap;
    overflow-x: auto;
  }
  .bioul a {
    font-size: 0.22rem;
    line-height: 0.6rem;
    margin-right: 0.1rem;
    margin-left: 0.15rem;
    width: 2rem;
  }
  .bioul a:before {
    background-size: contain;
    width: 2rem;
  }
  .bioit {
    gap: 0.15rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .detail .editor {
    padding: 0;
  }
  .detail .bordwarpin .put {
    position: relative;
    right: 0;
    top: 0.3rem;
    text-align: center;
  }
  .detail .des_next .ntxt {
    width: 20%;
  }
  .detail .des_next .ntxt span {
    display: none;
  }
  .detail .des_next .back {
    width: 60%;
  }
  .artul a {
    font-size: 0.16rem;
    font-weight: bold;
    line-height: 0.3rem;
  }
  .types {
    margin-top: 0.6rem;
  }
  .types ul li {
    width: auto;
    padding: 0 0.15rem;
    margin-right: 0.15rem;
    margin-bottom: 0.15rem;
  }
  .types ul li:nth-child(8n) {
    margin-right: 0.15rem;
  }
  .swi_art {
    padding: 0 0.5rem;
  }
  .swi_art .swiper-button-next,
  .swi_art .swiper-button-prev {
    width: 0.4rem;
    height: 0.4rem;
    top: 20%;
  }
  .swi_art .swiper-button-prev {
    left: 0;
  }
  .swi_art .swiper-button-next {
    right: 0;
  }
  .swi_art .bordwarp .bordwarpin {
    padding: 0.2rem;
  }
  .topic .intro .bordwarpin {
    padding: 0.2rem;
  }
  .entry .enmain {
    display: block;
  }
  .entry .enmain > div {
    display: block;
  }
  .entry .enmain .mle,
  .entry .enmain .mri {
    width: 100%;
  }
  .entry .enmain .mri .mrli p {
    height: auto;
  }
  .entry .entul {
    grid-template-columns: repeat(2, 1fr);
  }
  .entry .entul .entli:nth-child(3n+1):before,
  .entry .entul .entli:nth-child(3n):before,
  .entry .entul .entli:nth-child(3n+1):after,
  .entry .entul .entli:nth-child(3n):after {
    display: none;
  }
  .entry .entul .entli .img {
    padding: 0.15rem;
  }
  .entry .entul .entli .time {
    padding: 0.2rem 0.15rem;
  }
  .entry .entul .entli .txt {
    padding: 0.3rem 0.15rem;
  }
  .entry .lanm {
    padding: 0.2rem 0.15rem 0.05rem 1.1rem;
  }
  .entry .lanm span {
    position: absolute;
    left: 0.15rem;
    top: 0.2rem;
  }
  .entry .lanm ul li {
    margin-right: 0.15rem;
    margin-bottom: 0.15rem;
  }
  .board .hist .lrtxt {
    margin-right: 0;
    padding: 0.5rem 0.2rem;
  }
  .board .manage .book {
    padding-left: 1.5rem;
  }
  .board .manage .book:before {
    width: calc(100% - 3.41rem);
    left: 1rem;
  }
  .board .manage .folul {
    padding-left: 0.34rem;
  }
  .board .manage .fold_le {
    width: 1.5rem;
  }
  .board .manage .fold_le:before,
  .board .manage .fold_le:after {
    border-left-width: 1.01rem;
  }
  .forms-wrapper {
    width: 96%;
  }
}
@media screen and (max-width: 640px) {
  .imap .container {
    overflow: auto;
  }
  .imap .mapwarp {
    /*width: 12rem;*/
  }
  .board .manage .book:before {
    width: calc(100% - 1.5rem);
  }
  .board .manage .swi_board {
    padding: 0.4rem 0.2rem;
  }
  .board .manage .swi_board:after {
    display: none;
  }
  .board .manage .swi_board .swiper {
    height: 5.6rem;
    padding-right: 0.4rem;
  }
  .forms-wrapper .formsul {
    padding-left: 0;
  }
  .forms-wrapper .fsli {
    width: 100%;
  }
  .forms-wrapper .fsli div {
    width: 100%;
  }
  .forms-wrapper .fsli.fsliall {
    width: 100%;
  }
  .forms-wrapper .fsli .uploads {
    text-align: left;
  }
}
/*# sourceMappingURL=index.css.map */