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