html.page-locked,
body.page-locked {
  height: 100%;
  overflow: hidden;
}
.brand_page {
  position: relative;
}

.brand_page .page_bg {
  background: linear-gradient(180deg, #F3E8D7 0%, rgba(243, 232, 215, 0) 68.86%), #FFF;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
}
.brand_page .bra1 {
    width: 100%;
    overflow: hidden;
    min-height: 100vh;
    position: relative;
    padding: 1.2rem 0;
}
.brand_page .bra1 .breadcrumb {
  position: absolute;
  top: var(--headHeight);
  /*left: 1.4rem;*/
  left: 0;
  padding-left: 0;
  width: 100%;
  z-index: 1;
}
.brand_page .bra1 .wrap {
  display: flex;
  gap: 0.1rem;
  align-items: center;
}
.brand_page .bra1 .wrap .breadcrumb .wrap {
  padding-bottom: 0.12rem;
}
.brand_page .bra1 .wrap .lf {
  width: 8.52rem;
}
.brand_page .bra1 .wrap .lf .pic {
  width: 100%;
}
.brand_page .bra1 .wrap .rg {
  flex: 1;
}
.brand_page .bra1 .wrap .rg .tit-box {
  margin-bottom: 0.4rem;
}
.brand_page .bra1 .wrap .rg .tit-box .txt {
  margin-top: 0.24rem;
}
.brand_page .bra1 .wrap .rg .num_list {
  margin-bottom: 0.6rem;
  display: flex;
  gap: 1.4rem;
}
.brand_page .bra1 .wrap .rg .num_list .item {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.brand_page .bra1 .wrap .rg .num_list .item .top {
  display: flex;
  align-items: flex-end;
}
.brand_page .bra1 .wrap .rg .num_list .item .top .unit2 {
  margin: 0 0 0.05rem 0.08rem;
}
.brand_page .bra1 .wrap .rg .card_list {
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
}
.brand_page .bra1 .wrap .rg .card_list .item {
  padding: 0.3rem 0.48rem 0.3rem 0.56rem;
  background: rgba(221, 221, 221, 0.15);
  backdrop-filter: blur(0.05rem);
  transition: all 0.5s;
}
.brand_page .bra1 .wrap .rg .card_list .item .tit {
  position: relative;
  margin-bottom: 0.08rem;
  transition: color 0.5s;
}
.brand_page .bra1 .wrap .rg .card_list .item .tit::before {
  content: "";
  position: absolute;
  left: -0.26rem;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 0.14rem;
  height: 0.13rem;
  border-radius: 0.02rem;
  background-color: var(--vicolor);
  transition: background-color 0.5s;
}
.brand_page .bra1 .wrap .rg .card_list .item .txt {
  transition: color 0.5s;
}
.brand_page .bra1 .wrap .rg .card_list .item:hover {
  transform: translateY(-0.05rem);
  background-color: var(--vicolor);
}
.brand_page .bra1 .wrap .rg .card_list .item:hover .tit {
  color: #fff;
}
.brand_page .bra1 .wrap .rg .card_list .item:hover .tit::before {
  background-color: #fff;
}
.brand_page .bra1 .wrap .rg .card_list .item:hover .txt {
  color: #fff;
}
.brand_page .bra1 .swiper_bra1{
    margin-top: .8rem;
    width: 100%
}
.brand_page .bra1 .swiper_bra1 .swiper-slide{
    width: calc((100% - .2rem * 4) / 5);
    /*width: fit-content;*/
    height: 1.4rem;
    background-color: rgba(115, 115, 115, 0.10);
    backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.brand_page .bra1 .swiper_bra1 .swiper-slide img{
    mix-blend-mode: multiply;
    max-width: 70%;
    max-height: 70%;
}
.brand_page .bra2 {
  width: 100%;
  height: 100vh;
  position: relative;
  padding-top: var(--headHeight);
  /*overflow: hidden;*/
}

.brand_page .bra2:after {
  content: "";
  position: absolute;
  bottom: -1.2rem;
  height: 6.37rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}

.brand_page .bra2 .wrap .tit-box {
  margin-bottom: 0.75rem;
}
.brand_page .bra2 .wrap .map_box {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 60vh;
  overflow: hidden;
  
}
.brand_page .bra2 .wrap .map_box .video{display: block;width:10.2rem;position:absolute;top:0;left:50%;transform:translateX(-50%); mix-blend-mode: multiply;border-radius:5.1rem;overflow:hidden;padding-bottom:10.2rem;}
.brand_page .bra2 .wrap .map_box .video video{display: block;width:11.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.brand_page .bra2 .wrap .map_box .pic {
  object-position: bottom center;
}
.brand_page .bra2 .wrap .card_box {
  position: absolute;
  bottom: 0.87rem;
  left: 0;
  width: 100%;
  padding: 0 1.4rem;
  z-index: 10;
}
.brand_page .bra2 .wrap .card_box .list {
  display: flex;
  gap: 0.32rem;
}
.brand_page .bra2 .wrap .card_box .list .item {
  width: calc((100% - 0.64rem) / 3);
  background: rgba(221, 221, 221, 0.1);
  backdrop-filter: blur(0.05rem);
  padding: 0.43rem 0.2rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0.16rem;
  transition: background-color 0.5s, transform 0.5s;
  cursor: pointer;
}
.brand_page .bra2 .wrap .card_box .list .item .num {
  margin-top: -0.04rem;
  transition: color 0.5s;
}
.brand_page .bra2 .wrap .card_box .list .item .desc .tit {
  margin-bottom: 0.16rem;
  transition: color 0.5s;
}
.brand_page .bra2 .wrap .card_box .list .item .desc .txt {
  transition: color 0.5s;
}
.brand_page .bra2 .wrap .card_box .list .item:hover {
  transform: translateY(-0.05rem);
  background-color: var(--vicolor);
}
.brand_page .bra2 .wrap .card_box .list .item:hover .num {
  color: #fff;
}
.brand_page .bra2 .wrap .card_box .list .item:hover .desc .tit {
  color: #fff;
}
.brand_page .bra2 .wrap .card_box .list .item:hover .desc .txt {
  color: #fff;
}


.history_page .c-372 {
  color: #372820;
}
.history_page section {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  background: #fff;
}
.history_page section .wrap {
  width: 100%;
  height: 100%;
}
.history_page .fixed_top_page {
  position: fixed;
  /*top: calc(var(--headHeight) + 0.25rem);*/
  top: .5rem;
  z-index: 3;
  padding: 0 0.8rem;
  display: flex;
  width: 100%;
  justify-content: space-between;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.5s;
}
/*.history_page .fixed_top_page.page7 .tit{*/
/*    color: #fff !important;*/
/*}*/
.history_page .fixed_top_page.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.history_page .fixed_top_page .tit {
  text-transform: uppercase;
}
.history_page .fixed_top_page.black .tit {
  color: #372820;
}
.history_page .fixed_top_page.black .page_num {
  color: #372820;
}
.history_page .fade-up {
  opacity: 0;
  transform: translateY(2rem);
  transition: all 0.7s;
}
.history_page .fade-up.delay-1 {
  transition-delay: 0.3s;
}
.history_page .fade-up.delay-2 {
  transition-delay: 0.5s;
}
.history_page .fade-up.delay-3 {
  transition-delay: 0.7s;
}
.history_page .fade-up.delay-4 {
  transition-delay: 0.9s;
}
.history_page .fade-up.delay-5 {
  transition-delay: 1.1s;
}
.history_page .fade-up.delay-6 {
  transition-delay: 1.3s;
}
.history_page .swiper_history_page {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.history_page .swiper_history_page .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.history_page .swiper_history_page .swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100vh;
}
.history_page .swiper_history_page .swiper-wrapper .swiper-slide.swiper-slide-active .fade-up {
  opacity: 1;
  transform: translateY(0);
}
.history_page .his1 {
  padding-top: 2.6rem;
}
.history_page .his1 .bg {
  position: absolute;
  inset: 0;
}
.history_page .his1 .top_tit {
  position: absolute;
  top: calc(var(--headHeight) + 0.2rem);
  left: 0;
  width: 100%;
  padding: 0 0.8rem;
  display: flex;
  justify-content: space-between;
}
.history_page .his1 .top_tit .item {
  display: flex;
  flex-direction: column;
  gap: 0.06rem;
}
.history_page .his1 .top_tit .item .tit_pin {
  text-transform: uppercase;
}
.history_page .his1 .wrap {
  position: relative;
}
.history_page .his1 .wrap .list {
  display: flex;
  gap: 0.7rem;
}
.history_page .his1 .wrap .list .item {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.history_page .his1 .wrap .list .item .desc {
  display: flex;
}
.history_page .his1 .wrap .list .item .desc .tit_en,
.history_page .his1 .wrap .list .item .desc .tit {
  writing-mode: vertical-rl;
  text-transform: capitalize;
}
.history_page .his1 .wrap .list .item .desc .line {
  position: relative;
}
.history_page .his1 .wrap .list .item .desc .line::before {
  content: "";
  position: absolute;
  left: -0.01rem;
  top: 0;
  width: 0.03rem;
  height: 0.54rem;
  background-color: #FFF;
}
.history_page .his1 .wrap .list .item .desc .tit_en {
  margin-top: 1.8rem;
}
.history_page .his1 .wrap .list .item .desc .tit {
  margin-top: 1.3rem;
}
.history_page .his1 .wrap .list .item .desc .line {
  height: 2.3rem;
  width: 0.01rem;
  background: rgba(255, 255, 255, 0.3);
  margin: 0 0.04rem 0 0.04rem;
}
.history_page .his1 .wrap .list .item .ibtn-circle {
  transform: rotate(90deg);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.history_page .his1 .wrap .list .item:nth-child(5) {
  margin-left: 8rem;
}
.history_page .his1 .wrap .list .item:hover .ibtn-circle {
  transform: rotate(90deg) translateX(0.32rem);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.history_page .his2 {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  padding: 0 1.4rem;
}
.history_page .his2 .bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: 0 center;
  will-change: background-position;
  transition-property: background-position;
  transition-timing-function: ease;
}
.history_page .his2 .bg .gui {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 65.3vh;
  aspect-ratio: 237/94;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.5s;
}
.history_page .his2 .bg .gui.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.history_page .his2 .wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.history_page .his2 .wrap .top_box {
  position: absolute;
  left: 0;
  z-index: 2;
  top: 1.45rem;
  width: 100%;
}
.history_page .his2 .wrap .top_box .title {
  margin-bottom: 0.4rem;
}
.history_page .his2 .wrap .top_box .line_box {
  position: relative;
  width: 100%;
}
.history_page .his2 .wrap .top_box .line_list {
  width: 100%;
  display: flex;
  align-items: center;
}
.history_page .his2 .wrap .top_box .line_list .item {
  width: 33.3333333333%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.history_page .his2 .wrap .top_box .line_list .item .icon {
  width: 0.35rem;
  height: 0.35rem;
  position: relative;
  opacity: 0.6;
}
.history_page .his2 .wrap .top_box .line_list .item .icon .tit {
  position: absolute;
  top: calc(100% + 0.06rem);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.history_page .his2 .wrap .top_box .line_list .item .line {
  height: 1px;
  flex: 1;
  background-color: rgba(255, 255, 255, 0.2);
  position: relative;
}
.history_page .his2 .wrap .top_box .line_list .item .line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--lineWidth);
  height: 100%;
  transition: width 0.5s;
  background-color: #fff;
}
.history_page .his2 .wrap .top_box .line_list .item.active .icon {
  opacity: 1;
}
.history_page .his2 .wrap .top_box .ibtn-circle {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(100%);
}
.history_page .his2 .wrap .swiper_list {
  width: 100%;
  height: 100%;
}
.history_page .his2 .wrap .swiper_his2 {
  width: 100%;
  height: 100%;
  display: none;
}
.history_page .his2 .wrap .swiper_his2.active {
  display: block;
}
.history_page .his2 .wrap .swiper_his2:nth-child(1) .swiper-wrapper .swiper-slide:nth-child(1) {
  padding-left: 6.9rem;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .swiper-slide {
  width: fit-content;
  height: 100%;
  padding-right: 2rem;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .swiper-slide:last-child {
  padding-right: 0;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 6vh;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item .item_cont {
  height: 52vh;
  max-height: 5.52rem;
  --itemH: 52vh;
  --itemHrem: 5.52;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item .item_cont .desc .tit {
  font-weight: 500;
  font-family: var(--fw500);
  color: #fff;
  display: flex;
  gap: 0.2rem;
  align-items: flex-end;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item .item_cont .desc .tit .big {
  font-size: 0.5rem;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item .item_cont .desc .tit .small {
  font-size: 0.3rem;
  margin-bottom: 0.04rem;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item .item_cont .desc .txt {
  margin-top: 0.18rem;
  font-size: 0.16rem;
  font-weight: 300;
  font-family: var(--fw300);
  color: #fff;
  line-height: 2;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item .item_cont .tags .tag {
  font-size: 0.2rem;
  font-weight: 500;
  font-family: var(--fw500);
  color: #fff;
  width: fit-content;
  padding: 0.06rem 0.34rem 0.08rem 0.16rem;
  background: linear-gradient(90deg, #916623 0%, rgba(145, 102, 35, 0) 100%);
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item .item_cont .tags .tag_txt {
  margin-top: 0.14rem;
  font-size: 0.16rem;
  font-weight: 300;
  font-family: var(--fw300);
  color: #fff;
  line-height: 2;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style1 .item_cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style1 .desc {
  width: 6.05rem;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style1 .btm {
  display: flex;
  gap: 0.14rem;
  align-items: flex-end;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style1 .btm .pic {
  height: calc(var(--itemH) * 3.56 / var(--itemHrem));
  width: 5.6rem;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style2 .item_cont {
  display: flex;
  gap: 0.3rem;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style2 .pic {
  height: 100%;
  width: 4.44rem;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style2 .info {
  width: 6.05rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style3 .item_cont {
  display: flex;
  gap: 0.3rem;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style3 .item_cont .pic {
  height: 100%;
  width: 4.44rem;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style3 .item_cont .info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style3 .item_cont .info .desc {
  width: 6.05rem;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style3 .item_cont .info .btm {
  display: flex;
  gap: 0.1rem;
  align-items: flex-end;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style3 .item_cont .info .btm .small_pic {
  width: 2.24rem;
  height: calc(var(--itemH) * 3 / var(--itemHrem));
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style4 .item_cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style4 .item_cont .desc {
  width: 6.05rem;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style4 .item_cont .btm {
  display: flex;
  align-items: flex-end;
  gap: 0.3rem;
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style4 .item_cont .btm .pic {
  width: 5.6rem;
  height: calc(var(--itemH) * 3.56 / var(--itemHrem));
}
.history_page .his2 .wrap .swiper_his2 .swiper-wrapper .item.style4 .item_cont .btm .small_pic {
  width: 2.66rem;
  height: calc(var(--itemH) * 3.56 / var(--itemHrem));
}
.history_page .his3 {
  background: #F8F2E8;
}
.history_page .his3 .wrap {
  padding: 0.7rem 1.45rem 0 0.3rem;
  display: flex;
  align-items: center;
}
.history_page .his3 .wrap .lf {
  flex: 1;
}
.history_page .his3 .wrap .lf .pic {
  position: relative;
  height: 84vh;
}
.history_page .his3 .wrap .lf .pic .dot_box {
  position: absolute;
  top: 44.5vh;
  left: 4.1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.history_page .his3 .wrap .lf .pic .dot_box .icon {
  position: relative;
  width: 0.26rem;
  height: 0.26rem;
  margin-bottom: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.history_page .his3 .wrap .lf .pic .dot_box .icon img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
}
@keyframes his3-ripple {
  0% {
    width: 0.26rem;
    height: 0.26rem;
    opacity: 0.55;
  }
  100% {
    width: 0.86rem;
    height: 0.86rem;
    opacity: 0;
  }
}
.history_page .his3 .wrap .lf .pic .dot_box .icon .ripple {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 0.01rem solid #6E2401;
  background: radial-gradient(50% 50% at 50% 50%, rgba(110, 36, 1, 0) 82%, #6E2401 100%);
  animation: his3-ripple 3.4s linear infinite;
}
.history_page .his3 .wrap .lf .pic .dot_box .icon .ripple:nth-child(1) {
  animation-delay: 0s;
}
.history_page .his3 .wrap .lf .pic .dot_box .icon .ripple:nth-child(2) {
  animation-delay: 0.8s;
}
.history_page .his3 .wrap .lf .pic .dot_box .icon .ripple:nth-child(3) {
  animation-delay: 1.6s;
}
.history_page .his3 .wrap .rg {
  width: 7.25rem;
}
.history_page .his3 .wrap .rg .info .tit {
  color: #372820;
}
.history_page .his3 .wrap .rg .info .tit_pin {
  color: #372820;
}
.history_page .his3 .wrap .rg .info .txt {
  color: #372820;
  margin-top: .65rem;
}
.history_page .his3 .wrap .rg .info .txt p {
  margin-bottom: 0.16rem;
}
.history_page .his3 .wrap .rg .info .txt_pin {
  color: #372820;
}
.history_page .his4 {
  background: #F8F2E8;
  padding: 1.3rem 0 0;
}
.history_page .his4 .wrap {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.history_page .his4 .wrap .tit-box {
  margin-bottom: 0.7rem;
}
.history_page .his4 .wrap .tit-box .tit {
  color: #372820;
  margin-bottom: 0.06rem;
}
.history_page .his4 .wrap .tit-box .txt {
  margin-top: 0.18rem;
  color: #372820;
}
.history_page .his4 .wrap .list {
  height: 68vh;
  display: flex;
}
.history_page .his4 .wrap .list .item {
  flex: 1;
  position: relative;
}
.history_page .his4 .wrap .list .item .pic {
  position: absolute;
  inset: 0;
}
.history_page .his4 .wrap .list .item .cont {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0.42rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
}
.history_page .his4 .wrap .list .item .cont .tit {
  margin-bottom: 0.12rem;
}
.history_page .his4 .wrap .list .item .cont .tit_pin {
  text-transform: uppercase;
}
.history_page .his4 .wrap .list .item .cont .txt {
  margin-top: 0.36rem;
}
.history_page .his5 {
  padding: 1.3rem 0 0.6rem;
  position: relative;
  background: #F8F2E8;
}
.history_page .his5 .bg {
  position: absolute;
  height: 57vh;
  right: 0;
  top: 0;
}
.history_page .his5 .wrap {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.history_page .his5 .wrap .tit-box {
  padding-left: 0.8rem;
  margin-bottom: 0.4rem;
}
.history_page .his5 .wrap .tit-box .tit {
  color: #372820;
}
.history_page .his5 .wrap .tit-box .txt {
  margin-top: 0.18rem;
}
.history_page .his5 .wrap .list {
  display: flex;
  gap: 0.08rem;
}
.history_page .his5 .wrap .list .item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.history_page .his5 .wrap .list .item .pic {
  width: 100%;
  height: 48vh;
  margin-bottom: 0.48rem;
}
.history_page .his5 .wrap .list .item .info {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.history_page .his5 .wrap .list .item .info .tit {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.05rem;
}
.history_page .his5 .wrap .list .item .info .tit .kh {
  width: 0.1rem;
}
.history_page .his5 .wrap .list .item .info .txt {
  margin-top: 0.08rem;
}
.history_page .his6 {
  position: relative;
}
.history_page .his6 .bg {
  position: absolute;
  inset: 0;
}
.history_page .his6 .wrap {
  position: relative;
  height: 100%;
  width: 100%;
  padding-top: 12vh;
}
.history_page .his6 .wrap .tit-box .tit_pin {
  margin-top: 0.02rem;
}
.history_page .his6 .wrap .line {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 17.55rem;
  transform: translate(-50%, -50%);
}
.history_page .his6 .wrap .list {
  width: 100%;
  padding: 0.3rem 1.4rem 0;
  display: flex;
  gap: 0.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.history_page .his6 .wrap .list .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc((100% - 1.6rem) / 3);
}
.history_page .his6 .wrap .list .item .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.16rem;
  margin-bottom: 1.05rem;
}
.history_page .his6 .wrap .list .item .top .dot {
  width: 0.24rem;
  height: 0.24rem;
  border-radius: 50%;
  background-color: #fff;
}
.history_page .his6 .wrap .list .item .top .tit {
  display: flex;
  align-items: center;
  gap: 0.04rem;
}
.history_page .his6 .wrap .list .item .top .tit .kh {
  width: 0.1rem;
}
.history_page .his6 .wrap .list .item .btm {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.history_page .his6 .wrap .list .item .btm .txt {
  margin-top: 0.2rem;
}
.history_page .his6 .wrap .list .item:nth-child(2) {
  transform: translateY(0.86rem);
}
.history_page .his6 .wrap .list .item:nth-child(2) .top {
  flex-direction: column-reverse;
}
.history_page .his6 .wrap .list .item:nth-child(3) {
  transform: translateY(1.82rem);
}
.history_page .his6 .wrap .list .item:nth-child(3) .top {
  flex-direction: column-reverse;
}
.history_page .his7 {
  position: relative;
}
.history_page .his7 .bg {
  position: absolute;
  inset: 0;
}
.history_page .his7 .wrap {
  position: relative;
  height: 100%;
  width: 100%;
}
.history_page .his7 .wrap .title {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0 0.8rem;
  display: flex;
  justify-content: space-between;
}
.history_page .his7 .wrap .desc {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  gap: 0.08rem;
  text-align: center;
}
.history_page .his7 .wrap .desc .txt {
  letter-spacing: 0.1rem;
  opacity: 0.8;
}
.history_page .his8 {
  background: #F8F2E8;
}
.history_page .his8 .wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.history_page .his8 .wrap .lf {
  width: 9.6rem;
  height: 100%;
}
.history_page .his8 .wrap .lf .pic {
  width: 100%;
  height: 100%;
}
.history_page .his8 .wrap .rg {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.history_page .his8 .wrap .rg .pic {
  width: 4.22rem;
  max-height: 4.8rem;
}
.history_page .his8 .wrap .rg .info {
  text-align: center;
}
.history_page .his8 .wrap .rg .info .txt{
    color: rgba(55,40,32,.8);
}
.history_page .his8 .wrap .rg .tit {
  display: flex;
  align-items: center;
  gap: 0.05rem;
  margin-top: 0.9rem;
}
.history_page .his8 .wrap .rg .tit .kh {
  width: 0.1rem;
}
.history_page .his8 .wrap .rg .subtit {
  letter-spacing: 0.08rem;
  margin-top: 0.14rem;
}
.history_page .his8 .wrap .rg .txt {
  margin-top: 0.3rem;
}
.history_page .his9 {
  position: relative;
}
.history_page .his9 .bg {
  position: absolute;
  inset: 0;
}
.history_page .his9 .wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.history_page .his9 .wrap .pic {
  width: 7.78rem;
  height: auto;
}
.history_page .his10 {
  position: relative;
}
.history_page .his10 .bg {
  position: absolute;
  inset: 0;
}
.history_page .his10 .wrap {
    padding-top: 35vh;
  position: relative;
  display: flex;
  /*align-items: center;*/
  justify-content: center;
}
.history_page .his10 .wrap .info {
  text-align: center;
}
.history_page .his10 .wrap .info .tit {
  margin-bottom: 0.3rem;
}
.history_page .his2_v2 {
  position: relative;
  padding-top: 16vh;
}
.history_page .his2_v2 .bg {
  position: absolute;
  inset: 0;
  background-repeat: repeat-x;
  background-size: auto 100%;
  background-position: 0 center;
  will-change: background-position;
  transition-property: background-position;
  transition-timing-function: ease;
}
.history_page .his2_v2 .wrap {
  position: relative;
  padding-left: 1.4rem;
}
.history_page .his2_v2 .wrap .top {
  margin-bottom: 0.9rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 1.4rem;
}
.history_page .his2_v2 .wrap .top .ibtn-group {
  gap: 0.12rem;
}
.history_page .his2_v2 .wrap .top .ibtn-group .prev {
  transform: rotate(180deg);
}
.history_page .his2_v2 .wrap .swiper_list_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}
.history_page .his2_v2 .wrap .swiper_his2_v2 {
  width: 100%;
  height: 19vh;
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .swiper-slide {
  width: fit-content;
  height: 100%;
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .item {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  width: 6.7rem;
  height: 100%;
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .item.first {
  width: 1.85rem;
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .item.first .icon {
  width: 0.35rem;
  height: 0.35rem;
  transform: translateY(-50%);
  position: relative;
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .item.first .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  width: calc(1.85rem - 100%);
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .item.first .icon .tit {
  position: absolute;
  top: calc(100% + 0.06rem);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .item .line {
  width: 100%;
  height: 1px;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.2);
  position: relative;
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .item .line::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.08rem;
  height: 0.08rem;
  background: rgb(255, 255, 255);
  border-radius: 50%;
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .item .cont {
  display: flex;
  gap: 0.2rem;
  flex: 1;
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .item .cont .pic {
  width: 1.4rem;
  height: 16vh;
  flex-shrink: 0;
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .item .cont .pic img {
  object-position: top;
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .item .cont .info {
  width: 4.5rem;
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .item .cont .info .tit {
  margin-bottom: 0.12rem;
  
}
.history_page .his2_v2 .wrap .swiper_his2_v2 .item .cont .info .txt{
    max-height: 1rem;
      /*overflow: auto;*/
      /*overflow-x: hidden;*/
      /*padding-right: .12rem;*/
}


.join_page .tit-box .tit {
  font-weight: 500;
  font-family: var(--fw500);
}
.join_page .join1 {
  height: 12.12rem;
  width: 100%;
  position: relative;
  background: linear-gradient(180deg, #F3E8D7 0%, rgba(243, 232, 215, 0) 68.86%), #FFF;
  padding-top: var(--headHeight);
}
.join_page .join1 .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 1rem);
}
.join_page .join1 .wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.join_page .join1 .wrap .tit-box {
  position: absolute;
  top: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
}
.join_page .join1 .wrap .list {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.2rem;
}
.join_page .join1 .wrap .list .item {
  width: 5.6rem;
  height: 2.17rem;
  background: rgba(61, 61, 61, 0.24);
  backdrop-filter: blur(0.3rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.join_page .join1 .wrap .list .item .icon {
  width: 0.7rem;
  height: 0.7rem;
  margin-bottom: 0.24rem;
}
.join_page .join1 .wrap .list .item:hover {
  background: var(--vicolor);
  transform: translateY(-0.1rem);
}
.join_page .join_banner {
  position: relative;
  height: 9.36rem;
  width: 100%;
  padding-top: var(--headHeight);
}
.join_page .join_banner .bg {
  position: absolute;
  inset: 0;
}
.join_page .join_banner .wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.join_page .join_banner .wrap .tit-box {
  position: absolute;
  top: 1.2rem;
  left: 50%;
  transform: translateX(-50%);
}
.join_page .join_banner .wrap .list {
  position: absolute;
  bottom: 1.1rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.3rem;
}
.join_page .join_banner .wrap .list .item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.24rem;
  width: 4.2rem;
  height: 1.5rem;
  background: rgba(126, 121, 112, 0.18);
  backdrop-filter: blur(0.2rem);
  transition: all 0.5s;
}
.join_page .join_banner .wrap .list .item .icon {
  width: 0.68rem;
  height: 0.68rem;
  background-color: var(--vicolor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s;
}
.join_page .join_banner .wrap .list .item .icon img {
  width: 0.44rem;
  height: 0.44rem;
}
.join_page .join_banner .wrap .list .item:hover {
  transform: translateY(-0.04rem);
}
.join_page .joinl1 {
  padding: 1.6rem 0;
  background: linear-gradient(180deg, #F3E8D7 0%, rgba(243, 232, 215, 0) 100%), #FFF;
}

.join_page .joinl1 .btns{display: flex;justify-content: center;gap: 0.24rem;}
.join_page .joinl1 .btns a{display: flex;width: 2.7rem;line-height: 0.8rem;background-color: #ffffff;justify-content: center;gap: 0.12rem;align-items: center;color:var(--vicolor);font-weight:500;border-radius:0.4rem;margin-bottom:1.3rem;transition:all 0.5s;}
.join_page .joinl1 .btns a.on{color:#fff;background-color: var(--vicolor);}
.join_page .joinl1 .btns a .icon{width: 0.41rem;height: 0.41rem;}
.join_page .joinl1 .btns a .icon img{width: 100%;height: 100%;object-fit: contain;}
.join_page .joinl1 .btns a .icon img.img1{display: none;}
.join_page .joinl1 .btns a.on .icon img.img1{display: block;}
.join_page .joinl1 .btns a.on .icon img.img2{display: none;}

.join_page .joinl1 .wrap .tit-box {
  margin-bottom: 1.2rem;
}
.join_page .joinl1 .wrap .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.join_page .joinl1 .wrap .list .item {
  width: calc((100% - 0.4rem) / 2);
  height: 2.4rem;
  background-color: #fff;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  transition: box-shadow 0.5s;
}
.join_page .joinl1 .wrap .list .item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0.02rem;
  background-color: var(--vicolor);
  transition: all 0.5s;
}
.join_page .joinl1 .wrap .list .item > .icon {
  position: absolute;
  right: 0.5rem;
  top: 0.41rem;
  width: 0.5rem;
  height: 0.5rem;
  transition: all 0.5s;
}
.join_page .joinl1 .wrap .list .item .tit {
  transition: all 0.5s;
}
.join_page .joinl1 .wrap .list .item:hover {
  box-shadow: 0 0.56rem 0.452rem 0 rgba(150, 144, 144, 0.1);
}
.join_page .joinl1 .wrap .list .item:hover::before {
  width: 100%;
}
.join_page .joinl1 .wrap .list .item:hover .tit {
  transform: translateX(0.1rem);
  color: var(--vicolor);
}
.join_page .joinl1 .wrap .list .item:hover > .icon {
  transform: translateX(-0.1rem);
}
.join_page .joind1 {
  padding: 1.6rem 0;
  background: linear-gradient(180deg, #F3E8D7 0%, rgba(243, 232, 215, 0) 100%), #FFF;
}
.join_page .joind1 .wrap .filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.7rem;
}
.join_page .joind1 .wrap .filter .item {
  width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.join_page .joind1 .wrap .filter .item .tit {
  display: flex;
  align-items: center;
  gap: 0.2rem;
}
.join_page .joind1 .wrap .filter .item .tit .icon {
  width: 0.16rem;
  height: 0.16rem;
  transition: transform 0.5s;
}
.join_page .joind1 .wrap .filter .item .tit:has(.icon) {
  cursor: pointer;
}
.join_page .joind1 .wrap .filter .item .tit:hover .info, .join_page .joind1 .wrap .filter .item .tit.active .info {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.join_page .joind1 .wrap .filter .item .tit:hover .icon, .join_page .joind1 .wrap .filter .item .tit.active .icon {
  transform: rotate(180deg);
}
.join_page .joind1 .wrap .filter .item .info {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  min-width: 1.4rem;
  padding-top: 0.14rem;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.5s, visibility 0.5s;
}
.join_page .joind1 .wrap .filter .item .info .ul {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 0.08rem;
  box-shadow: 0 0.06rem 0.2rem rgba(83, 62, 51, 0.12);
  padding: 0.06rem 0;
  overflow: hidden;
}
.join_page .joind1 .wrap .filter .item .info .ul .li {
  display: block;
  padding: 0.1rem 0.28rem;
  text-align: center;
  color: #333;
  white-space: nowrap;
  transition: all 0.5s;
}
.join_page .joind1 .wrap .filter .item .info .ul .li:hover, .join_page .joind1 .wrap .filter .item .info .ul .li.active {
  background: #F4EFE7;
  color: var(--vicolor);
}
.join_page .joind1 .wrap .list {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.join_page .joind1 .wrap .list .item {
  width: 100%;
  background-color: #fff;
}
.join_page .joind1 .wrap .list .item .top {
  cursor: pointer;
  padding: 0.4rem 0;
  display: flex;
  justify-content: space-between;
  transition: all 0.5s;
}
.join_page .joind1 .wrap .list .item .top span {
  text-align: center;
  width: 25%;
}
.join_page .joind1 .wrap .list .item .info {
  display: none;
}
.join_page .joind1 .wrap .list .item .info .head {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 0.01rem solid #F4EFE7;
}
.join_page .joind1 .wrap .list .item .info .head .detail {
  width: 50%;
  padding: 0.9rem 1.3rem 0.8rem;
}
.join_page .joind1 .wrap .list .item .info .head .detail .tit {
  margin-bottom: 0.3rem;
}
.join_page .joind1 .wrap .list .item .info .head .detail .txt {
  line-height: 2.3;
}
.join_page .joind1 .wrap .list .item .info .head .detail:nth-child(odd) {
  border-right: 0.01rem solid #F4EFE7;
}
.join_page .joind1 .wrap .list .item .info .btm {
  padding: 0.5rem 1.3rem 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.join_page .joind1 .wrap .list .item .info .btm .time {
  margin-bottom: 0.4rem;
}
.join_page .joind1 .wrap .list .item.active .top {
  background-color: var(--vicolor);
  color: #FEDFAE;
}
.join_page .joinw_banner {
  position: relative;
  height: 100vh;
  width: 100%;
  padding-top: var(--headHeight);
}
.join_page .joinw_banner .bg {
  position: absolute;
  inset: 0;
}
.join_page .joinw_banner .bg .swiper_joinw {
  width: 100%;
  height: 100%;
}
.join_page .joinw_banner .bg .swiper_joinw .swiper-slide {
  width: 100%;
  height: 100%;
}
.join_page .joinw_banner > .wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.join_page .joinw_banner > .wrap .tit-box {
  position: absolute;
  top: 1.2rem;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}
.join_page .joinw_banner > .wrap .list {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
}
.join_page .joinw_banner > .wrap .list .item {
  width: 25%;
  height: 100%;
  border-right: 0.01rem solid rgba(255, 255, 255, 0.16);
}
.join_page .joinw_banner > .wrap .list .item {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  cursor: default;
}
.join_page .joinw_banner > .wrap .list .item .cont {
  height: 70vh;
  padding: 0.5rem 0.75rem 1.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.join_page .joinw_banner > .wrap .list .item .cont::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(110, 36, 1, 0) 0%, #6E2401 100%);
  z-index: -1;
  transform: translateY(100%);
  transition: all 0.6s;
}
.join_page .joinw_banner > .wrap .list .item .cont .icon {
  width: 0.6rem;
  height: 0.6rem;
  margin-bottom: 0.2rem;
  transition: all 0.6s;
}
.join_page .joinw_banner > .wrap .list .item .cont .tit {
  margin-bottom: 0.3rem;
  transition: all 0.6s;
}
.join_page .joinw_banner > .wrap .list .item .cont .txt {
  display: none;
}
.join_page .joinw_banner > .wrap .list .item:hover .cont::before, .join_page .joinw_banner > .wrap .list .item.active .cont::before {
  transform: translateY(0);
}
.join_page .joinw_banner > .wrap .list .item:hover .cont .icon, .join_page .joinw_banner > .wrap .list .item.active .cont .icon {
  opacity: 0;
  transform: translateY(-0.1rem);
}
.join_page .joinw_banner > .wrap .list .item:hover .cont .tit, .join_page .joinw_banner > .wrap .list .item.active .cont .tit {
  font-size: 0.28rem;
  transform: translateY(0);
  color: #FEDFAE;
}
.join_page .joinw1 {
  position: relative;
  /*padding-top: 0.2rem;*/
}
.join_page .joinw1 .bg {
  width: 100%;
  height: auto;
  position: relative;
}
.join_page .joinw1 .wrap {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.join_page .joinw1 .wrap .tit-box .tit {
  color: #FEDFAE;
}
.join_page .joinw1 .wrap .tit-box .subtit {
  margin-top: 0.3rem;
  font-size: 0.24rem;
  font-weight: 500;
  color: #C2A679;
  font-family: var(--fw500);
}
.join_page .joinw1 .wrap .tit-box .txt {
  margin-top: 0.24rem;
  font-size: 0.18rem;
  font-weight: 400;
  color: #FFF;
  font-family: var(--fw400);
}
.join_page .joinw1 .wrap .phone_box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  border-radius: 0.355rem;
  background: #6E2401;
  width: 0.71rem;
  height: 0.71rem;
  transition: all 0.5s;
  cursor: pointer;
  position: relative;
  transform: translateX(.4rem);
}
@keyframes phone_box_before {
  0% {
    width: 0.71rem;
    height: 0.71rem;
  }
  100% {
    width: 1.17rem;
    height: 1.17rem;
  }
}
@keyframes phone_box_after {
  0% {
    width: 0.71rem;
    height: 0.71rem;
  }
  100% {
    width: 1.79rem;
    height: 1.79rem;
  }
}
.join_page .joinw1 .wrap .phone_box::before {
  pointer-events: none;
  content: "";
  position: absolute;
  width: 1.17rem;
  height: 1.17rem;
  border-radius: 50%;
  border: 0.01rem solid #6E2401;
  background: radial-gradient(50% 50% at 50% 50%, rgba(110, 36, 1, 0) 81.73%, #6E2401 100%);
  animation: phone_box_before 2.6s linear infinite;
  transition: all 0.3s;
}
.join_page .joinw1 .wrap .phone_box::after {
  pointer-events: none;
  content: "";
  position: absolute;
  width: 1.79rem;
  height: 1.79rem;
  border-radius: 50%;
  border: 0.01rem solid #6E2401;
  opacity: 0.3;
  background: radial-gradient(50% 50% at 50% 50%, rgba(110, 36, 1, 0) 79.81%, #6E2401 100%);
  animation: phone_box_after 2.6s linear infinite;
  transition: all 0.3s;
}
.join_page .joinw1 .wrap .phone_box .icon {
  width: 0.29rem;
  height: 0.29rem;
}
.join_page .joinw1 .wrap .phone_box .value {
  color: #FEDFAE;
  max-width: 0;
  transition: all 0.5s;
  overflow: hidden;
  margin-bottom: 0.04rem;
}
.join_page .joinw1 .wrap .phone_box:hover {
  width: 2.66rem;
  height: 0.71rem;
  transform: translateX(0);
}
.join_page .joinw1 .wrap .phone_box:hover::before {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.join_page .joinw1 .wrap .phone_box:hover::after {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.join_page .joinw1 .wrap .phone_box:hover .value {
  margin-left: 0.13rem;
  max-width: 2.2rem;
}
/*.join_page .joinw2 {*/
/*  position: relative;*/
/*  height: 100vh;*/
/*  padding-top: var(--headHeight);*/
/*}*/
/*.join_page .joinw2 .bg {*/
/*  position: absolute;*/
/*  inset: 0;*/
/*}*/
/*.join_page .joinw2 .wrap {*/
/*  position: relative;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*}*/
/*.join_page .joinw2 .wrap .tit-box {*/
/*  padding: 0 1.4rem;*/
/*  position: absolute;*/
/*  top: 1.2rem;*/
/*  left: 0;*/
/*}*/
/*.join_page .joinw2 .wrap .tit-box .subtit {*/
/*  font-size: 0.32rem;*/
/*  font-weight: 500;*/
/*  margin-bottom: 0.4rem;*/
/*  color: #333;*/
/*}*/
/*.join_page .joinw2 .wrap .tit-box .tit {*/
/*  margin-bottom: 0.5rem;*/
/*  color: var(--vicolor);*/
/*}*/
/*.join_page .joinw2 .wrap .tit-box .txt {*/
/*  color: #444;*/
/*  font-size: 0.2rem;*/
/*  font-family: var(--fw400);*/
/*  font-weight: 400;*/
/*  line-height: 2;*/
/*  margin: 0;*/
/*  max-width: 12.5rem;*/
/*}*/
/*.join_page .joinw2 .wrap2 {*/
/*  position: absolute;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  z-index: 2;*/
/*  top: 0;*/
/*  left: 50%;*/
/*  transform: translateX(-50%);*/
/*  padding: 1.6rem 1.4rem 0.4rem;*/
/*}*/
/*.join_page .joinw2 .wrap2 .bg {*/
/*  position: absolute;*/
/*  inset: 0;*/
/*}*/
/*.join_page .joinw2 .wrap2 .cont {*/
/*  position: relative;*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  z-index: 2;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*}*/
/*.join_page .joinw2 .wrap2 .filter_list {*/
/*  display: flex;*/
/*  gap: 0.2rem;*/
/*}*/
/*.join_page .joinw2 .wrap2 .filter_list .item {*/
/*  cursor: pointer;*/
/*  padding: 0.12rem 0.25rem;*/
/*  border-radius: 0.35rem;*/
/*  background: #F4EFE7;*/
/*  transition: all 0.5s;*/
/*}*/
/*.join_page .joinw2 .wrap2 .filter_list .item:hover, .join_page .joinw2 .wrap2 .filter_list .item.active {*/
/*  background: var(--vicolor);*/
/*  color: #FEDFAE;*/
/*}*/
/*.join_page .joinw2 .wrap2 .info {*/
/*  width: 100%;*/
/*  position: relative;*/
/*  margin-top: 0.4rem;*/
/*}*/
/*.join_page .joinw2 .wrap2 .info .swiper_joinw_info {*/
/*  width: 100%;*/
/*}*/
/*.join_page .joinw2 .wrap2 .info .swiper_joinw_info .swiper-slide {*/
/*  width: 100%;*/
/*}*/
/*.join_page .joinw2 .wrap2 .info .swiper_joinw_info.swiper-fade .swiper-slide {*/
/*  opacity: 0 !important;*/
/*  transition-property: opacity;*/
/*}*/
/*.join_page .joinw2 .wrap2 .info .swiper_joinw_info.swiper-fade .swiper-slide-active {*/
/*  opacity: 1 !important;*/
/*}*/
/*.join_page .joinw2 .wrap2 .info .item {*/
/*  width: 100%;*/
/*  text-align: center;*/
/*}*/
/*.join_page .joinw2 .wrap2 .info .item .tit {*/
/*  margin-bottom: 0.2rem;*/
/*}*/
/*.join_page .joinw2 .wrap2 .card_list_box {*/
/*  position: absolute;*/
/*  z-index: 2;*/
/*  bottom: 0.74rem;*/
/*  left: 0;*/
/*  width: 100%;*/
/*}*/
/*.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card {*/
/*  width: 100%;*/
/*  overflow: hidden;*/
/*}*/
/*.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .swiper-slide {*/
/*  width: 100%;*/
/*}*/
/*.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item {*/
/*  width: 100%;*/
/*}*/
/*.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item .ul {*/
/*  display: flex;*/
/*  gap: 0.2rem;*/
/*}*/
/*.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item .ul .li {*/
/*  flex: 1;*/
/*  padding: 0.36rem 0.4rem;*/
/*  background-size: contain;*/
/*  background-repeat: repeat;*/
/*  background-position: left center;*/
/*  background-color: rgba(255, 255, 255, 0.15);*/
/*  backdrop-filter: blur(0.1rem);*/
/*}*/
/*.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item .ul .li .tit {*/
/*  display: flex;*/
/*  align-items: center;*/
/*  gap: 0.2rem;*/
/*  margin-bottom: 0.26rem;*/
/*}*/
/*.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item .ul .li .tit .icon {*/
/*  width: 0.5rem;*/
/*  height: 0.5rem;*/
/*}*/
/*.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item .ul .li .tit .value {*/
/*  color: #FEDFAE;*/
/*}*/
/*.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item .ul .li .txt {*/
/*  color: #FEDFAE;*/
/*}*/


.join_page .joinw2 {
  position: relative;
  overflow: hidden;
  padding: var(--headHeight) 0 1.6rem;
}
.join_page .joinw2 > .bg {
  position: absolute;
  inset: 0;
}
.join_page .joinw2 .wrap {
  position: relative;
  width: 100%;
}
.join_page .joinw2 .wrap .tit-box {
  padding: 0 1.4rem;
  margin-top: 0.6rem;
}
.join_page .joinw2 .wrap .tit-box .subtit {
  font-size: 0.32rem;
  font-weight: 500;
  margin-bottom: 0.4rem;
  color: #333;
}
.join_page .joinw2 .wrap .tit-box .tit {
  margin-bottom: 0.5rem;
  color: var(--vicolor);
}
.join_page .joinw2 .wrap .tit-box .txt {
  color: #444;
  font-size: 0.2rem;
  font-family: var(--fw400);
  font-weight: 400;
  line-height: 2;
  margin: 0;
  max-width: 12.5rem;
}
.join_page .joinw2 .wrap2 {
  position: relative;
  width: 100%;
  width: calc(100% - 1.6rem);
  margin: 0 auto;
  z-index: 2;
  padding: 0 0 0.4rem;
  overflow: hidden;
}
.join_page .joinw2 .wrap2 .bg {
  position: relative;
  width: 100%;
  height: 100%;
}
.join_page .joinw2 .wrap2 .cont {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem 0.6rem 0;
}
.join_page .joinw2 .wrap2 .filter_list {
  display: flex;
  gap: 0.5rem;
  border-bottom:1px solid #F4EFE720;
}
.join_page .joinw2 .wrap2 .filter_list .item {
  cursor: pointer;
  padding: 0.12rem 0;
  transition: all 0.5s;
  position: relative;
  color: #F4EFE7;
}

.join_page .joinw2 .wrap2 .filter_list .item:after{
    content:"";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #FEDFAE;
    transition: all 0.5s;
}

.join_page .joinw2 .wrap2 .filter_list .item:hover, .join_page .joinw2 .wrap2 .filter_list .item.active {color:#FEDFAE;}
.join_page .joinw2 .wrap2 .filter_list .item:hover:after, .join_page .joinw2 .wrap2 .filter_list .item.active:after {
  width: 100%;
}
.join_page .joinw2 .wrap2 .info {
  width: 100%;
  position: relative;
  margin-top: 0.4rem;
}
.join_page .joinw2 .wrap2 .info .swiper_joinw_info {
  width: 100%;
}
.join_page .joinw2 .wrap2 .info .swiper_joinw_info .swiper-slide {
  width: 100%;
}
.join_page .joinw2 .wrap2 .info .item {
  width: 100%;
  text-align: center;
}
.join_page .joinw2 .wrap2 .info .item .tit {
  margin-bottom: 0.2rem;
  color:#FEDFAE;
}
.join_page .joinw2 .wrap2 .card_list_box {
  position: absolute;
  z-index: 2;
  bottom: 0.74rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 1.2rem);
}
.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card {
  width: 100%;
  overflow: hidden;
}
.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .swiper-slide {
  width: 100%;
}
.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item {
  width: 100%;
}
.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item .ul {
  display: flex;
  gap: 0.2rem;
}
.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item .ul .li {
  flex: 1;
  padding: 0.36rem 0.4rem;
  background-size: contain;
  background-repeat: repeat;
  background-position: left center;
  background-color: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(0.1rem);
}
.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item .ul .li .tit {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-bottom: 0.26rem;
}
.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item .ul .li .tit .icon {
  width: 0.5rem;
  height: 0.5rem;
}
.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item .ul .li .tit .value {
  color: #FEDFAE;
}
.join_page .joinw2 .wrap2 .card_list_box .swiper_joinw_card .item .ul .li .txt {
  color: #FEDFAE;
}
.join_page .joinw3 {
  position: relative;
  height: 100vh;
  /*padding-top: var(--headHeight);*/
}
.join_page .joinw3 .bg {
  position: absolute;
  inset: 0;
}
.join_page .joinw3 .wrap {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.join_page .joinw3 .wrap .tit-box {
  margin-bottom: 0.8rem;
}
.join_page .joinw3 .wrap .tit-box .tit {
  color: #FEDFAE;
}
.join_page .joinw3 .wrap .list {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
}
.join_page .joinw3 .wrap .list .item {
  display: flex;
  flex-direction: column;
  gap: 0.24rem;
}
.join_page .joinw4 {
  position: relative;
}
.join_page .joinw4 .bg {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 1rem);
}
.join_page .joinw4 .wrap {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.join_page .joinw4 .wrap .tit {
  margin-bottom: 1rem;
}
.join_page .joinw1 {
  overflow: visible;
}
.join_page .joinw1 .wrap {
  z-index: 2;
}
.join_page .joinw2 .wrap2 .filter_list .item {
  cursor: pointer;
  user-select: none;
}
.join_page .joinw2 .wrap2 .cont {
  pointer-events: auto;
}
.join_page .joinw4 .wrap .ibtnHover {
  width: fit-content;
}

.cha_page .cha_banner {
  position: relative;
  height: 10.8rem;
  width: 100%;
  padding-top: var(--headHeight);
}
.cha_page .cha_banner .bg {
  position: absolute;
  inset: 0;
}
.cha_page .cha_banner .wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.cha_page .cha_banner .wrap .tit-box {
  position: absolute;
  top: 1.6rem;
  left: 50%;
  transform: translateX(-50%);
}
.cha_page .cha_banner .wrap .list {
  position: absolute;
  bottom: 0.9rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 2.8rem);
  display: flex;
  gap: 0.3rem;
}
.cha_page .cha_banner .wrap .list .item {
  flex: 1;
  display: flex;
  gap: 0.24rem;
  background: rgba(126, 121, 112, 0.18);
  backdrop-filter: blur(0.2rem);
  padding: 0.38rem 0.62rem 0.33rem 0.37rem;
}
.cha_page .cha_banner .wrap .list .item .icon {
  width: 0.52rem;
  height: 0.52rem;
  background-color: var(--vicolor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cha_page .cha_banner .wrap .list .item .icon img {
  width: 0.32rem;
  height: 0.32rem;
}
.cha_page .cha_banner .wrap .list .item .desc {
  color: #F4EFE7;
}
.cha_page .cha_banner .wrap .list .item .desc .tit {
  margin-bottom: 0.15rem;
}
.cha_page .cha_banner .wrap .list .item .desc .txt {
    color: #F4EFE7;
}
.cha_page .cha_banner .wrap .list .item .desc .txt strong {
  color: #fff;
  font-weight: 500;
}
.cha_page .chas1 {
  background: linear-gradient(180deg, #F3E8D7 0%, rgba(243, 232, 215, 0) 68.86%), #FFF;
  padding: 1.2rem 0 1.7rem;
}
.cha_page .chas1 .wrap .tit-box {
  margin-bottom: 0.6rem;
}
.cha_page .chas1 .wrap .filter_list {
  margin-bottom: 0.6rem;
  display: flex;
  justify-content: center;
  gap: 0.3rem;
}
.cha_page .chas1 .wrap .filter_list .item {
  padding: 0.16rem 0.5rem;
  border-radius: 0.35rem;
  background: #FFF;
  transition: all 0.5s;
}
.cha_page .chas1 .wrap .filter_list .item:hover, .cha_page .chas1 .wrap .filter_list .item.active {
  background: var(--vicolor);
  color: #FEDFAE;
}
.cha_page .chas1 .wrap .top_new {
  margin-bottom: 0.6rem;
}
.cha_page .chas1 .wrap .top_new .swiper_new1 {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.cha_page .chas1 .wrap .top_new .swiper_new1 .swiper-slide {
  width: 100%;
}
.cha_page .chas1 .wrap .top_new .swiper_new1 .swiper-slide .item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 5.52rem;
}
.cha_page .chas1 .wrap .top_new .swiper_new1 .swiper-slide .item .pic {
  width: 8.1rem;
  height: auto;
}
.cha_page .chas1 .wrap .top_new .swiper_new1 .swiper-slide .item .rg {
  flex: 1;
  padding-left: 0.28rem;
}
.cha_page .chas1 .wrap .top_new .swiper_new1 .swiper-slide .item .rg .info {
  height: 100%;
  width: 100%;
  background: #FFF;
  padding: 0.86rem 0.65rem 0.9rem;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  justify-content: space-between;
}
.cha_page .chas1 .wrap .top_new .swiper_new1 .swiper-slide .item .rg .info .desc .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.36rem;
}
.cha_page .chas1 .wrap .top_new .swiper_new1 .swiper-slide .item .rg .info .desc .top .tag {
  padding: 0.08rem 0.16rem;
  background-color: #F4EFE7;
  border-radius: 0.04rem;
}
.cha_page .chas1 .wrap .top_new .swiper_new1 .swiper-slide .item .rg .info .desc .top .date {
  display: flex;
  align-items: center;
  gap: 0.18rem;
}
.cha_page .chas1 .wrap .top_new .swiper_new1 .swiper-slide .item .rg .info .desc .top .date .icon {
  width: 0.2rem;
  height: 0.2rem;
}
.cha_page .chas1 .wrap .top_new .swiper_new1 .swiper-slide .item .rg .info .desc .tit {
  margin-bottom: 0.2rem;
}
.cha_page .chas1 .wrap .top_new .swiper_new1 .swiper-slide .item .rg .info .desc .txt {
  max-height: 1.5rem;
  padding-right: 0.15rem;
  overflow-y: auto;
}
.cha_page .chas1 .wrap .top_new .swiper_new1 .page-box {
  position: absolute;
  right: 0.9rem;
  bottom: 0.9rem;
  z-index: 2;
}
.cha_page .chas1 .wrap .list {
  display: flex;
  flex-direction: column;
}
.cha_page .chas1 .wrap .list .item {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-flow:row-reverse;
  justify-content: space-between;
  border-bottom: 0.02rem solid #F1F1F1;
  transition: all 0.5s;
}
.cha_page .chas1 .wrap .list .item .pic {
  width: 4.8rem;
  height: 3.07rem;
  flex-shrink: 0;
}
.cha_page .chas1 .wrap .list .item .info {
  padding: 0.35rem 1.9rem 0.35rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: space-between;
}
.cha_page .chas1 .wrap .list .item .info .desc .date {
  margin-bottom: 0.1rem;
  transition: all 0.5s;
}
.cha_page .chas1 .wrap .list .item .info .desc .tit {
  margin-bottom: 0.18rem;
  transition: all 0.5s;
}
.cha_page .chas1 .wrap .list .item .info .desc .txt {
  color: #444;
  transition: all 0.5s;
}
.cha_page .chas1 .wrap .list .item:hover {
  background-color: var(--vicolor);
}
.cha_page .chas1 .wrap .list .item:hover .info .desc .date {
  color: #FFF;
}
.cha_page .chas1 .wrap .list .item:hover .info .desc .tit {
  color: #FFF;
}
.cha_page .chas1 .wrap .list .item:hover .info .desc .txt {
  color: #FFF;
}
.cha_page .chas1 .wrap .num-box {
  margin-top: 1.2rem;
}
.cha_page .chas1 .wrap .num-box .page_box {
  width: 0.54rem;
  height: 0.54rem;
  background-color: var(--vicolor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cha_page .chas1 .wrap .num-box .page_box::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: conic-gradient(#FEDFAE calc(var(--p) * 100%), rgba(254, 223, 174, 0.2) 0);
  transition: all 0.5s;
}
.cha_page .chas1 .wrap .num-box .page_box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--vicolor);
  z-index: 1;
  transition: all 0.5s;
}
.cha_page .chas1 .wrap .num-box .page_box .value {
  position: relative;
  z-index: 2;
  color: #FEDFAE;
  text-align: center;
  display: flex;
  align-items: center;
}
.cha_page .chas1.report .wrap .head {
  margin-bottom: 0.22rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cha_page .chas1.report .wrap .head .breadcrumb {
  width: fit-content;
}
.cha_page .chas1.report .wrap .head .backlist {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  cursor: pointer;
  flex-shrink: 0;
}
.cha_page .chas1.report .wrap .head .backlist .icon {
  width: 0.18rem;
  height: 0.18rem;
  transition: all 0.5s;
}
.cha_page .chas1.report .wrap .head .backlist .tit {
  transition: all 0.5s;
}
.cha_page .chas1.report .wrap .head .backlist:hover .icon {
  transform: translateX(0.05rem);
  filter: brightness(0) invert(0);
}
.cha_page .chas1.report .wrap .head .backlist:hover .tit {
  color: #333;
}
.cha_page .chas1.report .wrap .tit-box {
  margin-bottom: 0.7rem;
}

.ind_page .ind3 {

  position: relative;
  z-index: 2;
  /*overflow: hidden;*/
}
.ind_page .ind3:after{content:"";position: absolute;top: -2.13rem;left: 0;width: 100%;height: 15.8rem;z-index: -1;  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 74.49%, #FFF 100%), linear-gradient(151deg, rgba(249, 245, 233, 0) 20.56%, #F9F5E9 74.72%);}

.ind_page .ind3 .wrap .rg {
  height: 100%;
}
.ind_page .ind3 .wrap .rg .swiper_ind3_rg {
  position: absolute;
  bottom: 1.2rem;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.ind_page .ind3 .wrap .rg .swiper_ind3_rg .swiper-slide {
  width: 100%;
}
.ind_page .ind3 .wrap .rg .swiper_ind3_rg .item {
  width: 100%;
  padding-right: .3rem;
}
.ind_page .ind3 .wrap .rg .swiper_ind3_rg .item .tit {
  margin-bottom: 0.16rem;
}
.ind_page .ind3 .wrap .rg .swiper_ind3_rg .item .txt {
  position: relative;
  color: #C2A679;
  padding-left: 0.1rem;
}
.ind_page .ind3 .wrap .rg .swiper_ind3_rg .item .txt::before {
  content: "";
  position: absolute;
  left: 0;
  width: 0.02rem;
  height: 0.18rem;
  top: 0.09rem;
  background-color: #C2A679;
}
.ind_page .ind3 .wrap .rg .timeline {
  position: absolute;
  z-index: 2;
  bottom: 2.2rem;
  right: 0;
  display: flex;
  flex-direction: column;
}
.ind_page .ind3 .wrap .rg .timeline .item {
  height: 0.58rem;
  position: relative;
  pointer-events: none;
}
.ind_page .ind3 .wrap .rg .timeline .item .dot {
  cursor: pointer;
  pointer-events: auto;
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  background-color: #C2A679;
  transition: all 0.5s;
  position: relative;
}
.ind_page .ind3 .wrap .rg .timeline .item .dot::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.08rem;
  height: 0.08rem;
  border-radius: 50%;
  opacity: 0;
  background-color: transparent;
  z-index: -1;
  transition: all 0.5s;
}
.ind_page .ind3 .wrap .rg .timeline .item .line {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.01rem;
  height: 100%;
  background-color: #C2A679;
  transition: all 0.5s;
}
.ind_page .ind3 .wrap .rg .timeline .item:last-child {
  height: 0.08rem;
}
.ind_page .ind3 .wrap .rg .timeline .item:last-child .line {
  display: none;
}
.ind_page .ind3 .wrap .rg .timeline .item.active .dot::before {
  width: 0.46rem;
  height: 0.46rem;
  opacity: 0.16;
  background-color: #C2A679;
}


.search_page {
  position: relative;
  min-height: 100vh;
  padding-top: var(--headHeight);
}
.search_page .page_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.search_page .sea1 {
  padding: 1.2rem 0 1.5rem;
  position: relative;
}
.search_page .sea1 .wrap .top {
  margin-bottom: 1.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.36rem;
}
.search_page .sea1 .wrap .top .title {
  letter-spacing: 0.05rem;
  text-align: center;
}
.search_page .sea1 .wrap .top .search_box {
  position: relative;
  width: 10.5rem;
}
.search_page .sea1 .wrap .top .search_box input {
  width: 100%;
  height: 0.66rem;
  line-height: 0.66rem;
  border-radius: 0.31rem;
  background-color: #fff;
  border: none;
  padding: 0 1.6rem 0 0.35rem;
}
.search_page .sea1 .wrap .top .search_box input::placeholder {
  color: #888;
}
.search_page .sea1 .wrap .top .search_box .btn {
  width: 1.58rem;
  height: 0.58rem;
  position: absolute;
  right: 0.04rem;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  background-color: var(--vicolor);
  border-radius: 0.31rem;
  border: none;
  transition: all 0.7s;
}
.search_page .sea1 .wrap .top .search_box .btn .icon {
  width: 0.24rem;
  height: 0.24rem;
  transition: all 0.7s;
}
.search_page .sea1 .wrap .top .search_box .btn .txt {
  margin-bottom: 0.03rem;
}
.search_page .sea1 .wrap .top .search_box .btn:hover {
  background-color: color-mix(in srgb, var(--vicolor) 100%, black 20%);
}
.search_page .sea1 .wrap .top .search_box .btn:hover .icon {
  transform: translateX(0.02rem);
}
.search_page .sea1 .wrap .content {
  display: flex;
  justify-content: space-between;
}
.search_page .sea1 .wrap .content .lf {
  width: 3rem;
  flex-shrink: 0;
}
.search_page .sea1 .wrap .content .lf .title {
  color: #8C8C8C;
  margin-bottom: 0.24rem;
}
.search_page .sea1 .wrap .content .lf .list {
  display: flex;
  flex-direction: column;
  gap: 0.18rem;
}
.search_page .sea1 .wrap .content .lf .list .item {
  padding-left: 0.24rem;
  line-height: 1.3;
  position: relative;
  cursor: pointer;
  transition: all 0.7s;
}
.search_page .sea1 .wrap .content .lf .list .item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 0.1rem;
  border: 1px solid #333;
  border-radius: 50%;
  background-color: transparent;
  transition: all 0.7s;
}
.search_page .sea1 .wrap .content .lf .list .item.active {
  color: var(--vicolor);
}
.search_page .sea1 .wrap .content .lf .list .item.active::before {
  border-color: var(--vicolor);
  background-color: var(--vicolor);
}
.search_page .sea1 .wrap .content .rg {
  flex: 1;
  padding-left: 0.7rem;
}
.search_page .sea1 .wrap .content .rg .list {
  display: none;
}
.search_page .sea1 .wrap .content .rg .list.active {
  display: flex;
}
.search_page .sea1 .wrap .content .rg .list.products {
  flex-wrap: wrap;
  column-gap: 0.28rem;
  row-gap: 0.7rem;
}
.search_page .sea1 .wrap .content .rg .list.products .item {
  width: calc((100% - 0.28rem) / 2);
}
.search_page .sea1 .wrap .content .rg .list.products .item .pic {
  width: 100%;
  height: 4rem;
  margin-bottom: 0.32rem;
}
.search_page .sea1 .wrap .content .rg .list.products .item .desc .tit {
  margin-bottom: 0.12rem;
  transition: all 0.5s;
}
.search_page .sea1 .wrap .content .rg .list.products .item:hover .desc .tit {
  color: var(--vicolor);
}
.search_page .sea1 .wrap .content .rg .list.news {
  flex-direction: column;
}
.search_page .sea1 .wrap .content .rg .list.news .item {
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
  border-bottom: 0.02rem solid #F1F1F1;
}
.search_page .sea1 .wrap .content .rg .list.news .item .pic {
  height: 100%;
  width: 3.96rem;
}
.search_page .sea1 .wrap .content .rg .list.news .item .info {
  flex: 1;
  padding-left: 0.58rem;
}
.search_page .sea1 .wrap .content .rg .list.news .item .info .tags {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-bottom: 0.14rem;
}
.search_page .sea1 .wrap .content .rg .list.news .item .info .tags .time {
  display: flex;
  align-items: center;
  gap: 0.18rem;
}
.search_page .sea1 .wrap .content .rg .list.news .item .info .tags .time .icon {
  width: 0.2rem;
  height: 0.2rem;
}
.search_page .sea1 .wrap .content .rg .list.news .item .info .tags .tag {
  border-radius: 0.05rem;
  background: #F4EFE7;
  padding: 0.04rem 0.12rem;
}
.search_page .sea1 .wrap .content .rg .list.news .item .info .tit {
  margin-bottom: 0.36rem;
  transition: all 0.5s;
}
.search_page .sea1 .wrap .content .rg .list.news .item:first-child {
  padding-top: 0;
}
.search_page .sea1 .wrap .content .rg .list.news .item:hover .info .tit {
  color: var(--vicolor);
}
.search_page .sea1 .wrap .content .rg .num-box {
  margin-top: 0.8rem;
}
.search_page .sea1 .wrap .content .rg .num-box .page_box {
  width: 0.54rem;
  height: 0.54rem;
  background-color: var(--vicolor);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.search_page .sea1 .wrap .content .rg .num-box .page_box::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  background: conic-gradient(#FEDFAE calc(var(--p) * 100%), rgba(254, 223, 174, 0.2) 0);
  transition: all 0.5s;
}
.search_page .sea1 .wrap .content .rg .num-box .page_box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 50%;
  background: var(--vicolor);
  z-index: 1;
  transition: all 0.5s;
}
.search_page .sea1 .wrap .content .rg .num-box .page_box .value {
  position: relative;
  z-index: 2;
  color: #FEDFAE;
  text-align: center;
  display: flex;
  align-items: center;
}

/*# sourceMappingURL=he.css.map */