.how-work-page[data-v-e968cbc5]{padding-top:.83333333rem}@media screen and (max-width:768px){.how-work-page[data-v-e968cbc5]{padding:0}}.how-work-page .base-container[data-v-e968cbc5]{margin:0 auto;width:75rem}@media screen and (min-width:769px) and (max-width:1200px){.how-work-page .base-container[data-v-e968cbc5]{-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:2.08333333rem;padding-right:2.08333333rem;width:100%}}@media screen and (max-width:768px){.how-work-page .base-container[data-v-e968cbc5]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;width:100%}}.how-work-page h2[data-v-e968cbc5]{color:#001654;font-size:2.08333333rem;font-weight:700;height:4.27083333rem;line-height:4.27083333rem;text-align:center}@media screen and (max-width:768px){.how-work-page h2[data-v-e968cbc5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.04166667rem;height:auto;justify-content:center;line-height:1.25rem;min-height:1.66666667rem}}.how-work-page .reveal[data-v-e968cbc5]{opacity:0;-webkit-transform:translateY(2.08333333rem);-ms-transform:translateY(2.08333333rem);transform:translateY(2.08333333rem);-webkit-transition:opacity 2s ease,-webkit-transform 2s cubic-bezier(.22,1,.36,1);transition:opacity 2s ease,-webkit-transform 2s cubic-bezier(.22,1,.36,1);transition:opacity 2s ease,transform 2s cubic-bezier(.22,1,.36,1);transition:opacity 2s ease,transform 2s cubic-bezier(.22,1,.36,1),-webkit-transform 2s cubic-bezier(.22,1,.36,1)}.how-work-page .reveal.active[data-v-e968cbc5]{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.how-work-page .banner[data-v-e968cbc5]{aspect-ratio:1440/454;position:relative}.how-work-page .banner .banner-img[data-v-e968cbc5]{display:block;width:100%}.how-work-page .banner .banner-content[data-v-e968cbc5]{background:url(https://img.petfairs.com/static/how-work/banner-bg.webp) no-repeat;background-size:100%;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.14583333rem;font-weight:400;height:17.60416667rem;line-height:1.66666667rem;position:absolute;right:1.25rem;text-align:center;top:2.96875rem;width:36.25rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-sizing:border-box;box-sizing:border-box;justify-content:center}.how-work-page .banner .banner-content h1[data-v-e968cbc5]{font-size:1.875rem;margin-bottom:1.25rem}.how-work-page .banner .banner-content .start-btn[data-v-e968cbc5]{background:#009dff;border:.05208333rem solid #fff;border-radius:.52083333rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;font-size:1.25rem;font-weight:700;height:2.86458333rem;margin:1.35416667rem auto 0;width:12.08333333rem}.how-work-page .banner .banner-content .start-btn[data-v-e968cbc5]:hover{background:#3264f8}@media screen and (max-width:768px){.how-work-page .banner[data-v-e968cbc5]{aspect-ratio:375/252;width:100%}.how-work-page .banner .banner-img[data-v-e968cbc5]{display:none}.how-work-page .banner .banner-content[data-v-e968cbc5]{background:url(https://img.petfairs.com/static/how-work/banner-bg-mobile.webp) no-repeat;background-size:100% 100%;font-size:.72916667rem;font-weight:400;height:100%;line-height:.9375rem;padding-top:0;position:absolute;right:0;top:0;width:100%}.how-work-page .banner .banner-content h1[data-v-e968cbc5]{font-size:1.14583333rem;line-height:1.25rem;margin-bottom:.52083333rem}.how-work-page .banner .banner-content .start-btn[data-v-e968cbc5]{border-radius:.20833333rem;font-size:.83333333rem;height:2.08333333rem;margin-top:.9375rem;width:8.59375rem}}.how-work-page .steps-section[data-v-e968cbc5]{margin-top:1.04166667rem;padding-bottom:2.08333333rem}.how-work-page .steps-section .steps-swiper[data-v-e968cbc5]{display:none}.how-work-page .steps-section .steps-list[data-v-e968cbc5]{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.25rem}.how-work-page .steps-section .step-item[data-v-e968cbc5],.how-work-page .steps-section .steps-list[data-v-e968cbc5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.how-work-page .steps-section .step-item[data-v-e968cbc5]{border-radius:1.04166667rem;-webkit-box-shadow:0 .26041667rem .52083333rem rgba(0,0,0,.051);box-shadow:0 .26041667rem .52083333rem #0000000d;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:21.45833333rem;padding:.83333333rem .52083333rem;text-align:center;width:24.16666667rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.how-work-page .steps-section .step-item .step-num[data-v-e968cbc5]{border-radius:52.08333333rem;color:#001654;font-size:1.04166667rem;font-weight:600;height:1.875rem;margin-bottom:.83333333rem;width:5.72916667rem}.how-work-page .steps-section .step-item h3[data-v-e968cbc5]{color:#001654;font-size:1.25rem;font-weight:700;margin-bottom:.625rem}.how-work-page .steps-section .step-item .subtitle[data-v-e968cbc5]{color:#00298a;font-size:.9375rem;font-weight:500;line-height:1.14583333rem;margin-bottom:.72916667rem}.how-work-page .steps-section .step-item ul li[data-v-e968cbc5]{color:#295794;font-size:.83333333rem;font-weight:400;line-height:1.25rem;list-style:inside;text-align:left}.how-work-page .steps-section .step-item ul li .policy-link[data-v-e968cbc5]{color:#3264f8;text-decoration-line:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.how-work-page .steps-section .step-item .step-img[data-v-e968cbc5]{height:10.10416667rem;margin-top:.83333333rem;width:10.10416667rem}@media screen and (max-width:768px){.how-work-page .steps-section[data-v-e968cbc5]{padding-bottom:0;padding-left:.83333333rem}.how-work-page .steps-section .steps-list[data-v-e968cbc5]{display:none}.how-work-page .steps-section .steps-swiper[data-v-e968cbc5]{display:block;margin-top:.72916667rem;padding-bottom:2.91666667rem;padding-right:.83333333rem}.how-work-page .steps-section .steps-swiper .steps-slide[data-v-e968cbc5]{width:16.35416667rem}.how-work-page .steps-section .steps-swiper .step-item[data-v-e968cbc5]{height:17.8125rem;min-height:17.8125rem;padding:.625rem .52083333rem;width:16.35416667rem}.how-work-page .steps-section .steps-swiper .step-item .step-num[data-v-e968cbc5]{font-size:.83333333rem;height:1.5625rem;margin-bottom:.625rem;width:3.75rem}.how-work-page .steps-section .steps-swiper .step-item h3[data-v-e968cbc5]{font-size:.83333333rem;line-height:1.04166667rem;margin-bottom:.52083333rem}.how-work-page .steps-section .steps-swiper .step-item .subtitle[data-v-e968cbc5]{font-size:.72916667rem;line-height:.83333333rem;margin-bottom:.52083333rem}.how-work-page .steps-section .steps-swiper .step-item ul li[data-v-e968cbc5]{font-size:.625rem;line-height:.83333333rem}.how-work-page .steps-section .steps-swiper .step-item ul li[data-v-e968cbc5]::marker{font-size:.52083333rem;padding-right:0}.how-work-page .steps-section .steps-swiper .step-item .step-img[data-v-e968cbc5]{height:7.8125rem;width:7.8125rem}.how-work-page .steps-section .steps-swiper[data-v-e968cbc5] .swiper-pagination{background:#0003;border-radius:.625rem;bottom:1.04166667rem;display:-webkit-box;display:-ms-flexbox;display:flex;height:.83333333rem;left:50%;padding:0 .3125rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translate(-50%);width:auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.how-work-page .steps-section .steps-swiper[data-v-e968cbc5] .swiper-pagination .swiper-pagination-bullet{height:.41666667rem;margin:0 .20833333rem;width:.41666667rem}.how-work-page .steps-section .steps-swiper[data-v-e968cbc5] .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}}.how-work-page .warehouse[data-v-e968cbc5]{background-color:#fff;padding-bottom:2.08333333rem;padding-top:1.04166667rem;text-align:center}.how-work-page .warehouse p[data-v-e968cbc5]{color:#001654cc;font-size:1.45833333rem;font-weight:400;line-height:1.97916667rem;margin:.3125rem auto 1.82291667rem;max-width:85%;text-align:center}.how-work-page .warehouse .video-box[data-v-e968cbc5]{aspect-ratio:1268/713;margin:0 auto;min-height:22.91666667rem;position:relative;width:80%}.how-work-page .warehouse .video-box iframe[data-v-e968cbc5]{height:100%;width:100%}.how-work-page .warehouse .mobile-only[data-v-e968cbc5]{display:none}@media screen and (max-width:768px){.how-work-page .warehouse[data-v-e968cbc5]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:.83333333rem}.how-work-page .warehouse h2[data-v-e968cbc5]{margin-bottom:.52083333rem}.how-work-page .warehouse .pc-only[data-v-e968cbc5]{display:none}.how-work-page .warehouse .mobile-only[data-v-e968cbc5]{display:block}.how-work-page .warehouse p[data-v-e968cbc5]{font-size:.72916667rem;font-weight:400;line-height:.83333333rem;margin:0 auto}.how-work-page .warehouse .video-box[data-v-e968cbc5]{margin-top:.83333333rem;min-height:unset;width:100%}}.how-work-page .faq[data-v-e968cbc5]{padding-top:1.04166667rem}.how-work-page .faq[data-v-e968cbc5] .faq-collapse{border:none}.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item{margin-bottom:1.25rem}.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item__header,.how-work-page .faq[data-v-e968cbc5] .faq-collapse .faq-ssr-header{background:#fff;border:none;border-radius:.3125rem;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:3.125rem;padding:.20833333rem 1.25rem}.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item__header h3,.how-work-page .faq[data-v-e968cbc5] .faq-collapse .faq-ssr-header h3{color:#001654;font-size:1.25rem;font-weight:500;line-height:1.45833333rem}.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item__header.is-active,.how-work-page .faq[data-v-e968cbc5] .faq-collapse .faq-ssr-header.is-active{border-radius:.3125rem .3125rem 0 0}.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item__wrap{background:#fff;border:none;border-radius:0 0 .3125rem .3125rem}.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item__content{color:#1d2129;font-size:1.04166667rem;line-height:1.25rem;padding:0 1.97916667rem .83333333rem}.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item__content a{color:#3264f8;text-decoration-line:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item__arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item__arrow.is-active{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}@media screen and (max-width:768px){.how-work-page .faq[data-v-e968cbc5]{padding:.83333333rem}.how-work-page .faq h2[data-v-e968cbc5],.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item{margin-bottom:.625rem}.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item__header,.how-work-page .faq[data-v-e968cbc5] .faq-collapse .faq-ssr-header{min-height:1.66666667rem;padding:.20833333rem .3125rem}.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item__header h3,.how-work-page .faq[data-v-e968cbc5] .faq-collapse .faq-ssr-header h3{font-size:.625rem;line-height:.625rem}.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item__content{padding:0 .3125rem .3125rem}.how-work-page .faq[data-v-e968cbc5] .faq-collapse .el-collapse-item__content .faq-content{font-size:.625rem;line-height:.83333333rem}}.how-work-page .security[data-v-e968cbc5]{padding-bottom:2.08333333rem;padding-top:1.30208333rem}.how-work-page .security .security-list[data-v-e968cbc5]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1.25rem;margin-top:.78125rem}.how-work-page .security .security-item[data-v-e968cbc5]{-webkit-box-flex:1;background:#fff;border-radius:.41666667rem;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex:1;flex:1;padding:.83333333rem .72916667rem;text-align:center}.how-work-page .security .security-item img[data-v-e968cbc5]{height:3.125rem;margin-bottom:.625rem;width:3.125rem}.how-work-page .security .security-item h3[data-v-e968cbc5]{color:#001654;font-size:1.04166667rem;font-weight:600;margin-bottom:.52083333rem}.how-work-page .security .security-item p[data-v-e968cbc5]{color:#295794;font-size:.72916667rem;font-weight:400;letter-spacing:1%;line-height:.9375rem;text-align:center}@media screen and (max-width:768px){.how-work-page .security[data-v-e968cbc5]{padding:0 .83333333rem .83333333rem}.how-work-page .security .security-list[data-v-e968cbc5]{gap:.625rem}.how-work-page .security .security-list .security-item[data-v-e968cbc5]{width:calc(50% - .3125rem);-webkit-box-flex:unset;-ms-flex:unset;flex:unset;padding:.625rem .41666667rem}.how-work-page .security .security-list .security-item img[data-v-e968cbc5]{height:2.08333333rem;margin-bottom:.52083333rem;width:2.08333333rem}.how-work-page .security .security-list .security-item h3[data-v-e968cbc5]{font-size:.72916667rem;line-height:.83333333rem;margin-bottom:.41666667rem}.how-work-page .security .security-list .security-item p[data-v-e968cbc5]{font-size:.52083333rem;line-height:.72916667rem}}.how-work-page .bottom-box[data-v-e968cbc5]{background:#fff5de;padding:1.82291667rem 0 2.60416667rem;text-align:center}.how-work-page .bottom-box p[data-v-e968cbc5]{color:#001654;font-size:1.5625rem;font-weight:400;line-height:1.82291667rem;margin-bottom:1.5625rem}.how-work-page .bottom-box h2[data-v-e968cbc5]{color:#001654;font-size:2.08333333rem;font-weight:700;height:unset;line-height:unset;margin-bottom:1.5625rem}.how-work-page .bottom-box .coupon[data-v-e968cbc5]{cursor:pointer;display:block;height:13.38541667rem;margin:0 auto;width:31.77083333rem}.how-work-page .bottom-box .factory[data-v-e968cbc5]{aspect-ratio:1440/377;display:block;margin:0 auto;width:100%}.how-work-page .bottom-box .mobile-only[data-v-e968cbc5]{display:none}@media screen and (max-width:768px){.how-work-page .bottom-box[data-v-e968cbc5]{padding:.83333333rem}.how-work-page .bottom-box .pc-only[data-v-e968cbc5]{display:none}.how-work-page .bottom-box .mobile-only[data-v-e968cbc5]{display:block}.how-work-page .bottom-box p[data-v-e968cbc5]{font-size:.78125rem;line-height:1.04166667rem;margin-bottom:.52083333rem}.how-work-page .bottom-box h2[data-v-e968cbc5]{font-size:1.04166667rem;margin-bottom:.52083333rem}.how-work-page .bottom-box .coupon[data-v-e968cbc5]{height:auto;margin-bottom:.52083333rem;width:14.47916667rem}.how-work-page .bottom-box .factory[data-v-e968cbc5]{aspect-ratio:343/183;margin-bottom:.52083333rem;width:100%}}