/**
 * ########################################################################################################################
 * ### 内页
 * ########################################################################################################################
 */
/* 内容 */
.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: hidden;
}
.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;
}
.inner-grid-wrapper .grid-item {
    margin: 0;
    padding: 0;
    width: 20%;
    margin-bottom: 10px;
}
.inner-grid-wrapper .grid-item_is-not-empty {
    cursor: pointer;
}
.inner-grid-wrapper .item-inner {
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
}
.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.54rem;
    font-weight: 500;
}
.inner-grid-wrapper .icons .iconfont {
    font-size: 0.34rem;
    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 {
    margin-top: 0px;
    height: 0px;
    width: 500%;
    overflow: hidden;
    position: relative;
    transition: all 0.6s linear;
    color: #ffffff;
    padding: 0 10px;
}
.inner-grid-wrapper .box-cont {
    width: 100%;
    height: auto;
    background: #333333;
    position: relative;
    transform: translateY(-100%);
    transition: all 0.5s linear;
    opacity: 0;
}
.inner-grid-wrapper .box-cont_item {
    padding: 0.6rem 2.6rem;
    width: 100%;
    overflow: hidden;
    display: flex;
    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 {
    flex: 1;
    padding-right: 1.1rem;
}
.inner-grid-wrapper .item_right {
    flex-shrink: 0;
}
.inner-grid-wrapper .item-imgs {
    display: flex;
    flex-wrap: wrap;
    width: 3.6rem;
}
.inner-grid-wrapper .item-image-box {
    width: 50%;
    height: 1.35rem;
    overflow: hidden;
}
/* .inner-grid-wrapper .item-image-box { width: 100%; height: auto; overflow: hidden; } */
.inner-grid-wrapper .item-image {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.6s;
}
.inner-grid-wrapper .item-title.en {
    font-size: 0.54rem;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0.1rem;
}
.inner-grid-wrapper .item-title.cn {
    font-size: 0.3rem;
    font-weight: normal;
    padding-top: 0.3rem;
    padding-bottom: 0.36rem;
}
.inner-grid-wrapper .item-desc {
    font-size: 0.18rem;
    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 .box {
    height: auto;
    margin-top: 0px;
}
.inner-grid-wrapper .grid-item.active .box-cont {
    transform: translateY(0);
    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: 400%;
    }
}
@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: 300%;
    }
}
@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: 200%;
    }
    .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-desc {
        font-size: 0.26rem;
    }
}

/* 新闻列表 */
.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;
}
.inner-branded-advantages-wrapper .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.inner-branded-advantages-wrapper .item {
    margin-bottom: 1.9rem;
}
.inner-branded-advantages-wrapper .img-box {
    padding: relative;
    width: 100%;
}
.inner-branded-advantages-wrapper .img {
    display: block;
    width: 100%;
    transition: all 0.36s;
    cursor: pointer;
}
.inner-branded-advantages-wrapper .img:hover {
    transform: scale(1.25);
}
.inner-branded-advantages-wrapper .number {
    display: block;
    font-size: 0.72rem;
    padding: 0.3rem 0 0.1rem;
}
.inner-branded-advantages-wrapper .item-01 {
    width: 6.18rem;
}
.inner-branded-advantages-wrapper .item-02 {
    width: 4.5rem;
}
.inner-branded-advantages-wrapper .item-03 {
    width: 4.9rem;
}
.inner-branded-advantages-wrapper .item-04 {
    width: 6.9rem;
}
.inner-branded-advantages-wrapper .item-05 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.inner-branded-advantages-wrapper .item-05 .img-box {
    width: 12.5rem;
}
@media screen and (max-width: 768px) {
    .inner-branded-advantages-wrapper {
        padding: 0.9rem 0.3rem;
    }
    .inner-branded-advantages-wrapper .list {
        flex-direction: column;
    }
    .inner-branded-advantages-wrapper .item {
        margin-bottom: 1.2rem;
        width: 100%;
    }
    .inner-branded-advantages-wrapper .img-box {
        width: 100%;
    }
    .inner-branded-advantages-wrapper .item-05 {
        text-align: left;
    }
    .inner-branded-advantages-wrapper .item-05 .img-box {
        width: 100%;
    }
    .inner-branded-advantages-wrapper .item-05 .txts {
        width: 100%;
    }
    .inner-branded-advantages-wrapper .img:hover {
        transform: scale(1);
    }
}

/* 加盟优势 */
.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: 3.7rem;
}
.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.68rem;
    margin-top: 2rem;
}
.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: .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: .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,.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: .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: .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: .68rem; font-weight: normal; }
.inner-chasing-module-5 .item .sub-title { font-size: .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: .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: .68rem; }
.inner-explore-original .sub-title { font-size: var(--cn-title-size); }
.inner-explore-original .title-wrap:last-child { margin-top: .2rem; }
.inner-explore-original-swiper {position:relative; margin-top: .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: .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: .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: .64rem; }

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

/* 远古精神 模块四 */
.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: .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: .70rem; }
.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: .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: .70rem; }
.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: .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: .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: .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: .16rem; color: #666; text-align: center; }
.inner-page-content_master_mayansong .inner-master-in-a-wrod { width: auto; margin-bottom: .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: .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: .18rem; }
.inner-page-content_master_mayansong .inner-master-lixiang-wrapper .swiper-slide:nth-child(1) { padding-top: .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: .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: .44rem; }