* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.gray {
    color: #4E4E4E;
}

.w {
    width: 85%;
    margin: 0 auto;
    box-sizing: border-box;
    background: #FFFFFF;
}

body{
    background: #f2f2f2;
}


/* 文字设置 */

.title-font {
    font-size: 2.708333rem/* 52/19.2 */
    ;
    font-weight: bold;
}

.subtitle-font {
    font-size: 1.458333rem/* 28/19.2 */
    ;
}

.read-title {
    font-size: 2.083333rem/* 40/19.2 */
    ;
}

.read-intro {
    font-size: 1.25rem/* 24/19.2 */
    ;
    margin-top: .9375rem/* 18/19.2 */
    ;
}

.shop-name {
    font-size: 1.041667rem/* 20/19.2 */
    ;
    margin-top: 1.041667rem/* 20/19.2 */
    ;
}

.address {
    font-size: 1.041667rem/* 20/19.2 */
    ;
    color: #9C9C9C;
}

.project-title {
    font-size: 2.083333rem/* 40/19.2 */
    ;
}

.project-subtitle {
    font-size: 1.5625rem/* 30/19.2 */
    ;
    margin-top: .729167rem/* 14/19.2 */
    ;
}

.company-title {
    font-size: 2.083333rem/* 40/19.2 */
    ;
}

.company-subtitle {
    font-size: 1.5625rem/* 30/19.2 */
    ;
    margin-top: .729167rem/* 14/19.2 */
    ;
}

.company-intro {
    margin-top: 1.458333rem/* 28/19.2 */
    ;
}

.company-intro p {
    margin-top: 2.083333rem/* 40/19.2 */
    ;
}

.line {
    width: .3125rem/* 6/19.2 */
    ;
    height: 2.604167rem/* 50/19.2 */
    ;
    background: #FFFFFF;
}

.future-layout {
    margin-left: 1.770833rem/* 34/19.2 */
}

.future-text {
    font-size: 5.208333rem/* 100/19.2 */
    ;
    font-weight: bold;
    color: #4E4E4E;
    position: relative;
    top: 3rem;
    left: 14rem;
    font-family: STSongti-SC-Bold, STSongti-SC;
}

.future-line {
    width: 9.427083rem/* 181/19.2 */
    ;
    height: 0.833333rem/* 16/19.2 */
    ;
    position: relative;
    top: 3rem;
    left: 8rem;
}

.delta {
    position: absolute;
    top: 4rem;
    right: 4rem;
    width: 8.75rem/* 168/19.2 */
    ;
    height: 7.291667rem/* 140/19.2 */
    ;
    z-index: 1;
    /* box-shadow: 10px 10px 5px #888888; */
    /* box-shadow: 0px 1.5625rem 1.5625rem 0px rgba(140, 153, 191, 0.2); */
}

.delta-two {
    position: absolute;
    top: 6rem;
    right: 6rem;
    width: 5rem/* 96/19.2 */
    ;
    height: 4.166667rem/* 80/19.2 */
    ;
    z-index: 2;
}

.ambitus-title {
    font-size: 2.083333rem/* 40/19.2 */
    ;
}

.ambitus-subtitle {
    font-size: 1.25rem/* 24/19.2 */
    ;
    margin-top: .9375rem/* 18/19.2 */
    ;
}

.ambitus-name {
    font-size: 1.041667rem/* 20/19.2 */
    ;
    margin-top: 1.041667rem/* 20/19.2 */
    ;
}

.ambitus-intro {
    font-size: 1.041667rem/* 20/19.2 */
    ;
    color: #9C9C9C;
}

.cantant-font {
    font-size: 2.083333rem/* 40/19.2 */
    ;
}


/* body {
    height: 10000px;
} */

.top {
    position: relative;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.background {
    width: 100%;
    height: 100%;
    z-index: -1;
}

.nav {
    position: absolute;
    z-index: 99;
    top: 30px;
    left: 5%;
    width: 90%;
    height: 70px;
    padding: 0 20px;
    box-sizing: border-box;
    background: rgba(83, 83, 83, 0.3);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo {
    width: 166px;
    height: 56px;
}

.nav-list {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.nav-list a {
    color: #FFFFFF;
}

.nav-list li {
    margin-left: 2vw;
}

.nav-list li .link:hover {
    color: #FBC800;
}

.login {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6.145833rem/* 118/19.2 */
    ;
    height: 2.1875rem/* 42/19.2 */
    ;
    font-size: 0.9rem/* 18/19.2 */
    ;
    text-align: center;
    border-radius: .260417rem/* 5/19.2 */
    ;
    line-height: 2.1875rem/* 42/19.2 */
    ;
    background: #FBC800;
    /* border: 1px solid #979797; */
}

.login a {
    color: #1D174B;
}

.top-title {
    position: absolute;
    top: 16.25rem/* 312/19.2 */
    ;
    right: 3.333333rem/* 64/19.2 */
    ;
    width: 38.333333rem/* 736/19.2 */
    ;
    height: 17.5rem/* 336/19.2 */
    ;
    color: #FFFFFF;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    /* background-color: burlywood; */
}

.border {
    width: 9.427083rem/* 181/19.2 */
    ;
    height: .104167rem/* 2/19.2 */
    ;
    margin: 1.145833rem/* 22/19.2 */
    0;
    background-color: #FFFFFF;
}

.top-title-down {
    width: 100%;
    height: auto;
    font-size: 1.5625rem/* 30/19.2 */
    ;
}

.top-title-down p {
    margin-bottom: .260417rem/* 5/19.2 */
    ;
}

.zdr-intro {
    position: relative;
    top: -14.583333rem/* 280/19.2 */
    ;
    left: 4%;
    width: 95%;
    height: 26.041667rem/* 500/19.2 */
    ;
    /* background-color: burlywood; */
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.left-intro {
    width: 19.479167rem/* 374/19.2 */
    ;
    height: 26.041667rem/* 500/19.2 */
    ;
    color: #4E4E4E;
    /* background-color: aquamarine; */
}

.left-intro img {
    margin: 2.864583rem/* 55/19.2 */
    0;
    margin-top: 2.864583rem;
    margin-bottom: 1.875rem;
    /* margin-top: 100px;
    margin-bottom: 30px; */
}

.zdr-txt {
    width: 19.479167rem/* 374/19.2 */
    ;
    height: 13.020833rem/* 250/19.2 */
    ;
    font-size: 2.083333rem/* 40/19.2 */
    ;
}

.center-img {
    width: 20.833333rem/* 400/19.2 */
    ;
    height: 26.041667rem/* 500/19.2 */
    ;
    margin-left: 1.5625rem/* 30/19.2 */
    ;
    background: #F3F3F3;
    /* 1.5625rem 30/19.2 */
    border: 1.041667rem/* 20/19.2 */
    solid #FFFFFF;
    box-shadow: 0px 1.5625rem 1.5625rem 0px rgba(140, 153, 191, 0.2);
}

.center-img img {
    width: 100%;
    height: 100%;
}

.right-img {
    width: 440px;
    height: 26.041667rem/* 500/19.2 */
    ;
    margin-right: 10px;
    float: left;
    box-sizing: border-box;
}

.right-img div {
    display: inline-block;
    width: 10.416667rem/* 200/19.2 */;
    height: 10.416667rem/* 200/19.2 */;
    margin-left: 0.520833rem/* 10/19.2 */;
    margin-bottom: 0.520833rem/* 10/19.2 */;
    background-color: #FFFFFF;
    border: 0.520833rem/* 10/19.2 */ solid #FFFFFF;
    box-shadow: 0px 1.5625rem 1.5625rem 0px rgb(140 153 191 / 20%);
}

.right-img div img {
    width: 100%;
    height: 100%;
}

.right-icon img {
    width: 7.291667rem/* 140/19.2 */
    ;
    height: 7.291667rem/* 140/19.2 */
    ;
    box-shadow: 0px 2.083333rem 1.5625rem 0px rgba(0, 0, 0, 0.1);
}

.children-read {
    position: relative;
    bottom: 11.666667rem/* 224/19.2 */
    ;
    height: 33.854167rem/* 650/19.2 */
    ;
    /* background-color: burlywood; */
    padding: 0 3.541667rem/* 68/19.2 */
    ;
}

.ambitus {
    padding: 0 3.541667rem/* 68/19.2 */
    ;
    margin-top: 5.729167rem/* 110/19.2 */
    ;
}

.children-read .g-scrolling-carousel .items,
.ambitus .g-scrolling-carousel-ambitus .items {
    height: 23.4375rem/* 450/19.2 */
    ;
    padding: .260417rem/* 5/19.2 */
    0;
    display: flex;
}

.children-read .g-scrolling-carousel .items li,
.ambitus .g-scrolling-carousel-ambitus .items li {
    display: inline-block;
    flex-shrink: 0;
    /* notice the comments between inline-block items */
    margin-right: 2.083333rem/* 40/19.2 */
    ;
    width: 15.625rem/* 300/19.2 */
    ;
    height: 19.010417rem/* 365/19.2 */
    ;
    text-align: left;
    border: 1.041667rem/* 20/19.2 */
    solid #FFFFFF;
    background-color: #FFFFFF;
    /* 1.041667rem 20/19.2 */
    /* 1.5625rem 30/19.2 */
    box-shadow: 0px 1.041667rem 1.5625rem 0px rgba(140, 153, 191, 0.2);
}


/* .children-read .g-scrolling-carousel .items li:last-child {
    margin-right: 0;
} */

.children-read .g-scrolling-carousel .items li .item-layout,
.ambitus .g-scrolling-carousel-ambitus .items li .item-layout {
    display: block;
    width: 100%;
    height: 100%;
}


/* .children-read .g-scrolling-carousel .items li {
    display: block;
    margin-right: 10px;
    width: 300px;
    height: 350px;
    text-align: center;
    border: 20px solid #FFFFFF;
    background-color: #FFFFFF;
    box-shadow: 0px 30px 30px 0px rgba(140, 153, 191, 0.2);
} */

.img-layout {
    width: 100%;
    height: 12.5rem/* 240/19.2 */
    !important;
    background-color: #e2e4ea;
}

.more-layout {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-layout img {
    width: 100%;
    height: 100%;
    z-index: 20;
}

.look-more {
    text-align: right;
    font-size: 1.302083rem/* 25/19.2 */
    ;
    color: #FBC800;
}

.look-more a {
    color: #FBC800;
}

.project-intro {
    position: relative;
    bottom: 5.895833rem;
    height: 33.854167rem/* 650/19.2 */
    ;
    padding: 0 3.541667rem/* 68/19.2 */
    ;
    /* background-color: burlywood; */
}

.top-icon {
    width: 100%;
    text-align: center;
}

.top-icon img {
    width: 11.302083rem/* 217/19.2 */
    ;
    height: 2.03125rem/* 39/19.2 */
    ;
}

.inner-layout {
    height: 28.645833rem/* 550/19.2 */
    ;
    display: flex;
    justify-content: space-between;
}

.intro-bottom-txt {
    width: 38.90625rem/* 747/19.2 */
    ;
    height: 18.229167rem/* 350/19.2 */
    ;
    font-size: 1.5625rem/* 30/19.2 */
    ;
    color: #4E4E4E;
    margin-top: 2.135417rem/* 41/19.2 */
    ;
}

.intro-txt img {
    margin: 1.875rem/* 36/19.2 */
    0;
}

.intro-img {
    position: relative;
    width: 22.395833rem/* 430/19.2 */
    ;
    /* background-color: cornflowerblue; */
}

.intro-img .two-items {
    position: relative;
    top: 13rem;
    left: 1rem;
    width: 13.25rem/* 312/19.2 */
    ;
    height: 13.25rem/* 312/19.2 */
    ;
}

.item-img-one {
    position: absolute;
    top: 0;
    right: 0;
    width: 13.072917rem/* 251/19.2 */
    ;
    height: 11.09375rem/* 213/19.2 */
    ;
    /* 1.5625rem 30/19.2 */
    box-shadow: 0px 1.5625rem 1.5625rem 0px rgba(140, 153, 191, 0.2);
    background-color: #FFFFFF;
    border: .520833rem/* 10/19.2 */
    solid #FFFFFF;
    z-index: 1;
}

.item-img-one img {
    width: 100%;
    height: 100%;
}

.item-img-two {
    position: absolute;
    top: 9.114583rem/* 175/19.2 */
    ;
    left: 0;
    width: 13.072917rem/* 251/19.2 */
    ;
    height: 11.09375rem/* 213/19.2 */
    ;
    box-shadow: 0px 1.5625rem 1.5625rem 0px rgba(140, 153, 191, 0.2);
    border: .520833rem/* 10/19.2 */
    solid #FFFFFF;
    z-index: 2;
    background-color: #FFFFFF;
}

.item-img-two img {
    width: 100%;
    height: 100%;
}

.item-img-three {
    position: absolute;
    left: 9.375rem/* 180/19.2 */
    ;
    top: 16.875rem/* 324/19.2 */
    ;
    width: 13.072917rem/* 251/19.2 */
    ;
    height: 11.09375rem/* 213/19.2 */
    ;
    box-shadow: 0px 1.5625rem 1.5625rem 0px rgba(140, 153, 191, 0.2);
    border: .520833rem/* 10/19.2 */
    solid #FFFFFF;
    z-index: 3;
    background-color: #FFFFFF;
}

.item-img-three img {
    width: 100%;
    height: 100%;
}

.project-intro-more {
    text-align: left;
    font-size: 1.302083rem/* 25/19.2 */
    ;
    color: #FBC800;
}

.project-intro-more a {
    color: #FBC800;
}

.company-layout {
    height: 31.510417rem/* 605/19.2 */
    ;
    margin-top: 1.041667rem/* 20/19.2 */
    ;
}

.read-img-modle {
    margin: 1.875rem/* 36/19.2 */
    0;
}

.company-txt {
    margin-left: 6.25rem/* 120/19.2 */
    ;
}

.company-txt img {
    /* margin: 36px 0; */
    margin-left: 0rem;
    margin-bottom: 1.875rem/* 36/19.2 */
    ;
}

.company-img {
    position: relative;
    width: 28.645833rem/* 550/19.2 */
    ;
    margin-top: 1.822917rem/* 35/19.2 */
    ;
    /* background-color: cornflowerblue; */
}

.company-intro-more {
    margin-top: 4.166667rem/* 80/19.2 */
    ;
    text-align: right;
    font-size: 1.302083rem/* 25/19.2 */
    ;
    color: #FBC800;
}

.company-intro-more a {
    color: #FBC800;
}

.future {
    position: relative;
}

.future-background {
    width: 100%;
    height: 100%;
    z-index: -1;
}

.future-title-layout {
    position: absolute;
    width: 36.458333rem/* 700/19.2 */
    ;
    top: 30.395833rem;
    left: 50%;
    margin-left: -18.229167rem/* 350/19.2 */
    ;
}

.future-title {
    text-align: center;
    font-size: 2.604167rem/* 50/19.2 */
    ;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: .104167rem/* 2/19.2 */
    ;
}

.future-subtitle {
    text-align: center;
    font-size: 1.145833rem/* 22/19.2 */
    ;
    font-weight: bold;
    color: #FFFFFF;
}

.future-bottom {
    position: absolute;
    bottom: .15625rem/* 3/19.2 */
    ;
    width: 100%;
    height: 11.458333rem/* 220/19.2 */
    ;
    padding-left: 3rem;
    padding-right: 1.041667rem/* 20/19.2 */
    ;
    background: linear-gradient(270deg, rgba(243, 243, 243, 0) 0%, #9C9C9C 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.future-bottom-title {
    width: 36.614583rem/* 703/19.2 */
    ;
    height: 2.1875rem/* 42/19.2 */
    ;
    font-size: 1.5625rem/* 30/19.2 */
    ;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 2.1875rem/* 42/19.2 */
    ;
}

.future-bottom-intro {
    margin-top: .416667rem/* 8/19.2 */
    ;
    font-size: 1.25rem/* 24/19.2 */
    ;
    color: #FFFFFF;
    font-weight: bold;
}

.model {
    width: 100%;
    height: 46.875rem/* 900/19.2 */
    ;
    margin-top: 3.020833rem/* 58/19.2 */
    ;
    /* background-color: darkgoldenrod; */
}

.pic-layout-one {
    display: inline-block;
    width: calc(100% / 2);
    height: 23.4375rem/* 450/19.2 */
    ;
    padding: .572917rem/* 11/19.2 */
    ;
    background: #FFFFFF;
    /* .208333rem 4/19.2 */
    /* 1.041667rem 20/19.2 */
    box-shadow: 0px .208333rem 1.041667rem 0px #8C99BF;
    z-index: 1;
    box-sizing: border-box;
}

.pic-layout-one img {
    width: 100%;
    height: 100%;
}

.model-layout-one {
    float: right;
    width: calc(100% / 2);
    height: 23.4375rem/* 450/19.2 */
    ;
    padding: .572917rem/* 11/19.2 */
    ;
    background: #FFFFFF;
    box-sizing: border-box;
    /* box-shadow: 0px 4px 20px 0px #8C99BF; */
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
}

.question {
    width: calc((100% - 35px) / 2);
    height: 9.0625rem/* 174/19.2 */
    ;
    background: #FFFFFF;
    border-radius: .520833rem/* 10/19.2 */
    ;
    padding: .78125rem/* 15/19.2 */
    1.354167rem/* 26/19.2 */
    0 1.354167rem/* 26/19.2 */
    ;
    border: .052083rem/* 1/19.2 */
    solid #B1B1B1;
    box-sizing: border-box;
}

.question:nth-child(2n) {
    margin-left: 35px;
}

.circle {
    width: 1.041667rem/* 20/19.2 */
    ;
    height: 1.041667rem/* 20/19.2 */
    ;
    margin: 0 .989583rem/* 19/19.2 */
    ;
    border-radius: 50%;
    background: #FAC800;
}

.list {
    width: 100%;
    height: 3.645833rem/* 70/19.2 */
    ;
    border-radius: .78125rem/* 15/19.2 */
    ;
    border: .052083rem/* 1/19.2 */
    solid #B1B1B1;
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
}

.list-txt {
    font-size: 1.354167rem/* 26/19.2 */
    ;
    font-weight: 900;
    color: #4E4E4E;
}

.model-layout-two {
    float: left;
    width: calc(100% / 2);
    height: 23.4375rem/* 450/19.2 */
    ;
    padding: .572917rem/* 11/19.2 */
    ;
    background: #FFFFFF;
    /* box-shadow: 0px 4px 20px 0px #8C99BF; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.question-txt {
    font-size: 1.354167rem/* 26/19.2 */
    ;
    font-weight: bold;
    color: #4E4E4E;
}

.shear {
    font-size: 1.25rem/* 24/19.2 */
    ;
    color: #FAC800;
    text-align: right;
    font-weight: bold;
}

.qr {
    margin-top: 4.791667rem/* 92/19.2 */
    ;
    padding: 0 3.541667rem/* 68/19.2 */
    ;
}

.qr-img {
    width: 13.541667rem/* 260/19.2 */
    ;
    height: 13.541667rem/* 260/19.2 */
    ;
    margin-bottom: 1.25rem/* 24/19.2 */
    ;
}

.qr-img img {
    width: 100%;
    height: 100%;
}

.qr-code {
    width: 100%;
    height: 19.270833rem/* 370/19.2 */
    ;
    margin-top: 2.604167rem/* 50/19.2 */
    ;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.qr-code-layout {
    display: inline-block;
    width: 13.541667rem/* 260/19.2 */
    ;
    height: 19.270833rem/* 370/19.2 */
    ;
    /* margin-right: 80px; */
}

.cantant-font-two {
    font-size: 1.25rem/* 24/19.2 */
    ;
    margin-top: 1.302083rem/* 25/19.2 */
    ;
}


/* .qr-code-layout:nth-child(4) {
    margin-right: 0;
} */

.call-me {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    margin-top: 3rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.call-me p {
    font-size: 1.25rem/* 24/19.2 */
    ;
    font-weight: 900;
    color: #898989;
}

.call-me-button {
    width: 27.65625rem/* 531/19.2 */
    ;
    height: 3.645833rem/* 70/19.2 */
    ;
    font-size: 1.25rem/* 24/19.2 */
    ;
    margin-top: 1.666667rem/* 32/19.2 */
    ;
    margin-bottom: 3.125rem/* 60/19.2 */
    ;
    line-height: 3.645833rem/* 70/19.2 */
    ;
    border-radius: 5.208333rem/* 100/19.2 */
    ;
    background: #FBC700;
    font-weight: bold;
}

.footer {
    width: 100%;
    height: 9.010417rem/* 173/19.2 */
    ;
    margin: 0 auto;
    padding: 0 6.770833rem/* 130/19.2 */
    ;
    background: #1C164B;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer p {
    height: 1.979167rem/* 38/19.2 */
    ;
    font-size: 1.145833rem/* 22/19.2 */
    ;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1.979167rem/* 38/19.2 */
    ;
}

.footer-logo {
    width: 10.9375rem/* 210/19.2 */
    ;
    height: 6.510417rem/* 125/19.2 */
    ;
}

.footer-logo img {
    width: 100%;
    height: 100%;
}

.swiper {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 68.875rem;
    height: 49.479167rem/* 950/19.2 */
    ;
    background-color: #FFFFFF;
    padding: 3.645833rem/* 70/19.2 */
    ;
    display: flex;
    justify-content: space-between;
}

.swiper-detail {
    width: 42.708333rem/* 820/19.2 */
    ;
    height: 100%;
}

.swiper-detail img {
    width: 100%;
    height: 38.020833rem/* 730/19.2 */
    ;
}

.swiper-detail .shop-name {
    font-size: 1.822917rem/* 35/19.2 */
    ;
    font-weight: bold;
}

.swiper-detail .shop-intro {
    font-size: 1.302083rem/* 25/19.2 */
    ;
    color: #a1a1a1;
    /* font-weight: bold; */
}

.swiper-list {
    position: relative;
    width: 14.0625rem/* 270/19.2 */
    ;
    height: 100%/* 840/19.2 */
    ;
}

.swiper-list ul {
    width: 14.0625rem/* 270/19.2 */
    ;
    height: 100%/* 840/19.2 */
    ;
    overflow-y: auto;
}

.swiper-list ul::-webkit-scrollbar {
    /*隐藏滚轮*/
    display: none;
}

.swiper-list ul li {
    width: 100%;
    height: 13.541667rem/* 260/19.2 */
    ;
    margin-bottom: 1.041667rem/* 20/19.2 */
    ;
}

.swiper-list ul li img {
    width: 100%;
    height: 100%;
}

.active {
    width: 100%;
    height: 13.020833rem/* 250/19.2 */
    ;
    background-color: #fac800;
    border: .520833rem/* 10/19.2 */
    solid #fac800;
}

.mask {
    position: fixed;
    top: 0px;
    /* filter: alpha(opacity=60); */
    width: 100vw !important;
    height: 100vh !important;
    background-color: #777;
    z-index: 999;
    left: 0px;
    opacity: 0.9;
    /* -moz-opacity: 0.9; */
    display: none;
}

.wulala {
    display: none;
    position: fixed;
    top: 10rem;
    left: 18rem;
    width: 62.5rem/* 1200/19.2 */
    ;
    height: 31.25rem/* 600/19.2 */
    ;
    z-index: 25;
    background-color: #FFFFFF;
}

.container {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 54.291667rem;
    height: 32.666667rem;
    border-radius: .260417rem/* 5/19.2 */
    ;
}

.swiper-container {
    width: 80%;
    height: 99%;
}

.swiper-wrapper {
    height: 5.208333rem/* 100/19.2 */
    ;
}

.swiper-container .swiper-slide {
    width: 39.416667rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


/* .swiper-container .swiper-slide .text {
    position: absolute;
    top: 10rem;
    left: 10rem;
} */

.swiper-container .swiper-slide .shop-name {
    font-size: 1.5625rem/* 30/19.2 */
    ;
    margin-top: 0;
    color: black;
    font-weight: bold;
}

.swiper-container .swiper-slide .shop-intro {
    font-size: 1.041667rem/* 20/19.2 */
    !important;
    color: #a1a1a1;
}

.swiper-container-thumbs {
    width: 12.416667rem;
    height: 100%;
    overflow-y: scroll;
}

::-webkit-scrollbar {
    display: none;
    /* Chrome Safari */
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    font-size: 60px;
    overflow: hidden;
}

.swiper-container-thumbs .swiper-slide {
    font-size: 20px;
    /* background: url(../images/1.png) no-repeat center center/auto 100% #000; */
    opacity: 1;
}

.swiper-container .swiper-wrapper .swiper-slide img {
    width: 100%;
    /* 3.125rem 60/19.2 */
    height: calc(100% - 3.125rem);
}

.swiper-container-thumbs .swiper-wrapper .swiper-slide img {
    width: 100%;
    height: 100%;
}

.swiper-container .swiper-wrapper .swiper-slide-active {
    height: 31rem !important;
}

.swiper-container-thumbs .swiper-slide-thumb-active {
    border: .260417rem/* 5/19.2 */
    solid #FBC800;
    background-color: #FBC800;
    opacity: 1;
}

.container-box {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 62.5rem/* 1200/19.2 */
    ;
    height: 39.875rem;
    background-color: #ffffff;
    z-index: 99999;
    border-radius: .520833rem/* 10/19.2 */
    ;
}

.swiper-container .swiper-wrapper {
    height: 32.208333rem;
}

.up {
    position: absolute;
    top: 1.479167rem;
    left: 46.1rem;
    width: 0;
    height: 0;
    border-left: 6.291667rem/* 140/19.2 */
    solid transparent;
    border-right: 6.291667rem/* 140/19.2 */
    solid transparent;
    border-bottom: 1.302083rem/* 25/19.2 */
    solid #d8d8d8;
}

.down {
    position: absolute;
    bottom: 1.479167rem;
    left: 46.1rem;
    width: 0;
    height: 0;
    border-left: 6.291667rem/* 140/19.2 */
    solid transparent;
    border-right: 6.291667rem/* 140/19.2 */
    solid transparent;
    border-top: 1.302083rem/* 25/19.2 */
    solid #d8d8d8;
}

.nav-cell-me {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 430px;
    height: 430px;
    background-color: #FFFFFF;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    padding: 1.041667rem/* 20/19.2 */
    ;
    text-align: center;
    /* display: flex;
    flex-direction: column;
    align-items: center; */
    justify-content: space-between;
    z-index: 9999;
}

.nav-cell-me p {
    margin-bottom: 24px;
    font-size: 16px;
}