/**
 * ########################################################################################################################
 * ### 内页
 * ########################################################################################################################
 */
/* 内容 */
.inner-page-content {
  padding-top: 80px;
  overflow: hidden;
}
@media screen and (max-width: 1366px) {
  .inner-page-content {
    padding-top: 70px;
  }
}
@media screen and (max-width: 1024px) {
  .inner-page-content {
    padding-top: 68px;
  }
}
@media screen and (max-width: 860px) {
  .inner-page-content {
    padding-top: 58px;
  }
  .inner-page-content_brand-history {
    padding-bottom: 60px;
  }
}

.main-content-container {
  padding: 1.1rem 2.6rem;
}
@media screen and (max-width: 1366px) {
  .main-content-container {
    padding: 0.9rem 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .main-content-container {
    padding: 0.6rem 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  .main-content-container {
    padding: 0.9rem 0.3rem;
  }
}

/* 通用标题 */
.inner-comm-title {
  color: #333333;
  font-weight: normal;
  line-height: 1;
  text-align: center;
}
.inner-comm-title.en {
  font-size: var(--en-title-size);
  padding-bottom: 0.375em;
  text-transform: uppercase;
}
.inner-comm-title.cn {
  font-size: var(--cn-title-size);
  margin-bottom: 0.76667em;
  letter-spacing: 2px;
}
.inner-comm-subtitle {
  font-size: var(--cn-content-size);
  font-weight: normal;
  text-align: center;
  letter-spacing: 2px;
}

/* 活动标题 */
.inner-activity-title {
  font-size: 0.68rem;
  font-weight: normal;
  margin-bottom: 0.4rem;
  text-align: center;
}
.inner-activity-date {
  font-size: 0.3rem;
  font-weight: normal;
  margin-bottom: 0.1rem;
  text-align: center;
}
.inner-activity-subtitle {
  font-size: 0.3rem;
  font-weight: normal;
  margin-bottom: 0.4rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
}

/* 通用描述 */
.inner-comm-desc {
  color: #666666;
  font-size: var(--desc-size);
  text-align: center;
  font-weight: normal;
  line-height: 1.77778em;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  /*.inner-comm-desc { font-size: 0.26rem; }*/
}

/* 模块标题 */
.inner-module-title-wrapper {
  padding: 0.86rem 0 0.58rem;
}
@media screen and (max-width: 768px) {
  .inner-module-title-wrapper {
    padding: 0.9rem 0.3rem;
  }
}

/* Top分类 */
.inner-top-classify-wrapper {
  background: #f9f9f9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.86rem 0.3rem;
}

/* 通用Tabs */
.inner-tabs-list {
  padding: 0 0.3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 0.86rem;
  gap: 0.2rem 0;
}
.inner-tabs-list .tab {
  font-size: var(--product-size);
  color: #333333;
  padding: 0.6em 1.2em;
  border: 1px solid #333333;
  margin: 0 0.85em 0;
  border-radius: 2em;
  transition: all 0.3s;
  overflow: hidden;
  position: relative;
}
.inner-tabs-list .tab .txt {
  position: relative;
  z-index: 1;
  letter-spacing: 1px;
}
.inner-tabs-list .tab::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #333333;
  left: 0;
  top: 0;
  z-index: 0;
  transform: scale(0);
  transition: all 0.3s linear;
  border-radius: 2em;
  opacity: 0;
}
.inner-tabs-list .tab:hover::after {
  transform: scale(1);
  opacity: 1;
}
.inner-tabs-list .tab:hover {
  color: #efc395;
  border-color: rgba(0, 0, 0, 0);
}
.inner-tabs-list .tab.active::after {
  transform: scale(1);
  opacity: 1;
}
.inner-tabs-list .tab.active {
  color: #efc395;
  border-color: rgba(0, 0, 0, 0);
}
@media screen and (max-width: 768px) {
  .inner-tabs-list {
    padding: 2em 0 1em;
    justify-content: flex-start;
  }
  .inner-tabs-list .tab {
    margin: 0 0.1rem;
    margin-bottom: 0.2rem;
  }
  .inner-tabs-list .tab:not(.active):focus::after {
    transform: scale(0);
    opacity: 0;
  }
  .inner-tabs-list .tab:not(.active):focus {
    color: #333333;
    border-color: #333333;
  }
  .inner-tabs-list .tab:not(.active):hover::after {
    transform: scale(0);
    opacity: 0;
  }
  .inner-tabs-list .tab:not(.active):hover {
    color: #333333;
    border-color: #333333;
  }
}

/* 视频 */
.inner-video-wrapper {
  background: #000000;
  height: 10.8rem;
}
.inner-video-wrap {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .inner-video-wrapper {
    height: auto;
  }
}

/* 简述 */
.inner-resume-wrapper {
  font-size: 0.18rem;
  color: #333333;
  line-height: 1.6;
  padding: 0.8rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.inner-resume-wrapper p {
  padding: 1em;
}
@media screen and (max-width: 768px) {
  .inner-resume-wrapper {
    font-size: 0.26rem;
  }
}

/* 大图 */
.inner-big-img {
  display: block;
  width: 100%;
}

/* 散图显示效果 */
.scatterplot-box {
  position: relative;
}
.scatterplot-box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 100;
  left: 0;
  top: 0;
  transition: all 0.9s;
}
.scatterplot-box[data-is-in-viewport="true"]::after {
  height: 0;
}
.scatterplot-box[data-scroll-reveal-complete="true"]::after {
  height: 0;
}

/* 散图 */
.inner-disperse-img-wrapper {
  position: relative;
  padding: 0 1.9rem;
}
.inner-disperse-img-wrapper::before {
  content: "";
  width: 100%;
  height: 61%;
  position: absolute;
  background: #ffffff;
  left: 0;
  top: 0;
  z-index: 0;
}
.inner-disperse-img-wrapper::after {
  content: "";
  width: 100%;
  height: 39%;
  position: absolute;
  background: #1d1d1d;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.inner-disperse-img-wrap {
  position: relative;
  z-index: 1;
  padding: 1.6rem 0;
}
.inner-disperse-img-wrap .images {
  display: flex;
}
.inner-disperse-img-wrap .col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.inner-disperse-img-wrap .mid {
  justify-content: center;
  padding: 0 0.6rem;
}
.inner-disperse-img-wrap .box-outer {
  transition: all 0.6s;
  z-index: 10;
}
.inner-disperse-img-wrap .box-inner {
  position: relative;
  overflow: hidden;
}
.inner-disperse-img-wrap .box-inner::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 20;
  background: rgba(0, 0, 0, 0.9);
  left: 0;
  top: 0;
  position: absolute;
  transition: height 0.8s linear;
}
.inner-disperse-img-wrap .box-inner.white-modal::after {
  background: rgb(255, 255, 255, 0.9);
}
.inner-disperse-img-wrap .box-inner.f4-modal::after {
  background: rgba(244, 244, 244, 0.9);
}
.inner-disperse-img-wrap .img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.inner-disperse-img-wrap .box-outer_01 {
  width: 3.94rem;
  align-self: flex-start;
}
.inner-disperse-img-wrap .box-outer_01 .box-inner {
  padding-bottom: 75.38071066%;
}
.inner-disperse-img-wrap .box-outer_02 {
  width: 2.25rem;
  align-self: flex-end;
}
.inner-disperse-img-wrap .box-outer_02 .box-inner {
  padding-bottom: 132.44444444%;
}
.inner-disperse-img-wrap .box-outer_03 {
  width: 4rem;
}
.inner-disperse-img-wrap .box-outer_03 .box-inner {
  padding-bottom: 133%;
}
.inner-disperse-img-wrap .box-outer_04 {
  width: 2.58rem;
  align-self: flex-start;
  margin-top: -1.3rem;
}
.inner-disperse-img-wrap .box-outer_04 .box-inner {
  padding-bottom: 124.8062155%;
}
.inner-disperse-img-wrap .box-outer_05 {
  width: 2.96rem;
  align-self: flex-start;
  margin-bottom: 0.3rem;
  margin-top: 1.1rem;
  margin-left: -1.66rem;
  position: relative;
  z-index: 20;
}
.inner-disperse-img-wrap .box-outer_05 .box-inner {
  padding-bottom: 75%;
}
.inner-disperse-img-wrap .box-outer_06 {
  width: 2.13rem;
  align-self: flex-end;
}
.inner-disperse-img-wrap .box-outer_06 .box-inner {
  padding-bottom: 100%;
}
.inner-disperse-img-wrap .box-outer:hover {
  transform: scale(1.25);
  z-index: 40;
}
.inner-disperse-img-wrap
  .box-outer[data-is-in-viewport="true"]
  .box-inner::after {
  height: 0;
}
.inner-disperse-img-wrap
  .box-outer[data-scroll-reveal-complete="true"]
  .box-inner::after {
  height: 0;
}
@media screen and (max-width: 768px) {
  .inner-disperse-img-wrapper {
    padding: 0 0.3rem;
  }
  /* .inner-disperse-img-wrap .images { flex-direction: column; } */
  .inner-disperse-img-wrap .col {
    padding: 0;
    width: 100%;
  }
  /* .inner-disperse-img-wrap .box-outer { width: 100%; margin: 6px 0; } */
  /* .inner-disperse-img-wrap .box-outer:hover { transform: scale(1); } */
  .inner-disperse-img-wrap .images {
    flex-wrap: wrap;
    padding-top: 0.3rem;
  }
  .inner-disperse-img-wrap .box-outer_02 {
    margin-top: -2rem;
  }
  .inner-disperse-img-wrap .box-outer_04 {
    margin-left: -2rem;
  }
  .inner-disperse-img-wrap .box-outer_05 {
    margin-left: 0.1rem;
    margin-top: -1rem;
  }
}

/* 散点图 */
.inner-scatter-img-wrapper {
  position: relative;
  padding: 1.6rem 1.2rem;
  background: #f4f4f4;
}
.inner-scatter-img-wrap {
  position: relative;
  z-index: 1;
}
/*.inner-scatter-img-wrap .inner-comm-title.en { font-size: 0.6rem; }*/
/*.inner-scatter-img-wrap .inner-comm-title.cn { font-size: 0.24rem; }*/
.inner-scatter-img-wrap .cols {
  display: flex;
}
.inner-scatter-img-wrap .col {
  flex-shrink: 0;
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.inner-scatter-img-wrap .left {
  padding-top: 1rem;
}
.inner-scatter-img-wrap .mid {
  justify-content: flex-start;
  width: 50%;
  line-height: 1.8;
  text-align: center;
}
.inner-scatter-img-wrap .right {
  padding-top: 0.4rem;
}
.inner-scatter-img-wrap .desc {
  font-size: var(--desc-size);
  color: #666666;
  letter-spacing: 1px;
}
.inner-scatter-img-wrap .box-outer {
  transition: all 0.6s;
  position: relative;
  z-index: 1;
}
.inner-scatter-img-wrap .box-inner {
  position: relative;
  overflow: hidden;
}
.inner-scatter-img-wrap .box-inner::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 20;
  background: rgba(0, 0, 0, 0.9);
  left: 0;
  top: 0;
  position: absolute;
  transition: height 0.8s linear;
}
.inner-scatter-img-wrap .box-inner.white-modal::after {
  background: rgb(255, 255, 255, 0.9);
}
.inner-scatter-img-wrap .box-inner.f4-modal::after {
  background: rgba(244, 244, 244, 0.9);
}
.inner-scatter-img-wrap .img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.inner-scatter-img-wrap .box-outer_01 {
  width: 1.77rem;
  align-self: flex-end;
  margin-right: 0.3rem;
}
.inner-scatter-img-wrap .box-outer_01 .box-inner {
  padding-bottom: 115.81920903%;
}
.inner-scatter-img-wrap .box-outer_02 {
  width: 2.73rem;
  align-self: flex-end;
  margin-right: -0.1rem;
}
.inner-scatter-img-wrap .box-outer_02 .box-inner {
  padding-bottom: 115.01831501%;
}
.inner-scatter-img-wrap .box-outer_03 {
  width: 2.32rem;
  align-self: flex-end;
  margin-right: -2rem;
}
.inner-scatter-img-wrap .box-outer_03 .box-inner {
  padding-bottom: 126.72413793%;
}
.inner-scatter-img-wrap .box-outer_04 {
  width: 6.26rem;
  margin: 0.4rem auto;
}
.inner-scatter-img-wrap .box-outer_04 .box-inner {
  padding-bottom: 66.29392971%;
}
.inner-scatter-img-wrap .box-outer_05 {
  width: 2.4rem;
}
.inner-scatter-img-wrap .box-outer_05 .box-inner {
  padding-bottom: 159.58333333%;
}
.inner-scatter-img-wrap .box-outer_06 {
  width: 4.28rem;
  margin-top: 3rem;
  margin-bottom: -0.6rem;
}
.inner-scatter-img-wrap .box-outer_06 .box-inner {
  padding-bottom: 73.59813084%;
}
.inner-scatter-img-wrap .box-outer_07 {
  width: 2.34rem;
  align-self: flex-start;
  margin-left: -1rem;
}
.inner-scatter-img-wrap .box-outer_07 .box-inner {
  padding-bottom: 109.4017094%;
}
.inner-scatter-img-wrap .box-outer:hover {
  transform: scale(1.1);
  z-index: 10;
}
.inner-scatter-img-wrap
  .box-outer[data-is-in-viewport="true"]
  .box-inner::after {
  height: 0;
}
.inner-scatter-img-wrap
  .box-outer[data-scroll-reveal-complete="true"]
  .box-inner::after {
  height: 0;
}
@media screen and (max-width: 768px) {
  /* .inner-scatter-img-wrapper { padding: 0 0.3rem; }
  .inner-scatter-img-wrap .inner-comm-title.en { font-size: 0.68rem; }
  .inner-scatter-img-wrap .inner-comm-title.cn { font-size: 0.36rem; }
  .inner-scatter-img-wrap .cols { flex-direction: column; }
  .inner-scatter-img-wrap .col { padding: 0; width: 100%; }
  .inner-scatter-img-wrap .box-outer { width: 100%; margin: 6px 0; }
  .inner-scatter-img-wrap .box-outer:hover { transform: scale(1); }
  .inner-scatter-img-wrap .mid { padding: 0.6rem 0.3rem 0.3rem; }
  .inner-scatter-img-wrap .desc { padding: 0.5rem 0; font-size: 0.26rem; } */
  .inner-scatter-img-wrapper {
    padding: 0.3rem 0.3rem;
  }
  .inner-scatter-img-wrap .cols {
    flex-wrap: wrap;
  }
  .inner-scatter-img-wrap .col {
    padding: 0;
    width: 100%;
  }
  .inner-scatter-img-wrap .box-outer_01 {
    align-self: flex-start;
  }
  .inner-scatter-img-wrap .box-outer_02 {
    align-self: center;
    margin-top: -1rem;
    margin-left: -1rem;
  }
  .inner-scatter-img-wrap .box-outer_03 {
    margin-right: 0;
    margin-top: -5rem;
  }
  .inner-scatter-img-wrap .mid {
    padding-top: 2.6rem;
  }
  .inner-scatter-img-wrap .box-outer_06 {
    margin-top: -2rem;
    z-index: 0;
    align-self: flex-end;
  }
  .inner-scatter-img-wrap .box-outer_07 {
    margin-left: 0.2rem;
    margin-top: -3rem;
  }
}

/* 大轮播图 */
.inner-big-swiper-wrapper {
  position: relative;
}
.swiper-container_inner-big-swiper {
  height: 7.88rem;
  position: relative;
}
.swiper-container_inner-big-swiper .swiper-wrapper {
  height: 100%;
}
.swiper-container_inner-big-swiper .swiper-slide {
  height: 100%;
  width: 14rem;
}
.swiper-container_inner-big-swiper .slide-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/* 分页器 */
/*.inner-big-swiper-pagination { display: flex; align-items: center; justify-content: center; padding-top: 0.5rem; padding-bottom: 0.5rem; position: relative; z-index: 10; top: -1.2rem; }*/
.inner-big-swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  z-index: 10;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.inner-big-swiper-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.3);
  width: 9px;
  height: 9px;
  margin: 0 0.26rem;
  cursor: pointer;
  position: relative;
  opacity: 1;
  outline: none;
}
.inner-big-swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  border-radius: 50%;
  position: absolute;
  transition: all 0.9s;
  transform: scale(0);
  background: #333333;
}
.inner-big-swiper-pagination .swiper-pagination-bullet-active {
  background: rgba(255, 255, 255, 0.3);
}
.inner-big-swiper-pagination .swiper-pagination-bullet-active::after {
  transform: scale(1);
}
.inner-big-swiper-pagination .swiper-pagination-bullet:hover::after {
  background: #efc395;
  transform: scale(1);
  transition: all 0.3s;
}
/* 前进后退按钮 */
.inner-big-swiper-button {
  position: absolute;
  width: 0.66rem;
  height: 0.66rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
  top: 50%;
  margin-top: -0.66rem;
  z-index: 10;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.36rem;
  transition: all 0.6s;
  outline: none !important;
  border: none !important;
}
.inner-big-swiper-button-prev {
  left: 2.8rem;
}
.inner-big-swiper-button-next {
  right: 2.8rem;
}
.inner-big-swiper-button:hover {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
  .swiper-container_inner-big-swiper {
    height: auto;
  }
  /* .swiper-container_inner-big-swiper .swiper-slide { width: 100%; } */
  .inner-big-swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 0.13rem;
  }
  .inner-big-swiper-button-prev {
    left: 0.3rem;
  }
  .inner-big-swiper-button-next {
    right: 0.3rem;
  }
}

/* 左右轮播图 */
.inner-lr-swiper-wrapper {
  display: flex;
  height: 9.5rem;
  margin-bottom: 20px;
}
.inner-lr-swiper-wrapper:nth-child(odd) {
  flex-direction: row-reverse;
}
.inner-lr-swiper-wrapper .inner-lr_l {
  flex: 1;
  overflow: hidden;
  height: 100%;
  position: relative;
}
.inner-lr-swiper-wrapper .inner-lr_r {
  flex: 1;
  overflow: hidden;
  background: #333333;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.inner-lr-swiper-wrapper .inner-lr_r_c {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 4;
  left: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: auto;
  opacity: 0;
  transition: all 0.8s;
}
.inner-lr-swiper-wrapper .inner-lr_r_c.show {
  opacity: 1;
  left: 0;
  z-index: 8;
}
.inner-lr-swiper-wrapper .inner-lr_r_c.leave {
  opacity: 0;
  left: -100%;
}
.swiper-container_inner-lr_l {
  width: 100%;
  height: 100%;
}
.swiper-container_inner-lr_l .swiper-wrapper {
  width: 100%;
  height: 100%;
}
.swiper-container_inner-lr_l .swiper-slide {
  width: 100%;
  height: 100%;
}
.swiper-container_inner-lr_l .slide-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/* 分页器 */
.inner-lr-swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: relative;
  z-index: 10;
  top: -1.2rem;
}
.inner-lr-swiper-pagination .swiper-pagination-bullet {
  background: #c1c1c1;
  width: 9px;
  height: 9px;
  margin: 0 0.26rem;
  cursor: pointer;
  position: relative;
  opacity: 1;
  outline: none;
}
.inner-lr-swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  border-radius: 50%;
  position: absolute;
  transition: all 0.9s;
  transform: scale(0);
  background: #333333;
}
.inner-lr-swiper-pagination .swiper-pagination-bullet-active {
  background: #c1c1c1;
}
.inner-lr-swiper-pagination .swiper-pagination-bullet-active::after {
  transform: scale(1);
}
.inner-lr-swiper-pagination .swiper-pagination-bullet:hover::after {
  background: #efc395;
  transform: scale(1);
  transition: all 0.3s;
}

/* 前进后退按钮 */
.inner-lr-swiper-button {
  position: absolute;
  width: 0.66rem;
  height: 0.66rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
  top: 50%;
  margin-top: -0.33rem;
  z-index: 10;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.36rem;
  transition: all 0.6s;
  outline: none !important;
  border: none !important;
}
.inner-lr-swiper-button-prev {
  left: 0.3rem;
}
.inner-lr-swiper-button-next {
  right: 0.3rem;
}
.inner-lr-swiper-button:hover {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
  .inner-lr-swiper-wrapper {
    flex-direction: column-reverse;
    height: auto;
  }
  .inner-lr-swiper-wrapper:nth-child(odd) {
    flex-direction: column-reverse;
  }
  .inner-lr-swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 0.13rem;
  }
  .inner-lr-swiper-wrapper .inner-lr_l {
    flex: auto;
    flex-shrink: 0;
    height: auto;
  }
  .inner-lr-swiper-wrapper .inner-lr_r {
    flex: auto;
    flex-shrink: 0;
    height: auto;
    padding: 40px 12px;
  }
  .swiper-container_inner-lr_l {
    height: auto;
  }
  .swiper-container_inner-lr_l .swiper-wrapper {
    height: auto;
  }
  .swiper-container_inner-lr_l .swiper-slide {
    height: auto;
  }
  .swiper-container_inner-lr_l .slide-image {
    height: 100%;
  }
}

/* 图文密码 */
.inner-cipher-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.58rem 0.3rem;
}
.inner-cipher-wrapper .row {
  display: flex;
  align-items: flex-start;
}
.inner-cipher-wrapper .row ~ .row {
  margin-top: 1.3rem;
}
.inner-cipher-wrapper .image-box {
  width: 3.95rem;
  overflow: hidden;
}
.inner-cipher-wrapper .image {
  display: block;
  width: 100%;
  transition: all 0.6s;
}
.inner-cipher-wrapper .image-box:hover .image {
  transform: scale(1.25);
}
.inner-cipher-wrapper .r-cont {
  padding-left: 1.1rem;
  margin-top: 0.2rem;
  line-height: 1;
}
.inner-cipher-wrapper .title.en {
  color: #444444;
  font-size: var(--en-title-size);
  font-weight: normal;
  text-transform: uppercase;
}
.inner-cipher-wrapper .subtitle.cn {
  font-size: var(--cn-title-size);
  margin-top: 0.66667em;
  color: #444444;
  font-weight: normal;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .inner-cipher-wrapper {
    padding: 0 0.3rem 1.4rem;
  }
  .inner-cipher-wrap {
    width: 100%;
  }
  .inner-cipher-wrapper .row {
    flex-direction: column;
    width: 100%;
  }
  .inner-cipher-wrapper .left {
    flex: 1;
    width: 100%;
  }
  .inner-cipher-wrapper .image-box {
    width: 100%;
  }
  .inner-cipher-wrapper .image {
    width: 100%;
  }
  .inner-cipher-wrapper .right {
    width: 100%;
  }
  .inner-cipher-wrapper .r-cont {
    width: 100%;
    padding: 0.3rem;
  }
  .inner-cipher-wrapper .title.en {
    font-size: 0.56rem;
  }
  .inner-cipher-wrapper .subtitle.cn {
    font-size: 0.32rem;
  }
}

/* 明暗之间 */
.inner-combination {
  margin-top: 0.78rem;
}
.inner-shade-wrapper {
  padding: 0 1.3rem;
  height: 9.52rem;
  display: flex;
  align-items: center;
  color: #ffffff;
  background: #333333;
  background-image: url(../images/inner-img-01.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-shade-wrap {
  display: flex;
  flex-direction: column;
}
.inner-shade-wrap .number {
  margin-bottom: 0.2em;
  font-size: var(--en-num-title-size);
  line-height: 1;
}
.inner-shade-wrap .title.en {
  font-size: var(--en-title-size);
  font-weight: normal;
  line-height: 1.208;
  text-transform: uppercase;
}
.inner-shade-wrap .label {
  margin-top: 1.16667em;
  margin-bottom: 0.73333em;
  font-size: var(--cn-title-size);
  font-weight: normal;
  line-height: 1;
  letter-spacing: 2px;
}
.inner-shade-wrap .desc {
  font-size: var(--desc-size);
  line-height: 1.77778;
  color: #c1c1c1;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  /*.inner-shade-wrapper { padding: 0.3rem 0.6rem; }*/
  /*.inner-shade-wrap .number { font-size: 0.32rem; }*/
  /*.inner-shade-wrap .label { font-size: 0.36rem; }*/
  /*.inner-shade-wrap .desc { font-size: 0.26rem; }*/
}

/* 宽轮播图 */
.inner-wide-swiper-wrapper {
  position: relative;
}
.swiper-container_inner-wide-swiper {
  width: 100%;
  height: 10rem;
  overflow: hidden;
}
.swiper-container_inner-wide-swiper .swiper-wrapper {
  width: 100%;
  height: 10rem;
}
.swiper-container_inner-wide-swiper .swiper-slide {
  width: 100%;
  height: 10rem;
  overflow: hidden;
}
.swiper-container_inner-wide-swiper .slide-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/* 分页器 */
.inner-wide-swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
}
.inner-wide-swiper-pagination .swiper-pagination-bullet {
  background: #a8a4a2;
  width: 9px;
  height: 9px;
  margin: 0 0.26rem;
  cursor: pointer;
  position: relative;
  opacity: 1;
  outline: none;
}
.inner-wide-swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  border-radius: 50%;
  position: absolute;
  transition: all 0.9s;
  transform: scale(0);
  background: #ffffff;
}
.inner-wide-swiper-pagination .swiper-pagination-bullet-active {
  background: #a8a4a2;
}
.inner-wide-swiper-pagination .swiper-pagination-bullet-active::after {
  transform: scale(1);
}
.inner-wide-swiper-pagination .swiper-pagination-bullet:hover::after {
  background: #333333;
  transform: scale(1);
  transition: all 0.3s;
}
/* 前进后退按钮 */
.inner-wide-swiper-button {
  position: absolute;
  width: 0.66rem;
  height: 0.66rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
  top: 50%;
  margin-top: -0.33rem;
  z-index: 10;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.36rem;
  transition: all 0.6s;
  outline: none !important;
  border: none !important;
}
.inner-wide-swiper-button-prev {
  left: 1.4rem;
}
.inner-wide-swiper-button-next {
  right: 1.4rem;
}
.inner-wide-swiper-button:hover {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
  .inner-wide-swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 0.13rem;
  }
  .inner-wide-swiper-button-prev {
    left: 0.3rem;
  }
  .inner-wide-swiper-button-next {
    right: 0.3rem;
  }
  .swiper-container_inner-wide-swiper {
    height: auto;
  }
  .swiper-container_inner-wide-swiper .swiper-wrapper {
    height: auto;
  }
  .swiper-container_inner-wide-swiper .swiper-slide {
    height: auto;
  }
  .swiper-container_inner-wide-swiper .slide-image {
    height: auto;
  }
}

/* Banner */
.inner-banner-wrapper {
  height: 7.68rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
.inner-banner-wrapper .inner-comm-title {
  color: #ffffff;
}

/* 网格 */
.inner-grid-wrapper {
  padding: 1.1rem 2.6rem;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.inner-grid-vars-wrapper {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.inner-grid-vars-wrapper .li {
  width: 0;
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.inner-grid-vars-wrapper .li5 {
  width: 10px;
}
.inner-grid-vars-wrapper .li4 {
  width: 0;
}
.inner-grid-vars-wrapper .li3 {
  width: 0;
}
.inner-grid-vars-wrapper .li2 {
  width: 0;
}
.inner-grid-wrapper .grid-container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.inner-grid-wrapper .grid-item {
  margin: 0;
  padding: 0;
  width: 20%;
  margin-bottom: 10px;
  position: relative;
  z-index: 1;
}
.inner-grid-wrapper .grid-item_is-not-empty {
  cursor: pointer;
}
.inner-grid-wrapper .item-inner {
  padding-bottom: 100%;
  position: relative;
  overflow: visible;
}
.inner-grid-wrapper .grid-item.active .item-inner {
  overflow: visible;
}
.inner-grid-wrapper .inner-cont {
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  padding: 10px;
  position: absolute;
  z-index: 10;
  left: 10px;
  top: 10px;
  overflow: hidden;
}
.inner-grid-wrapper .image {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
  z-index: 10;
  transition: all 0.6s;
}
.inner-grid-wrapper .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.5);
}
.inner-grid-wrapper .cont {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 30;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 0.3rem;
  justify-content: space-between;
  transition: all 0.3s linear;
}
.inner-grid-wrapper .top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inner-grid-wrapper .year {
  font-size: 0.3rem;
  font-weight: 500;
}
.inner-grid-wrapper .icons .iconfont {
  font-size: 0.26rem;
  font-weight: normal;
  display: none;
}
.inner-grid-wrapper .icons .icon-open {
  display: block;
}
.inner-grid-wrapper .desc {
  font-size: 0.18rem;
  text-align: left;
}
.inner-grid-wrapper .box {
  position: absolute;
  top: 0;
  width: 250%;
  height: 0;
  overflow: visible;
  transition: all 0.6s linear;
  color: #ffffff;
  padding: 0 10px;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
}
.inner-grid-wrapper .box.expand-left {
  left: 0;
  transform: translateX(-100%);
}
.inner-grid-wrapper .box.expand-right {
  left: 100%;
  transform: translateX(100%);
}
.inner-grid-wrapper .box-cont {
  width: 100%;
  height: auto;
  min-height: 100%;
  background: #333333;
  position: relative;
  transition: all 0.5s linear;
  z-index: 9999;
}
.inner-grid-wrapper .box-cont_item {
  padding: 0.3rem 0.3rem;
  width: 100%;
  overflow: hidden;
  display: flex;
  gap: 0.2rem;
  /* flex-direction: column; */
  align-items: flex-start;
}
.inner-grid-wrapper .inner-grid-item-swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.inner-grid-wrapper .inner-grid-item-swiper .swiper-wrapper {
  width: 100%;
}
.inner-grid-wrapper .item_left {
  width: 100%;
  padding-right: 0;
  padding-bottom: 0.3rem;
}
.inner-grid-wrapper .item_right {
  width: 100%;
}
.inner-grid-wrapper .item-imgs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto;
}
.inner-grid-wrapper .item-image-box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.inner-grid-wrapper .item-image {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.6s;
}
.inner-grid-wrapper .item-title.en {
  font-size: 0.27rem;
  font-weight: normal;
  text-transform: uppercase;
  padding: 0.05rem;
}
.inner-grid-wrapper .item-title.cn {
  font-size: 0.15rem;
  font-weight: normal;
  padding-top: 0.15rem;
  padding-bottom: 0.18rem;
}
.inner-grid-wrapper .item-desc {
  font-size: 0.12rem;
  line-height: 1.6;
}
.inner-grid-wrapper .item-swiper-btn {
  position: absolute;
  width: 0.4rem;
  height: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  top: 50%;
  margin-top: -0.2rem;
  transition: all 0.6s;
}
.inner-grid-wrapper .item-swiper-btn.prev {
  left: 0.1rem;
}
.inner-grid-wrapper .item-swiper-btn.next {
  right: 0.1rem;
}
.inner-grid-wrapper .item-swiper-btn:hover {
  opacity: 0.8;
}
.inner-grid-wrapper .grid-item.active {
  z-index: 9999;
}
.inner-grid-wrapper .grid-item.active .box {
  height: auto;
  opacity: 1;
  pointer-events: auto;
  z-index: 9999;
  overflow: visible;
}
.inner-grid-wrapper .grid-item.active .box.expand-left {
  transform: translateX(0);
}
.inner-grid-wrapper .grid-item.active .box.expand-right {
  transform: translateX(0);
}
.inner-grid-wrapper .grid-item.active .box-cont {
  opacity: 1;
}
.inner-grid-wrapper .grid-item.active .icons .icon-open {
  display: none;
}
.inner-grid-wrapper .grid-item.active .icons .icon-close {
  display: block;
}
.inner-grid-wrapper .grid-item:hover .cont {
  padding: 0.4rem 0.3rem;
}
.inner-grid-wrapper .grid-item:hover .image {
  transform: scale(1.25);
}
.inner-grid-wrapper .item-image-box:hover .item-image {
  transform: scale(1.25);
}
@media screen and (max-width: 1024px) {
  .inner-grid-vars-wrapper .li5 {
    width: 0;
  }
  .inner-grid-vars-wrapper .li4 {
    width: 10px;
  }
  .inner-grid-vars-wrapper .li3 {
    width: 0;
  }
  .inner-grid-vars-wrapper .li2 {
    width: 0;
  }
  .inner-grid-wrapper .grid-item {
    width: 25%;
  }
  .inner-grid-wrapper .box {
    width: 200%;
  }
}
@media screen and (max-width: 860px) {
  .inner-grid-vars-wrapper .li5 {
    width: 0;
  }
  .inner-grid-vars-wrapper .li4 {
    width: 0;
  }
  .inner-grid-vars-wrapper .li3 {
    width: 10px;
  }
  .inner-grid-vars-wrapper .li2 {
    width: 0;
  }
  .inner-grid-wrapper .grid-item {
    width: 33.33333333%;
  }
  .inner-grid-wrapper .box {
    width: 150%;
  }
}
@media screen and (max-width: 768px) {
  .inner-grid-wrapper {
    padding: 0.6rem 0.3rem;
  }
  .inner-grid-vars-wrapper .li5 {
    width: 0;
  }
  .inner-grid-vars-wrapper .li4 {
    width: 0;
  }
  .inner-grid-vars-wrapper .li3 {
    width: 0;
  }
  .inner-grid-vars-wrapper .li2 {
    width: 10px;
  }
  .inner-grid-wrapper .grid-item {
    width: 50%;
  }
  .inner-grid-wrapper .box {
    width: 100%;
    height: auto;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
  .inner-grid-wrapper .grid-item.active .box {
    height: auto;
  }
  .inner-grid-wrapper .box-cont_item {
    flex-direction: column;
    padding: 0.6rem;
  }
  .inner-grid-wrapper .item_left {
    text-align: center;
    padding: 0;
  }
  .inner-grid-wrapper .item-imgs {
    width: 100%;
    margin-top: 0.6rem;
  }
  .inner-grid-wrapper .desc {
    font-size: 0.26rem;
  }
  .inner-grid-wrapper .item-title.en {
    font-size: 0.2rem;
  }
  .inner-grid-wrapper .item-title.cn {
    font-size: 0.12rem;
  }
  .inner-grid-wrapper .item-desc {
    font-size: 0.13rem;
  }
}

/* 新闻列表 */
.news-list-wrapper {
  padding: 0 2.6rem;
}
.news-list-wrapper .news-list-wrap {
  position: relative;
  overflow: hidden;
  padding: 0.9rem 0 2px;
}
.news-list-wrapper .news-list-wrap::after {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 10;
  border-left: 1px solid #f0f0f0;
  transform: translateX(-50%);
}
.news-list-wrapper .news-list {
  -moz-column-count: 2;
  column-count: 2;
  padding: 0;
  margin: -2px -0.92rem;
}
.news-list-wrapper .news-item {
  display: block;
  padding: 0.6rem 1.2rem;
  border-bottom: 1px solid #f0f0f0;
  margin: 0 -8px;
}
.news-list-wrapper .news-link {
  display: inline-block;
  width: 100%;
}
.news-list-wrapper .image-box {
  position: relative;
  overflow: hidden;
}
.news-list-wrapper .icon-see {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 0.86rem;
  opacity: 0;
  transition: all 0.6s;
}
.news-list-wrapper .image {
  display: block;
  width: 100%;
  transition: all 0.6s;
}
.news-list-wrapper .news-title {
  padding-top: 0.5rem;
  padding-bottom: 0.24rem;
  font-size: 0.24rem;
  color: #333333;
  font-weight: normal;
  line-height: 1.5;
}
.news-list-wrapper .date {
  font-size: 0.24rem;
  color: #666666;
}
.news-list-wrapper .news-item:hover .image {
  transform: scale(1.25);
}
.news-list-wrapper .news-item:hover .icon-see {
  opacity: 1;
}
.news-list-wrapper .news-item:hover .news-title {
  color: #000000;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .news-list-wrapper {
    padding: 0.6rem 0.3rem;
  }
  .news-list-wrapper .news-list-wrap::after {
    display: none;
  }
  .news-list-wrapper .news-list {
    -moz-column-count: 1;
    column-count: 1;
    margin: 0;
  }
  .news-list-wrapper .news-item {
    margin: 0;
    padding: 0.6rem 0;
  }
  .news-list-wrapper .news-title {
    font-size: 0.3rem;
  }
  .news-list-wrapper .date {
    font-size: 0.26rem;
  }
}

/* 大师Banner */
.inner-master-banner-wrapper {
  transform: scale(0.6);
  opacity: 0;
  transition: all 0.6s;
}
.inner-master-banner-wrapper[data-scroll-reveal-complete="true"] {
  transform: scale(1);
  opacity: 1;
}
.inner-master-banner-wrap {
  height: 9.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.inner-master-banner-wrap .title-img {
  width: 54%;
}
.inner-master-banner-wrap .title-main {
  color: #ffffff;
  margin-top: 0.2rem;
}
@media screen and (max-width: 768px) {
  .inner-master-banner-wrap {
    height: 5rem;
  }
  .inner-master-banner-wrap .title-img {
    width: 90%;
  }
  .inner-master-banner-wrap .title-main {
    font-size: 0.5rem;
  }
}

/* 大师简介 开始 */
.inner-master-brief-wrapper {
  background: #070506;
  color: #ffffff;
}
.inner-master-brief-wrap {
  display: flex;
}
.inner-master-brief-wrapper .left {
  width: 7.2rem;
  flex-shrink: 0;
}
.inner-master-brief-wrapper .left .image {
  display: block;
  width: 100%;
}
.inner-master-brief-wrapper .right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2.3rem 0;
}
.inner-master-brief-wrapper .inner-comm-title {
  color: #ffffff;
  text-align: left;
}
.inner-master-brief-wrapper .inner-comm-desc {
  text-align: left;
  padding: 0.16rem 0rem;
  line-height: 1.68;
  color: rgba(255, 255, 255, 0.6);
}
.inner-master-brief-wrapper .name {
  display: block;
  margin-top: 1rem;
  width: 60%;
}
@media screen and (max-width: 768px) {
  .inner-master-brief-wrap {
    flex-direction: column;
  }
  .inner-master-brief-wrapper .left {
    width: 100%;
  }
  .inner-master-brief-wrapper .right {
    padding: 0.6rem 0.3rem;
  }
}

/* 大师简介 */
.inner-master-introduce-wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-master-introduce-wrap {
  height: 9.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 2.6rem;
}
.inner-master-introduce-wrap .desc {
  color: rgba(255, 255, 255, 0.6);
  width: 33%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .inner-master-introduce-wrap {
    padding: 0.6rem 0.3rem;
    height: auto;
    min-height: 3.6rem;
  }
  .inner-master-introduce-wrap .desc {
    width: 100%;
  }
}

/* 大师作品 */
.inner-maste-works-wrapper {
  padding: 1.3rem 2.6rem 0;
  position: relative;
}
.inner-maste-works-wrapper::after {
  content: "";
  width: 100%;
  height: 76%;
  background: #000000;
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
}
.inner-maste-works-wrap {
  position: relative;
  z-index: 10;
}
.inner-maste-works-wrapper .works-item {
  display: flex;
  align-items: center;
  padding: 0.7rem 0;
}
.inner-maste-works-wrapper .img-box {
  flex-shrink: 0;
}
.inner-maste-works-wrapper .img {
  display: block;
  width: 94%;
}
.inner-maste-works-wrapper .desc-box {
  flex: 1;
  flex-shrink: 0;
}
.inner-maste-works-wrapper .inner-comm-desc {
  color: rgba(255, 255, 255, 0.6);
}
.inner-maste-works-wrapper .works-item-01 .img-box {
  flex: 1.4;
  flex-shrink: 0;
  font-size: 0;
}
.inner-maste-works-wrapper .works-item-01 .inner-comm-desc {
  padding-left: 0.5rem;
  text-align: left;
}
.inner-maste-works-wrapper .works-item-02 {
  flex-direction: row-reverse;
}
.inner-maste-works-wrapper .works-item-02 .inner-comm-desc {
  padding-right: 0.8rem;
  text-align: left;
}
.inner-maste-works-wrapper .works-item-02 .img-box {
  flex: 1.2;
  display: flex;
  justify-content: flex-end;
}
.inner-maste-works-wrapper .works-item-03 {
  flex-direction: column-reverse;
}
.inner-maste-works-wrapper .works-item-03 .img-box {
  flex: 1;
}
.inner-maste-works-wrapper .works-item-03 .img {
  width: 100%;
}
.inner-maste-works-wrapper .works-item-03 .desc-box {
  flex: 1;
  padding-bottom: 0.3rem;
}
@media screen and (max-width: 768px) {
  .inner-maste-works-wrapper {
    padding: 0.9rem 0.3rem 0.3rem;
    margin-bottom: 0.6rem;
  }
  .inner-maste-works-wrapper::after {
    height: 100%;
  }
  .inner-maste-works-wrapper .works-item {
    flex-direction: column;
    padding: 0.3rem 0;
    display: block;
  }
  .inner-maste-works-wrapper .img-box {
    display: block !important;
  }
  .inner-maste-works-wrapper .img-box .img {
    width: 100%;
    height: auto;
  }
  .inner-maste-works-wrapper .works-item .inner-comm-desc {
    padding: 0.3rem 0;
  }
}

/* 花花世界 */
.inner-master-huahua-wrapper {
  margin-bottom: 4rem;
}
.inner-master-huahua-wrapper .floor-01 {
  height: 8.88rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  position: relative;
}
.inner-master-huahua-wrapper .floor-01 .descs {
  width: 3.88rem;
  margin-top: 2.1rem;
  margin-left: 4.4rem;
}
.inner-master-huahua-wrapper .floor-01 .inner-comm-desc {
  color: rgba(255, 255, 255, 0.6);
  text-align: left;
  padding: 0.2rem 0;
}
.inner-master-huahua-wrapper .floor-01 .bot-img {
  position: absolute;
  width: 100%;
  display: block;
  z-index: 10;
  bottom: -2rem;
  left: 0;
}
.inner-master-huahua-wrapper .floor-01 .spirit {
  position: absolute;
  z-index: 20;
  display: block;
}
.inner-master-huahua-wrapper .floor-01 .spirit-01 {
  width: 23%;
  left: 16%;
  bottom: -40%;
  animation: spiritAni1 3s infinite alternate-reverse;
}
.inner-master-huahua-wrapper .floor-01 .spirit-02 {
  width: 24%;
  right: 3%;
  bottom: 28%;
  animation: spiritAni2 3.6s infinite alternate-reverse;
}
.inner-master-huahua-wrapper .floor-01 .spirit-03 {
  width: 14%;
  left: 1%;
  bottom: 0%;
  animation: spiritAni3 3.9s infinite alternate-reverse;
}
.inner-master-huahua-wrapper .floor-02 {
  background: #000000;
  height: 9rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-master-huahua-wrapper .floor-02 .inner-comm-desc {
  color: rgba(255, 255, 255, 0.6);
  margin-top: -1.6rem;
}
.inner-master-huahua-wrapper .floor-02 .img {
  position: absolute;
  width: 60%;
  left: 20%;
  bottom: -3.4rem;
  z-index: 10;
}
@media screen and (max-width: 1024px) {
  .inner-master-huahua-wrapper .floor-01 .descs {
    width: 36%;
  }
}
@media screen and (max-width: 768px) {
  .inner-master-huahua-wrapper .floor-01 .descs {
    padding: 0.6rem;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .inner-master-huahua-wrapper {
    margin-bottom: 3rem;
  }
  .inner-master-huahua-wrapper .floor-01 .spirit-01 {
    bottom: -20%;
  }
  .inner-master-huahua-wrapper .floor-01 .bot-img {
    bottom: -1rem;
  }
  .inner-master-huahua-wrapper .floor-02 {
    height: 6rem;
  }
  .inner-master-huahua-wrapper .floor-02 .inner-comm-desc {
    margin-top: 0;
  }
  .inner-master-huahua-wrapper .floor-02 .img {
    bottom: -1.3rem;
  }
}
@-webkit-keyframes spiritAni1 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-36px);
  }
}
@keyframes spiritAni1 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-36px);
  }
}
@-webkit-keyframes spiritAni2 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50px);
  }
}
@keyframes spiritAni2 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50px);
  }
}
@-webkit-keyframes spiritAni3 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-63px);
  }
}
@keyframes spiritAni3 {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-63px);
  }
}

/* 大师视频 */
.inner-master-video-bot-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding-top: 0.8rem;
}
.inner-master-video-bot-wrap {
  width: 11.58rem;
  height: 4.2rem;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-master-video-bot-cont {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}
.inner-master-video-bot-wrapper .avatar {
  width: 34%;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 10;
  margin-left: -17%;
}
.inner-master-video-bot-wrapper .autograph {
  display: block;
  width: 50%;
  position: absolute;
  bottom: 0.2rem;
  left: 50%;
  z-index: 20;
  margin-left: -25%;
}
.inner-master-video-bot-wrapper .icon-play {
  position: absolute;
  width: 1.04rem;
  height: 1.04rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.36s;
  font-size: 0.45rem;
  left: 50%;
  top: 50%;
  z-index: 30;
  margin-left: -0.52rem;
  margin-top: -0.52rem;
  line-height: 0.9;
  text-align: center;
}
.inner-master-video-bot-wrapper .line {
  width: 11.58rem;
  height: 1px;
  display: block;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 1.3rem;
  margin-bottom: 1.3rem;
}
.inner-master-video-bot-wrapper .icon-play:hover {
  background: rgba(0, 0, 0, 0.9);
}
@media screen and (max-width: 768px) {
  .inner-master-video-bot-wrap {
    width: 100%;
  }
}

/* 大师视频弹窗 */
.inner-video-dialog-wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 80;
  left: 0;
  top: 0;
  background: #000000;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
}
.inner-video-dialog-wrap {
  width: 100%;
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-video-in-dialog {
  width: 100%;
  height: auto;
  max-height: 80%;
  position: relative;
  z-index: 1;
}
.inner-video-dialog-wrapper .icon-close-btn {
  position: absolute;
  width: 50px;
  height: 50px;
  right: -22px;
  top: -22px;
  padding-right: 15px;
  padding-top: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: all 0.36s;
  flex-shrink: 0;
  z-index: 100;
  align-self: flex-end;
}
.inner-video-dialog-wrapper .icon-close-btn:hover {
  background: rgba(255, 255, 255, 0.9);
}

/* 一句话 */
.inner-in-a-wrod {
  width: 27%;
  margin: 0 auto;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.inner-master-in-a-wrod {
  margin-bottom: 0.98rem;
  width: 28%;
  margin: 0 auto;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
@media screen and (max-width: 768px) {
  .inner-in-a-wrod {
    width: 100%;
  }
  .inner-master-in-a-wrod {
    width: 100%;
  }
}

/* 活动Banner */
.inner-activity-banner-wrapper {
  height: 9.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-activity-banner-wrap {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.9rem 0.3rem;
  color: #ffffff;
  line-height: 1;
}
.inner-activity-banner-wrap .see-video-box {
  font-size: 0.3rem;
  font-weight: normal;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: all 0.36s;
}
.inner-activity-banner-wrap .icon-play {
  font-size: 0.4rem;
  margin-right: 0.16rem;
}
.inner-activity-banner-wrap .see-video-box:hover {
  color: rgba(255, 255, 255, 0.8);
}

/* 世界观 */
.inner-world-outlook-wrapper {
  color: #ffffff;
  padding-top: 1.3rem;
  padding-bottom: 1.8rem;
  margin-top: -2px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-world-outlook-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.inner-world-outlook-wrap .inner-activity-subtitle {
  margin-bottom: 0.2rem;
}
.inner-world-outlook-wrap .inner-activity-title {
  margin-bottom: 0.3rem;
}
.inner-world-outlook-wrap .inner-comm-desc {
  color: #ffffff;
  padding-top: 0;
}
.inner-world-outlook-wrap .images-01 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.9rem 4rem;
}
.inner-world-outlook-wrap .images-01 .img {
  width: 2.4rem;
  display: block;
  transition: all 0.36s;
}
.inner-world-outlook-wrap .images-01 .img-02 {
  width: 4.08rem;
}
.inner-world-outlook-wrap .images-01 .img:hover {
  transform: scale(1.25);
}
.inner-world-outlook-wrap .images-02 {
  padding: 0 2.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-top: 1.8rem;
}
.inner-world-outlook-wrap .images-02 .imgs-col {
  display: flex;
  flex-direction: column;
}
.inner-world-outlook-wrap .images-02 .img-box {
  position: relative;
  overflow: hidden;
}
.inner-world-outlook-wrap .images-02 .img {
  display: block;
  width: 100%;
  transition: all 0.36s;
  margin-bottom: 0.45rem;
}
.inner-world-outlook-wrap .images-02 .img:hover {
  transform: scale(1.25);
}
.inner-world-outlook-wrap .images-02 .img-box-01 {
  width: 6.5rem;
}
.inner-world-outlook-wrap .images-02 .img-box-02 {
  width: 3.2rem;
  align-self: flex-end;
}
.inner-world-outlook-wrap .images-02 .img-box-03 {
  width: 3.6rem;
}
.inner-world-outlook-wrap .images-02 .img-box-04 {
  width: 2.8rem;
}
.inner-world-outlook-wrap .images-02 .img-box-05 {
  width: 2.9rem;
}
@media screen and (max-width: 768px) {
  .inner-world-outlook-wrap {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
  .inner-world-outlook-wrap .images-01 {
    flex-direction: column;
    padding: 0.9rem 0;
  }
  .inner-world-outlook-wrap .images-01 .img {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .inner-world-outlook-wrap .images-02 {
    padding: 0;
    flex-direction: column;
    margin-top: 0;
  }
  .inner-world-outlook-wrap .images-02 .imgs-col {
    width: 100%;
  }
  .inner-world-outlook-wrap .images-02 .img-box {
    width: 100%;
    margin: 0;
  }
}

/* 开关 */
.inner-open-close-wrap {
  height: 9.5rem;
  position: relative;
}
.inner-open-close-wrap .images {
  height: 100%;
  width: 200%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  transition: all 0.36s;
}
.inner-open-close-wrapper .images .img {
  display: block;
  width: 50%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.inner-open-close-wrapper .btns {
  position: absolute;
  width: 3rem;
  height: 0.6rem;
  background: rgb(0, 0, 0, 0.9);
  z-index: 20;
  bottom: 1.1rem;
  left: 50%;
  margin-left: -1.5rem;
  border-radius: 0.4rem;
}
.inner-open-close-wrapper .btns::after {
  content: "";
  width: 50%;
  height: 100%;
  background: #efc395;
  position: absolute;
  left: -2px;
  top: 0;
  z-index: 0;
  border-radius: 0.4rem;
  transition: all 0.36s;
}
.inner-open-close-wrapper .btns .btn-status {
  cursor: pointer;
  transition: all 0.36s;
}
.inner-open-close-wrapper .btns .txts {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.2rem;
  position: relative;
  z-index: 20;
}
.inner-open-close-wrapper .btns .btn-status-open {
  color: #333333;
}
.inner-open-close-wrapper .btns .btn-status-close {
  color: #efc395;
}
.inner-open-close-wrapper .btns .btn-status {
  flex: 1;
  text-align: center;
}
.inner-open-close-wrapper.close .btns::after {
  left: calc(50% + 2px);
}
.inner-open-close-wrapper.close .images {
  left: -100%;
}
.inner-open-close-wrapper.close .btn-status-open {
  color: #efc395;
}
.inner-open-close-wrapper.close .btn-status-close {
  color: #333333;
}

/* 空间折叠 */
.space-folding-wrapper {
  background: #181818;
}
.space-folding-wrap {
  color: #ffffff;
  padding: 1.4rem 3.6rem;
}
.space-folding-wrapper .inner-activity-title {
  margin-bottom: 0.2rem;
}
.space-folding-wrapper .inner-activity-subtitle {
  margin-bottom: 0.3rem;
}
.space-folding-wrapper .inner-comm-desc {
  color: rgba(255, 255, 255, 0.8);
  padding: 0;
}
.space-folding-wrapper .images {
  padding: 1rem 0;
  display: flex;
  justify-content: space-between;
}
.space-folding-wrapper .img-box {
  overflow: hidden;
}
.space-folding-wrapper .img {
  display: block;
  width: 100%;
  cursor: pointer;
  transition: all 0.36s;
}
.space-folding-wrapper .img-title {
  font-size: 0.18rem;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 0.16rem 0;
}
.space-folding-wrapper .img-box-01 {
  width: 2.1rem;
  margin-top: 1.34rem;
}
.space-folding-wrapper .img-box-02 {
  width: 1.6rem;
  margin-top: 2.9rem;
}
.space-folding-wrapper .img-box-03 {
  width: 3.6rem;
  margin-top: 0.6rem;
}
.space-folding-wrapper .img-box-04 {
  width: 2.7rem;
}
.space-folding-wrapper .img:hover {
  transform: scale(1.25);
}
.space-folding-wrapper .big-image {
  display: block;
  width: 100%;
}
.space-folding-wrapper .bot-desc {
  padding: 0.9rem 0.3rem 1.2rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .space-folding-wrap {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }
  .space-folding-wrapper .images {
    flex-direction: column;
  }
  .space-folding-wrapper .img-box {
    width: 100%;
    margin: 0.2rem 0;
  }
}

/* 认知折叠 */
.cognitive-folding-wrapper {
  padding-top: 1.1rem;
}
.cognitive-folding-wrap {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.cognitive-folding-wrapper .inner-activity-title {
  margin-bottom: 0.2rem;
}
.cognitive-folding-wrapper .inner-activity-subtitle {
  margin-bottom: 0.3rem;
}
.cognitive-folding-wrapper .big-image {
  display: block;
  width: 100%;
  margin-top: 0.5rem;
}

/* 双图模块 */
.double-images-wrapper {
  padding-top: 1.1rem;
}
.double-images-wrapper .images {
  margin-top: 0.5rem;
  display: flex;
}
.double-images-wrapper .img-box {
  width: 50%;
  overflow: hidden;
}
.double-images-wrapper .img {
  display: block;
  width: 100%;
  transition: all 0.36s;
}
.double-images-wrapper .img:hover {
  transform: scale(1.25);
}

/* 影像列表 */
.inner-image-center-list-wrapper {
  padding: 1.1rem 2.6rem;
}
.inner-image-center-list-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.inner-image-center-list-wrapper .item-wrap {
  width: 6.2rem;
  cursor: pointer;
  border-bottom: 1px solid #f9f9f9;
  padding-bottom: 0.4rem;
  margin-bottom: 0.6rem;
  position: relative;
}
.inner-image-center-list-wrapper .media-box {
  position: relative;
  overflow: hidden;
  height: 3.5rem;
  width: 100%;
}
.inner-image-center-list-wrapper .poster {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: all 0.36s;
}
.inner-image-center-list-wrapper .poster:hover {
  transform: scale(1.25);
}
.inner-image-center-list-wrapper .title {
  font-size: 0.24rem;
  color: #333333;
  padding: 0.3rem 0 0.1rem;
}
.inner-image-center-list-wrapper .date {
  color: #999999;
  font-size: 0.18rem;
}
.inner-image-center-list-wrapper .icon-play {
  color: #ffffff;
  font-size: 0.6rem;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.inner-image-center-list-wrapper .item-wrap.is-video .icon-play {
  opacity: 1;
}
.inner-image-center-list-wrapper .item-wrap:first-child {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.inner-image-center-list-wrapper .item-wrap:first-child .media-box {
  width: 8.25rem;
  height: 4.65rem;
  flex-shrink: 0;
}
.inner-image-center-list-wrapper .item-wrap:first-child .txt-box {
  display: flex;
  flex-direction: column;
}
.inner-image-center-list-wrapper .item-wrap:first-child .title {
  font-size: 0.3rem;
  padding-right: 1.5rem;
  margin-bottom: 0.2rem;
}
@media screen and (max-width: 768px) {
  .inner-image-center-list-wrapper {
    padding: 0.9rem 0.3rem;
  }
  .inner-image-center-list-wrapper .item-wrap {
    width: 100%;
  }
  .inner-image-center-list-wrapper .item-wrap:first-child {
    flex-direction: column;
  }
  .inner-image-center-list-wrapper .item-wrap:first-child .media-box {
    width: 100%;
  }
  .inner-image-center-list-wrapper .title {
    font-size: 0.32rem;
    margin-bottom: 0.04rem;
  }
  .inner-image-center-list-wrapper .item-wrap:first-child .title {
    margin-bottom: 0.04rem;
  }
  .inner-image-center-list-wrapper .date {
    font-size: 0.26rem;
  }
}

/* 品牌优势 */
.inner-branded-advantages-wrapper {
  padding: 1.4rem 2.6rem;
  background: #1a1a1a;
  position: relative;
}
.inner-branded-advantages-wrapper .inner-comm-title {
  color: #efc395 !important;
}
.inner-branded-advantages-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 10px,
    rgba(255, 255, 255, 0.02) 10px,
    rgba(255, 255, 255, 0.02) 20px
  );
  pointer-events: none;
}
.inner-branded-advantages-wrapper .list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 0.4rem;
  margin-top: 1.5rem;
}
.inner-branded-advantages-wrapper .item {
  background: #2a2a2a;
  padding: 0.8rem 0.6rem;
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 2.8rem;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}
.inner-branded-advantages-wrapper .item::before {
  content: "";
  position: absolute;
  top: -50%;
  right: -20%;
  width: 2rem;
  height: 2rem;
  background: rgba(255, 255, 255, 0.03);
  border-radius: 50%;
  transform: rotate(45deg);
  pointer-events: none;
}
.inner-branded-advantages-wrapper .item::after {
  content: "";
  position: absolute;
  bottom: -30%;
  left: -10%;
  width: 1.5rem;
  height: 1.5rem;
  background: rgba(255, 255, 255, 0.02);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  pointer-events: none;
}
.inner-branded-advantages-wrapper .item:hover {
  transform: translateY(-0.15rem);
  box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.3);
}
.inner-branded-advantages-wrapper .item .title {
  font-size: 0.28rem;
  font-weight: bold;
  color: #ffffff;
  margin-bottom: 0.3rem;
  line-height: 1.4;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
.inner-branded-advantages-wrapper .item .desc {
  font-size: 0.18rem;
  color: rgba(255, 255, 255, 0.9);
  line-height: 1.6;
  flex: 1;
  margin-bottom: 1rem;
  position: relative;
  z-index: 1;
}
.inner-branded-advantages-wrapper .item .icon-box {
  position: absolute;
  bottom: 0.4rem;
  left: 0.6rem;
  width: 0.6rem;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 1;
}
.inner-branded-advantages-wrapper .item .icon-box svg {
  width: 0.5rem;
  height: 0.5rem;
  opacity: 0.9;
}
.inner-branded-advantages-wrapper .item .icon-box i {
  font-size: 0.5rem;
  color: #ffffff;
  opacity: 0.8;
}
.inner-branded-advantages-wrapper .item-01 {
  width: 100%;
}
.inner-branded-advantages-wrapper .item-01::before {
  top: -40%;
  right: -15%;
  width: 2.2rem;
  height: 2.2rem;
  clip-path: polygon(
    30% 0%,
    70% 0%,
    100% 30%,
    100% 70%,
    70% 100%,
    30% 100%,
    0% 70%,
    0% 30%
  );
  border-radius: 0;
}
.inner-branded-advantages-wrapper .item-01::after {
  bottom: -25%;
  left: -8%;
  width: 1.8rem;
  height: 1.8rem;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.inner-branded-advantages-wrapper .item-02 {
  width: 100%;
}
.inner-branded-advantages-wrapper .item-02::before {
  top: -35%;
  right: -12%;
  width: 1.8rem;
  height: 1.8rem;
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  border-radius: 0;
}
.inner-branded-advantages-wrapper .item-02::after {
  bottom: -20%;
  left: -5%;
  width: 1.2rem;
  height: 1.2rem;
  clip-path: circle(50%);
}

.inner-branded-advantages-wrapper .item-03 {
  width: 100%;
}
.inner-branded-advantages-wrapper .item-03::before {
  top: -45%;
  right: -18%;
  width: 2rem;
  height: 2rem;
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  border-radius: 0;
}
.inner-branded-advantages-wrapper .item-03::after {
  bottom: -30%;
  left: -12%;
  width: 1.5rem;
  height: 1.5rem;
  clip-path: polygon(
    30% 0%,
    70% 0%,
    100% 30%,
    100% 70%,
    70% 100%,
    30% 100%,
    0% 70%,
    0% 30%
  );
}

.inner-branded-advantages-wrapper .item-04 {
  width: 100%;
}
.inner-branded-advantages-wrapper .item-04::before {
  top: -38%;
  right: -10%;
  width: 1.6rem;
  height: 1.6rem;
  clip-path: polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 57%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 57%,
    2% 35%,
    39% 35%
  );
  border-radius: 0;
}
.inner-branded-advantages-wrapper .item-04::after {
  bottom: -25%;
  left: -8%;
  width: 1.4rem;
  height: 1.4rem;
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.inner-branded-advantages-wrapper .item-05 {
  width: 100%;
}
.inner-branded-advantages-wrapper .item-05::before {
  top: -42%;
  right: -15%;
  width: 2.1rem;
  height: 2.1rem;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  border-radius: 0;
}
.inner-branded-advantages-wrapper .item-05::after {
  bottom: -28%;
  left: -10%;
  width: 1.6rem;
  height: 1.6rem;
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}

.inner-branded-advantages-wrapper .item-06 {
  width: 100%;
}
.inner-branded-advantages-wrapper .item-06::before {
  top: -40%;
  right: -12%;
  width: 1.9rem;
  height: 1.9rem;
  clip-path: polygon(
    30% 0%,
    70% 0%,
    100% 30%,
    100% 70%,
    70% 100%,
    30% 100%,
    0% 70%,
    0% 30%
  );
  border-radius: 0;
}
.inner-branded-advantages-wrapper .item-06::after {
  bottom: -22%;
  left: -6%;
  width: 1.3rem;
  height: 1.3rem;
  clip-path: circle(50%);
}

.inner-branded-advantages-wrapper .item-07 {
  width: 100%;
}
.inner-branded-advantages-wrapper .item-07::before {
  top: -36%;
  right: -18%;
  width: 2rem;
  height: 2rem;
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  border-radius: 0;
}
.inner-branded-advantages-wrapper .item-07::after {
  bottom: -30%;
  left: -9%;
  width: 1.7rem;
  height: 1.7rem;
  clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}

.inner-branded-advantages-wrapper .item-08 {
  width: 100%;
}
.inner-branded-advantages-wrapper .item-08::before {
  top: -44%;
  right: -14%;
  width: 2.2rem;
  height: 2.2rem;
  clip-path: polygon(
    50% 0%,
    61% 35%,
    98% 35%,
    68% 57%,
    79% 91%,
    50% 70%,
    21% 91%,
    32% 57%,
    2% 35%,
    39% 35%
  );
  border-radius: 0;
}
.inner-branded-advantages-wrapper .item-08::after {
  bottom: -26%;
  left: -7%;
  width: 1.5rem;
  height: 1.5rem;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
@media screen and (max-width: 768px) {
  .inner-branded-advantages-wrapper {
    padding: 0.9rem 0.3rem;
  }
  .inner-branded-advantages-wrapper .list {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, auto);
    gap: 0.3rem;
  }
  .inner-branded-advantages-wrapper .item {
    margin-bottom: 0;
    padding: 0.6rem 0.4rem;
    min-height: auto;
  }
  .inner-branded-advantages-wrapper .item .title {
    font-size: 0.26rem;
  }
  .inner-branded-advantages-wrapper .item .desc {
    font-size: 0.2rem;
  }
  .inner-branded-advantages-wrapper .item .icon-box {
    bottom: 0.3rem;
    left: 0.4rem;
  }
}

/* 加盟优势 */
.inner-advantages-of-joining-wrapper {
  background: #181818;
  padding: 1.4rem 2.6rem;
}
.inner-advantages-of-joining-wrapper .list {
  display: flex;
  flex-wrap: wrap;
  color: #ffffff;
  justify-content: space-between;
  margin-top: 1.5rem;
}
.inner-advantages-of-joining-wrapper .item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-shrink: 0;
}
.inner-advantages-of-joining-wrapper .inner-activity-subtitle {
  text-align: left;
  margin-bottom: 0.2rem;
  margin-top: 0.3rem;
}
.inner-advantages-of-joining-wrapper .inner-comm-desc {
  color: rgba(255, 255, 255, 0.8);
  text-align: left;
}
.inner-advantages-of-joining-wrapper .icon {
  display: flex;
  width: 1.12rem;
  height: 1.12rem;
}
.inner-advantages-of-joining-wrapper .image-box {
  position: relative;
}
.inner-advantages-of-joining-wrapper .image {
  display: block;
  width: 100%;
  transition: all 0.36s;
}
.inner-advantages-of-joining-wrapper .item-01 {
  width: 4.5rem;
}
.inner-advantages-of-joining-wrapper .item-02 {
  width: 6.5rem;
}
.inner-advantages-of-joining-wrapper .item-03 {
  width: 4.96rem;
  margin-top: 1.1rem;
}
.inner-advantages-of-joining-wrapper .item-03 .inner-comm-desc {
  margin-top: 0.4rem;
}
.inner-advantages-of-joining-wrapper .item-04 {
  width: 6.9rem;
  margin-top: 5rem;
}
.inner-advantages-of-joining-wrapper .item-04 .inner-comm-desc {
  margin-top: 0.7rem;
}
.inner-advantages-of-joining-wrapper .item-05 {
  width: 4.8rem;
  margin-top: 1.4rem;
}
.inner-advantages-of-joining-wrapper .item-06 {
  width: 6.64rem;
  margin-top: 1.4rem;
}
.inner-advantages-of-joining-wrapper .item-07 {
  width: 7.48rem;
  margin-top: 1.6rem;
}
.inner-advantages-of-joining-wrapper .item-08 {
  width: 4.4rem;
  margin-top: 2rem;
}
.inner-advantages-of-joining-wrapper .supports {
  display: flex;
  flex-wrap: wrap;
}
.inner-advantages-of-joining-wrapper .support {
  font-size: 0.18rem;
  width: 50%;
  color: rgba(255, 255, 255, 0.8);
  line-height: 2;
}
.inner-advantages-of-joining-wrapper .image:hover {
  transform: scale(1.25);
}
@media screen and (max-width: 768px) {
  .inner-advantages-of-joining-wrapper {
    padding: 0.9rem 0.3rem;
  }
  .inner-advantages-of-joining-wrapper .list {
    flex-direction: column;
  }
  .inner-advantages-of-joining-wrapper .item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0.6rem;
  }
  .inner-advantages-of-joining-wrapper .inner-activity-subtitle {
    text-align: center;
  }
  .inner-advantages-of-joining-wrapper .inner-comm-desc {
    text-align: center;
  }
  .inner-advantages-of-joining-wrapper .support {
    font-size: 0.26rem;
  }
}

/* 加盟形式 */
.inner-form-of-joining-wrapper {
  padding: 1.4rem 2.6rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-form-of-joining-wrapper .inner-comm-desc {
  color: rgba(255, 255, 255, 0.9);
}
@media screen and (max-width: 768px) {
  .inner-form-of-joining-wrapper {
    padding: 0.9rem 0.3rem;
  }
}

/* 可加盟城市 */
.inner-available-cities-wrapper {
  padding: 1.4rem 2.6rem;
  background: #ebeaea;
}
.inner-available-cities-wrapper .cities {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5rem;
}
.inner-available-cities-wrapper .city {
  width: 16.66666666%;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.inner-available-cities-wrapper .title-wrap {
  height: 64px;
  display: flex;
  align-items: center;
  font-size: 0.24rem;
  font-weight: bold;
  background: #333333;
  color: #ffffff;
  padding: 0 20px;
  justify-content: space-between;
  overflow: hidden;
  flex-shrink: 0;
}
.inner-available-cities-wrapper .icon-location {
  font-weight: normal;
  color: rgba(255, 255, 255, 0.8);
}
.inner-available-cities-wrapper .value-wrap {
  padding: 20px;
  flex: 1;
  background: #ffffff;
  overflow: hidden;
  background: #ffffff;
}
.inner-available-cities-wrapper .value-wrap .inner-comm-desc {
  text-align: left;
  font-size: 0.16rem;
  color: #666666;
}
@media screen and (max-width: 1366px) {
  .inner-available-cities-wrapper {
    padding: 1.4rem 1.4rem;
  }
  .inner-available-cities-wrapper .city {
    width: 20%;
  }
}
@media screen and (max-width: 1024px) {
  .inner-available-cities-wrapper {
    padding: 1.4rem 1.4rem;
  }
  .inner-available-cities-wrapper .city {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .inner-available-cities-wrapper {
    padding: 0.9rem 0.3rem;
  }
  .inner-available-cities-wrapper .city {
    width: 50%;
  }
  .inner-available-cities-wrapper .title-wrap {
    height: 0.8rem;
    font-size: 0.32rem;
  }
  .inner-available-cities-wrapper .value-wrap .inner-comm-desc {
    font-size: 0.28rem;
  }
}

/* 加盟流程 */
.inner-joining-process-wrapper {
  padding: 1.4rem 2.6rem;
}
.inner-joining-process-wrapper .process {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.inner-joining-process-wrapper .item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: 0.56rem;
  position: relative;
}
.inner-joining-process-wrapper .icon-box {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(239, 195, 149, 0.5);
  border-radius: 50%;
}
.inner-joining-process-wrapper .icon {
  display: block;
  width: 30%;
  transition: all 0.9s;
}
.inner-joining-process-wrapper .name {
  width: 1.5rem;
  text-align: center;
  margin-top: 0.32rem;
  font-size: 0.18rem;
}
.inner-joining-process-wrapper .icon-box:hover .icon {
  transform: rotateY(360deg);
}
.inner-joining-process-wrapper .arrow-icon {
  position: absolute;
  width: 0.36rem;
  height: 0.36rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  font-size: 0.18rem;
  z-index: 1;
  right: -0.18rem;
  top: 0.59rem;
  transform: scale(0.8);
  line-height: 0.9;
}
.inner-joining-process-wrapper .item:nth-child(4) .arrow-icon {
  top: auto;
  bottom: -0.28rem;
  left: 50%;
  margin-left: -0.16rem;
  transform: scale(0.8) rotate(90deg);
  padding-top: 1px;
}
.inner-joining-process-wrapper .item:nth-child(5) .arrow-icon {
  transform: scale(0.8) rotate(180deg);
}
.inner-joining-process-wrapper .item:nth-child(6) .arrow-icon {
  transform: scale(0.8) rotate(180deg);
}
.inner-joining-process-wrapper .item:nth-child(7) .arrow-icon {
  transform: scale(0.8) rotate(180deg);
}
.inner-joining-process-wrapper .item:last-child .arrow-icon {
  display: none;
}
@media screen and (max-width: 768px) {
  .inner-joining-process-wrapper {
    padding: 0.9rem 0.3rem;
  }
  .inner-joining-process-wrapper .icon-box {
    width: 1rem;
    height: 1rem;
  }
  .inner-joining-process-wrapper .arrow-icon {
    top: 0.34rem;
  }
  .inner-joining-process-wrapper .name {
    font-size: 0.24rem;
  }
}

/* 我要加盟 */
.inner-i-want-to-join-wrapper {
  padding: 1.4rem 2.6rem;
}
.inner-i-want-to-join-wrapper .form {
  width: 6.4rem;
  margin: 0.2rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 0.3rem;
}
.inner-i-want-to-join-wrapper .field-wrap {
  width: 3.1rem;
  border: 1px solid rgba(255, 255, 255, 0.75);
  height: 0.88rem;
  margin-bottom: 16px;
}
.inner-i-want-to-join-wrapper .ipt {
  border: none;
  background: none;
  width: 100%;
  height: 100%;
  padding: 0 18px;
  color: #ffffff;
  font-size: 0.2rem;
}
.inner-i-want-to-join-wrapper .select {
  border: none;
  background: none;
  width: 100%;
  height: 100%;
  padding: 0 18px;
  color: #ffffff;
  font-size: 0.2rem;
}
.inner-i-want-to-join-wrapper .select option {
  background: #333333;
}
.inner-i-want-to-join-wrapper .ipt::-webkit-input-placeholder {
  color: #ffffff;
}
.inner-i-want-to-join-wrapper .ipt::-moz-placeholder {
  color: #ffffff;
}
.inner-i-want-to-join-wrapper .ipt:-ms-input-placeholder {
  color: #ffffff;
}
.inner-i-want-to-join-wrapper .ipt::-ms-input-placeholder {
  color: #ffffff;
}
.inner-i-want-to-join-wrapper .ipt::placeholder {
  color: #ffffff;
}
.inner-i-want-to-join-wrapper .ipt.empty::placeholder {
  color: #ff1e10;
}
.inner-i-want-to-join-wrapper .submit {
  height: 0.84rem;
  width: 100%;
  color: #333333;
  background: #efc395;
  cursor: pointer;
  transition: all 0.36s;
  font-size: 0.18rem;
  border: none;
  outline: none;
  font-size: 0.24rem;
}
.inner-i-want-to-join-wrapper .submit:hover {
  opacity: 0.9;
}
@media screen and (max-width: 768px) {
  .inner-i-want-to-join-wrapper {
    padding: 0.9rem 0.3rem;
  }
  .inner-i-want-to-join-wrapper .ipt {
    font-size: 0.26rem;
  }
  .inner-i-want-to-join-wrapper .select {
    font-size: 0.26rem;
  }
  .inner-i-want-to-join-wrapper .submit {
    font-size: 0.3rem;
  }
}

/* 门店搜索 */
.inner-store-search-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inner-store-search-wrapper .left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.inner-store-search-wrapper .left .field {
  margin-right: 0.35rem;
}
.inner-store-search-wrapper .select {
  font-size: var(--content-size);
  color: #999999;
  border-radius: 0.3rem;
  width: 1.9rem;
  height: 0.6rem;
  padding: 0 0.16rem;
  background: #ffffff;
}
.inner-store-search-wrapper .search-button {
  width: 1.1rem;
  height: 0.6rem;
  background: #333333;
  border-radius: 0.3rem;
  font-size: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.6s;
}
.inner-store-search-wrapper .search-button:hover {
  opacity: 0.86;
}
@media screen and (max-width: 768px) {
  .inner-store-search-wrapper {
    flex-direction: column;
  }
  .inner-store-search-wrapper .left .field {
    margin-bottom: 0.32rem;
    margin-right: 0.22rem;
  }
  .inner-store-search-wrapper .select {
    width: 2rem;
    height: 0.8rem;
    font-size: 0.26rem;
    border-radius: 0.4rem;
  }
  .inner-store-search-wrapper .search-button {
    width: 1.2rem;
    height: 0.8rem;
    font-size: 0.3rem;
    border-radius: 0.4rem;
  }
}

/* 全国门店地图查询按钮 */
.global-store-query-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.6rem;
  background: #333333;
  border-radius: 0.3rem;
  font-size: var(--content-size);
  cursor: pointer;
  transition: all 0.6s;
  padding: 0 0.3rem;
}
.global-store-query-button-wrapper:hover {
  opacity: 0.86;
}
.global-store-query-button-wrapper .map-icon {
  font-size: 0.3rem;
  margin-right: 6px;
}
@media screen and (max-width: 768px) {
  .global-store-query-button-wrapper {
    height: 0.8rem;
    border-radius: 0.4rem;
    font-size: 0.26rem;
  }
  .global-store-query-button-wrapper .map-icon {
    font-size: 0.36rem;
    margin-right: 0.16rem;
  }
}

/* 热门城市标签 */
.inner-hot-cities-wrapper {
  font-size: 0.18rem;
  color: #999999;
  padding-top: 0.5rem;
  padding-bottom: 0.36rem;
  border-bottom: 1px solid #dbdbdb;
}
.inner-hot-cities-wrapper .label {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  transition: all 0.36s;
}
.inner-hot-cities-wrapper .label:not(:first-child):hover {
  color: #efc395;
}
@media screen and (max-width: 768px) {
  .inner-hot-cities-wrapper {
    font-size: 0.28rem;
  }
}

/* 门店列表 */
.inner-store-list-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.45rem;
}
.inner-store-list-wrapper .item {
  width: 25%;
  padding: 0.12rem;
}
.inner-store-list-wrapper .inner {
  background: #ffffff;
  height: 100%;
  padding: 0.34rem;
  font-size: 0.14rem;
  color: #8e8e8e;
  line-height: 2;
  transition: all 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.inner-store-list-wrapper .title {
  font-size: 0.18rem;
  color: #333333;
  margin-bottom: 5px;
}
.inner-store-list-wrapper .row {
  display: flex;
  align-items: flex-start;
}
.inner-store-list-wrapper .row .iconfont {
  flex-shrink: 0;
  margin-right: 3px;
  font-size: 0.16rem;
  line-height: 1.6;
}
.inner-store-list-wrapper .tel {
  line-height: 1;
  margin-top: 0.16rem;
}
.inner-store-list-wrapper .tel .iconfont {
  font-size: 0.2rem;
}
.inner-store-list-wrapper .row .label {
  flex-shrink: 0;
  margin-right: 3px;
  line-height: 1.6;
}
.inner-store-list-wrapper .row .value {
  flex: 1;
  line-height: 1.6;
}
.inner-store-list-wrapper .bot {
  display: flex;
  align-items: center;
  justify-content: center;
}
.inner-store-list-wrapper .consulting-service-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.13rem 0.26rem;
  border: 1px solid #b3b3b3;
  font-size: 0.18rem;
  color: #666666;
  border-radius: 0.3rem;
  cursor: pointer;
  line-height: 1;
  margin-top: 0.26rem;
  transition: all 0.36s;
}
.inner-store-list-wrapper .inner:hover {
  background: #333333;
  color: #efc395;
}
.inner-store-list-wrapper .inner:hover .title {
  color: #efc395;
}
.inner-store-list-wrapper .inner:hover .consulting-service-button {
  border-color: #efc395;
  color: #efc395;
}
.inner-store-list-wrapper .inner:hover .consulting-service-button:hover {
  background: #ffffff;
  color: #333333;
  border-color: #333333;
}
@media screen and (max-width: 860px) {
  .inner-store-list-wrapper .item {
    width: 33.33333333%;
  }
}
@media screen and (max-width: 768px) {
  .inner-store-list-wrapper .item {
    width: 100%;
  }
  .inner-store-list-wrapper .inner {
    font-size: 0.26rem;
  }
  .inner-store-list-wrapper .title {
    font-size: 0.34rem;
  }
  .inner-store-list-wrapper .row .iconfont {
    font-size: 0.28rem;
    transform: translateY(-1px);
  }
  .inner-store-list-wrapper .tel .iconfont {
    font-size: 0.3rem;
  }
  .inner-store-list-wrapper .consulting-service-button {
    padding: 0.18rem 0.42rem;
    font-size: 0.26rem;
    border-radius: 0.5rem;
    margin-top: 0.44rem;
  }
}

/* 地图 */
#BMAP {
  height: 750px;
  width: 100%;
}
.map-store-item-info-window-wrapper {
  width: 345px;
  padding: 30px 45px;
  background: #ffffff;
  position: absolute;
  font-size: 14px;
  color: #8e8e8e;
  line-height: 1.8;
  transition: all 0.36s;
}
.map-store-item-info-window-wrapper .title {
  font-size: 18px;
  color: #333333;
  margin-bottom: 15px;
  text-align: center;
}
.map-store-item-info-window-wrapper .row {
  display: flex;
  align-items: flex-start;
}
.map-store-item-info-window-wrapper .row .iconfont {
  flex-shrink: 0;
  margin-right: 8px;
  font-size: 18px;
  transform: translateY(-3px);
}
.map-store-item-info-window-wrapper .tel {
  margin-top: 10px;
}
.map-store-item-info-window-wrapper .row .label {
  flex-shrink: 0;
  margin-right: 3px;
}
.map-store-item-info-window-wrapper .row .value {
  flex: 1;
}
.map-store-item-info-window-wrapper .bot {
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-store-item-info-window-wrapper .consulting-service-button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 26px;
  border: 1px solid #b3b3b3;
  font-size: 18px;
  color: #666666;
  border-radius: 30px;
  cursor: pointer;
  line-height: 1;
  margin-top: 26px;
  transition: all 0.36s;
}
.map-store-item-info-window-wrapper:hover {
  background: #333333;
  color: #efc395;
}
.map-store-item-info-window-wrapper:hover .title {
  color: #efc395;
}
.map-store-item-info-window-wrapper:hover .consulting-service-button {
  border-color: #efc395;
  color: #efc395;
}
.map-store-item-info-window-wrapper:hover .consulting-service-button:hover {
  background: #ffffff;
  color: #333333;
  border-color: #333333;
}
.map-store-item-info-window-wrapper .close-icon {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.36s;
}
.map-store-item-info-window-wrapper .close-icon:hover {
  color: #efc395;
}
@media screen and (max-width: 768px) {
  #BMAP {
    height: 80vh;
  }
  .map-store-item-info-window-wrapper {
    width: 300px;
    font-size: 14px;
    line-height: 1.6;
    padding: 30px 30px;
  }
  .map-store-item-info-window-wrapper .title {
    font-size: 16px;
    margin-bottom: 15px;
  }
  .map-store-item-info-window-wrapper .row .iconfont {
    font-size: 16px;
    transform: translateY(-2px);
  }
  .map-store-item-info-window-wrapper .consulting-service-button {
    padding: 10px 20px;
    font-size: 14px;
    margin-top: 20px;
  }
}

/* Bottom分类 */
.inner-bot-classify-wrapper {
  padding: 1.1rem 0.3rem;
}

/* 白色文字 */
.white {
  color: #efc395 !important;
}

/* 手机端字体大小 */
@media screen and (max-width: 768px) {
  .mtfz-24 {
    font-size: 0.24rem !important;
  }
  .mtfz-26 {
    font-size: 0.26rem !important;
  }
  .mtfz-27 {
    font-size: 0.28rem !important;
  }
  .mtfz-30 {
    font-size: 0.3rem !important;
  }
  .mtfz-32 {
    font-size: 0.32rem !important;
  }
  .mtfz-34 {
    font-size: 0.34rem !important;
  }
  .mtfz-36 {
    font-size: 0.36rem !important;
  }
  .mtfz-38 {
    font-size: 0.38rem !important;
  }
  .mtfz-40 {
    font-size: 0.4rem !important;
  }
  .mtfz-42 {
    font-size: 0.42rem !important;
  }
  .mtfz-44 {
    font-size: 0.44rem !important;
  }
  .mtfz-46 {
    font-size: 0.46rem !important;
  }
  .mtfz-48 {
    font-size: 0.48rem !important;
  }
  .mtfz-50 {
    font-size: 0.5rem !important;
  }
  .mtfz-52 {
    font-size: 0.52rem !important;
  }
  .mtfz-54 {
    font-size: 0.54rem !important;
  }
  .mtfz-56 {
    font-size: 0.56rem !important;
  }
  .mtfz-58 {
    font-size: 0.58rem !important;
  }
  .mtfz-60 {
    font-size: 0.6rem !important;
  }
  .mtfz-62 {
    font-size: 0.62rem !important;
  }
  .mtfz-64 {
    font-size: 0.64rem !important;
  }
  .mtfz-66 {
    font-size: 0.66rem !important;
  }
  .mtfz-68 {
    font-size: 0.68rem !important;
  }
  .mtfz-70 {
    font-size: 0.7rem !important;
  }
  .mtfz-72 {
    font-size: 0.72rem !important;
  }
  .mtfz-74 {
    font-size: 0.74rem !important;
  }
  .mtfz-76 {
    font-size: 0.76rem !important;
  }
  .mtfz-78 {
    font-size: 0.78rem !important;
  }
  .mtfz-80 {
    font-size: 0.8rem !important;
  }
  .mtfz-82 {
    font-size: 0.82rem !important;
  }
  .mtfz-84 {
    font-size: 0.84rem !important;
  }
  .mtfz-86 {
    font-size: 0.86rem !important;
  }
  .mtfz-88 {
    font-size: 0.88rem !important;
  }
  .mtfz-90 {
    font-size: 0.9rem !important;
  }
  .mtfz-92 {
    font-size: 0.92rem !important;
  }
  .mtfz-94 {
    font-size: 0.94rem !important;
  }
  .mtfz-96 {
    font-size: 0.96rem !important;
  }
  .mtfz-98 {
    font-size: 0.98rem !important;
  }
  .mtfz-100 {
    font-size: 1rem !important;
  }
  .mtfz-102 {
    font-size: 1.02rem !important;
  }
  .mtfz-104 {
    font-size: 1.04rem !important;
  }
  .mtfz-106 {
    font-size: 1.06rem !important;
  }
  .mtfz-108 {
    font-size: 1.08rem !important;
  }
  .mtfz-110 {
    font-size: 1.1rem !important;
  }
  .mtfz-112 {
    font-size: 1.12rem !important;
  }
  .mtfz-114 {
    font-size: 1.14rem !important;
  }
  .mtfz-116 {
    font-size: 1.16rem !important;
  }
  .mtfz-118 {
    font-size: 1.18rem !important;
  }
  .mtfz-120 {
    font-size: 1.2rem !important;
  }
  .mtfz-122 {
    font-size: 1.24rem !important;
  }
  .mtfz-124 {
    font-size: 1.26rem !important;
  }
  .mtfz-126 {
    font-size: 1.28rem !important;
  }
  .mtfz-128 {
    font-size: 1.3rem !important;
  }
  .mtfz-130 {
    font-size: 1.32rem !important;
  }
  .mtfz-132 {
    font-size: 1.34rem !important;
  }
  .mtfz-134 {
    font-size: 1.36rem !important;
  }
  .mtfz-136 {
    font-size: 1.38rem !important;
  }
  .mtfz-138 {
    font-size: 1.4rem !important;
  }
  .mtfz-140 {
    font-size: 1.42rem !important;
  }
  .mtfz-142 {
    font-size: 1.44rem !important;
  }
  .mtfz-144 {
    font-size: 1.46rem !important;
  }
  .mtfz-146 {
    font-size: 1.48rem !important;
  }
  .mtfz-148 {
    font-size: 1.5rem !important;
  }
  .mtfz-150 {
    font-size: 1.52rem !important;
  }
}

/**
 * ########################################################################################################################
 * ### 整体厨房
 * ########################################################################################################################
 */
/* 左右轮播图 */
.inner-page-content_integer-kitchen .inner-lr-swiper-wrapper {
  padding-top: 0;
  margin-bottom: 0px;
}
/* 大轮播图 */
.inner-page-content_integer-kitchen .inner-big-swiper-wrapper {
  margin-bottom: 0.78rem;
}
@media screen and (max-width: 768px) {
  .inner-page-content_integer-kitchen .inner-lr-swiper-wrapper {
    padding-top: 0;
  }
}

/**
 * ########################################################################################################################
 * ### TOP12
 * ########################################################################################################################
 */
/* 大图 */
/* .inner-page-content_top12 .inner-big-img-wrapper { padding-top: 1.4rem; } */

/* 2000 0.01 60 */
/**
 * ########################################################################################################################
 * ### 新闻详情
 * ########################################################################################################################
 */
.inner-news-details-wrapper {
  padding: 0 1.6rem;
  display: flex;
  border-bottom: 1px solid #f6f6f6;
  margin-bottom: 1.7rem;
}
.inner-news-details-wrapper .news-details-left {
  flex: 1;
  border-right: 1px solid #f6f6f6;
  overflow: hidden;
}
.inner-news-details-wrapper .news-details-right {
  width: 4.68rem;
  flex-shrink: 0;
  border-left: 1px solid #f6f6f6;
  font-size: 0.24rem;
  color: #333333;
}
.inner-news-details-wrapper .news-title {
  font-size: 0.42rem;
  color: #333333;
  font-weight: normal;
  margin-top: 0.9rem;
}
.inner-news-details-wrapper .news-info {
  padding-top: 0.3rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #f6f6f6;
}
.inner-news-details-wrapper .news-date {
  color: #666666;
  font-size: 0.18rem;
}
.inner-news-details-wrapper .news-content {
  font-size: 0.18rem;
  color: #666666;
  line-height: 1.68;
  padding-right: 1.3rem;
  padding-top: 0.3rem;
  padding-bottom: 0.9rem;
}
.inner-news-details-wrapper .news-content p {
  /* padding: 0.3rem 0; */
}
.inner-news-details-wrapper .news-content img {
  max-width: 100%;
  height: auto;
}
.inner-news-details-wrapper .news-content video {
  max-width: 100%;
  height: auto;
}
.inner-news-details-wrapper .news-item {
  padding: 0.4rem;
  display: flex;
  flex-direction: column;
  line-height: 1.5;
  border-bottom: 1px solid #f6f6f6;
  cursor: pointer;
}
.inner-news-details-wrapper .item-date {
  font-size: 0.18rem;
  color: #999999;
  margin-top: 0.2rem;
}
.inner-news-details-wrapper .news-list .news-item:hover {
  color: #000000;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .inner-news-details-wrapper {
    padding: 0 0.3rem;
    flex-direction: column;
  }
  .inner-news-details-wrapper .news-details-left {
    border-right: none;
  }
  .inner-news-details-wrapper .news-content {
    padding: 0.3rem 0;
  }
  .inner-news-details-wrapper .news-details-right {
    border-left: none;
    width: 100%;
    margin-top: 0.3rem;
    font-size: 0.3rem;
  }
  .inner-news-details-wrapper .news-item {
    padding: 0.4rem 0;
  }
  .inner-news-details-wrapper .news-date {
    font-size: 0.26rem;
  }
  .inner-news-details-wrapper .item-date {
    font-size: 0.26rem;
  }
}

/**
 * ########################################################################################################################
 * ### 大师 - 伊拉希玛
 * ########################################################################################################################
 */
.inner-page-content_master_iracema .inner-module-title-wrapper {
  padding-top: 0.3rem;
}
/*.inner-page-content_master_iracema .inner-bot-classify-wrapper { margin-top: 0.9rem; }*/
.inner-page-content_master_iracema .inner-master-in-a-wrod {
  margin-bottom: 0.9rem;
}
@media screen and (max-width: 768px) {
  .inner-page-content_master_iracema .inner-tabs-list {
    justify-content: center;
  }
}

/**
 * ########################################################################################################################
 * ### 大师 - 桑德拉
 * ########################################################################################################################
 */
.inner-page-content_master_sandra .inner-module-title-wrapper {
  padding-top: 0.3rem;
}
.inner-page-content_master_sandra .inner-master-video-bot-wrapper .avatar {
  width: 40%;
  margin-left: -20%;
}
.inner-page-content_master_sandra .inner-master-video-bot-wrapper .autograph {
  width: 40%;
  margin-left: -20%;
  bottom: 0.3rem;
}
/*.inner-page-content_master_sandra .inner-bot-classify-wrapper { margin-top: 0.9rem; }*/
.inner-page-content_master_sandra .inner-master-in-a-wrod {
  margin-bottom: 0.9rem;
}
@media screen and (max-width: 768px) {
  .inner-page-content_master_sandra .inner-tabs-list {
    justify-content: center;
  }
}

/**
 * ########################################################################################################################
 * ### 大师 - 卡拉扬
 * ########################################################################################################################
 */
.inner-page-content_master_chalayan .inner-master-brief-wrapper .name {
  width: 26%;
}
.inner-page-content_master_chalayan .inner-maste-works-wrapper::after {
  height: 81%;
}
.inner-page-content_master_chalayan .inner-module-title-wrapper {
  padding-top: 0.3rem;
}
.inner-page-content_master_chalayan .inner-master-video-bot-wrapper .avatar {
  width: 38%;
  margin-left: -19%;
}
.inner-page-content_master_chalayan .inner-master-video-bot-wrap .autograph {
  width: 16%;
  margin-left: -8%;
  bottom: 0.3rem;
}
.inner-page-content_master_chalayan .inner-master-in-a-wrod {
  margin-bottom: 0.9rem;
}
@media screen and (max-width: 768px) {
  .inner-page-content_master_chalayan .inner-tabs-list {
    justify-content: center;
  }
}

/**
 * ########################################################################################################################
 * ### 热门活动 - 纳瓦罗橱柜
 * ########################################################################################################################
 */
.inner-page-content_activity_nawaluo
  .time-folding-title-wrapper
  .inner-activity-title {
  margin-bottom: 0.2rem;
}
.inner-page-content_activity_nawaluo
  .time-folding-title-wrapper
  .inner-activity-subtitle {
  margin-bottom: 0.3rem;
}
.inner-page-content_activity_nawaluo .inner-in-a-wrod {
  margin-top: 0.9rem;
  margin-bottom: 1.4rem;
}

/**
 * ########################################################################################################################
 * ### 门店列表
 * ########################################################################################################################
 */
.inner-page-content_store-list {
  background: #eeeeee;
}
.inner-page-content_store-list .inner-banner-wrapper {
  height: 3.85rem;
}

/**
 * ########################################################################################################################
 * ### 门店地图
 * ########################################################################################################################
 */
.inner-page-content_store-map .inner-store-search-wrapper {
  position: fixed;
  z-index: 10;
  left: 50%;
  top: 14%;
  transform: translateX(-50%);
}
.inner-page-content_store-map
  .inner-store-search-wrapper
  .left
  .field:nth-last-child(1) {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .inner-page-content_store-map .inner-store-search-wrapper {
    flex-direction: row;
    width: 100%;
    justify-content: center;
  }
}

/**
 * ########################################################################################################################
 * ### 创始人介绍
 * ########################################################################################################################
 */
.inner-page-content_founder-introduction {
  padding-bottom: 0.4rem;
  overflow: visible;
}
/* TOP */
.founder-introduction-top-wrapper {
  background-color: #ebeaea;
  height: 6.6rem;
  padding-top: 1.34rem;
  position: relative;
}
.founder-introduction-top-wrapper .inner-comm-title {
  z-index: 10;
  position: relative;
}
.founder-introduction-top-wrapper .image-box-outer {
  position: relative;
}
.founder-introduction-top-wrapper .image-box-outer::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 10;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  transition: all 1s;
}
.founder-introduction-top-wrapper .image {
  display: block;
  width: 100%;
}
.founder-introduction-top-wrapper .image-box-outer-01 {
  width: 2.8rem;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 2.1rem;
}
.founder-introduction-top-wrapper .image-box-outer-02 {
  width: 4.26rem;
  position: absolute;
  z-index: 10;
  right: 0;
  top: 3.3rem;
}
.founder-introduction-top-wrapper
  .image-box-outer[data-is-in-viewport="true"]::after {
  height: 0;
}
.founder-introduction-top-wrapper
  .image-box-outer[data-scroll-reveal-complete="true"]::after {
  height: 0;
}
/* CEO */
.founder-introduction-ceo-wrapper .inner-comm-title.cn {
  margin-bottom: 0.15rem;
}
.founder-introduction-ceo-wrapper .inner-comm-subtitle {
  text-align: center;
  font-size: 0.24rem;
  padding-bottom: 0.6rem;
}
.founder-introduction-ceo-wrapper .cols {
  display: flex;
  padding-bottom: 1.4rem;
}
.founder-introduction-ceo-wrapper .col {
  flex: 1;
}
.founder-introduction-ceo-wrapper .col.mid {
  flex-shrink: 0;
}
.founder-introduction-ceo-wrapper .col .col-content {
  display: flex;
  flex-direction: column;
}
.founder-introduction-ceo-wrapper .image-box-outer {
  position: relative;
  z-index: 10;
}
.founder-introduction-ceo-wrapper .image-box-outer::after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 10;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  transition: all 1s;
}
.founder-introduction-ceo-wrapper .image {
  display: block;
  width: 100%;
}
.founder-introduction-ceo-wrapper .image-box-outer-01 {
  width: 3.4rem;
  margin-top: 3.4rem;
  margin-left: 1.9rem;
}
.founder-introduction-ceo-wrapper .image-box-outer-02 {
  width: 4.4rem;
  margin-top: 3.1rem;
}
.founder-introduction-ceo-wrapper .image-box-outer-03 {
  width: 5.3rem;
  margin-top: -2.6rem;
  margin-left: auto;
  margin-right: auto;
}
.founder-introduction-ceo-wrapper .image-box-outer-04 {
  width: 2.58rem;
  margin-top: -2.4rem;
  align-self: flex-end;
  margin-right: -0.8rem;
}
.founder-introduction-ceo-wrapper .image-box-outer-05 {
  width: 3.5rem;
  margin-top: 6.3rem;
  align-self: flex-end;
}
.founder-introduction-ceo-wrapper .descs {
  color: #999999;
  font-size: 0.18rem;
  line-height: 1.8;
  text-align: left;
  width: 7.35rem;
}
.founder-introduction-ceo-wrapper .descs p {
  margin-bottom: 20px;
}
.founder-introduction-ceo-wrapper
  .image-box-outer[data-is-in-viewport="true"]::after {
  height: 0;
}
.founder-introduction-ceo-wrapper
  .image-box-outer[data-scroll-reveal-complete="true"]::after {
  height: 0;
}
/* 视频 */
.inner-page-content_founder-introduction .inner-video-wrapper {
  height: 6.64rem;
}
/* 多重身份 */
.inner-page-content_founder-introduction .inner-top-classify-wrapper {
  padding-top: 0.86rem;
  padding-bottom: 0.1rem;
  background: #ffffff;
}
.inner-page-content_founder-introduction .inner-tabs-list {
  position: sticky;
  top: 80px;
  z-index: 30;
  padding-bottom: 0.4rem;
  margin-bottom: 0;
  background-color: #ffffff;
  border-bottom: 2px solid #f1f1f1;
}
.multiple-identities-module-wrapper {
  padding: 0.86rem 2.4rem;
}
.multiple-identities-module-wrapper .inner-comm-title {
  text-align: left;
}
.multiple-identities-module-wrapper .multiple-identities-module-wrap {
  display: flex;
  justify-content: space-between;
}
.multiple-identities-module-wrapper.reverse .multiple-identities-module-wrap {
  flex-direction: row-reverse;
}
.multiple-identities-module-wrapper .images-wrapper {
  width: 42%;
  flex-shrink: 0;
}
.multiple-identities-module-wrapper .images-wrap {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.multiple-identities-module-wrapper .images-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  left: 0;
  top: -100%;
  opacity: 0;
  transition: all 0.8s;
}
.multiple-identities-module-wrapper .images-group.active {
  top: 0;
  opacity: 1;
}
.multiple-identities-module-wrapper .image-box {
  position: relative;
  position: relative;
  z-index: 10;
}
.multiple-identities-module-wrapper .image-box::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 10;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
  transition: all 1s;
}
.multiple-identities-module-wrapper .image {
  display: block;
  width: 100%;
}
.multiple-identities-module-wrapper .list-wrapper {
  width: 42%;
  flex-shrink: 0;
}
.multiple-identities-module-wrapper .list-wrapper .li {
  font-size: 0.18rem;
  color: #333333;
  padding: 0.22rem 0;
  position: relative;
  line-height: 1.8;
}
.multiple-identities-module-wrapper .list-wrapper .li::after {
  content: "";
  width: 0;
  height: 1px;
  background-color: #333333;
  position: absolute;
  left: 0;
  bottom: 0.18rem;
  z-index: 10;
  transition: all 0.4s;
}
.multiple-identities-module-wrapper .list-wrapper .li.active::after {
  width: 100%;
}
.multiple-identities-module-wrapper .list-wrapper .li:hover {
  color: #666666;
  cursor: pointer;
}
.multiple-identities-module-wrapper
  .image-box[data-is-in-viewport="true"]::after {
  height: 0;
}
.multiple-identities-module-wrapper
  .image-box[data-scroll-reveal-complete="true"]::after {
  height: 0;
}
#module01 .image-box-01 {
  width: 2.6rem;
  align-self: flex-end;
  margin-right: 0.5rem;
}
#module01 .image-box-02 {
  width: 3.2rem;
  margin-top: -0.6rem;
  z-index: 9;
}
#module01 .image-box-03 {
  width: 1.9rem;
  align-self: flex-end;
  margin-top: -1.6rem;
  margin-right: 0.66rem;
}
#module02 .images-group {
  padding-top: 4rem;
}
#module02 .image-box-01 {
  width: 2.6rem;
}
#module02 .image-box-02 {
  width: 2.2rem;
  margin-left: 2.8rem;
  margin-top: -3.6rem;
}
#module02 .image-box-03 {
  width: 2.4rem;
  align-self: center;
  margin-top: 0.2rem;
}
#module03 .image-box-01 {
  width: 2rem;
  align-self: flex-end;
}
#module03 .image-box-02 {
  width: 3rem;
  margin-top: -1rem;
  align-self: flex-end;
  margin-right: 2.2rem;
}
#module03 .image-box-03 {
  width: 2.9rem;
  align-self: center;
  margin-top: 0.2rem;
  margin-right: -1.8rem;
}
#module04 .image-box-01 {
  width: 2.3rem;
  margin-left: 0.9rem;
}
#module04 .image-box-02 {
  width: 3rem;
  margin-top: -0.3rem;
}
#module04 .image-box-03 {
  width: 2.3rem;
  align-self: flex-end;
  margin-top: -2.6rem;
  margin-right: 0.2rem;
}
#module05 .image-box-01 {
  width: 3.2rem;
  align-self: flex-end;
}
#module05 .image-box-02 {
  width: 2.7rem;
  align-self: flex-end;
  margin-right: 2.7rem;
  margin-top: -1.8rem;
}
#module05 .image-box-03 {
  width: 1.9rem;
  align-self: flex-end;
  margin-right: 0.6rem;
  margin-top: -1.6rem;
}
#module06 .list-wrapper {
  padding: 0.6rem 0;
}
#module06 .images-wrapper {
  padding-top: 0.8rem;
}
#module06 .image-box-01 {
  width: 4.1rem;
  align-self: flex-end;
}
#module06 .image-box-02 {
  width: 3.36rem;
  margin-top: -0.2rem;
}
#module06 .image-box-03 {
  width: 2.2rem;
  margin-left: 3.56rem;
  margin-top: -4rem;
}
@media screen and (max-width: 1366px) {
  .inner-page-content_founder-introduction .inner-tabs-list {
    top: 72px;
  }
}
@media screen and (max-width: 1024px) {
  .inner-page-content_founder-introduction .inner-tabs-list {
    top: 70px;
  }
}
@media screen and (max-width: 860px) {
  .inner-page-content_founder-introduction .inner-tabs-list {
    top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .inner-page-content_founder-introduction .inner-tabs-list {
    top: 58px;
  }
  /* TOP */
  .founder-introduction-top-wrapper .image-box-outer-01 {
    z-index: 0;
    width: 2rem;
    top: 20px;
  }
  .founder-introduction-top-wrapper .image-box-outer-02 {
    z-index: 0;
    width: 3rem;
    top: 4.2rem;
  }
  /* CEO */
  .founder-introduction-ceo-wrapper .cols {
    flex-direction: column;
  }
  .founder-introduction-ceo-wrapper .col {
    width: 100%;
  }
  .founder-introduction-ceo-wrapper .image-box-outer-01 {
    margin-top: 0.3rem;
  }
  .founder-introduction-ceo-wrapper .image-box-outer-02 {
    margin-top: 0.5rem;
  }
  .founder-introduction-ceo-wrapper .image-box-outer-03 {
    margin-top: -1.5rem;
    align-self: flex-end;
    margin-left: 0;
    margin-right: 0.4rem;
  }
  .founder-introduction-ceo-wrapper .image-box-outer-04 {
    margin-right: 0.1rem;
  }
  .founder-introduction-ceo-wrapper .image-box-outer-05 {
    align-self: flex-start;
    margin-top: 0.4rem;
    margin-left: 0.6rem;
  }
  .founder-introduction-ceo-wrapper .inner-comm-title {
    font-size: 0.46rem;
  }
  .founder-introduction-ceo-wrapper .inner-comm-subtitle {
    font-size: 0.32rem;
  }
  .founder-introduction-ceo-wrapper .descs {
    width: 100%;
    padding: 0 0.3rem;
    font-size: 0.28rem;
  }
  /* 视频 */
  /* .inner-page-content_founder-introduction .inner-video-wrapper { height: 4.65rem; } */
  /* 多重身份 */
  .multiple-identities-module-wrapper {
    padding: 0 0.3rem 0.8rem;
  }
  .multiple-identities-module-wrapper .multiple-identities-module-wrap {
    flex-direction: column-reverse;
  }
  .multiple-identities-module-wrapper.reverse .multiple-identities-module-wrap {
    flex-direction: column-reverse;
  }
  .multiple-identities-module-wrapper .images-wrapper {
    width: 100%;
    height: 6rem;
  }
  .multiple-identities-module-wrapper .list-wrapper {
    width: 100%;
    padding: 0.1rem;
  }
  .multiple-identities-module-wrapper .list-wrapper .li {
    font-size: 0.26rem;
  }
  #module01 .image-box-01 {
    margin-right: 0.9rem;
  }
  #module01 .image-box-02 {
    margin-left: 0.8rem;
  }
  #module01 .image-box-03 {
    margin-right: 1rem;
  }
  #module02 .images-wrapper {
    height: 7rem;
  }
  #module02 .images-group {
    padding-top: 1.9rem;
  }
  #module02 .image-box-01 {
    margin-left: 1rem;
  }
  #module02 .image-box-02 {
    margin-left: 3.8rem;
  }
  #module02 .image-box-03 {
    margin-right: -1rem;
  }
  #module03 .list-wrapper {
    margin-bottom: 0.5rem;
  }
  #module03 .image-box-01 {
    margin-right: 1rem;
  }
  #module03 .image-box-02 {
    margin-right: 3.2rem;
  }
  #module04 .images-wrapper {
    margin-top: 1rem;
  }
  #module04 .image-box-01 {
    margin-left: 1.4rem;
  }
  #module04 .image-box-02 {
    margin-left: 0.5rem;
  }
  #module04 .image-box-03 {
    margin-right: 0.7rem;
  }
  #module05 .images-wrapper {
    padding-top: 1rem;
  }
  #module05 .image-box-01 {
    margin-right: 0.9rem;
  }
  #module05 .image-box-02 {
    margin-right: 3.6rem;
  }
  #module05 .image-box-03 {
    margin-right: 1.5rem;
  }
  #module06 .image-box-01 {
    margin-right: 0.2rem;
  }
  #module06 .image-box-02 {
    margin-left: 0.2rem;
    margin-top: -0.4rem;
  }
  #module06 .image-box-03 {
    margin-left: 3.8rem;
    margin-top: -3.84rem;
  }
}

/**
 * ########################################################################################################################
 * ### 家居六性
 * ########################################################################################################################
 */
.inner-scatter-img-wrapper_six-qualities {
  background: #ffffff;
  padding-bottom: 1.28rem;
  position: relative;
}
.inner-scatter-img-wrapper_six-qualities::after {
  content: "";
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 0;
  background: #333333;
}
.inner-scatter-img-wrapper_six-qualities .left {
  flex-shrink: 0;
  flex: 1;
  justify-content: flex-start;
}
.inner-scatter-img-wrapper_six-qualities .mid {
  flex-shrink: 0;
  width: 7.8rem;
}
.inner-scatter-img-wrapper_six-qualities .right {
  flex-shrink: 0;
  flex: 1;
  justify-content: flex-start;
  padding-top: 1rem;
}
.inner-scatter-img-wrapper_six-qualities .box-outer_01 {
  width: 2.44rem;
  margin-right: 0.9rem;
  margin-top: 0.9rem;
}
.inner-scatter-img-wrapper_six-qualities .box-outer_02 {
  width: 3.42rem;
  margin-top: 2.9rem;
  margin-right: 0;
}
.inner-scatter-img-wrapper_six-qualities .box-outer_03 {
  width: 5.5rem;
  margin: 1.4rem auto;
}
.inner-scatter-img-wrapper_six-qualities .box-outer_04 {
  width: 1.54rem;
  align-self: flex-start;
  margin-left: 1.2rem;
  margin-top: 0.9rem;
}
.inner-scatter-img-wrapper_six-qualities .box-outer_05 {
  width: 2.08rem;
  align-self: flex-start;
  margin-top: 1.4rem;
}
.inner-scatter-img-wrapper_six-qualities .box-outer_06 {
  width: 2.64rem;
  align-self: flex-start;
  margin-left: 0.5rem;
  margin-top: 1.9rem;
}
.inner-scatter-img-wrapper_six-qualities .box-outer_01 .box-inner {
  padding-bottom: 132.8%;
}
.inner-scatter-img-wrapper_six-qualities .box-outer_02 .box-inner {
  padding-bottom: 132.8%;
}
.inner-scatter-img-wrapper_six-qualities .box-outer_03 .box-inner {
  padding-bottom: 132.8%;
}
.inner-scatter-img-wrapper_six-qualities .box-outer_04 .box-inner {
  padding-bottom: 132.8%;
}
.inner-scatter-img-wrapper_six-qualities .box-outer_05 .box-inner {
  padding-bottom: 132.8%;
}
.inner-scatter-img-wrapper_six-qualities .box-outer_06 .box-inner {
  padding-bottom: 132.8%;
}
.inner-page-content_six-qualities .inner-bot-classify-wrapper {
  background: #f5f5f5;
}
.inner-page-content_six-qualities .inner-bot-classify-wrapper .inner-tabs-list {
  padding-top: 0.8rem;
}
@media screen and (max-width: 768px) {
  .inner-scatter-img-wrapper_six-qualities {
    padding-bottom: 2.4rem;
  }
  .inner-scatter-img-wrapper_six-qualities .col {
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .inner-scatter-img-wrapper_six-qualities .mid {
    padding: 1rem 0;
  }
  .inner-scatter-img-wrapper_six-qualities .box-outer {
    margin: 0;
  }
  .inner-scatter-img-wrapper_six-qualities .box-outer_01 {
    margin-top: 0.4rem;
    margin-left: 1rem;
  }
  .inner-scatter-img-wrapper_six-qualities .box-outer_02 {
    margin-top: -1.4rem;
    margin-left: 1.6rem;
  }
  .inner-scatter-img-wrapper_six-qualities .box-outer_03 {
    align-self: center;
    margin: 0.4rem 0;
  }
  .inner-scatter-img-wrapper_six-qualities .box-outer_04 {
    margin-left: 0.6rem;
    margin-top: 2rem;
  }
  .inner-scatter-img-wrapper_six-qualities .box-outer_05 {
    margin-left: 2.2rem;
    margin-top: -0.8rem;
  }
  .inner-scatter-img-wrapper_six-qualities .box-outer_06 {
    margin-right: 0.4rem;
    margin-top: -5.8rem;
    align-self: flex-end;
  }
}

/* 专题页--向新而生 */
.page-special-born-new-container {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #ffffff;
  overflow: hidden;
  padding-bottom: 0.2rem;
}

/* banner */
.page-special-born-new-container .banner-container {
  height: 15.3rem;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 1.2rem;
}
.page-special-born-new-container .slogan-wrapper {
  height: 6.84rem;
  position: relative;
  padding: 0 2.2rem 0 2.4rem;
}
.page-special-born-new-container .slogan-wrapper .arrow {
  display: block;
  height: 100%;
  width: auto;
  position: absolute;
  z-index: 0;
  top: -0.12rem;
}
.page-special-born-new-container .slogan-wrapper .arrow-left {
  left: 0;
}
.page-special-born-new-container .slogan-wrapper .arrow-right {
  right: 0;
}
.page-special-born-new-container .slogan-wrapper .title {
  width: 9.4rem;
  height: auto;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 0;
  margin-left: -4.7rem;
}
.page-special-born-new-container .slogan-wrapper .txt {
  position: absolute;
  z-index: 1;
  top: 0;
  width: auto;
  height: auto;
}
.page-special-born-new-container .slogan-wrapper .txt-left {
  left: 1.22rem;
  width: 1.18rem;
}
.page-special-born-new-container .slogan-wrapper .txt-right {
  right: 1.22rem;
  width: 0.96rem;
}
.page-special-born-new-container .slogan-wrapper .play-btn {
  width: 0.92rem;
  height: 0.92rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  bottom: -0.8rem;
  margin-left: -0.46rem;
  z-index: 4;
  -webkit-animation: playBtnAni 2.8s infinite;
  animation: playBtnAni 2.8s infinite;
  cursor: pointer;
}
.page-special-born-new-container .slogan-wrapper .play-btn::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background: rgba(0, 255, 0, 0.4);
  border-radius: 50%;
}
.page-special-born-new-container .slogan-wrapper .play-icon {
  width: 0.75rem;
  height: 0.75rem;
  background: rgba(0, 255, 0, 1);
  border-radius: 50%;
  font-size: 0.48rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  position: relative;
  z-index: 4;
}
.page-special-born-new-container .slogan-wrapper .banner-title {
  font-size: 0.42rem;
  color: #00ff00;
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 4;
  left: 0;
  bottom: 0.3rem;
}
.page-special-born-new-container .swiper-container--banner {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  background-color: transparent;
  position: relative;
  top: 0.3rem;
  opacity: 0;
}
.page-special-born-new-container
  .swiper-container--banner[data-scroll-reveal-complete="true"] {
  opacity: 1;
}
.page-special-born-new-container .swiper-container--banner .swiper-slide {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  transition: all 0.8s;
  border: 2px solid transparent;
  overflow: hidden;
  transform: scale(0.72);
}
/* .page-special-born-new-container .swiper-container--banner .swiper-slide-prev,
.page-special-born-new-container .swiper-container--banner .swiper-slide-next { transform: scale(0.72) translateY(0.4rem); } */
.page-special-born-new-container .swiper-container--banner .swiper-slide-active,
.page-special-born-new-container .swiper-container--banner .swiper-slide-next {
  transform: scale(1);
}
.page-special-born-new-container .swiper-container--banner .banner-img {
  display: block;
  width: auto;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
}
@-webkit-keyframes playBtnAni {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.84);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes playBtnAni {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.84);
  }
  100% {
    transform: scale(1);
  }
}

/* 单词 */
.page-special-born-new-container .words-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -5.8rem;
  position: relative;
  z-index: 8;
}
.page-special-born-new-container .words-container-2 {
  margin: 0;
}
.page-special-born-new-container .words-container .word {
  display: block;
}
.page-special-born-new-container .words-container .word-gj {
  width: 0.78rem;
}
.page-special-born-new-container .words-container .word-mx {
  width: 1.32rem;
}
.page-special-born-new-container .words-container .word-kw {
  width: 1.26rem;
}
.page-special-born-new-container .words-container .word-xx {
  width: 1.57rem;
}
.page-special-born-new-container .words-container .word-cn {
  font-size: 0.42rem;
  color: #ffffff;
  text-align: center;
}
.page-special-born-new-container .words-container .word-cn-small {
  font-size: 0.3rem;
}
.page-special-born-new-container .words-container .word-cn.color {
  color: #00ff00;
}
.page-special-born-new-container .words-container .and {
  color: #00ff00;
  font-size: 0.38rem;
  padding: 0.8rem 0;
}
.page-special-born-new-container .words-container .and-white {
  color: #ffffff;
  padding: 0.6rem 0;
}
.page-special-born-new-container .words-container .dots {
  padding: 0.4rem 0;
}
.page-special-born-new-container .words-container .dot {
  width: 0.06rem;
  height: 0.06rem;
  min-width: 2px;
  min-height: 2px;
  display: block;
  border-radius: 50%;
  background: #ffffff;
  margin: 0.2rem 0;
}
.page-special-born-new-container .words-container .question {
  position: relative;
}
.page-special-born-new-container .words-container .question .mark {
  font-size: 6.88rem;
  line-height: 5.4rem;
  height: 5.4rem;
  overflow: hidden;
  color: rgba(0, 255, 0, 0.24);
  font-family: MicrosoftYaHei;
}
.page-special-born-new-container .words-container .question .word-cn {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 代言人 */
.page-special-born-new-container .spokesman-container {
  width: 12rem;
  margin: 0 auto;
  position: relative;
  padding: 1px;
  overflow: hidden;
}
.page-special-born-new-container .spokesman-container::before,
.page-special-born-new-container .spokesman-container::after {
  content: "";
  width: 100%;
  height: 0;
  background: #ffffff;
  position: absolute;
  z-index: 0;
  left: 0;
  transition: all 1s;
  transform-origin: center top;
}
.page-special-born-new-container .spokesman-container::before {
  top: 0;
}
.page-special-born-new-container .spokesman-container::after {
  bottom: 0;
  transition-delay: 1s;
}
.page-special-born-new-container
  .spokesman-container[data-scroll-reveal-complete="true"]::before,
.page-special-born-new-container
  .spokesman-container[data-scroll-reveal-complete="true"]::after {
  height: 0.8rem;
}
.page-special-born-new-container .spokesman-container .image {
  display: block;
  position: relative;
  z-index: 4;
  width: 100%;
}
.page-special-born-new-container .spokesman-container .autograph {
  width: 2.6rem;
  height: auto;
  display: block;
  position: absolute;
  right: 1.28rem;
  bottom: -20%;
  z-index: 4;
  transition: all 1s;
  opacity: 0;
}
.page-special-born-new-container
  .spokesman-container[data-scroll-reveal-complete="true"]
  .autograph {
  bottom: 0.8rem;
  opacity: 1;
}
.page-special-born-new-container .spokesman-container .txt {
  font-size: 0.18rem;
  font-weight: normal;
  position: absolute;
  z-index: 4;
  bottom: -10%;
  right: 1.5rem;
  transition: all 2s;
}
.page-special-born-new-container
  .spokesman-container[data-scroll-reveal-complete="true"]
  .txt {
  bottom: 0.7rem;
  opacity: 1;
}

/* 图文布局 */
.page-special-born-new-container .graphic-layout-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 8;
}

/* 顶部竖横线 */
.page-special-born-new-container .graphic-layout-container .line-top-module {
  position: relative;
  width: 1px;
  height: 3.2rem;
  margin-bottom: 0.4rem;
}
.page-special-born-new-container
  .graphic-layout-container
  .line-top-module
  .line-top {
  background: #c0bfbf;
  transition-property: transform;
  transition-duration: 1s;
}
.page-special-born-new-container
  .graphic-layout-container
  .line-top-module
  .line-top-1 {
  width: 1px;
  height: 100%;
  transform: scaleY(0);
  transform-origin: center top;
}
.page-special-born-new-container
  .graphic-layout-container
  .line-top-module
  .line-top-2 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 2.8rem;
  height: 1px;
  transform: scaleX(0);
  transform-origin: right center;
  transition-delay: 1s;
}
.page-special-born-new-container
  .graphic-layout-container
  .line-top-module[data-scroll-reveal-complete="true"]
  .line-top-1 {
  transform: scaleY(1);
}
.page-special-born-new-container
  .graphic-layout-container
  .line-top-module[data-scroll-reveal-complete="true"]
  .line-top-2 {
  transform: scaleX(1);
}

/* 模块组 */
.page-special-born-new-container .modules-group {
  width: 100%;
}
.page-special-born-new-container .graphic-layout-module {
  display: flex;
  width: 100%;
  height: 7rem;
  align-items: center;
  margin-bottom: 0.4rem;
}
.page-special-born-new-container .graphic-layout-module .left {
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.page-special-born-new-container .graphic-layout-module .left .txts {
  font-size: 0.42rem;
  color: #ffffff;
  text-align: center;
}
.page-special-born-new-container .graphic-layout-module .left .txt-color {
  color: #00ff00;
}
.page-special-born-new-container .graphic-layout-module .left .line {
  position: absolute;
  background: #c0bfbf;
  z-index: 0;
  transition-property: transform;
  transition-duration: 1s;
}
.page-special-born-new-container .graphic-layout-module .left .line-top {
  width: 100%;
  height: 1px;
  top: 0;
  right: 0;
  transform-origin: left center;
  transform: scaleX(0);
}
.page-special-born-new-container .graphic-layout-module .left .line-1 {
  width: 1px;
  height: 2.6rem;
  top: 0;
  right: 0;
  transform-origin: center top;
  transform: scaleY(0);
  transition-delay: 1s;
}
.page-special-born-new-container .graphic-layout-module .left .line-2 {
  width: 1px;
  height: 2.8rem;
  bottom: 0;
  right: 0;
  transform-origin: center top;
  transform: scaleY(0);
  transition-delay: 2s;
}
.page-special-born-new-container .graphic-layout-module .left .line-bot {
  width: 100%;
  height: 1px;
  bottom: 0;
  right: 0;
  transform-origin: right center;
  transform: scaleX(0);
  transition-delay: 3s;
}
.page-special-born-new-container
  .graphic-layout-module[data-scroll-reveal-complete="true"]
  .left
  .line-top {
  transform: scaleX(1);
}
.page-special-born-new-container
  .graphic-layout-module[data-scroll-reveal-complete="true"]
  .left
  .line-1 {
  transform: scaleY(1);
}
.page-special-born-new-container
  .graphic-layout-module[data-scroll-reveal-complete="true"]
  .left
  .line-2 {
  transform: scaleY(1);
}
.page-special-born-new-container
  .graphic-layout-module[data-scroll-reveal-complete="true"]
  .left
  .line-bot {
  transform: scaleX(1);
}
.page-special-born-new-container .graphic-layout-module .right {
  flex-shrink: 0;
  width: 11.08rem;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  padding-left: 0.3rem;
  padding-right: 0;
}
.page-special-born-new-container .graphic-layout-module .right .image {
  display: block;
  height: 100%;
  width: 9.6rem;
  -o-object-fit: cover;
  object-fit: cover;
}

/* 反转的布局 */
.page-special-born-new-container .graphic-layout-module.li-rt {
  flex-direction: row-reverse;
}
.page-special-born-new-container .graphic-layout-module.li-rt .left {
  justify-content: flex-start;
}
.page-special-born-new-container .graphic-layout-module.li-rt .left .line-top {
  transform-origin: right center;
}
.page-special-born-new-container .graphic-layout-module.li-rt .left .line-1 {
  left: 0;
  right: auto;
}
.page-special-born-new-container .graphic-layout-module.li-rt .left .line-2 {
  left: 0;
  right: auto;
}
.page-special-born-new-container .graphic-layout-module.li-rt .left .line-bot {
  transform-origin: left center;
}
.page-special-born-new-container .graphic-layout-module.li-rt .right {
  justify-content: flex-end;
  padding-left: 0;
  padding-right: 0.3rem;
}

/* 第一个模块 */
.page-special-born-new-container .graphic-layout-module-first .left .line-top {
  display: none;
}
.page-special-born-new-container .graphic-layout-module-first .left .line-1 {
  top: -0.4rem;
  height: 3rem;
}
.page-special-born-new-container .graphic-layout-module-first .left .line-2 {
  transition-delay: 1s;
}
.page-special-born-new-container .graphic-layout-module-first .left .line-bot {
  transition-delay: 2s;
}
.page-special-born-new-container
  .graphic-layout-module-first[data-scroll-reveal-complete="true"]
  .left
  .line-1 {
  transform: scaleY(1);
}
.page-special-born-new-container
  .graphic-layout-module-first[data-scroll-reveal-complete="true"]
  .left
  .line-2 {
  transform: scaleY(1);
}
.page-special-born-new-container
  .graphic-layout-module-first[data-scroll-reveal-complete="true"]
  .left
  .line-bot {
  transform: scaleX(1);
}

/* 最后一个模块 */
.page-special-born-new-container .graphic-layout-module-last .left .line-bot {
  display: none;
}
.page-special-born-new-container .graphic-layout-module-last .left .line-2 {
  height: 3rem;
  bottom: -0.4rem;
}

/* 底部竖横线 */
.page-special-born-new-container .graphic-layout-container .line-bot-module {
  position: relative;
  width: 1px;
  height: 1.4rem;
  margin-bottom: 0.4rem;
}
.page-special-born-new-container
  .graphic-layout-container
  .line-bot-module
  .line-bot {
  background: #c0bfbf;
  transition-property: transform;
  transition-duration: 1s;
}
.page-special-born-new-container
  .graphic-layout-container
  .line-bot-module
  .line-bot-1 {
  width: 1px;
  height: 100%;
  transform: scaleY(0);
  transform-origin: center top;
  transition-delay: 1s;
}
.page-special-born-new-container
  .graphic-layout-container
  .line-bot-module
  .line-bot-2 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 2.8rem;
  height: 1px;
  transform: scaleX(0);
  transform-origin: right center;
}
.page-special-born-new-container
  .graphic-layout-container
  .line-bot-module[data-scroll-reveal-complete="true"]
  .line-bot-1 {
  transform: scaleY(1);
}
.page-special-born-new-container
  .graphic-layout-container
  .line-bot-module[data-scroll-reveal-complete="true"]
  .line-bot-2 {
  transform: scaleX(1);
}

/* 大轮播图 */
.page-special-born-new-container
  .inner-big-swiper-pagination
  .swiper-pagination-bullet-active {
  background: #00ff00;
}
.page-special-born-new-container
  .inner-big-swiper-pagination
  .swiper-pagination-bullet::after {
  background: #00ff00;
}
.page-special-born-new-container .inner-big-swiper-pagination {
  position: relative;
  z-index: 10;
  top: -1.2rem;
}

/* 动物 */
.page-special-born-new-container .animal {
  position: absolute;
  z-index: 0;
  opacity: 0.6 !important;
  bottom: -100vh;
}
.page-special-born-new-container .animal-zy {
  width: 13.12rem;
  height: 8.87rem;
  top: 11.7rem;
  right: -0.2rem;
}
.page-special-born-new-container .animal-bz {
  width: 4.46rem;
  height: 7.61rem;
  top: 22.8rem;
  left: -0.1rem;
}
.page-special-born-new-container .animal-yw {
  width: 4.64rem;
  height: 7.98rem;
  top: 25rem;
  right: -0.1rem;
}
.page-special-born-new-container .animal-m {
  width: 7.17rem;
  height: 7.39rem;
  top: 38rem;
  left: -1rem;
}
.page-special-born-new-container .animal-bsl {
  width: 4.64rem;
  height: 9rem;
  top: 88.4rem;
  left: -0.1rem;
}
.page-special-born-new-container .animal-xn {
  width: 5.3rem;
  height: 8.65rem;
  top: 93rem;
  right: -0.1rem;
}
/* 移动设备 */
@media screen and (max-width: 768px) {
  .page-special-born-new-container .animal-bsl {
    top: 97.4rem;
  }
  .page-special-born-new-container .animal-xn {
    top: 101rem;
  }
}

/* 形状 */
.page-special-born-new-container .shape {
  position: absolute;
  z-index: 0;
  opacity: 0.3 !important;
  bottom: -100vh;
}
.page-special-born-new-container .shape-1 {
  width: 1.7rem;
  height: 1.7rem;
  top: 8.6rem;
  right: 3.4rem;
}
.page-special-born-new-container .shape-2 {
  width: 1.53rem;
  height: 2.16rem;
  top: 14.4rem;
  left: 0;
}
.page-special-born-new-container .shape-3 {
  width: 2.06rem;
  height: 2.09rem;
  top: 42.6rem;
  right: 0.96rem;
}
.page-special-born-new-container .shape-4 {
  width: 5.59rem;
  height: 5.61rem;
  top: 46.84rem;
  left: 2.87rem;
}
.page-special-born-new-container .shape-5 {
  width: 4.91rem;
  height: 4.91rem;
  top: 51.8rem;
  right: 0.36rem;
}
.page-special-born-new-container .shape-6 {
  width: 4.9rem;
  height: 4.28rem;
  top: 63rem;
  left: 1.96rem;
}
.page-special-born-new-container .shape-7 {
  width: 4.45rem;
  height: 4.99rem;
  top: 68.6rem;
  right: 0;
}
.page-special-born-new-container .shape-8 {
  width: 3.39rem;
  height: 4.14rem;
  top: 77.4rem;
  left: 0;
}
.page-special-born-new-container .shape-9 {
  width: 4.93rem;
  height: 5.7rem;
  top: 85.8rem;
  right: 0.17rem;
}
.page-special-born-new-container .shape-10 {
  width: 2.16rem;
  height: 3.15rem;
  top: 99.8rem;
  left: 0;
}

/**
 * ########################################################################################################################
 * ### 20230420 top12
 * ########################################################################################################################
 */
.inner-comm-title.en-sm {
  font-size: var(--en-title-size);
  text-transform: uppercase;
}
.inner-comm-title.cn-sm {
  font-size: var(--cn-title-size);
  margin-bottom: 1.9333em;
}
/*.inner-combination .inner-big-swiper-pagination { position: absolute; top: auto; bottom: 0; width: 100%; }*/
/* 图片组 */
.inner-combination .inner-images-wrapper {
  margin-top: 0.3rem;
  font-size: 0;
}
.inner-combination .inner-images-wrapper .image {
  width: 100%;
  margin-bottom: 0.3rem;
}
/* 大轮播图 */
.inner-combination .inner-big-swiper-wrapper {
  margin-top: 0.48rem;
}
/* Bottom分类 */
.inner-bot-classify-container {
  padding-bottom: 1.2rem;
}
.inner-bot-classify-wrapper {
  padding: 0.86rem 0 0;
  border-bottom: 1px solid #e9e9e9;
}
.inner-bot-classify-wrapper .inner-comm-title.cn {
  margin-bottom: 1.16667em;
}
.inner-bot-classify-wrapper-two {
  padding-top: 0.86rem;
}
.inner-graphic-list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 0 2.6rem;
}
.inner-graphic-swiper {
  width: 100%;
  padding-bottom: 0.46rem;
}
.inner-graphic-list .item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 5.56rem;
  background: #f4f4f4;
}
@media screen and (min-width: 1920px) {
  .inner-graphic-list .item {
    height: auto;
  }
}
.inner-graphic-list .image-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.3%;
  overflow: hidden;
}
.inner-graphic-list .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-graphic-list .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  width: 0.76rem;
  height: 0.76rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.5s ease-in-out;
}
.inner-graphic-list .icon .iconfont {
  font-size: 0.24rem;
  color: #fff;
}
.inner-graphic-list .text-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.48rem 0;
}
.inner-graphic-list .text-wrap .item-title {
  font-size: var(--en-content-size);
  font-weight: normal;
  text-transform: uppercase;
}
.inner-graphic-list .text-wrap .item-text {
  font-size: var(--cn-content-size);
  letter-spacing: 2px;
}
.inner-graphic-list .item:hover .icon {
  transform: translate(-50%, -50%) scale(1);
}
.inner-graphic-swiper .swiper-scrollbar {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
}
.inner-graphic-swiper .inner-big-swiper-button {
  margin-top: -1.43rem;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.inner-graphic-swiper .inner-big-swiper-button-next {
  right: 0;
}
.inner-graphic-swiper .inner-big-swiper-button-prev {
  left: 0;
}
.inner-graphic-swiper:hover .inner-big-swiper-button {
  opacity: 1;
}
.inner-graphic-swiper .inner-big-swiper-button:hover {
  background: rgb(0, 0, 0);
}

/**
 * ########################################################################################################################
 * ### 20230420 storelist
 * ########################################################################################################################
 */
.inner-common-subtitle {
  font-size: 0.18rem;
  font-weight: normal;
  text-align: center;
  line-height: 1.9;
  color: #666;
}
.inner-common-pic {
  width: 100%;
  font-size: 0;
}
.inner-common-pic .cover {
  width: 100%;
  height: auto;
}
.main-content-container {
  padding-top: 0.86rem;
}
.inner-flagship-store {
  padding-bottom: 1.22rem;
}
.inner-flagship-list {
  margin-top: 0.58rem;
}
.inner-flagship-list .swiper-flagship {
  padding-bottom: 0.42rem;
}
.inner-flagship-list .item {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 5.2rem;
  background: #f9f9f9;
}
.inner-flagship-list .image-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 98.8%;
  overflow: hidden;
}
.inner-flagship-list .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-flagship-list .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  width: 0.76rem;
  height: 0.76rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.8);
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.5s ease-in-out;
}
.inner-flagship-list .icon .iconfont {
  font-size: 0.24rem;
  color: #fff;
}
.inner-flagship-list .text-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.3rem 0.2rem 0.44rem;
}
.inner-flagship-list .text-wrap .item-title {
  font-size: var(--cn-content-size);
  font-weight: normal;
  color: #333;
  text-transform: uppercase;
}
.inner-flagship-list .text-wrap .item-text {
  margin-top: 0.18rem;
  font-size: var(--content-size);
  line-height: 1.6;
  text-align: center;
  color: #8e8e8e;
}
.inner-flagship-list .item:hover .icon {
  transform: translate(-50%, -50%) scale(1);
}
.inner-flagship-list .swiper-flagship .swiper-scrollbar {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
}
@media screen and (min-width: 1950px) {
  .inner-flagship-list .item {
    min-height: 5.2rem;
    height: auto;
  }
}

.inner-store-head {
  display: flex;
}
.inner-store-head .image {
  width: 50%;
  height: 6.06rem;
}
.inner-store-head .text-wrap {
  flex-direction: column;
  width: 50%;
  background: #f9f9f9;
}

.inner-store-head .title {
  font-size: 0.32rem;
  font-weight: normal;
  color: #333;
}
.inner-store-head .address {
  margin: 0.2rem 0 0.34rem;
  font-size: 0.18rem;
  color: #666;
}
.inner-store-head .consultation {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 0.6rem;
  padding: 0 0.6rem;
  font-size: 0.18rem;
  background: #333333;
  cursor: pointer;
  transition: all 0.6s;
}
.inner-store-head .consultation:hover {
  opacity: 0.8;
}

.inner-store-video {
  padding: 1.2rem 2.66rem 0;
  font-size: 0;
}
.inner-store-video .video-wrap {
  position: relative;
  width: 100%;
  height: 6.75rem;
}
.inner-store-video .video-wrap .cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inner-store-video .video-wrap .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.89rem;
  height: 0.89rem;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.75);
  cursor: pointer;
  transform: translate(-50%, -50%) scale(0);
  transition: all 0.5s ease;
}
.inner-store-video .video-wrap .iconfont {
  font-size: 0.33rem;
  color: #fff;
}
.inner-store-video .video-wrap:hover .icon {
  transform: translate(-50%, -50%) scale(1);
}
.inner-store-video .video-popup {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}
.inner-store-video .video-popup .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.inner-store-video .video-popup .video-node {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10rem;
  height: 5.77rem;
  transform: translate(-50%, -50%);
}

.inner-store-vr {
  flex-direction: column;
  height: 8.12rem;
}
.inner-store-vr .inner-comm-title {
  color: #fff;
}
.inner-store-vr .vr-img {
  width: 2.23rem;
  margin-top: 0.2rem;
  object-fit: cover;
}
.inner-store-vr .inner-store-btn {
  width: 2.62rem;
  height: 0.85rem;
  margin-top: 1.1rem;
  line-height: 1;
  background: rgba(0, 0, 0, 0.75);
  transition: all 0.5s ease;
}
.inner-store-vr .inner-store-btn:hover {
  background: #000;
}

.inner-store-foot {
  padding: 1.2rem 0;
}
.inner-store-foot-swiper-wrapper {
  margin-top: 0.52rem;
}

/**
 * ########################################################################################################################
 * ### 20230420 热门活动
 * ########################################################################################################################
 */
.inner-popular-events-head {
  width: 100%;
  height: 7.2rem;
}
.inner-popular-events-head .banner {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.inner-popular-events-activity {
  padding: 1.2rem 2.6rem;
  background: #f4f4f4;
}
.inner-popular-events-activity .list {
  display: flex;
  background-size: cover;
  background-repeat: no-repeat;
}
.inner-popular-events-activity .list .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  height: 3.12rem;
  padding: 0.5rem 0;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}
.inner-popular-events-activity .list .item .sort {
  font-size: 0.36rem;
}
.inner-popular-events-activity .list .item .title {
  font-size: 0.3rem;
}
.inner-popular-events-activity .list .item .hr {
  width: 10px;
  height: 2px;
  background: #fff;
}
.inner-popular-events-activity .list .item .text {
  font-size: 0.2rem;
}
.inner-popular-events-activity .form {
  display: flex;
  justify-content: space-between;
  margin-top: 0.3rem;
}
.inner-popular-events-activity .form-item {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}
.inner-popular-events-activity .form-input {
  width: 2.7rem;
  height: 0.86rem;
  padding: 0 0.3rem;
  border: none;
  font-size: var(--medium-size);
  color: #333;
  outline: none;
  background: #fff;
}
.inner-popular-events-activity .form-select {
  width: 2.5rem;
  height: 0.86rem;
  padding: 0 0.3rem;
  font-size: var(--medium-size);
  color: #333;
  outline: none;
}
.inner-popular-events-activity .form-input::placeholder,
.inner-popular-events-activity .form-select::placeholder {
  font-size: var(--medium-size);
  color: #999;
}
.inner-popular-events-activity .form-input.empty::placeholder,
.inner-popular-events-activity .form-select.empty::placeholder {
  color: red;
}
.inner-popular-events-activity .form-button {
  width: 2.68rem;
  height: 0.86rem;
  font-size: var(--medium-size);
  color: #efc395;
  background: #3d3d3d;
}

.inner-popular-events-show {
  padding: 1.2rem 0;
}
.inner-popular-events-show-swiper {
  margin-top: 0.1rem;
}
.inner-popular-events-show-swiper .inner-big-swiper-pagination {
  position: absolute;
  top: auto;
  bottom: 0;
  width: 100%;
}
.inner-popular-events-show-table {
  width: 14rem;
  margin: 0.5rem auto 0;
}
.inner-popular-events-show-table .head {
  height: 0.8rem;
  font-size: 0.24rem;
  line-height: 0.8rem;
  text-align: center;
  color: #333;
  background: #efc395;
}
.inner-popular-events-show-table .list {
  display: flex;
}
.inner-popular-events-show-table .item {
  flex: 1;
  height: 2.26rem;
  flex-direction: column;
  border: 1px solid #e1e1e1;
  border-left: none;
  text-align: center;
}
.inner-popular-events-show-table .item:first-child {
  border-left: 1px solid #e1e1e1;
}
.inner-popular-events-show-table .icon {
  width: 0.52rem;
  height: 0.52rem;
  object-fit: cover;
}
.inner-popular-events-show-table .text-wrap {
  margin-top: 0.2rem;
  font-size: 0.18rem;
  line-height: 1.6;
  color: #333;
}
.inner-popular-events-show-table .appointment {
  width: 2.68rem;
  height: 0.86rem;
  margin: 0.28rem auto 0;
  color: #efc395;
  background: #3d3d3d;
  cursor: pointer;
}
.inner-popular-events-show2 {
  background: #f4f4f4;
}

.inner-high-end {
  padding: 1.2rem 0;
}
.inner-high-end .list {
  width: 14rem;
  margin: 0 auto;
}
.inner-high-end .list .item {
  display: flex;
}
.inner-high-end .list .item:nth-child(even) {
  flex-direction: row-reverse;
}
.inner-high-end .list .image-wrap {
  width: 50%;
  font-size: 0;
}
.inner-high-end .list .image {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.inner-high-end .list .text-wrap {
  width: 50%;
  flex-direction: column;
  text-align: center;
  background: #f4f4f4;
}
.inner-high-end .list .title {
  font-size: var(--cn-content-size);
  color: #333;
}
.inner-high-end .list .text {
  margin-top: 0.18rem;
  font-size: var(--content-size);
  line-height: 1;
  color: #666;
}

/**
 * 行于未知
 */
.inner-page-content_chasing-unknown {
  background-color: #000;
}
.inner-chasing-unknown {
  position: relative;
  height: 9.5rem;
}
.inner-chasing-unknown_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.inner-chasing-unknown_wrap {
  position: absolute;
  top: 45%;
  left: 50%;
  text-align: center;
  color: #efc395;
  transform: translate(-50%, -50%);
}
.inner-chasing-unknown_wrap .cn-title {
  font-size: 0.68rem;
}
.inner-chasing-unknown_wrap .en-title {
  font-size: var(--cn-title-size);
}
.inner-chasing-unknown_wrap .sub-title {
  margin-top: 1.2em;
  font-size: var(--cn-title-size);
}

/* 面对雪山 */
.inner-facing-mountains {
  position: relative;
  height: 9.5rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-facing-mountains_wrap {
  position: absolute;
  top: 1.44rem;
  left: 50%;
  text-align: center;
  color: #efc395;
  transform: translateX(-50%);
}
.inner-facing-mountains_wrap .cn-title {
  font-size: 0.68rem;
}
.inner-facing-mountains_wrap .sub-title {
  font-size: var(--cn-title-size);
}
.inner-facing-mountains_wrap .desc-title {
  margin-top: 1.5em;
  font-size: var(--desc-size);
  line-height: 1.6667;
}

/* 寻觅未经之地 */
.inner-unknown-place {
  position: relative;
  height: 9.5rem;
}
.inner-unknown-place_video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.inner-unknown-place .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.inner-unknown-place_wrap {
  position: absolute;
  top: 1.44rem;
  left: 50%;
  z-index: 10;
  width: 100%;
  text-align: center;
  color: #efc395;
  transform: translateX(-50%);
}
.inner-unknown-place_wrap .cn-title {
  font-size: 0.68rem;
}
.inner-unknown-place_wrap .sub-title {
  font-size: var(--cn-title-size);
}
.inner-unknown-place_wrap .desc-title {
  margin-top: 1.5em;
  font-size: var(--desc-size);
  line-height: 1.6667;
}

/* 行于未知 - 照片墙 */
.inner-photo-wall {
  padding-top: 1.44rem;
  padding-bottom: 0.99rem;
}
.inner-photo-wall .inner-world-outlook-wrap .images-02 {
  margin-top: 0;
}
.inner-photo-wall .inner-world-outlook-wrap .images-02 .imgs-col {
  align-items: center;
}

/* 高原·廓型等 */
.inner-chasing-module-5 {
  position: relative;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-chasing-module-5 .wrap {
  display: flex;
  width: max-content;
  height: 100%;
  pointer-events: none;
}
.inner-chasing-module-5 .module-5-swiper-container {
  height: 100%;
}
.inner-chasing-module-5 .item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.inner-chasing-module-5 .item .text {
  max-width: none;
  color: #efc395;
}
.inner-chasing-module-5 .item .title {
  font-size: 0.68rem;
  font-weight: normal;
}
.inner-chasing-module-5 .item .sub-title {
  font-size: 0.3rem;
}
.inner-chasing-module-5 .item .image {
  margin-left: 2.92rem;
}
.inner-chasing-module-5 .module-5-swiper-button-prev {
  left: 1.4rem;
}
.inner-chasing-module-5 .module-5-swiper-button-next {
  right: 1.4rem;
}

/* 可控视频 */
.inner-chasing-module-6 {
  position: relative;
  width: 100%;
  margin-top: 0.58rem;
  color: #fff;
}
.inner-chasing-module-6__video {
  width: 100%;
  height: 100%;
}
.inner-chasing-module-6__video [data-chasing-video] {
  width: 100%;
  height: 100%;
}
.inner-chasing-module-6 .video-controls {
  position: absolute;
  z-index: 10;
  left: 30px;
  bottom: 30px;
  font-size: 24px;
  display: flex;
  opacity: 1;
  transition: all 0.4s;
}
.inner-chasing-module-6 .video-controls.hide {
  transform: scale(0);
  opacity: 0;
}
.inner-chasing-module-6 .open-box {
  cursor: pointer;
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 4px;
  transition: all 0.6s;
}
.inner-chasing-module-6 .open-box:hover {
  background: rgba(255, 255, 255, 0.3);
}
.inner-chasing-module-6 .open-box .iconfont {
  display: none;
}
.inner-chasing-module-6 .open-box .iconfont.show {
  display: inline-block;
}

/* 初心·探索 */
.inner-explore-original {
  padding: 1.4rem 0;
  background-color: #000;
}
.inner-explore-original .title-group {
  text-align: center;
  color: #efc395;
}
.inner-explore-original .cn-title {
  font-size: 0.68rem;
}
.inner-explore-original .sub-title {
  font-size: var(--cn-title-size);
}
.inner-explore-original .title-wrap:last-child {
  margin-top: 0.2rem;
}
.inner-explore-original-swiper {
  position: relative;
  margin-top: 0.72rem;
}
.swiper-container_inner-explore-original-swiper {
  width: 100%;
  height: 7.88rem;
  overflow: hidden;
}
.swiper-container_inner-explore-original-swiper .swiper-wrapper {
  height: 100%;
}
.swiper-container_inner-explore-original-swiper .swiper-slide {
  width: 14rem;
  height: 100%;
  overflow: hidden;
}
.swiper-container_inner-explore-original-swiper .slide-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/* 分页器 */
.inner-explore-original-swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
}
.inner-explore-original-swiper-pagination .swiper-pagination-bullet {
  background: #a8a4a2;
  width: 9px;
  height: 9px;
  margin: 0 0.26rem;
  cursor: pointer;
  position: relative;
  opacity: 1;
  outline: none;
}
.inner-explore-original-swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  border-radius: 50%;
  position: absolute;
  transition: all 0.9s;
  transform: scale(0);
  background: #ffffff;
}
.inner-explore-original-swiper-pagination .swiper-pagination-bullet-active {
  background: #a8a4a2;
}
.inner-explore-original-swiper-pagination
  .swiper-pagination-bullet-active::after {
  transform: scale(1);
}
.inner-explore-original-swiper-pagination
  .swiper-pagination-bullet:hover::after {
  background: #333333;
  transform: scale(1);
  transition: all 0.3s;
}
/* 前进后退按钮 */
.inner-explore-original-swiper-button {
  position: absolute;
  width: 0.66rem;
  height: 0.66rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
  top: 50%;
  margin-top: -0.33rem;
  z-index: 10;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.36rem;
  transition: all 0.6s;
}
.inner-explore-original-swiper-button-prev {
  left: 1.4rem;
}
.inner-explore-original-swiper-button-next {
  right: 1.4rem;
}
.inner-explore-original-swiper-button:hover {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
  .inner-explore-original-swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 0.13rem;
  }
  .inner-explore-original-swiper-button-prev {
    left: 0.3rem;
  }
  .inner-explore-original-swiper-button-next {
    right: 0.3rem;
  }
}

/**
 * 远古与未来的对话
 **/
.inner-page-content_dialogue {
  background: #000;
}
.dialogue-comm-title {
  font-size: 0.68rem;
  font-weight: normal;
}
.dialogue-comm-sub-title {
  font-size: var(--cn-title-size);
}
.dialogue-comm-desc {
  font-size: var(--desc-size);
}
.dialogue-comm-video .dialogue-comm-video__video {
  width: 100%;
  height: 100%;
}
.dialogue-comm-video .dialogue-comm-video__video [data-chasing-video] {
  width: 100%;
  height: 100%;
}
.dialogue-comm-video .video-controls {
  position: absolute;
  z-index: 10;
  left: 30px;
  bottom: 30px;
  font-size: 24px;
  display: flex;
  opacity: 1;
  transition: all 0.4s;
}
.dialogue-comm-video .video-controls.hide {
  transform: scale(0);
  opacity: 0;
}
.dialogue-comm-video .video-controls .iconfont {
  color: #fff;
}
.dialogue-comm-video .open-box {
  cursor: pointer;
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 4px;
  transition: all 0.6s;
}
.dialogue-comm-video .open-box:hover {
  background: rgba(255, 255, 255, 0.3);
}
.dialogue-comm-video .open-box .iconfont {
  display: none;
}
.dialogue-comm-video .open-box .iconfont.show {
  display: inline-block;
}

/* 远古与未来的对话 模块一 */
.inner-dialogue-wrapper {
  position: relative;
  height: 8.6rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: bottom;
  background-position-x: center;
}
.inner-dialogue-wrapper_wrap {
  position: absolute;
  top: 2.54rem;
  left: 50%;
  text-align: center;
  color: #efc395;
  transform: translateX(-50%);
}
.inner-dialogue-wrapper_wrap .cn-title {
  font-size: 0.68rem;
}
.inner-dialogue-wrapper_wrap .sub-title {
  font-size: var(--cn-title-size);
}
.inner-dialogue-wrapper_wrap .desc-title {
  margin-top: 1.4333em;
  font-size: var(--cn-title-size);
  line-height: 1.266667;
}

/* 以堆叠定格瞬间永恒 模块二 */
.inner-dialogue-eternal {
  padding-top: 1.42rem;
  text-align: center;
  color: #efc395;
}
.inner-dialogue-eternal .dialogue-comm-desc {
  margin-top: 2.055556em;
  line-height: 1.66667;
}
.inner-dialogue-eternal__video-wrap {
  position: relative;
  margin-top: 0.64rem;
}

/* 无所之境 模块三 */
.inner-dialogue-mayansong {
  padding-top: 1.42rem;
  text-align: center;
  color: #efc395;
}
.inner-dialogue-mayansong__video-wrap {
  position: relative;
  margin-top: 0.7rem;
}

/* 远古精神 模块四 */
.inner-dialogue-ancient-spirit {
  padding-top: 1.4rem;
}
.inner-dialogue-ancient-spirit__wrap {
  display: flex;
  width: 100%;
  font-size: 0;
  background: #1f1f1f;
}
.inner-dialogue-ancient-spirit__wrap .image-wrap {
  flex: 1;
}
.inner-dialogue-ancient-spirit__wrap .image-wrap .image {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.inner-dialogue-ancient-spirit__wrap .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  color: #eec394;
  text-align: center;
}
.inner-dialogue-ancient-spirit__wrap .wrap .dialogue-comm-title {
  line-height: 1.2;
}
.inner-dialogue-ancient-spirit__wrap .wrap .dialogue-comm-sub-title {
  margin-top: 0.48rem;
  line-height: 1.3333;
}

/* 重构东方美学的语境 模块五 */
.inner-dialogue-chiosofa {
  padding-top: 1.4rem;
  text-align: center;
  color: #efc395;
}
.inner-dialogue-chiosofa-swiper {
  position: relative;
  margin-top: 0.7rem;
}
.swiper-container_inner-dialogue-chiosofa-swiper {
  width: 100%;
  height: 7.88rem;
  overflow: hidden;
}
.swiper-container_inner-dialogue-chiosofa-swiper .swiper-wrapper {
  height: 100%;
}
.swiper-container_inner-dialogue-chiosofa-swiper .swiper-slide {
  width: 14rem;
  height: 100%;
  overflow: hidden;
}
.swiper-container_inner-dialogue-chiosofa-swiper .slide-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/* 重构东方美学的语境 分页器 */
.inner-dialogue-chiosofa-swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
}
.inner-dialogue-chiosofa-swiper-pagination .swiper-pagination-bullet {
  background: #a8a4a2;
  width: 9px;
  height: 9px;
  margin: 0 0.26rem;
  cursor: pointer;
  position: relative;
  opacity: 1;
  outline: none;
}
.inner-dialogue-chiosofa-swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  border-radius: 50%;
  position: absolute;
  transition: all 0.9s;
  transform: scale(0);
  background: #ffffff;
}
.inner-dialogue-chiosofa-swiper-pagination .swiper-pagination-bullet-active {
  background: #a8a4a2;
}
.inner-dialogue-chiosofa-swiper-pagination
  .swiper-pagination-bullet-active::after {
  transform: scale(1);
}
.inner-dialogue-chiosofa-swiper-pagination
  .swiper-pagination-bullet:hover::after {
  background: #333333;
  transform: scale(1);
  transition: all 0.3s;
}
/* 重构东方美学的语境 前进后退按钮 */
.inner-dialogue-chiosofa-swiper-button {
  position: absolute;
  width: 0.66rem;
  height: 0.66rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
  top: 50%;
  margin-top: -0.33rem;
  z-index: 10;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.36rem;
  transition: all 0.6s;
}
.inner-dialogue-chiosofa-swiper-button-prev {
  left: 1.4rem;
}
.inner-dialogue-chiosofa-swiper-button-next {
  right: 1.4rem;
}
.inner-dialogue-chiosofa-swiper-button:hover {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.3);
}

/* 讨论 模块六 */
.inner-dialogue-discuss {
  padding-top: 1.6rem;
  font-size: 0;
  text-align: center;
  color: #efc395;
}
.inner-dialogue-discuss .dialogue-comm-desc {
  line-height: 1.6666667;
}
.inner-dialogue-discuss__video-wrap {
  position: relative;
  margin-top: 0.72rem;
  font-size: 0;
  height: 10rem;
}

/* 「丘CHIO」沙发在米兰国际家具展 演绎多元审美的人文智性 模块七 */
.inner-dialogue-intelligence {
  padding-top: 1.4rem;
  text-align: center;
  color: #efc395;
}
.inner-dialogue-intelligence-swiper {
  position: relative;
  margin-top: 0.7rem;
}
.swiper-container_inner-dialogue-intelligence-swiper {
  width: 100%;
  height: 7.88rem;
  overflow: hidden;
}
.swiper-container_inner-dialogue-intelligence-swiper .swiper-wrapper {
  height: 100%;
}
.swiper-container_inner-dialogue-intelligence-swiper .swiper-slide {
  width: 14rem;
  height: 100%;
  overflow: hidden;
}
.swiper-container_inner-dialogue-intelligence-swiper .slide-image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
/* 「丘CHIO」沙发在米兰国际家具展 演绎多元审美的人文智性 分页器 */
.inner-dialogue-intelligence-swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
}
.inner-dialogue-intelligence-swiper-pagination .swiper-pagination-bullet {
  background: #a8a4a2;
  width: 9px;
  height: 9px;
  margin: 0 0.26rem;
  cursor: pointer;
  position: relative;
  opacity: 1;
  outline: none;
}
.inner-dialogue-intelligence-swiper-pagination
  .swiper-pagination-bullet::after {
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  border-radius: 50%;
  position: absolute;
  transition: all 0.9s;
  transform: scale(0);
  background: #ffffff;
}
.inner-dialogue-intelligence-swiper-pagination
  .swiper-pagination-bullet-active {
  background: #a8a4a2;
}
.inner-dialogue-intelligence-swiper-pagination
  .swiper-pagination-bullet-active::after {
  transform: scale(1);
}
.inner-dialogue-intelligence-swiper-pagination
  .swiper-pagination-bullet:hover::after {
  background: #333333;
  transform: scale(1);
  transition: all 0.3s;
}
/* 「丘CHIO」沙发在米兰国际家具展 演绎多元审美的人文智性 前进后退按钮 */
.inner-dialogue-intelligence-swiper-button {
  position: absolute;
  width: 0.66rem;
  height: 0.66rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
  top: 50%;
  margin-top: -0.33rem;
  z-index: 10;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.36rem;
  transition: all 0.6s;
}
.inner-dialogue-intelligence-swiper-button-prev {
  left: 1.4rem;
}
.inner-dialogue-intelligence-swiper-button-next {
  right: 1.4rem;
}
.inner-dialogue-intelligence-swiper-button:hover {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.3);
}

/* 给世界一个答案 模块八 */
.inner-dialogue-answer {
  padding-top: 1.6rem;
  text-align: center;
  color: #efc395;
}
.inner-dialogue-answer .dialogue-comm-desc {
  line-height: 1.6666667;
}
.inner-dialogue-answer__video-wrap {
  position: relative;
  margin-top: 0.72rem;
}

/* 无限可能 模块九 */
.inner-dialogue-infinite-possibilities {
  position: relative;
  height: 9.88rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-dialogue-infinite-possibilities .inner-dialogue-wrapper_wrap {
  position: absolute;
  top: 2.9rem;
  left: 50%;
  text-align: center;
  color: #efc395;
  transform: translateX(-50%);
}
.inner-dialogue-infinite-possibilities .dialogue-comm-desc {
  line-height: 1.666667;
}
.inner-dialogue-infinite-possibilities .sub-desc {
  margin-top: 2em;
}

/* 「丘CHIO」是自由的 是写意的 是无界的 模块十 */
.inner-dialogue-freedom-freehand-unbounded {
  position: relative;
  height: 9.99rem;
  background-repeat: no-repeat;
  background-size: cover;
}
.inner-dialogue-freedom-freehand-unbounded .inner-dialogue-wrapper_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  color: #efc395;
  transform: translate(-50%, -50%);
}

/* 大师专题 - 马岩松 */
.inner-page-content_master_mayansong .inner-master-banner-wrap .title-img {
  width: auto;
}
.inner-page-content_master_mayansong .inner-master-banner-wrap .title-main {
  margin-top: 0.35rem;
}
.inner-page-content_master_mayansong .inner-module-title-wrapper {
  padding-top: 1.94rem;
}
.inner-page-content_master_mayansong .inner-master-video-bot-wrapper {
  padding-top: 1.74rem;
}
.inner-page-content_master_mayansong .inner-master-video-bot-wrapper .avatar {
  margin-left: -2.83rem;
  width: 5.66rem;
}
.inner-page-content_master_mayansong
  .inner-master-video-bot-wrapper
  .autograph {
  bottom: 0.6rem;
  width: 4.22rem;
  margin-left: -2.11rem;
}
.inner-page-content_master_mayansong .inner-master-video-bot-wrapper .desc {
  margin-top: 1.6em;
  font-size: 0.16rem;
  color: #666;
  text-align: center;
}
.inner-page-content_master_mayansong .inner-master-in-a-wrod {
  width: auto;
  margin-bottom: 0.9rem;
}
.inner-page-content_master_mayansong .inner-master-lixiang-wrapper {
  padding: 1.86rem 0 1.3rem;
  color: #979797;
  background: #222;
}
.inner-page-content_master_mayansong .inner-master-lixiang-wrapper .desc {
  padding: 0 2.6rem;
  line-height: 1.7778;
}
.inner-page-content_master_mayansong
  .inner-master-lixiang-wrapper
  .swiper-container--lixiang {
  margin-top: 0.8rem;
}
.inner-page-content_master_mayansong
  .inner-master-lixiang-wrapper
  .swiper-slide {
  width: auto;
}
.inner-page-content_master_mayansong
  .inner-master-lixiang-wrapper
  .swiper-slide:last-child {
  margin-right: 0 !important;
}
.inner-page-content_master_mayansong
  .inner-master-lixiang-wrapper
  .slide-image-name {
  margin-top: 1.3em;
  font-size: 0.18rem;
}
.inner-page-content_master_mayansong
  .inner-master-lixiang-wrapper
  .swiper-slide:nth-child(1) {
  padding-top: 0.42rem;
}
.inner-page-content_master_mayansong
  .inner-master-lixiang-wrapper
  .swiper-slide:nth-child(2) {
  padding-top: 2.16rem;
}
.inner-page-content_master_mayansong
  .inner-master-lixiang-wrapper
  .swiper-slide:nth-child(3) {
  padding-top: 0;
}
.inner-page-content_master_mayansong
  .inner-master-lixiang-wrapper
  .swiper-slide:nth-child(4) {
  padding-top: 0.98rem;
}
.inner-page-content_master_mayansong
  .inner-master-lixiang-wrapper
  .swiper-slide:nth-child(5) {
  padding-top: 0;
}
.inner-page-content_master_mayansong
  .inner-master-lixiang-wrapper
  .swiper-slide:nth-child(6) {
  padding-top: 1.6rem;
}
.inner-page-content_master_mayansong
  .inner-master-lixiang-wrapper
  .swiper-slide:nth-child(7) {
  padding-top: 0.44rem;
}
.swiper-flagship .inner-big-swiper-button {
  margin-top: -1.43rem;
  opacity: 0;
}

.swiper-flagship .inner-big-swiper-button-next {
  right: 0;
}

.swiper-flagship .inner-big-swiper-button-prev {
  left: 0;
  margin-top: -1.43rem;
}

.swiper-flagship:hover .inner-big-swiper-button {
  opacity: 1;
}

.swiper-flagship .inner-big-swiper-button:hover {
  background: rgb(0, 0, 0);
}