.color-header{position:relative}.white{color:#fff!important}.c__bottom{bottom:0;display:flex;justify-content:center;position:absolute;width:100%}.c__bottom__wave{bottom:2px;height:1rem;position:absolute;transform:rotate(180deg);transform-origin:center bottom;width:4.0625rem;z-index:2}@media screen and (min-width:768px){[data-view-desktop] .top{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.5625rem;font-weight:400;margin-bottom:.46875rem;margin-top:.5625rem}[data-view-desktop] .top__img{height:.5625rem;margin-right:.25rem;width:.3125rem}[data-view-desktop] .center{background-color:#bfd3d6;background-position:left 20%;background-size:cover;border-top-left-radius:.5625rem;border-top-right-radius:.5625rem;height:10.8125rem;overflow:hidden;position:relative;width:39.375rem}[data-view-desktop] .center__box{height:8.15625rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8.375rem}[data-view-desktop] .center__img{height:100%;width:100%}[data-view-desktop] .center__text{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;font-size:.4375rem;left:50%;position:absolute;text-align:center;top:77%;transform:translate(-50%,-50%);width:100%}[data-view-desktop] .center__text__one{color:#333;font-size:1.21875rem;line-height:1.3125rem;white-space:nowrap;width:100%}[data-view-desktop] .center__text__long{color:#333;font-size:.75rem}[data-view-desktop] .center__text__three,[data-view-desktop] .center__text__two{color:#666;font-size:.5rem;margin-top:.09375rem}}@media screen and (max-width:767px){[data-view-mobile] .top{align-items:center;color:#333;display:flex;font-size:.75rem;font-weight:400;margin-bottom:.46875rem;margin-left:.9375rem}[data-view-mobile] .top__img{margin-right:.25rem;width:.4375rem}[data-view-mobile] .center{background-color:#bfd3d6;background-position:-44px 15%;background-size:cover;height:13.59375rem;margin-top:-.9375rem;overflow:hidden;padding-top:1.5625rem;position:relative;width:23.4375rem}[data-view-mobile] .center__img{height:8.78125rem;left:50%;position:absolute;top:2.34375rem;transform:translateX(-50%);width:9.90625rem}[data-view-mobile] .center__text{font-size:.625rem;left:50%;position:absolute;text-align:center;top:7.34375rem;transform:translateX(-50%)}[data-view-mobile] .center__text__one{color:#333;font-size:1.125rem}[data-view-mobile] .center__text__long{color:#333;font-size:.8125rem}[data-view-mobile] .center__text__two{color:#666;font-size:.75rem}[data-view-mobile] .c__bottom img{bottom:-2px;left:0;position:absolute;width:100%}}@media screen and (min-width:768px){[data-view-desktop] .color-info{background-color:#fff;padding-top:.3125rem;text-align:center}[data-view-desktop] .color-info__mod{margin:0 .9375rem;position:relative}[data-view-desktop] .color-info__text{color:#666;font-size:1.21875rem;padding-top:1.09375rem}[data-view-desktop] .other-color{align-items:center;background-color:#bfd3d6;background-size:cover;border-radius:10px;color:#333;display:flex;flex-direction:column;font-size:.9375rem;height:3.625rem;justify-content:center;margin-right:.40625rem;width:6.15625rem}[data-view-desktop] .other-color__mod{color:#333;position:relative}[data-view-desktop] .other-color__mod.white{color:#fff}[data-view-desktop] .other-color__txt{font-size:.625rem}[data-view-desktop] .same-intrduce{display:flex;justify-content:center}}@media screen and (max-width:767px){[data-view-mobile] .color-info{background-color:#fff;padding-top:.3125rem;text-align:center}[data-view-mobile] .color-info__mod{margin:0 .9375rem;position:relative}[data-view-mobile] .color-info__text{color:#666;font-size:1.125rem;padding:.9375rem 0 .3125rem}[data-view-mobile] .other-color{align-items:center;background-color:#bfd3d6;background-size:cover;border-radius:10px;display:flex;flex-direction:column;font-size:.8125rem;height:2.84375rem;justify-content:center;margin-right:.3125rem;width:5rem}[data-view-mobile] .other-color__mod{color:#333;position:relative}[data-view-mobile] .other-color__mod.white{color:#fff}[data-view-mobile] .other-color__txt{font-size:.625rem}[data-view-mobile] .same-intrduce{display:flex;justify-content:center}}@keyframes c-entrance-6ad77100{0%{opacity:0}to{opacity:1}}.full-img[data-v-6ad77100]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}@media screen and (min-width:768px){[data-view-desktop] .match-color[data-v-6ad77100]{background-color:#fff;margin:0 .9375rem;position:relative;text-align:center}[data-view-desktop] .match-color__mod[data-v-6ad77100]{position:relative}[data-view-desktop] .match-color__img[data-v-6ad77100]{height:19.15625rem;margin:0 auto;position:relative;width:35rem}[data-view-desktop] .match-color__text[data-v-6ad77100]{color:#666;font-size:1.21875rem;padding-bottom:.9375rem;padding-top:1.09375rem}[data-view-desktop] .swiper-ctrl[data-v-6ad77100]{cursor:pointer;height:3.21875rem;margin-top:-1.25rem;padding:.3125rem;position:absolute;top:50%;width:1.15625rem}[data-view-desktop] .swiper-ctrl--left[data-v-6ad77100]{left:0}[data-view-desktop] .swiper-ctrl--right[data-v-6ad77100]{right:0}[data-view-desktop] .swiper[data-v-6ad77100]{height:17.1875rem;width:35.625rem}[data-view-desktop] .swiper__mod[data-v-6ad77100]{height:17.1875rem;width:17.1875rem}[data-view-desktop] .swiper__mod__img[data-v-6ad77100]{height:17.1875rem;margin:0 auto;width:17.1875rem}[data-view-desktop] .swiper__one-img[data-v-6ad77100]{height:19.15625rem;width:35rem}}@media screen and (max-width:767px){[data-view-mobile] .match-color[data-v-6ad77100]{background-color:#fff;text-align:center}[data-view-mobile] .match-color__mod[data-v-6ad77100]{margin:0 .9375rem;position:relative}[data-view-mobile] .match-color__text[data-v-6ad77100]{color:#666;font-size:1.125rem;margin:.9375rem 0}[data-view-mobile] .match-color__one-img[data-v-6ad77100]{height:19.375rem;margin:0 auto;width:19.375rem}[data-view-mobile] .swiper-ctrl[data-v-6ad77100]{cursor:pointer;height:2.03125rem;margin-top:-1.25rem;position:absolute;top:50%;width:2.03125rem;z-index:9}[data-view-mobile] .swiper-ctrl--left[data-v-6ad77100]{left:0}[data-view-mobile] .swiper-ctrl--right[data-v-6ad77100]{right:0}[data-view-mobile] .swiper[data-v-6ad77100],[data-view-mobile] .swiper__mod[data-v-6ad77100]{height:19.375rem;width:19.375rem}}@keyframes c-entrance{0%{opacity:0}to{opacity:1}}.index,.p-center{width:100vw}@media screen and (min-width:768px){[data-view-desktop] .p-body{margin:0 auto;width:39.375rem}[data-view-desktop] .p-body__code{align-items:center;display:flex;flex-direction:column;width:39.375rem}[data-view-desktop] .p-body__code__img{height:4.65625rem;margin-bottom:1.375rem;margin-top:1.28125rem;width:4.65625rem}[data-view-desktop] .p-body__center{background-color:#bfd3d6;border-top-left-radius:.5625rem;border-top-right-radius:.5625rem;height:10.8125rem;position:relative;width:39.375rem}[data-view-desktop] .p-body__center__img{height:8.15625rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8.375rem}[data-view-desktop] .p-body__center__text{font-size:.4375rem;left:50%;position:absolute;text-align:center;top:70%;transform:translate(-50%,-50%)}[data-view-desktop] .p-body__center__text__one{color:#333;font-size:1.21875rem}[data-view-desktop] .p-body__center__text__three,[data-view-desktop] .p-body__center__text__two{color:#666;font-size:.5rem}[data-view-desktop] .p-body__bottom{background-color:#fff;padding-bottom:1.46875rem;padding-top:.84375rem;text-align:center}[data-view-desktop] .p-body__bottom__mod{margin:0 .9375rem;position:relative}[data-view-desktop] .p-body__bottom__text{color:#666;font-size:1.21875rem;margin-bottom:.9375rem;margin-top:1.09375rem}[data-view-desktop] .p-body .qr-code__code{margin-bottom:1.09375rem;margin-top:1.9375rem}[data-view-desktop] .p-body .qr-code__code .qr-code__img{display:block;height:4.65625rem;margin:0 auto 1.15625rem;width:4.65625rem}[data-view-desktop] .p-body .qr-code__code .p-body__txt{font-size:.6875rem;text-align:center}}@media screen and (max-width:767px){[data-view-mobile] .p-body{background-color:#fff;margin:0 auto;width:23.4375rem}[data-view-mobile] .p-body__bottom{background-color:#fff;padding-bottom:1.46875rem;text-align:center}[data-view-mobile] .p-body__bottom__text{color:#666;font-size:1.125rem;margin-bottom:.9375rem;margin-top:1.09375rem}[data-view-mobile] .p-body .qr-code__code{margin-bottom:1.25rem;margin-top:2.5rem}[data-view-mobile] .p-body .qr-code__code .qr-code__img{display:block;height:4.65625rem;margin:0 auto 1.15625rem;width:4.65625rem}[data-view-mobile] .p-body .qr-code__code .p-body__txt{font-size:.6875rem;text-align:center}}<!--ºÄʱ1789300658.3804Ãë-->