.page-title {font-size:var(--font-title-size);color:var(--color-title1);font-weight:700;line-height:1;text-align:center;margin-bottom:var(--magrin-top)}
.page-title.text-left {text-align:left}
.page-title.text-center {text-align:center}
@media only screen and (max-width:640px) {.page-title.text-left {text-align:center}
}
.page-title .cn {font-size:1.8rem;margin-top:8px;font-weight:600}
.page-title .en {font-size:.8rem;margin-top:8px;font-weight:400}
@media only screen and (max-width:768px) {.page-title .en {font-size:14px}
}
@media only screen and (max-width:640px) {.page-title .en {font-size:12px;margin-top:4px}
}
.page-title .en.sub {font-size:2.4rem;margin-top:2rem;line-height:1;color:#696969;font-weight:600}
@media only screen and (max-width:768px) {.page-title .en.sub {font-size:16px;margin-top:12px;line-height:1.6}
}
@media only screen and (max-width:640px) {.page-title .en.sub {font-size:13px;margin-top:8px;padding:0 var(--padding-x)}
}
.page-title .en.sub span {color:#00c766}

#canvas {display:block;width:100%;height:100%}
.canvas-box {position:fixed;left:0;top:0;background-color:#000;width:100vw;height:100vh;z-index:100}
.home-page .banner-box {position:relative;padding-left:var(--page-left)}
@media only screen and (max-width:1024px) {.home-page .banner-box {padding-left:0}
}
.home-page .banner-box .xia {position:absolute;left:calc(var(--page-left) / 2);top:-6.8rem;transform:translate(-50%);z-index:99;width:5rem}
@media only screen and (max-width:1024px) {.home-page .banner-box .xia {display:none}
}
.home-page .banner-box .wxtip {text-align:center;background-color:#000;line-height:30px;color:var(--color-gold);position:absolute;left:0;bottom:0;width:100%;display:none}
.home-page .banner-box .banner {height:75rem;background-color:#000;position:relative;z-index:2;border-bottom-left-radius:14rem}
@media only screen and (max-width:1024px) {.home-page .banner-box .banner {border-radius:0;height:76rem}
}
@media only screen and (max-width:640px) {.home-page .banner-box .banner {height:120rem}
}
.home-page .banner-box .banner video {width:100%;display:block;height:100%;object-fit:cover;object-position:center;opacity:.9;border-bottom-left-radius:14rem;pointer-events:none}
@media only screen and (max-width:1024px) {.home-page .banner-box .banner video {border-radius:0}
}
.home-page .banner-box .banner .text {position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:50rem}
.home-page .banner-box .xiabao-box {position:relative;z-index:2}
@media only screen and (max-width:640px) {.home-page .banner-box .xiabao-box {display:none}
}
.home-page .banner-box .xiabao-box .xiabao {display:flex;position:absolute;left:calc(var(--padding-x) - var(--page-left));top:50%;transform:translateY(-50%)}
.home-page .banner-box .xiabao-box .xiabao img {height:17.2rem;width:auto}
.home-page .banner-box .join {display:flex;justify-content:flex-end;margin-top:5rem}
@media only screen and (max-width:640px) {.home-page .banner-box .join {margin-top:0;display:none}
}
.home-page .banner-box .join .join-box {display:flex;background-color:#00c766;color:#fff;width:53rem;height:8rem;align-items:center;justify-content:center;font-size:2.4rem;font-weight:500;border-top-left-radius:3rem;cursor:pointer}
@media only screen and (max-width:640px) {.home-page .banner-box .join .join-box {width:100%;height:50px;border-radius:0;padding-right:var(--padding-x)}
}
.home-page .banner-box .join .join-box .i1 {width:5.2rem}
@media only screen and (max-width:640px) {.home-page .banner-box .join .join-box .i1 {display:none}
}
.home-page .banner-box .join .join-box .i2 {width:2.2rem}
@media only screen and (max-width:640px) {.home-page .banner-box .join .join-box .i2 {width:16px}
}
.home-page .banner-box .join .join-box p {margin-left:4rem;letter-spacing:.5rem}
@media only screen and (max-width:640px) {.home-page .banner-box .join .join-box p {margin:0 10px 0 0;font-size:15px}
}
.home-page .section {padding:var(--padding-y) var(--padding-x)}
@keyframes signingLists {0% {transform:translate(0)}
to {transform:translate(-50%)}
}
@keyframes signingLists1 {0% {transform:translate(-50%)}
to {transform:translate(0)}
}
.home-page .section8 {padding-top:0;padding-left:0;padding-right:0}
.home-page .section8 .content .lists:nth-child(2) .wrap {animation-name:signingLists1}
.home-page .section8 .content .lists:nth-child(3) .wrap {animation-delay:calc(var(--signing-time) / 10 * -1)}
.home-page .section8 .content .lists {width:100vw;overflow:hidden;height:20rem;position:relative}
@media only screen and (max-width:640px) {.home-page .section8 .content .lists {height:20vw}
}
.home-page .section8 .content .lists .wrap {display:flex;width:calc(var(--signing) * 38rem + var(--signing) * 2.4rem);gap:2.4rem;padding:0 2.4rem;position:absolute;left:0;top:0;animation-name:signingLists;animation-duration:var(--signing-time);animation-timing-function:linear;animation-iteration-count:infinite}
@media only screen and (max-width:640px) {.home-page .section8 .content .lists .wrap {padding:0 2.4vw;gap:2.4vw;width:calc(var(--signing) * 38vw + var(--signing) * 2.4vw)}
}
.home-page .section8 .content .lists .wrap img {width:38rem;height:20rem;object-fit:cover;flex-shrink:0;border-radius:2rem}
@media only screen and (max-width:640px) {.home-page .section8 .content .lists .wrap img {width:38vw;height:20vw}
}
.home-page .section8 .content .lists+.lists {margin-top:4rem}
@media only screen and (max-width:640px) {.home-page .section8 .content .lists+.lists {margin-top:4vw}
}
.home-page .section1 {display:flex;justify-content:space-between;align-items:center;margin-top:2%}
.home-page .section1.y2024 {padding-right:0}
@media only screen and (max-width:640px) {.home-page .section1.y2024 {padding-right:var(--padding-x)}
}
.home-page .section1.y2024 .swiper img {width:100%;height:66rem;object-fit:cover}
@media only screen and (max-width:640px) {.home-page .section1.y2024 .swiper img {height:64vw}
}
.home-page .section1.y2024 .swiper-story-p {position:absolute;z-index:3;left:0;width:100%;bottom:3rem;display:flex;justify-content:center;gap:1rem}
@media only screen and (max-width:640px) {.home-page .section1.y2024 .swiper-story-p {bottom:8px;gap:5px}
}
.home-page .section1.y2024 .swiper-story-p .swiper-pagination-bullet {width:8px;height:8px;background-color:#fff;border-radius:50%;opacity:.5;cursor:pointer}
@media only screen and (max-width:640px) {.home-page .section1.y2024 .swiper-story-p .swiper-pagination-bullet {width:5px;height:5px}
}
.home-page .section1.y2024 .swiper-story-p .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#00c766;opacity:1;pointer-events:none}
.home-page .section1.y2024 .left {width:38%}
@media only screen and (max-width:640px) {.home-page .section1.y2024 .left {width:100%}
}
.home-page .section1.y2024 .left .numbers .item {padding:0 6rem}
@media only screen and (max-width:640px) {.home-page .section1.y2024 .left .numbers .item {padding:0}
}
.home-page .section1.y2024 .right {width:92rem;flex-shrink:0}
@media only screen and (max-width:640px) {.home-page .section1.y2024 .right {width:100%}
}
@media only screen and (max-width:640px) {.home-page .section1 {display:block;margin-top: 3rem;}
}
.home-page .section1 .store-video-box {position:fixed;width:100%;height:100%;background-color:#0009;left:0;top:0;z-index:20;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .5s}
.home-page .section1 .store-video-box.active {opacity:1;visibility:visible}
.home-page .section1 .store-video-box .box {width:100rem;background-color:#fff}
@media only screen and (max-width:640px) {.home-page .section1 .store-video-box .box {width:95vw}
}
.home-page .section1 .store-video-box .box .box-header {display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2.5rem}
@media only screen and (max-width:640px) {.home-page .section1 .store-video-box .box .box-header {padding:10px 20px}
}
.home-page .section1 .store-video-box .box .box-header .tt {font-size:2rem;font-weight:600}
@media only screen and (max-width:640px) {.home-page .section1 .store-video-box .box .box-header .tt {font-size:14px}
}
.home-page .section1 .store-video-box .box .box-header .close {opacity:.6;cursor:pointer}
.home-page .section1 .store-video-box .box .video {background-color:#000}
.home-page .section1 .store-video-box .box .video video {display:block;width:100%;height:auto}
.home-page .section1 .left {width:50%}
@media only screen and (max-width:640px) {.home-page .section1 .left {width:auto}
}
.home-page .section1 .left .content {text-align:justify;line-height:2}
@media only screen and (max-width:640px) {.home-page .section1 .left .content {text-align:center}
}
.home-page .section1 .left .numbers {display:flex;justify-content:center;margin-top:4rem}
@media only screen and (max-width:640px) {.home-page .section1 .left .numbers {margin-top:var(--magrin-top);width:100%}
}
.home-page .section1 .left .numbers .item:last-of-type {padding-right:0}
.home-page .section1 .left .numbers .item {padding:0 5.8rem;line-height:1;white-space:nowrap;text-align:center}
@media only screen and (max-width:640px) {.home-page .section1 .left .numbers .item {flex:1;padding:0}
}
.home-page .section1 .left .numbers .item .number {font-size:1.6rem;color:#00c766}
@media only screen and (max-width:640px) {.home-page .section1 .left .numbers .item .number {font-size:var(--font-title-size)}
}
.home-page .section1 .left .numbers .item .name {font-size:18px;margin-top:18px}
@media only screen and (max-width:1536px) {.home-page .section1 .left .numbers .item .name {font-size:17px;margin-top:16px}
}
@media only screen and (max-width:1024px) {.home-page .section1 .left .numbers .item .name {font-size:14px;margin-top:12px}
}
@media only screen and (max-width:640px) {.home-page .section1 .left .numbers .item .name {margin-top:6px;font-size:13px}
}
.home-page .section1 .left .numbers .item+.item {border-left:1px solid #e6e8ec}
.home-page .section1 .left .numbers .item:first-of-type {padding-left:0}
.home-page .section1 .right {width:42%;position:relative}
@media only screen and (max-width:640px) {.home-page .section1 .right {width:100%;margin-top:var(--magrin-top)}
}
.home-page .section1 .right .play-btn {position:absolute;width:10rem;bottom:0;left:20%;z-index:3;cursor:pointer;pointer-events:none;opacity:0;transform:translateY(-100%);transition:all .5s}
@media only screen and (max-width:1024px) {.home-page .section1 .right .play-btn {left:50%;top:50%;transform:translate(-50%,-50%);opacity:1;pointer-events:all;bottom:auto}
}
@media only screen and (max-width:640px) {.home-page .section1 .right .play-btn {width:100%;height:100%;transform:none;background-color:#0000001a;backdrop-filter:blur(2px);left:0;top:0;display:flex;align-items:center;justify-content:center;border-radius:10px}
}
@media only screen and (max-width:640px) {.home-page .section1 .right .play-btn img {width:50px;height:50px}
}
.home-page .section2 {background-color:unset!important;padding:0}
.home-page .section2 .content {padding:0 3vw;position:relative}
@media only screen and (max-width:640px) {.home-page .section2 .content {padding:0}
}
.home-page .section2 .content .bg-xia {position:absolute;width:98rem;right:0;top:0}
@media only screen and (max-width:640px) {.home-page .section2 .content .bg-xia {width:100%}
}
.home-page .section2 .content .xia {position:absolute;width:24rem;left:1rem;top:1rem}
@media only screen and (max-width:640px) {.home-page .section2 .content .xia {display:none}
}
.home-page .section2 .content .swiper {padding:14rem 0;z-index:2}
.home-page .section2 .content .swiper-pagination {position:absolute;bottom:10rem;width:100%;left:0;z-index:2;display:flex;justify-content:center;gap:8px}
.home-page .section2 .content .swiper-pagination .swiper-pagination-bullet {width:8px;height:8px;border-radius:50%;opacity:.5;background-color:#fff;cursor:pointer}
.home-page .section2 .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1}
.home-page .section3 .content {display:flex;overflow:hidden;background-color:#fff;box-shadow:0 10px 30px #00000014}
@media only screen and (max-width:768px) {.home-page .section3 .content {border-radius:10px}
}
.home-page .section3 .content .left {width:35%;padding:10% 5rem 0}
@media only screen and (max-width:768px) {.home-page .section3 .content .left {display:none}
}
.home-page .section3 .content .left .title {display:flex;justify-content:center}
.home-page .section3 .content .left .title p {font-size:3.2rem;font-weight:600;color:var(--color-title1);border:3px solid var(--color-title1);border-radius:50%;width:7rem;line-height:calc(7rem - 6px);text-align:center}
.home-page .section3 .content .left .title p+p {margin-left:2rem}
.home-page .section3 .content .left .text {margin-top:5rem;line-height:2.2;text-align:center}
.home-page .section3 .content .left .text p {display:none}
.home-page .section3 .content .left .text p.active {display:block}
.home-page .section3 .content .right {flex:auto;position:relative;user-select:none}
@media only screen and (max-width:768px) {.home-page .section3 .content .right {display:none}
}
.home-page .section3 .content .right .bgs {background-color:#000}
.home-page .section3 .content .right .bgs .img-box,.home-page .section3 .content .right .bgs .img-boxs {position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition:opacity .25s}
.home-page .section3 .content .right .bgs .img-box.active,.home-page .section3 .content .right .bgs .img-boxs.active {opacity:1}
.home-page .section3 .content .right .bgs .img-box img,.home-page .section3 .content .right .bgs .img-boxs img {width:100%;height:100%;object-fit:cover;object-position:center}
.home-page .section3 .content .right .lists {position:absolute;z-index:2;display:flex;flex-wrap:wrap;height:100%;left:0;top:0;width:100%}
.home-page .section3 .content .right .lists .item:nth-child(n + 6):before {content:"";position:absolute;width:100%;left:0;top:0;height:1px;background-color:#fff6}
.home-page .section3 .content .right .lists .item:nth-child(5n + 1):after {display:none}
.home-page .section3 .content .right .lists .item {width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#00000040;position:relative}
.home-page .section3 .content .right .lists .item:after {content:"";position:absolute;width:1px;left:0;top:0;height:100%;background-color:#fff6}
.home-page .section3 .content .right .lists .item .dot {width:16px;height:16px;position:relative}
@media only screen and (max-width:1536px) {.home-page .section3 .content .right .lists .item .dot {width:14px;height:14px}
}
.home-page .section3 .content .right .lists .item .dot .child {background-color:#fff;width:100%;height:100%;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}
.home-page .section3 .content .right .lists .item.active .dot .child {animation:dot 1.3s linear infinite both}
.home-page .section3 .content .right .lists .item.active .dot:before,.home-page .section3 .content .right .lists .item.active .dot:after {content:"";width:200%;height:200%;border-radius:50%;border:1px solid #fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);opacity:1;animation:dot 1.3s linear .15s infinite both;opacity:.6}
.home-page .section3 .content .right .lists .item.active .dot:after {animation-delay:.3s;width:300%;height:300%;opacity:.3}
@keyframes dot {20% {-webkit-transform:translate3d(-50%,-50%,0) scale(1.15);transform:translate3d(-50%,-50%,0) scale(1.15);-webkit-animation-timing-function:ease;animation-timing-function:ease}
50% {-webkit-transform:translate3d(-50%,-50%,0) scale(1);transform:translate3d(-50%,-50%,0) scale(1);-webkit-animation-timing-function:ease;animation-timing-function:ease}
}
.home-page .section3 .content .right .lists .item p {font-size:18px;font-weight:500;line-height:1.5;color:#fff;margin-top:3rem}
@media only screen and (max-width:1536px) {.home-page .section3 .content .right .lists .item p {font-size:17px}
}
.home-page .section3 .content .swiper .text {padding:20px;text-align:center}
.home-page .section3 .content .swiper .text .st {display:flex;justify-content:center;margin-bottom:10px}
.home-page .section3 .content .swiper .text .st span {display:block;width:24px;line-height:24px;background-color:#111;color:var(--color-gold);border-radius:50%;margin:0 3px}
.home-page .section3 .content .swiper .text .t {font-size:var(--font-title1-size);font-weight:600}
.home-page .section3 .content .swiper .text .d {line-height:1.7;text-align:justify;text-align-last:center;margin-top:8px}
.home-page .section4 {padding:0;max-width:100vw;overflow-x:hidden;background-color:#fff!important}
@media only screen and (max-width:768px) {.home-page .section4 {background-color:#fff!important}
}
.home-page .section4 .content {position:relative}
.home-page .section4 .content .swiper .swiper-slide {position:relative;background-color:#111}
@media only screen and (max-width:768px) {.home-page .section4 .content .swiper .swiper-slide {background-color:unset;border-radius:10px;overflow:hidden}
}
@media (min-width:1280px) {.home-page .section4 .content .swiper .swiper-slide:hover .right {transform:scale(.85) translateY(-4%)}
.home-page .section4 .content .swiper .swiper-slide:hover .left {padding-bottom:60%}
.home-page .section4 .content .swiper .swiper-slide:hover .left:before {opacity:1}
.home-page .section4 .content .swiper .swiper-slide:hover .left .text {opacity:.8}
}
.home-page .section4 .content .swiper .swiper-slide .right {transition:all .25s}
.home-page .section4 .content .swiper .swiper-slide .left {width:100%;bottom:0;left:0;z-index:2;padding:8rem 4rem 4rem;overflow:hidden;position:absolute;z-index:3;transition:all .25s}
@media only screen and (max-width:768px) {.home-page .section4 .content .swiper .swiper-slide .left {padding:100px 30px 60px}
}
@media only screen and (max-width:640px) {.home-page .section4 .content .swiper .swiper-slide .left {padding:40px 20px}
}
.home-page .section4 .content .swiper .swiper-slide .left:before {content:"";position:absolute;left:-20%;top:0;width:140%;height:100%;background-color:#111;opacity:.5;transform:rotate(-7deg);transform-origin:right top;z-index:-1;transition:all .25s}
@media only screen and (max-width:768px) {.home-page .section4 .content .swiper .swiper-slide .left:before {opacity:.75}
}
.home-page .section4 .content .swiper .swiper-slide .left .title {font-size:2.4rem;color:var(--color-gold);font-weight:600;line-height:1.8;text-align:right}
@media only screen and (max-width:768px) {.home-page .section4 .content .swiper .swiper-slide .left .title {font-size:var(--font-title1-size)}
}
.home-page .section4 .content .swiper .swiper-slide .left .text {line-height:2.2;text-align:justify;margin-top:1rem;opacity:0;width:80%;top:12rem;right:4rem;transition:all .25s;position:absolute;color:var(--color-gold);text-align:right}
@media only screen and (max-width:1536px) {.home-page .section4 .content .swiper .swiper-slide .left .text {font-size:14px}
}
@media only screen and (max-width:768px) {.home-page .section4 .content .swiper .swiper-slide .left .text {opacity:1;position:relative;right:0;top:0;width:100%;font-size:12px;line-height:1.8}
}
.home-page .section4 .content .swiper .swiper-button-next {position:absolute;right:var(--padding-x);top:50%;transform:translateY(-50%);z-index:3;cursor:pointer}
.home-page .section4 .content .swiper .swiper-button-next.swiper-button-disabled {cursor:not-allowed;opacity:.3}
.home-page .section4 .content .swiper-pagination {display:flex;justify-content:center;margin-top:4rem;z-index:3;display:none}
.home-page .section4 .content .swiper-pagination .swiper-pagination-bullet {width:12px;height:12px;border-radius:50%;border:2px solid #bfbfbf;display:block;margin:0 6px;cursor:pointer}
.home-page .section4 .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#00c766;border-color:#00c766}
.home-page .section5 {padding:var(--padding-y) 0 10rem}
.home-page .section5 .content {position:relative;width:100vw}
.home-page .section5 .content .swiper-button {position:absolute;left:2.4rem;top:50%;transform:translateY(-50%);z-index:2}
@media only screen and (max-width:640px) {.home-page .section5 .content .swiper-button {display:none}
}
.home-page .section5 .content .swiper-button.swiper-button-next {left:auto;right:2.4rem}
.home-page .section5 .content .pagination {margin:0 auto;display:flex;justify-content:center;position:relative;width:112rem}
@media only screen and (max-width:768px) {.home-page .section5 .content .pagination {width:auto}
}
.home-page .section5 .content .pagination:before {content:"";position:absolute;top:7px;left:0;width:100%;background-color:#f4f5f6;height:1px}
.home-page .section5 .content .pagination .item {display:flex;flex-direction:column;align-items:center;flex:1}
.home-page .section5 .content .pagination .item .dot {width:14px;height:14px;border-radius:50%;position:relative;cursor:pointer}
.home-page .section5 .content .pagination .item .dot .child {background-color:#0000004d;width:14px;height:14px;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1)}
@media only screen and (max-width:1536px) {.home-page .section5 .content .pagination .item .dot .child {width:12px;height:12px}
}
@media only screen and (max-width:1024px) {.home-page .section5 .content .pagination .item .dot .child {width:10px;height:10px}
}
.home-page .section5 .content .pagination .item.active .dot .child {background-color:#00c766;animation:dot 1.3s linear infinite both}
.home-page .section5 .content .pagination .item.active .dot:before,.home-page .section5 .content .pagination .item.active .dot:after {content:"";width:200%;height:200%;border-radius:50%;border:1px solid #00c766;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);opacity:1;animation:dot 1.3s linear .15s infinite both;opacity:.6}
@media only screen and (max-width:1024px) {.home-page .section5 .content .pagination .item.active .dot:before,.home-page .section5 .content .pagination .item.active .dot:after {display:none}
}
.home-page .section5 .content .pagination .item.active .dot:after {animation-delay:.3s;width:300%;height:300%;opacity:.3}
.home-page .section5 .content .pagination .item p {color:#929292;font-size:2rem;line-height:1.4;margin-top:2rem;cursor:pointer}
@media only screen and (max-width:1024px) {.home-page .section5 .content .pagination .item p {font-size:16px}
}
@media only screen and (max-width:640px) {.home-page .section5 .content .pagination .item p {font-size:13px}
}
.home-page .section5 .content .pagination .item.active .dot .child {background-color:#00c766}
.home-page .section5 .content .pagination .item.active p {color:#00c766}
.home-page .section5 .content .swiper-carousel {width:100%;margin-top:6rem;padding-bottom:var(--padding-y)}
@media only screen and (max-width:768px) {.home-page .section5 .content .swiper-carousel {display:none}
}
.home-page .section5 .content .swiper-carousel .swiper-slide {width:130rem}
.home-page .section5 .content .swiper-carousel .swiper-slide .img-box:before {background-color:#000;content:"";left:0;top:0;z-index:2;width:100%;height:100%;opacity:calc(1 - var(--child-opacity));transition-duration:var(--child-transition-duration);transition-property:opacity;position:absolute}
.home-page .section5 .content .swiper-carousel .swiper-slide .img-box .text {position:absolute;left:0;bottom:0;padding:10rem 3rem 3rem;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.75));width:100%;border-radius:2rem;text-align:center}
.home-page .section5 .content .swiper-carousel .swiper-slide .img-box .text .title {font-size:2.2rem;font-weight:600}
.home-page .section5 .content .swiper-carousel .swiper-slide .img-box .text .des {margin-top:1rem;opacity:.7;line-height:1.8;text-align:justify}
.home-page .section5 .content .swiper-carousel .swiper-slide .des {margin-top:2rem;position:absolute;padding:0 20rem;line-height:1.8;text-align:center;opacity:0}
@media only screen and (max-width:1440px) {.home-page .section5 .content .swiper-carousel .swiper-slide .des {font-size:14px}
}
@media only screen and (max-width:1024px) {.home-page .section5 .content .swiper-carousel .swiper-slide .des {padding:0 20px;font-size:12px}
}
.home-page .section5 .content .swiper-carousel .swiper-slide.swiper-slide-active .des {opacity:1}
.home-page .section5 .content .store-swiper-sm {margin-top:var(--padding-x)}
.home-page .section5 .content .store-swiper-sm .text {text-align:center;padding:14px 0}
.home-page .section5 .content .store-swiper-sm .text .title {font-size:var(--font-title1-size);color:var(--color-title1);font-weight:600}
.home-page .section5 .content .store-swiper-sm .text .des {line-height:1.7;margin-top:6px;text-align:justify;text-align-last:center}
.home-page .section6 {--section6-gap:2.5rem;padding:var(--padding-y) calc(var(--padding-x) * .5)}
@media only screen and (max-width:768px) {.home-page .section6 {padding:var(--padding-y) var(--padding-x)}
}
.home-page .section6 .content .lists {display:grid;gap:5rem 2.5rem;grid-template-columns:repeat(5,minmax(0,1fr))}
@media only screen and (max-width:768px) {.home-page .section6 .content .lists {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
.home-page .section6 .content .lists .item {background-color:#fff;box-shadow:0 2rem 8rem #dcdcdc80;border-radius:2rem;padding:4.8rem 2.6rem 6.6rem;display:flex;flex-direction:column;align-items:center}
@media only screen and (max-width:768px) {.home-page .section6 .content .lists .item {padding:20px 15px}
}
.home-page .section6 .content .lists .item img {width:7rem;height:7rem;object-fit:cover;object-position:center}
@media only screen and (max-width:768px) {.home-page .section6 .content .lists .item img {width:30px;height:30px}
}
.home-page .section6 .content .lists .item .name {font-size:var(--font-title1-size);color:var(--color-title1);font-weight:600;line-height:2;margin-top:6rem;margin-bottom:3.6rem}
.home-page .section6 .content .lists .item .text {text-align:justify;font-size:14px;color:#5d5d5d;line-height:1.8}
@media only screen and (max-width:1536px) {.home-page .section6 .content .lists .item .text {font-size:13px}
}
@media only screen and (max-width:1440px) {.home-page .section6 .content .lists .item .text {font-size:12px}
}
@media only screen and (max-width:640px) {.home-page .section6 .content .lists .item .text {font-size:10px}
}
.home-page .section7 .content .more-btn-box {margin:var(--magrin-top) auto 0;text-align:center}
.about-page .section {padding:var(--padding-y) var(--padding-x)}
.about-page .section:nth-of-type(2n + 1) {background-color:#deb97b40}
.about-page .section2 .content {display:flex;justify-content:space-between}
@media only screen and (max-width:768px) {.about-page .section2 .content {flex-direction:column}
}
.about-page .section2 .content .item {text-align:center;width:30rem}
@media only screen and (max-width:1024px) {.about-page .section2 .content .item {width:25%}
}
@media only screen and (max-width:768px) {.about-page .section2 .content .item {width:100%;text-align:left;display:flex;align-items:center}
}
.about-page .section2 .content .item .img {width:30rem;margin:0 auto}
@media only screen and (max-width:768px) {.about-page .section2 .content .item .img {width:20vw;margin:0;flex-shrink:0}
}
@media only screen and (max-width:768px) {.about-page .section2 .content .item .text {flex:auto;padding-left:20px}
}
.about-page .section2 .content .item .name {font-weight:600;font-size:var(--font-title1-size);color:#00c766;line-height:1.3;margin-top:calc(var(--padding-y) * .4);margin-bottom:calc(var(--padding-y) * .2)}
@media only screen and (max-width:768px) {.about-page .section2 .content .item .name {margin-top:0;margin-bottom:6px}
}
.about-page .section2 .content .item .des {font-size:18px;line-height:1.8}
@media only screen and (max-width:1536px) {.about-page .section2 .content .item .des {font-size:17px}
}
@media only screen and (max-width:1024px) {.about-page .section2 .content .item .des {font-size:14px}
}
@media only screen and (max-width:768px) {.about-page .section2 .content .item .des {font-size:12px}
}
@media only screen and (max-width:768px) {.about-page .section2 .content .item+.item {margin-top:var(--padding-x)}
}
.about-page .section3 .content {display:flex;align-items:flex-start;justify-content:space-between}
.about-page .section3 .content .left {width:40%}
@media only screen and (max-width:768px) {.about-page .section3 .content .left {width:100%}
}
.about-page .section3 .content .left .item {height:53rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
@media only screen and (max-width:768px) {.about-page .section3 .content .left .item {height:auto;text-align:center;display:block}
}
.about-page .section3 .content .left .item+.item {margin-top:var(--padding-y)}
.about-page .section3 .content .left .n {font-size:5rem;color:#00c766;font-weight:600;line-height:1}
@media only screen and (max-width:768px) {.about-page .section3 .content .left .n {font-size:24px;margin-top:var(--padding-x)}
}
.about-page .section3 .content .left .name {font-weight:600;font-size:4rem;line-height:1;color:#000;margin-top:4rem}
@media only screen and (max-width:768px) {.about-page .section3 .content .left .name {font-size:var(--font-title1-size);margin-top:8px;margin-bottom:10px}
}
.about-page .section3 .content .left .des {font-size:18px;line-height:2;text-align:justify;margin-top:3rem;margin-bottom:5rem}
@media only screen and (max-width:1536px) {.about-page .section3 .content .left .des {font-size:17px}
}
@media only screen and (max-width:1440px) {.about-page .section3 .content .left .des {font-size:16px}
}
@media only screen and (max-width:1024px) {.about-page .section3 .content .left .des {font-size:14px}
}
@media only screen and (max-width:768px) {.about-page .section3 .content .left .des {font-size:13px;margin-top:0;margin-bottom:20px}
}
.about-page .section3 .content .left .more {margin-top:4rem;width:120px;line-height:44px;border:2px solid #e6e8ec;border-radius:48px;text-align:center;display:block}
.about-page .section3 .content .right {width:47%;position:sticky;top:calc((100vh - 53rem - var(--header-height)) / 2 + var(--header-height));user-select:none}
@media only screen and (max-width:768px) {.about-page .section3 .content .right {display:none}
}
.about-page .section3 .content .right .img-box,.about-page .section3 .content .right .swiper {border-radius:2rem}
.about-page .section4 {padding:var(--padding-y) 0;width:100vw;overflow-x:hidden}
@media only screen and (max-width:1024px) {.about-page .section4 {padding:var(--padding-y) var(--padding-x)}
}
.about-page .section4 .content {position:relative}
.about-page .section4 .content .swiper {overflow:visible}
.about-page .section4 .content .swiper-item {width:126rem;background-color:#fff;border-radius:2rem;box-shadow:0 10px 30px #00000014;margin:0 auto;display:flex;align-items:center;padding:calc(var(--padding-x) * .5);justify-content:space-between}
@media only screen and (max-width:1024px) {.about-page .section4 .content .swiper-item {width:100%;padding:var(--padding-x)}
}
@media only screen and (max-width:768px) {.about-page .section4 .content .swiper-item {flex-direction:column-reverse;padding:30px var(--padding-x);border-radius:10px}
}
.about-page .section4 .content .swiper-item .left {width:47%}
@media only screen and (max-width:768px) {.about-page .section4 .content .swiper-item .left {width:100%}
}
.about-page .section4 .content .swiper-item .left .flex {display:flex;align-items:center}
.about-page .section4 .content .swiper-item .left .flex img {width:4.2rem}
@media only screen and (max-width:768px) {.about-page .section4 .content .swiper-item .left .flex img {width:20px}
}
@media only screen and (max-width:768px) {.about-page .section4 .content .swiper-item .left .flex {justify-content:center;margin-top:var(--padding-x);margin-bottom:10px}
}
.about-page .section4 .content .swiper-item .left .name {font-weight:600;font-size:var(--font-title1-size);line-height:1;margin-left:2rem;color:var(--color-title2)}
.about-page .section4 .content .swiper-item .left .des {font-size:17px;line-height:2;text-align:justify;margin-top:3.4rem}
@media only screen and (max-width:1600px) {.about-page .section4 .content .swiper-item .left .des {font-size:16px}
}
@media only screen and (max-width:1440px) {.about-page .section4 .content .swiper-item .left .des {font-size:15px}
}
@media only screen and (max-width:1024px) {.about-page .section4 .content .swiper-item .left .des {font-size:13px}
}
@media only screen and (max-width:768px) {.about-page .section4 .content .swiper-item .left .des {font-size:12px;line-height:1.8}
}
.about-page .section4 .content .swiper-item .right {width:43%}
.about-page .section4 .content .swiper-item .right .img-box {background-color:#eee;border-radius:50%}
@media only screen and (max-width:1024px) {.about-page .section4 .content .swiper-item .right {width:30vw}
}
@media only screen and (max-width:768px) {.about-page .section4 .content .swiper-item .right {width:60%}
}
.about-page .section4 .content .swiper-button {--swiper-button-x:calc(var(--padding-x) * .55);z-index:3}
@media only screen and (max-width:1024px) {.about-page .section4 .content .swiper-button {display:none}
}
.about-page .section5 .content .des {padding:0 calc(var(--padding-x) * .5);font-size:18px;text-align:justify;line-height:2}
@media only screen and (max-width:1600px) {.about-page .section5 .content .des {font-size:17px}
}
@media only screen and (max-width:1440px) {.about-page .section5 .content .des {font-size:16px}
}
@media only screen and (max-width:1024px) {.about-page .section5 .content .des {font-size:13px}
}
@media only screen and (max-width:768px) {.about-page .section5 .content .des {font-size:12px;line-height:1.8;padding:0}
}
.about-page .section5 .content .lists {margin-top:calc(var(--padding-y) * .5);display:grid;gap:6rem 5rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media only screen and (max-width:768px) {.about-page .section5 .content .lists {grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--padding-x) 0}
}
.about-page .section5 .content .lists .item {box-shadow:0 10px 30px #00000014;border-radius:2rem;background-color:#fff;overflow:hidden;text-align:center}
@media only screen and (max-width:768px) {.about-page .section5 .content .lists .item {border-radius:10px}
}
.about-page .section5 .content .lists .item .img-box {background-color:#eee}
.about-page .section5 .content .lists .item .text {padding:4.5rem}
@media only screen and (max-width:768px) {.about-page .section5 .content .lists .item .text {padding:var(--padding-x)}
}
.about-page .section5 .content .lists .item .text .name {font-size:var(--font-title1-size);line-height:1;font-weight:600;color:var(--color-title2)}
.about-page .section5 .content .lists .item .text .rich-text {font-size:18px;line-height:1.8;margin-top:2.5rem}
.about-page .section5 .content .lists .item .text .rich-text a {color:#0087ee}
@media only screen and (max-width:1600px) {.about-page .section5 .content .lists .item .text .rich-text {font-size:17px}
}
@media only screen and (max-width:1440px) {.about-page .section5 .content .lists .item .text .rich-text {font-size:16px}
}
@media only screen and (max-width:1024px) {.about-page .section5 .content .lists .item .text .rich-text {font-size:14px}
}
@media only screen and (max-width:768px) {.about-page .section5 .content .lists .item .text .rich-text {font-size:13px;margin-top:8px}
}
.about-page .section5 .content .lists .item .text .btn {display:block;line-height:6.4rem;width:20rem;text-align:center;font-size:2rem;color:#fff;font-weight:600;background-color:#00c766;margin:4rem auto 0;border-radius:6.4rem}
@media only screen and (max-width:768px) {.about-page .section5 .content .lists .item .text .btn {width:110px;line-height:30px;border-radius:30px;font-size:12px;margin-top:20px}
}
.about-page .section6 {padding:0}
@media only screen and (max-width:768px) {.about-page .section6 {padding:var(--padding-y) var(--padding-x)}
}
.about-page .section6 .content {position:relative}
.about-page .section6 .content .fixed {position:absolute;left:var(--padding-x);top:var(--padding-y);z-index:3}
@media only screen and (max-width:768px) {.about-page .section6 .content .fixed {position:relative;left:0;top:0}
}
.about-page .section6 .content .fixed .ctrl {display:flex;align-items:center}
.about-page .section6 .content .fixed .ctrl .swiper-button+.swiper-button {margin-left:4.5rem}
.about-page .section6 .content .fixed .ctrl .swiper-button.swiper-button-disabled {opacity:.5;cursor:not-allowed;pointer-events:all}
@media only screen and (max-width:768px) {.about-page .section6 .content .fixed .ctrl {display:none}
}
.about-page .section6 .content .swiper-slide {width:auto}
.about-page .section6 .content .swiper-slide.last-slide .swiper-item {width:45vw}
.about-page .section6 .content .swiper-slide.swiper-slide-active .swiper-item {padding-left:calc(var(--padding-x));width:45vw}
.about-page .section6 .content .swiper-slide.swiper-slide-active .swiper-item .year {-webkit-text-stroke-color:transparent;color:var(--color-title2);font-size:16rem}
.about-page .section6 .content .swiper-slide.swiper-slide-active .swiper-item .year span {color:#00c766}
.about-page .section6 .content .swiper-slide.swiper-slide-active .swiper-item .year:before {background-color:var(--color-title2);width:calc(var(--padding-x) * .7);left:calc(var(--padding-x) * -1)}
.about-page .section6 .content .swiper-slide.swiper-slide-active .swiper-item .year:after {transform:scaleX(1);background-color:var(--color-title2)}
.about-page .section6 .content .swiper-slide.swiper-slide-active .swiper-item .month,.about-page .section6 .content .swiper-slide.swiper-slide-active .swiper-item .des {transform:translateY(0);opacity:1;transition:all .5s .5s}
.about-page .section6 .content .swiper-slide.swiper-slide-active .swiper-item .des {transition:all .5s .6s}
.about-page .section6 .content .swiper-item {padding-top:calc(var(--padding-y) * 2 + 10rem);padding-left:14.7875vw;user-select:none;transition:all .6s;width:32.5vw}
.about-page .section6 .content .swiper-item .year {font-size:12rem;height:20rem;-webkit-text-stroke:1px #fff;font-weight:700;color:transparent;transition:all .6s;position:relative;display:flex;align-items:flex-end;line-height:1}
.about-page .section6 .content .swiper-item .year:before {content:"";position:absolute;width:12.35vw;height:2px;background-color:#fff;left:-14.7875vw;bottom:12%;transition:all .6s}
.about-page .section6 .content .swiper-item .year:after {content:"";position:absolute;width:12.35vw;height:2px;background-color:#fff;right:0;bottom:12%;transition:all .6s;transform:scaleX(0);transform-origin:right center}
.about-page .section6 .content .swiper-item .month {font-weight:600;font-size:var(--font-title1-size);color:var(--color-title2);line-height:1.5;margin-top:3rem;transform:translateY(100%);opacity:0}
.about-page .section6 .content .swiper-item .des {margin-top:5rem;font-size:2.2rem;line-height:1.8;text-align:justify;transform:translateY(100%);opacity:0;padding-right:10rem}
.about-page .section6 .content .bg {width:55%;margin-left:auto;margin-right:0}
.about-page .section6 .content .bg .img-box {background-color:#00c766}
@media only screen and (max-width:768px) {.about-page .section6 .content .bg {display:none}
}
.about-page .section6 .content .swiper {position:absolute;left:0;top:0;width:45%;height:100%;z-index:2;overflow:visible}
@media only screen and (max-width:768px) {.about-page .section6 .content .swiper {display:none}
}
.about-page .section6 .lists {font-size:13px;line-height:1.8;text-align:justify}
.about-page .section6 .lists .y {font-size:var(--font-title1-size);font-weight:600;color:var(--color-title2);position:relative}
.about-page .section6 .lists .y:before {content:"";position:absolute;left:-28px;width:20px;height:1px;background-color:#00c766;top:50%;margin-top:-1px}
.about-page .section6 .lists .item+.item {margin-top:var(--padding-x)}
.join-page .section {padding:var(--padding-y) var(--padding-x)}
.join-page .section:nth-of-type(2n + 1) {background-color:#deb97b40}
.join-page .section1 .content {border-radius:2rem;box-shadow:0 10px 30px #00000014;padding:var(--padding-y);display:flex;align-items:center;background-color:#fff}
@media only screen and (max-width:768px) {.join-page .section1 .content {flex-direction:column-reverse;padding:var(--padding-x)}
}
.join-page .section1 .content .left {flex:auto;padding-right:var(--padding-y)}
@media only screen and (max-width:768px) {.join-page .section1 .content .left {padding-right:0;margin-top:10px}
}
.join-page .section1 .content .left .item {display:flex;align-items:center}
@media only screen and (max-width:768px) {.join-page .section1 .content .left .item {padding:15px 0}
}
.join-page .section1 .content .left .item img {width:6rem;height:6rem;flex-shrink:0}
@media only screen and (max-width:768px) {.join-page .section1 .content .left .item img {width:30px;height:30px}
}
.join-page .section1 .content .left .item p {flex:auto;padding-left:2.6rem;font-size:2rem;line-height:1.6;color:var(--color-title2)}
@media only screen and (max-width:768px) {.join-page .section1 .content .left .item p {font-size:12px;padding-left:10px}
}
.join-page .section1 .content .left .item+.item {margin-top:5rem}
@media only screen and (max-width:768px) {.join-page .section1 .content .left .item+.item {margin-top:0;border-top:1px dashed #eee}
}
.join-page .section1 .content .right {width:33%;flex-shrink:0}
@media only screen and (max-width:768px) {.join-page .section1 .content .right {width:100%}
}
.join-page .section1 .content .right .img-box {border-radius:2rem}
.join-page .section2 .content {display:grid;gap:6rem 3.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}
@media only screen and (max-width:1024px) {.join-page .section2 .content {gap:4rem}
}
@media only screen and (max-width:768px) {.join-page .section2 .content {grid-template-columns:repeat(1,minmax(0,1fr));gap:16px 0}
}
.join-page .section2 .content .item {box-shadow:0 10px 30px #00000014;border-radius:2rem;background-color:#fff;text-align:center;min-height:30rem;padding:5rem}
@media only screen and (max-width:768px) {.join-page .section2 .content .item {padding:20px}
}
.join-page .section2 .content .item img {width:6.7rem;height:6.7rem;margin:0 auto}
@media only screen and (max-width:768px) {.join-page .section2 .content .item img {width:40px;height:40px}
}
.join-page .section2 .content .item .name {font-weight:600;font-size:2.4rem;line-height:1.5;margin-top:2rem;color:var(--color-title2)}
@media only screen and (max-width:768px) {.join-page .section2 .content .item .name {font-size:14px;margin-top:10px}
}
.join-page .section2 .content .item .des {margin-top:1.5rem;font-size:17px;line-height:1.8}
@media only screen and (max-width:1600px) {.join-page .section2 .content .item .des {font-size:16px}
}
@media only screen and (max-width:1440px) {.join-page .section2 .content .item .des {font-size:15px}
}
@media only screen and (max-width:1024px) {.join-page .section2 .content .item .des {font-size:12px}
}
.join-page .section3 {padding:var(--padding-y) 0}
.join-page .section3 .content .type {width:15rem;line-height:4.6rem;border-radius:4.6rem;border:2px solid #000;margin:0 auto calc(var(--padding-y) * .6);font-size:2.4rem;font-weight:600;color:var(--color-title2);text-align:center}
@media only screen and (max-width:768px) {.join-page .section3 .content .type {width:90px;line-height:26px;border-width:1px;border-radius:26px;font-size:13px;margin-bottom:30px}
}
.join-page .section3 .content .steps {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;position:relative}
@media only screen and (max-width:768px) {.join-page .section3 .content .steps {grid-template-columns:repeat(1,minmax(0,1fr));gap:14px 0;padding:0 var(--padding-x)}
}
.join-page .section3 .content .steps:after {content:"";display:block;width:75%;height:0;border-bottom:2px dashed var(--color-title2);position:absolute;left:12.5%;top:calc(10rem + 3px)}
@media only screen and (max-width:768px) {.join-page .section3 .content .steps:after {top:5px;left:85px;width:0;height:82%;border-left:1px dotted var(--color-title2);opacity:.5}
}
.join-page .section3 .content .steps .step {display:flex;flex-direction:column;align-items:center;height:28rem;position:relative;z-index:2;text-align:center}
@media only screen and (max-width:768px) {.join-page .section3 .content .steps .step {flex-direction:row;align-items:flex-start;height:auto}
}
.join-page .section3 .content .steps .step img {width:7rem;border-radius:50%}
@media only screen and (max-width:768px) {.join-page .section3 .content .steps .step img {width:34px;flex-shrink:0}
}
.join-page .section3 .content .steps .step .img-group {display:flex;justify-content:space-around;width:90%}
.join-page .section3 .content .steps .step .index {width:26px;height:26px;background:#000;border-radius:50%;font-size:14px;text-align:center;line-height:26px;color:#deb97b;position:absolute;top:9rem}
@media only screen and (max-width:768px) {.join-page .section3 .content .steps .step .index {position:relative;top:0;width:22px;height:22px;line-height:22px;margin-left:20px;flex-shrink:0;margin-top:5px;font-size:12px}
}
.join-page .section3 .content .steps .step .name {font-size:2.4rem;font-weight:600;position:relative;top:8.5rem;line-height:4rem;color:var(--color-title2)}
@media only screen and (max-width:768px) {.join-page .section3 .content .steps .step .name {top:0;font-size:14px;line-height:unset}
}
@media only screen and (max-width:768px) {.join-page .section3 .content .steps .step .info {flex:auto;text-align:left;padding-left:20px;margin-top:5px}
}
.join-page .section3 .content .steps .step .name-group {display:flex;justify-content:space-around;width:90%;position:relative}
.join-page .section3 .content .steps .step .name-group .plus {position:absolute;font-size:30px;font-weight:bolder;top:76px;line-height:40px}
.join-page .section3 .content .steps .step .des {font-size:16px;font-weight:400;margin-top:1.5rem;line-height:2;position:relative;top:8rem}
@media only screen and (max-width:1600px) {.join-page .section3 .content .steps .step .des {font-size:14px}
}
@media only screen and (max-width:1440px) {.join-page .section3 .content .steps .step .des {font-size:13px}
}
@media only screen and (max-width:1024px) {.join-page .section3 .content .steps .step .des {font-size:12px}
}
@media only screen and (max-width:768px) {.join-page .section3 .content .steps .step .des {top:0;margin-top:8px;line-height:1.8}
}
.join-page .section3 .content .steps .step .opacity0 {opacity:0}
.join-page .section3 .content .steps .step .des-group {display:flex;justify-content:space-around;width:90%}
.join-page .section3 .content .steps+.type {margin-top:var(--magrin-top)}
.join-page .section4 {padding:var(--padding-y) 0}
.join-page .section4 .content {position:relative;padding:0 var(--padding-x)}
@media only screen and (max-width:768px) {.join-page .section4 .content {padding:0}
}
.join-page .section4 .content .swiper-button {--swiper-button-x:calc((var(--padding-x) - var(--swiper-button-size)) / 2)}
@media only screen and (max-width:768px) {.join-page .section4 .content .swiper-button {display:none}
}
.join-page .section4 .content .swiper-slide {height:auto}
.join-page .section4 .content .swiper-item {border:2px solid #f1f1f1;border-radius:2rem;background-color:#fff;padding:6rem 4rem;height:100%;user-select:none;text-align:center}
@media only screen and (max-width:768px) {.join-page .section4 .content .swiper-item {border-radius:10px;padding:20px 15px}
}
.join-page .section4 .content .swiper-item .n {font-weight:600;font-size:5rem;line-height:1;color:var(--color-gold)}
@media only screen and (max-width:768px) {.join-page .section4 .content .swiper-item .n {font-size:26px}
}
.join-page .section4 .content .swiper-item .name {font-weight:600;font-size:2.8rem;line-height:1;color:#000;margin-top:8rem}
@media only screen and (max-width:768px) {.join-page .section4 .content .swiper-item .name {font-size:15px;margin-top:20px}
}
.join-page .section4 .content .swiper-item .des {font-size:14px;line-height:1.8;margin-top:4rem;text-align:justify}
@media only screen and (max-width:1600px) {.join-page .section4 .content .swiper-item .des {font-size:13px}
}
@media only screen and (max-width:1440px) {.join-page .section4 .content .swiper-item .des {font-size:12px}
}
@media only screen and (max-width:768px) {.join-page .section4 .content .swiper-item .des {margin-top:20px}
}
.join-page .section5 .content {display:flex;align-items:center;justify-content:space-between}
@media only screen and (max-width:768px) {.join-page .section5 .content {display:block}
}
.join-page .section5 .content .left {width:48%}
@media only screen and (max-width:768px) {.join-page .section5 .content .left {width:100%}
}
.join-page .section5 .content .left .img-box {background-color:#eee;border-radius:2rem;box-shadow:0 10px 30px #00000014}
@media only screen and (max-width:768px) {.join-page .section5 .content .left .img-box {border-radius:10px}
}
.join-page .section5 .content .right {width:44%}
@media only screen and (max-width:768px) {.join-page .section5 .content .right {width:100%;display:flex;flex-direction:column;align-items:center}
}
.join-page .section5 .content .right img {height:5rem}
@media only screen and (max-width:768px) {.join-page .section5 .content .right img {height:30px;margin:20px auto 0}
}
.join-page .section5 .content .right .des {font-size:17px;line-height:2;text-align:justify;margin:calc(var(--padding-y) * .4) 0 calc(var(--padding-y) * .5)}
@media only screen and (max-width:1600px) {.join-page .section5 .content .right .des {font-size:16px}
}
@media only screen and (max-width:1440px) {.join-page .section5 .content .right .des {font-size:14px}
}
@media only screen and (max-width:1024px) {.join-page .section5 .content .right .des {font-size:13px;margin:20px 0 30px}
}
@media only screen and (max-width:768px) {.join-page .section5 .content .right .des {font-size:12px}
}
.join-page .section6 .content {text-align:center}
.join-page .section6 .content .item {text-align:left;border-bottom:1px solid #eee;padding-bottom:4rem;line-height:1.8}
.join-page .section6 .content .item .title {display:flex;align-items:center;font-size:2rem;font-weight:600;color:var(--color-title2)}
@media only screen and (max-width:1024px) {.join-page .section6 .content .item .title {font-size:16px}
}
@media only screen and (max-width:768px) {.join-page .section6 .content .item .title {font-size:14px}
}
.join-page .section6 .content .item .title .s {color:#deb97b}
.join-page .section6 .content .item .title .name {padding-left:1rem}
.join-page .section6 .content .item .a {padding:2rem 3rem}
.join-page .section6 .content .item+.item {margin-top:5rem}
.join-page .section6 .content .more-btn {margin:calc(var(--padding-y) * .5) auto}
.join-page .section7 .slogan {display:flex;justify-content:center;margin-bottom:var(--padding-y)}
.join-page .section7 .slogan img {height:8rem}
@media only screen and (max-width:768px) {.join-page .section7 .slogan img {height:auto;width:80%}
}
.join-page .section7 .content .item {display:flex;align-items:center;justify-content:space-between;border-radius:2rem;box-shadow:0 10px 30px #00000014;background-color:#fff;padding:5rem 7rem}
@media only screen and (max-width:768px) {.join-page .section7 .content .item {border-radius:10px;flex-direction:row-reverse;align-items:flex-start;padding:var(--padding-x)}
}
.join-page .section7 .content .item .right {width:13rem}
@media only screen and (max-width:768px) {.join-page .section7 .content .item .right {width:40px}
}
.join-page .section7 .content .item .left {width:70%;text-align:justify}
@media only screen and (max-width:768px) {.join-page .section7 .content .item .left {flex:auto;padding-left:16px}
}
.join-page .section7 .content .item .left .name {font-size:var(--font-title1-size);font-weight:600;color:var(--color-title2)}
.join-page .section7 .content .item .left .des {font-size:1.8rem;line-height:2;margin-top:1.6rem}
@media only screen and (max-width:768px) {.join-page .section7 .content .item .left .des {font-size:12px;line-height:1.8;white-space:unset}
}
.join-page .section7 .content .item+.item {margin-top:5rem}
@media only screen and (max-width:768px) {.join-page .section7 .content .item+.item {margin-top:var(--padding-x)}
}
.join-page .section8 {padding:var(--padding-y) 0}
.join-page .section8 .content {position:relative}
.join-page .section8 .content .swiper-button {--swiper-button-x:calc((var(--padding-x) - var(--swiper-button-size)) / 2);z-index:3}
@media only screen and (max-width:768px) {.join-page .section8 .content .swiper-button {display:none}
}
.join-page .section8 .content .swiper {overflow:visible}
.join-page .section8 .content .swiper-item {padding:0 var(--padding-x)}
.join-page .section8 .content .swiper-item .img-box {border-radius:2rem;background-color:#eee;box-shadow:0 10px 30px #00000014}
.join-page .section9 .content {text-align:center}
.join-page .section9 .content .rich-text {text-align:center;font-size:2.4rem;line-height:1.5}
.join-page .section9 .content .rich-text a {color:#0070da;text-decoration:underline}
@media only screen and (max-width:768px) {.join-page .section9 .content .rich-text {font-size:13px}
}
.join-page .section9 .content .lists {margin-top:6rem;display:flex;justify-content:center}
@media only screen and (max-width:768px) {.join-page .section9 .content .lists {margin-top:var(--padding-x)}
}
.join-page .section9 .content .lists .item+.item {margin-left:13rem}
@media only screen and (max-width:768px) {.join-page .section9 .content .lists .item+.item {margin-left:var(--padding-x)}
}
.join-page .section9 .content .lists .item {width:24rem;text-align:center}
@media only screen and (max-width:768px) {.join-page .section9 .content .lists .item {width:30vw}
}
.join-page .section9 .content .lists .item p {margin-top:2rem;color:var(--color-des)}
@media only screen and (max-width:768px) {.join-page .section9 .content .lists .item p {margin-top:10px}
}
.inherit-page .section {padding:var(--padding-y) var(--padding-x)}
.inherit-page .section:nth-of-type(2n + 1) {background-color:#deb97b40}
.inherit-page .section:nth-of-type(2n + 1) .more-btn,.inherit-page .section:nth-of-type(2n + 1) .content .types .product-type {border-color:#d3d3d3}
.inherit-page .section:nth-of-type(2n + 1) .more-btn.active-url,.inherit-page .section:nth-of-type(2n + 1) .content .types .product-type.active-url,.inherit-page .section:nth-of-type(2n + 1) .more-btn:hover,.inherit-page .section:nth-of-type(2n + 1) .content .types .product-type:hover {border-color:#00c766}
.inherit-page .product-lists .more-btn-box {margin-top:8rem;text-align:center}
@media only screen and (max-width:640px) {.inherit-page .product-lists .more-btn-box {margin-top:24px}
}
.inherit-page .section5 .content {display:grid;gap:4rem;grid-template-columns:repeat(3,minmax(0,1fr))}
@media only screen and (max-width:640px) {.inherit-page .section5 .content {grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--padding-x)}
}
.inherit-page .section5 .content .item {text-align:center}
.inherit-page .section5 .content .item .img-box {border:4px solid #deb97b}
.inherit-page .section5 .content .item .title {font-size:2.4rem;font-weight:600;color:var(--color-title2);margin-top:3rem}
@media only screen and (max-width:640px) {.inherit-page .section5 .content .item .title {font-size:var(--font-title1-size);margin-top:14px}
}
.inherit-page .section5 .content .item .des {margin-top:1.2rem;line-height:2;line-height:1.8}
.inherit-page .section6 {padding:var(--padding-y) 0;user-select:none}
.inherit-page .section6 .text {padding:3rem;text-align:center}
@media only screen and (max-width:640px) {.inherit-page .section6 .text {padding:var(--padding-x)}
}
.inherit-page .section6 .text .title {font-size:2.6rem;font-weight:600;margin-bottom:1.5rem;line-height:1.2;color:var(--color-title1)}
@media only screen and (max-width:640px) {.inherit-page .section6 .text .title {font-size:var(--font-title1-size);margin-bottom:6px}
}
.inherit-page .section6 .text .des {line-height:1.8;color:var(--color-title2)}
.inherit-page .section6 .content {position:relative}
.inherit-page .section6 .swiper-pagination {display:flex;justify-content:center;position:relative}
.inherit-page .section6 .swiper-pagination .swiper-pagination-bullet {box-sizing:border-box;width:11px;height:11px;border:2px solid #000;opacity:1;background:transparent;border-radius:50%;margin:0 4px}
@media only screen and (max-width:640px) {.inherit-page .section6 .swiper-pagination .swiper-pagination-bullet {width:8px;height:8px;border:unset;background-color:#000;opacity:.3}
}
.inherit-page .section6 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#000}
@media only screen and (max-width:640px) {.inherit-page .section6 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {opacity:1}
}
.store-page .section {padding:var(--padding-y) var(--padding-x)}
.store-page .section:nth-of-type(even) {background-color:#deb97b40}
.store-page .section:nth-of-type(even) .content .pagination:before {background-color:#d7d7d7}
.store-page .home-page {padding:0}
.store-page .section1 .content {display:grid;gap:2rem;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}
@media only screen and (max-width:640px) {.store-page .section1 .content {gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}
}
.store-page .section1 .content .item {cursor:pointer;background-color:#000;border-radius:10px;overflow:hidden}
.store-page .section1 .content .item:nth-child(n + 6) {display:none}
.store-page .section1 .content .img-box {background-color:#eee;border-radius:unset}
.store-page .section1 .content .item-big {grid-column-start:span 2;grid-row-start:span 2}
.store-page .section1 .content .item-big .img-box {height:100%}
.store-page .section1 .content .item-big.last {grid-column:3 / span 2;grid-row:var(--grid-row) / span 2}
@media only screen and (max-width:640px) {.store-page .section1 .content .item-big.last {grid-column-start:span 1;grid-row-start:span 1}
}
.store-page .section3 {padding:var(--padding-y) 0}
@media only screen and (max-width:640px) {.store-page .section3 {background-color:#fff!important}
}
.store-page .section3 .content {position:relative}
.store-page .section3 .content .swiper-button {--swiper-button-x:calc((var(--padding-x) - var(--swiper-button-size)) / 2);z-index:3}
@media only screen and (max-width:640px) {.store-page .section3 .content .swiper-button {display:none}
}
.store-page .section3 .swiper-slide {width:90rem}
@media only screen and (max-width:640px) {.store-page .section3 .swiper-slide {width:90vw}
}
.store-page .section3 .swiper-slide .img-box:before {background-color:#000;content:"";left:0;top:0;z-index:2;width:100%;height:100%;opacity:calc(1 - var(--child-opacity));transition-duration:var(--child-transition-duration);transition-property:opacity;position:absolute}
@media only screen and (max-width:640px) {.store-page .section3 .swiper-slide .img-box:before {opacity:.8;background-color:#fff}
}
.store-page .section3 .swiper-slide .img-box img {position:relative}
.store-page .section3 .swiper-slide .img-box .text {position:absolute;left:0;bottom:0;padding:10rem 3rem 3rem;color:#fff;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.75));width:100%;border-radius:2rem;text-align:center}
.store-page .section3 .swiper-slide .img-box .text .title {font-size:2.2rem;font-weight:600}
.store-page .section3 .swiper-slide .img-box .text .des {margin-top:1rem;opacity:.7;line-height:1.8;text-align:justify}
@media only screen and (max-width:640px) {.store-page .section3 .swiper-slide.swiper-slide-active .img-box:before {opacity:0}
}
.store-page .section2 {padding:var(--padding-y) 0 0}
@media only screen and (max-width:640px) {.store-page .section2 {display:none}
}
.store-page .section2 .content .top-img .img-box {background-color:#eee}
.store-page .section2 .content .images {padding:0 var(--padding-x) var(--padding-y);position:relative;overflow:hidden}
.store-page .section2 .content .images .img1 {position:absolute;width:42.5rem;top:-2px;left:53.5rem}
.store-page .section2 .content .images .img2 {width:49.8rem;margin-left:auto;margin-right:6.8rem;margin-top:-2px}
.store-page .section2 .content .images .img3 {position:absolute;width:19.6rem;top:11.8rem;left:0}
.store-page .section2 .content .images .img4 {margin-left:15.6rem;margin-top:17.4rem;width:88.8rem}
.store-page .section2 .content .images .img5 {position:absolute;left:6.5rem;top:91.6rem;width:42.5rem}
.store-page .section2 .content .images .img6 {position:absolute;right:0;top:102.2rem;width:51.2rem}
.store-page .section2 .content .images .img7 {width:45.9rem;margin-top:15.3rem;margin-left:49rem}
.store-page .section2 .content .images .img8 {width:26rem;position:absolute;left:104.7rem;top:162.3rem}
.store-page .section2 .content .images .img9 {width:53.8rem;margin-top:18rem;margin-left:calc((var(--padding-x) - 4rem) * -1)}
.store-page .section2 .content .images .bg {position:absolute;right:0;bottom:0}
.store-page .section2 .content .images .text {position:absolute;display:flex}
.store-page .section2 .content .images .text p {width:22px;writing-mode:horizontal-tb;text-align:center}
.store-page .section2 .content .images .text p+p {margin-left:13px}
.store-page .section2 .content .images .text1 {top:42rem;right:26.8rem}
.store-page .section2 .content .images .text2 {top:134.5rem;left:31rem}
.store-page .section2 .content .images .text3 {top:162.6rem;right:20rem}
.store-page .section6 .map-box {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:2rem;overflow:hidden;box-shadow:0 10px 30px #00000014;position:relative;z-index:2}
@media only screen and (max-width:640px) {.store-page .section6 .map-box {display:block;border-radius:0;box-shadow:unset}
}
.store-page .section6 .map-box .left {background-color:#fafafa;height:80vh}
@media only screen and (max-width:640px) {.store-page .section6 .map-box .left {background-color:unset;height:auto}
}
.store-page .section6 .map-box .left .cate {display:flex}
.store-page .section6 .map-box .left .cate .item {flex:1;text-align:center;font-size:2.2rem;line-height:6rem;background-color:#fff;cursor:pointer}
.store-page .section6 .map-box .left .cate .item.active {background-color:#00c766;color:#fff}
@media only screen and (max-width:640px) {.store-page .section6 .map-box .left .cate .item {line-height:40px;font-size:var(--font-title1-size);border-radius:6px;pointer-events:none}
}
.store-page .section6 .map-box .left .scroll {height:calc(100% - 6rem);overflow-y:auto;padding:2rem 0;display:flex;flex-direction:column}
.store-page .section6 .map-box .left .scroll .item {--order:0;padding:3rem 4rem;order:var(--order)}
@media only screen and (max-width:640px) {.store-page .section6 .map-box .left .scroll .item {padding:15px 0}
}
.store-page .section6 .map-box .left .scroll .item h3 {font-size:2rem;color:#000}
@media only screen and (max-width:640px) {.store-page .section6 .map-box .left .scroll .item h3 {font-size:15px}
}
.store-page .section6 .map-box .left .scroll .item .t {line-height:2;font-size:14px;margin-top:1rem}
@media only screen and (max-width:640px) {.store-page .section6 .map-box .left .scroll .item .t {font-size:12px}
}
.store-page .section6 .map-box .left .scroll .item .dk {display:flex;align-items:center;justify-content:space-between;margin-top:2rem}
.store-page .section6 .map-box .left .scroll .item .dk .d {font-size:14px;opacity:.7}
.store-page .section6 .map-box .left .scroll .item .dk .l {display:flex;align-items:center;color:#00c766}
.store-page .section6 .map-box .left .scroll .item .dk .l .iconfont {font-size:3rem;margin-right:1rem}
.store-page .section6 .map-box .left .scroll .item+.item {border-top:1px dashed #cfcfcf}
.store-page .section6 .map-box .right {grid-column-start:span 2}
@media only screen and (max-width:640px) {.store-page .section6 .map-box .right {display:none}
}
.store-page .section6 .map-box .right #map {height:100%}
.store-page .section6 .map-box .right .marker {padding:9px 15px;border-radius:8px;background-color:#111;color:#fff;width:auto;box-shadow:0 2px 6px #727cf580;position:relative;font-size:13px}
.store-page .section6 .map-box .right .amap-marker-label {padding:0;border:none;border-radius:8px}
.news-page .section {padding:var(--padding-y) var(--padding-x)}
.news-page .section2 .content {max-width:940px;margin:0 auto}
.news-page .section2 .title {text-align:center;font-size:4rem;font-weight:600;color:#000}
@media only screen and (max-width:768px) {.news-page .section2 .title {font-size:var(--font-title-size)}
}
.news-page .section2 .date {text-align:center;font-size:18px;margin-top:3rem;opacity:.8}
@media only screen and (max-width:768px) {.news-page .section2 .date {font-size:13px}
}
.news-page .section2 .editor {margin-top:6rem;border-top:1px solid #eee;padding-top:5rem;text-align:justify;line-height:1.8}
@media only screen and (max-width:640px) {.news-page .section2 .editor {margin-top:var(--padding-x);padding-top:var(--padding-x)}
}
.news-page .section2 .editor p {margin:15px 0}
@media only screen and (max-width:640px) {.news-page .section2 .editor p {margin:10px 0}
}
.news-page .section2 .editor img {display:inline-block}
.news-page .section2 .nfb {display:flex;align-items:center;justify-content:space-between;margin-top:8rem}
.news-page .section2 .nfb .back-btn {background-color:#00c766;color:#fff;padding:1.2rem 2rem;border-radius:8px}
.news-page .section2 .page {display:flex;flex-direction:column;font-size:17px}
.news-page .section2 .page a+a {margin-top:10px}
.news-page .section2 .page .disabled {opacity:.5;pointer-events:none}
@media (min-width:1280px) {.news-page .section2 .page a:hover {color:#00c766;text-decoration:underline}
}
.news-page .video-box {padding:5rem 0}
@media only screen and (max-width:640px) {.news-page .video-box {padding:var(--padding-x) 0 0}
}
.news-page .video-box .title {text-align:center;font-size:2rem}
@media only screen and (max-width:640px) {.news-page .video-box .title {font-size:var(--font-title1-size)}
}
.news-page .video-box video {width:100%;height:50rem;display:block;object-fit:contain;background-color:#000;margin-top:2rem}
@media only screen and (max-width:640px) {.news-page .video-box video {margin-top:var(--padding-x);height:200px}
}
.news-page .news-lists .news-item .text .btn {cursor:pointer}
.pre-line {white-space:pre-line}
.img-box.radius {border-radius:2rem;overflow:hidden}
@media only screen and (max-width:640px) {.img-box.radius {border-radius:10px}
}
.img-box.radius.rounded {border-radius:50%}
.img-box.radius.shadow {box-shadow:0 10px 30px #00000014}
.img-box>img {width:100%}
.fit-cover {width:100%;height:100%;object-fit:cover;object-position:center}
.aspect-box>.img-box>img {width:100%;height:100%;object-fit:cover;object-position:center;border-radius:20px;}
.aspect-box>.img-box {overflow:hidden}
.product-lists .content .types {display:flex;justify-content:center}
@media only screen and (max-width:640px) {.product-lists .content .types {overflow-x:auto;justify-content:flex-start}
}
.product-lists .content .types .product-type {line-height:4.6rem;border:2px solid #e6e8ec;border-radius:5rem;padding:0 2.5rem;font-size:2rem;text-align:center}
@media only screen and (max-width:640px) {.product-lists .content .types .product-type {flex-shrink:0;padding:0 15px;line-height:28px;border-width:1px;border-radius:30px;font-size:unset}
}
.product-lists .content .types .product-type.active-url {background-color:#00c766;border-color:#00c766;color:#fff}
@media (min-width:1280px) {.product-lists .content .types .product-type.active-url:hover {color:#fff}
}
@media (min-width:1280px) {.product-lists .content .types .product-type:hover {border-color:#00c766;color:#00c766}
}
.product-lists .content .types .product-type+.product-type {margin-left:2rem}
.product-lists .content .lists {display:grid;gap:6rem 4rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:7rem}
@media only screen and (max-width:640px) {.product-lists .content .lists {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
}
.product-lists .content .lists .item {border-bottom:1px solid #e2e0e0;padding-bottom:4rem}
@media (min-width:1280px) {.product-lists .content .lists .item:hover {background-color:#fff;box-shadow:0 10px 30px #00000014;border-color:#00c766}
}
.product-lists .content .lists .item .title {font-size:2rem;line-height:2;color:var(--color-title2);margin-top:3rem;padding:0 3rem}
@media only screen and (max-width:640px) {.product-lists .content .lists .item .title {font-size:12px}
}
.not-found-page .section {padding:var(--padding-y) var(--padding-x);display:flex;flex-direction:column;align-items:center}
.not-found-page .section img {width:46rem}
.not-found-page .section p {margin:2rem auto 3rem;font-size:2rem}
.not-found-page .section a {background-color:#00c766;color:#fff;padding:1.5rem 3rem;border-radius:3rem;margin-top:3rem}
.not-found-page .scroll-tip {display:none}
.detail-section .content {display:flex}
@media only screen and (max-width:640px) {.detail-section .content {flex-direction:column-reverse}
}
.detail-section .content .left {width:50%;flex-shrink:0}
@media only screen and (max-width:640px) {.detail-section .content .left {width:100%}
}
.detail-section .content .left .img-box {background-color:#eee;border-radius:2rem}
@media only screen and (max-width:640px) {.detail-section .content .left .img-box {border-radius:unset}
}
.detail-section .content .right {padding:0 0 0 9rem}
@media only screen and (max-width:640px) {.detail-section .content .right {padding:0;text-align:center;margin-bottom:var(--padding-x)}
}
.detail-section .content .right .sticky-box {position:sticky;top:calc(var(--header-height) + var(--padding-y))}
@media only screen and (max-width:640px) {.detail-section .content .right .sticky-box {position:static}
}
.detail-section .content .right .title {font-size:var(--font-title1-size);font-weight:600;margin-bottom:4rem}
.detail-section .content .right .rich-text {white-space:pre-line;line-height:2;color:var(--color-content);text-align:justify}
@media only screen and (max-width:640px) {.detail-section .content .right .rich-text {text-align:center;line-height:1.8}
}

.modal.active {opacity:1;visibility:visible}
.modal .modal-box {width:100rem;background-color:#fff;border-radius:1rem;padding:4rem 9rem 6rem;position:relative;height:max-content}
.modal .modal-box .close-btn {background-color:#00c766;width:16rem;text-align:center;height:5rem;color:#fff;border-radius:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:5rem auto 0;cursor:pointer}
@media only screen and (max-width:640px) {.modal .modal-box .close-btn {width:150px;height:50px;border-radius:40px;margin-top:30px}
}
@media (min-width:1280px) {.modal .modal-box .close-btn:hover .a {display:none}
}
.modal .modal-box .close-btn .a {font-size:12px}
@media only screen and (max-width:640px) {.modal .modal-box .close-btn .a {font-size:10px}
}
.modal .modal-box .close-btn .t {font-size:1.8rem;font-weight:600}
@media only screen and (max-width:640px) {.modal .modal-box .close-btn .t {font-size:14px}
}
@media only screen and (max-width:640px) {.modal .modal-box {width:90vw;padding:30px var(--padding-x);border-radius:8px}
}
.modal .modal-box .ip-icon {width:17.4rem;top:-7rem;position:absolute;left:9rem}
@media only screen and (max-width:640px) {.modal .modal-box .ip-icon {display:none}
}
.modal .modal-box .close-icon {position:absolute;width:30px;right:3.4rem;top:3rem;cursor:pointer}
.declare .title {text-align:center;font-size:2.8rem;color:#00c766;font-weight:600}
@media only screen and (max-width:640px) {.declare .title {font-size:20px}
}
.declare .e-w {position:relative}
.declare .e-w .ec {position:absolute;right:0;bottom:0;width:13rem;font-size:14px;text-align:center}
@media only screen and (max-width:640px) {.declare .e-w .ec {position:relative;width:100%;margin-top:24px}
}
@media only screen and (max-width:640px) {.declare .e-w .ec img {width:50vw;margin:0 auto}
}
.declare .e-w .ec p {margin-top:.6rem;color:#00c766}
.declare .eidtor {margin-top:5rem;line-height:1.8}
@media only screen and (max-width:640px) {.declare .eidtor {margin-top:30px}
}
.declare .eidtor strong {color:var(--color-title2)}
.declare .b {text-align:center;font-weight:600;margin-top:1rem;font-size:1.8rem}
@media only screen and (max-width:1024px) {.declare .b {font-size:14px;margin-top:8px}
}
.join-code-box {width:26rem;margin:5rem auto}
@media only screen and (max-width:640px) {.join-code-box {width:50vw}
}
#loading.active .loading-cover {display:flex}
#loading .loading-cover {position:fixed;width:100vw;height:100vh;display:none;left:0;top:0;z-index:100;align-items:center;justify-content:center;background-color:#0000004d}
#loading .loading-cover .loading-box {background-color:#fff;border-radius:8px;display:flex;align-items:center;padding:8px 20px;box-shadow:0 0 20px #3737371a}
#loading .loading-cover .loading-box .loading-icon {color:#00c766;width:28px}
#toast.active .toast-cover {display:flex}
#toast .toast-cover {position:fixed;width:100vw;height:100vh;display:none;left:0;top:0;z-index:100;align-items:center;justify-content:center;background-color:#0000004d}
#toast .toast-cover .toast-box {background-color:#fff;border-radius:8px;display:flex;align-items:center;padding:12px 20px;box-shadow:0 0 20px #3737371a}
#toast .toast-cover .toast-box .loading-icon {color:#00c766;width:28px}
.tab-number {position:sticky;bottom:0;z-index:10;width:100%;background-color:#00c766;color:#fff;padding:16px 10vw;font-size:12px}
.tab-number .number {display:flex;align-items:center;justify-content:center;font-weight:600}
.tab-number .number img {width:20px}
.tab-number .number span {margin:0 8px}
.tab-number .number p {font-size:24px}
.home-tab-bar {position:sticky;bottom:0;z-index:10;width:100%;background-color:#00c766;color:#fff;padding:12px 10vw;font-size:11px}
.home-tab-bar .home-tab-box {display:flex;justify-content:space-between}
.home-tab-bar img {width:20px;margin:0 auto}
.home-tab-bar p {margin-top:4px}
.mt-10{margin-top:2%}
.wd-100{width:100%}


.section3 .join {
    border-radius: 2rem;
    background-color: #fff;
    box-shadow: 0 10px 30px #00000014;
    padding: 35px;
    width: 1100px;
    position: relative;
	margin-top:30px;
}
@media only screen and (max-width: 1024px){
.section3 .join {
    width: 50vw;
    padding: 3vw;
}
}
@media only screen and (max-width: 768px){
.section3 .join{
    width: 92%;
    padding: 5vw;
    margin-top: 5vw;
}
.section3 .join .title{font-size:1.2rem;}
.join-page{margin-top:2rem;}
}
@media only screen and (max-width: 640px){
.section3 .join {
    padding: 24px 16px;
}
}


.section3 .join .title {font-weight:600;font-size:30px;line-height:1.5;letter-spacing:1px;color:#000}
.section3 .join .fb {margin-top:1rem;display:flex;align-items:center;justify-content:space-between}
@media only screen and (max-width: 768px){
.section3 .join .title{font-size: 1.3rem;
    text-align: center;}
}
@media only screen and (max-width:768px) {.section3 .join .fb {margin-top:4vw}
.aspect-box>.img-box{text-align:center;margin-top:2rem;}
}
@media only screen and (max-width:640px) {.section3 .join .fb {display:block;margin-top:20px}
}
.section3 .join .fb .form {width:36rem}
@section3 only screen and (max-width:1024px) {.section3 .join .fb .form {width:25vw}
}
@media only screen and (max-width:768px) {.section3 .join .fb .form {width:50vw}
}
@media only screen and (max-width:640px) {.section3 .join .fb .form {width:100%}
}
.section3 .join .fb .form .item label {display:block;margin-bottom:1.4rem;color:#111}
@media only screen and (max-width:640px) {.section3 .join .fb .form .item label {margin-bottom:8px}
}
.section3 .join .fb .form .item input {height:50px;border:1px solid #D8D8D8;border-radius:10px;display:block;width:100%;padding:0 16px}
@media only screen and (max-width:1536px) {.section3 .join .fb .form .item input {height:44px}
}
.section3 .join .fb .form .item input:focus {border-color:#00c766}
@media only screen and (max-width:640px) {
.section3 .join .fb .form .item{height: auto;padding: 0;}
.section3 .join .fb .form .item input {height:40px;padding:0 12px;border-radius:8px;width: 93%;}
.aspect-box>.img-box>img{width:80%}
}
.section3 .join .fb .form .item+.item {margin-top:2rem}
@media only screen and (max-width:640px) {.section3 .join .fb .form .item+.item {margin-top:20px}
}
.section3 .join .fb .form .tip {color:#00c766;margin-top:1.5rem;font-size:14px}
@media only screen and (max-width:640px) {.section3 .join .fb .form .tip {font-size:12px;margin-top:20px}
}
.section3 .join .fb .form button {width:28rem;height:3.9rem;background:#2A885A;color:#fff;border-radius:10px;font-size:2rem;margin-top:2rem;cursor:pointer;border: none;}
@media only screen and (max-width:1024px) {.section3 .join .fb .form button {height:40px;font-size:15px;margin-top:20px}
}
@media only screen and (max-width:640px) {.section3 .join .fb .form button {width:100%;border-radius:8px;font-size:14px}
}
.section3 .join .fb .code {text-align:center}
@media only screen and (max-width:640px) {.section3 .join .fb .code {display:flex;flex-direction:column;align-items:center;margin-top:24px}
}
.section3 .join .fb .code img {width:22rem}
@media only screen and (max-width:768px) {.section3 .join .fb .code img {width:20vw}
}
@media only screen and (max-width:640px) {.section3 .join .fb .code img {width:40vw}
}
.section3 .join .fb .code p {color:#00c766;font-size:2rem;margin-top:1.6rem}
@media only screen and (max-width:768px) {.section3 .join .fb .code p {font-size:14px;margin-top:4px}
}