@media screen and (max-width:767px){.swiper-view .swiper-header[data-v-09b89851]{margin-top:.8rem;display:flex;align-items:center}.swiper-view .swiper-header .sort[data-v-09b89851]{width:.48rem;height:.48rem;border:.03rem solid #2980fe;border-radius:50%;display:flex;align-items:center;justify-content:center}.swiper-view .swiper-header .sort span[data-v-09b89851]{font-size:.28rem;color:#2980fe}.swiper-view .swiper-header p[data-v-09b89851]{margin-left:.32rem;flex:1;font-size:.24rem;font-family:PingFang SC,PingFang SC-600;color:#2980fe}.swiper-view .swiper-img[data-v-09b89851]{margin-top:1rem;display:flex;align-items:center;justify-content:center}.swiper-view .swiper-img img[data-v-09b89851]{width:100%;height:5rem;-o-object-fit:contain;object-fit:contain}.swiper-view .arrow-wrap[data-v-09b89851]{margin-top:1.1rem;display:flex;align-items:center;justify-content:center}.swiper-view .arrow-wrap[data-v-09b89851] :nth-child(2){margin-left:.64rem}.swiper-view .arrow-wrap .arrow[data-v-09b89851]{position:relative;width:.64rem;height:.64rem;background:#f5f6f7;border:.01rem solid #e6e8ea;border-radius:50%;display:flex;align-items:center;justify-content:center}.swiper-view .arrow-wrap .arrow img[data-v-09b89851]{width:.3rem;height:.3rem}.swiper-view .arrow-wrap .arrow .left[data-v-09b89851]{transform:rotate(90deg)}.swiper-view .arrow-wrap .arrow .right[data-v-09b89851]{transform:rotate(-90deg)}}.keypal-card-instructions main[data-v-0fa616ad]{background:#f7f8fa}.keypal-card-instructions main .main-header[data-v-0fa616ad]{background:#fff}.keypal-card-instructions main .main-header .pc-img[data-v-0fa616ad]{display:block;max-width:14.4rem;margin:0 auto}.keypal-card-instructions main .main-header .pc-img .pc[data-v-0fa616ad]{width:100%;height:auto}.keypal-card-instructions main .main-header .mobile[data-v-0fa616ad]{display:none}.keypal-card-instructions main .main-container[data-v-0fa616ad]{max-width:12rem;margin:.32rem auto 0;padding-bottom:.64rem}.keypal-card-instructions main .main-container .tab-list[data-v-0fa616ad]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto;background:#fff;border-radius:.08rem;display:flex;padding:.06rem .08rem;box-shadow:0 .03rem .16rem 0 rgba(111,119,126,.1)}.keypal-card-instructions main .main-container .tab-list .tab-item[data-v-0fa616ad]{padding:.07rem .46rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.keypal-card-instructions main .main-container .tab-list .tab-item.active[data-v-0fa616ad]{background:#2980fe;border-radius:.11rem;box-shadow:0 .04rem .01rem 0 rgba(94,136,174,.04),0 .04rem .09rem 0 rgba(69,116,170,.12)}.keypal-card-instructions main .main-container .tab-list .tab-item.active .tab-wrap .desc[data-v-0fa616ad],.keypal-card-instructions main .main-container .tab-list .tab-item.active .tab-wrap .title[data-v-0fa616ad]{color:#fff}.keypal-card-instructions main .main-container .tab-list .tab-item .tab-wrap .title[data-v-0fa616ad]{font-size:.16rem;font-family:PingFang SC,PingFang SC-600;font-weight:600;color:#3a3b3d}.keypal-card-instructions main .main-container .tab-list .tab-item .tab-wrap .desc[data-v-0fa616ad]{font-size:12px;font-family:PingFang SC,PingFang SC-500;font-weight:500;text-align:center;color:#c0c3c6}.keypal-card-instructions main .main-container .process-list[data-v-0fa616ad]{margin-top:.48rem;display:flex;justify-content:space-between}.keypal-card-instructions main .main-container .process-list .process-item[data-v-0fa616ad]{width:30%;background:#fff;border:.02rem solid #fff;border-radius:24px;padding:.24rem 0;cursor:pointer;box-sizing:content-box}.keypal-card-instructions main .main-container .process-list .process-item.active[data-v-0fa616ad]{position:relative;background:#ebf4ff;border:.02rem solid #2980fe}.keypal-card-instructions main .main-container .process-list .process-item.active .process-wrap .title[data-v-0fa616ad]{color:#3a3b3d}.keypal-card-instructions main .main-container .process-list .process-item .process-wrap[data-v-0fa616ad]{display:flex;flex-direction:column;align-items:center}.keypal-card-instructions main .main-container .process-list .process-item .process-wrap img[data-v-0fa616ad]{width:.59rem;height:.59rem}.keypal-card-instructions main .main-container .process-list .process-item .process-wrap .title[data-v-0fa616ad]{margin-top:.12rem;font-size:.2rem;font-family:SemiBold;color:#3a3b3d}.keypal-card-instructions main .main-container .step-container[data-v-0fa616ad]{margin-top:.32rem}.keypal-card-instructions main .main-container .step-container .step-triangle[data-v-0fa616ad]{display:flex;justify-content:space-between}.keypal-card-instructions main .main-container .step-container .step-triangle .step-triangle-item[data-v-0fa616ad]{position:relative;width:30%;height:.2rem}.keypal-card-instructions main .main-container .step-container .step-triangle .step-triangle-item svg[data-v-0fa616ad]{position:absolute;left:50%;transform:translateX(-50%)}.keypal-card-instructions main .main-container .step-container .step-triangle .step-triangle-item .triangle[data-v-0fa616ad]{fill:#fff;stroke:#fff;stroke-width:5}.keypal-card-instructions main .main-container .step-container .step-triangle .step-triangle-item .radius[data-v-0fa616ad]{stroke-width:100}.keypal-card-instructions main .main-container .step-container .step-header[data-v-0fa616ad]{position:relative;border-radius:.24rem .24rem 0 0;height:.54rem;background:#2980fe}.keypal-card-instructions main .main-container .step-container .step-content[data-v-0fa616ad]{max-width:12rem;background:#fff;border-radius:.24rem;box-shadow:0 .03rem .16rem 0 rgba(111,119,126,.1);padding:.4rem .45rem}.keypal-card-instructions main .main-container .step-container .step-content .header-list[data-v-0fa616ad]{display:flex;align-items:center}.keypal-card-instructions main .main-container .step-container .step-content .header-list .item[data-v-0fa616ad]{font-size:.18rem;font-weight:500;color:#3a3b3d;cursor:pointer}.keypal-card-instructions main .main-container .step-container .step-content .header-list .item.active[data-v-0fa616ad]{font-size:.24rem;font-weight:600;color:#2980fe}.keypal-card-instructions main .main-container .step-container .step-content .header-list .item[data-v-0fa616ad]:nth-child(n+2){margin-left:.32rem}.keypal-card-instructions main .main-container .step-container .step-content .header-list .video-item[data-v-0fa616ad]{margin-left:.32rem;display:flex;align-items:center;padding:.04rem .08rem;background:#ebf4ff;border-radius:.32rem;cursor:pointer}.keypal-card-instructions main .main-container .step-container .step-content .header-list .video-item img[data-v-0fa616ad]{width:.24rem;height:.24rem}.keypal-card-instructions main .main-container .step-container .step-content .header-list .video-item span[data-v-0fa616ad]{margin-left:.04rem;font-size:.14rem;font-weight:600;color:#2980fe}.keypal-card-instructions main .main-container .step-container .step-content .title[data-v-0fa616ad]{font-size:.24rem;font-family:MiSans,MiSans-600;font-weight:600;color:#3a3b3d}.keypal-card-instructions main .main-container .step-container .step-content .desc[data-v-0fa616ad]{margin-top:.23rem;font-size:.12rem;font-family:MiSans,MiSans-400;color:#9ea0a5}.keypal-card-instructions main .main-container .step-container .step-content .step-box[data-v-0fa616ad]{margin-top:.5rem;display:flex}.keypal-card-instructions main .main-container .step-container .step-content .step-box .box-left[data-v-0fa616ad]{width:4rem;margin-right:.5rem}.keypal-card-instructions main .main-container .step-container .step-content .step-box .box-left .step-list .step-item[data-v-0fa616ad]:not(:last-child){padding-bottom:.4rem}.keypal-card-instructions main .main-container .step-container .step-content .step-box .box-left .step-list .step-item .step-wrap[data-v-0fa616ad]{display:flex;align-items:center;cursor:pointer}.keypal-card-instructions main .main-container .step-container .step-content .step-box .box-left .step-list .step-item .step-wrap.active .sort[data-v-0fa616ad]{border:.02rem solid #2980fe}.keypal-card-instructions main .main-container .step-container .step-content .step-box .box-left .step-list .step-item .step-wrap.active .sort span[data-v-0fa616ad]{color:#2980fe}.keypal-card-instructions main .main-container .step-container .step-content .step-box .box-left .step-list .step-item .step-wrap.active .sort .step-line[data-v-0fa616ad]{border-left:.02rem dotted #2980fe}.keypal-card-instructions main .main-container .step-container .step-content .step-box .box-left .step-list .step-item .step-wrap.active p[data-v-0fa616ad]{color:#2980fe}.keypal-card-instructions main .main-container .step-container .step-content .step-box .box-left .step-list .step-item .step-wrap .sort[data-v-0fa616ad]{position:relative;width:.24rem;height:.24rem;border:.02rem solid #3a3b3d;border-radius:50%;display:flex;align-items:center;justify-content:center}.keypal-card-instructions main .main-container .step-container .step-content .step-box .box-left .step-list .step-item .step-wrap .sort span[data-v-0fa616ad]{font-size:.14rem;color:#3a3b3d}.keypal-card-instructions main .main-container .step-container .step-content .step-box .box-left .step-list .step-item .step-wrap .sort .step-line[data-v-0fa616ad]{position:absolute;left:50%;transform:translateX(-50%);border-left:.02rem dotted #000;bottom:.27rem}.keypal-card-instructions main .main-container .step-container .step-content .step-box .box-left .step-list .step-item .step-wrap p[data-v-0fa616ad]{flex:1;margin-left:.16rem;font-size:.12rem;font-weight:500;color:#3a3b3d}.keypal-card-instructions main .main-container .step-container .step-content .step-box .box-right[data-v-0fa616ad]{flex:1;display:flex;align-items:center;justify-content:center;height:3.8rem}.keypal-card-instructions main .main-container .step-container .step-content .step-box .box-right img[data-v-0fa616ad]{width:auto;height:100%}.keypal-card-instructions main .main-container .step-container .step-content .step-box-2[data-v-0fa616ad]{margin:.32rem 0 0 .6rem}.keypal-card-instructions main .main-container .step-container .step-content .step-box-2 img[data-v-0fa616ad]{width:9.93rem;height:4.9rem}.keypal-card-instructions main .main-container .step-container .step-content .step-box-mobile[data-v-0fa616ad]{display:none}.keypal-card-instructions main .main-container .precautions[data-v-0fa616ad]{margin-top:.24rem;padding:.16rem .24rem;background:#ffecec;border-radius:.24rem}.keypal-card-instructions main .main-container .precautions p[data-v-0fa616ad]{font-size:.12rem;font-weight:500;color:#f56459;line-height:.17rem}.keypal-card-instructions main .main-container .precautions .title[data-v-0fa616ad]{font-size:.16rem;margin-bottom:.08rem;line-height:normal}.keypal-card-instructions .video-play-container[data-v-0fa616ad]{position:fixed;width:100vw;height:100vh;top:0;background:rgba(0,0,0,.72)}.keypal-card-instructions .video-play-container .video-play-content[data-v-0fa616ad]{max-width:8.5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.keypal-card-instructions .video-play-container .video-play-content #tutorial-video[data-v-0fa616ad]{width:100%;border-radius:.32rem}@media screen and (max-width:767px){.keypal-card-instructions main .main-header .pc-img[data-v-0fa616ad]{display:none}.keypal-card-instructions main .main-header .mobile[data-v-0fa616ad]{display:block;width:100%;height:auto}.keypal-card-instructions main .main-container[data-v-0fa616ad]{padding:0 .32rem 1.44rem}.keypal-card-instructions main .main-container .tab-list[data-v-0fa616ad]{width:100%;justify-content:space-between;border-radius:.24rem;padding:.08rem}.keypal-card-instructions main .main-container .tab-list .tab-item[data-v-0fa616ad]{flex:1;padding:.2rem 0}.keypal-card-instructions main .main-container .tab-list .tab-item.active[data-v-0fa616ad]{border-radius:.2rem}.keypal-card-instructions main .main-container .tab-list .tab-item .tab-wrap[data-v-0fa616ad]{display:flex;flex-direction:column;align-items:center}.keypal-card-instructions main .main-container .tab-list .tab-item .tab-wrap .title[data-v-0fa616ad]{font-size:.24rem}.keypal-card-instructions main .main-container .process-list .process-item[data-v-0fa616ad]{border-radius:.24rem}.keypal-card-instructions main .main-container .process-list .process-item.active[data-v-0fa616ad]{background:#ebf4ff}.keypal-card-instructions main .main-container .process-list .process-item.active .process-wrap .title[data-v-0fa616ad]{color:#3a3b3d}.keypal-card-instructions main .main-container .step-container .step-content[data-v-0fa616ad]{width:100%}.keypal-card-instructions main .main-container .step-container .step-content .header-list[data-v-0fa616ad]{flex-wrap:wrap}.keypal-card-instructions main .main-container .step-container .step-content .header-list .item[data-v-0fa616ad]{font-size:.28rem}.keypal-card-instructions main .main-container .step-container .step-content .header-list .item.active[data-v-0fa616ad]{font-size:.36rem}.keypal-card-instructions main .main-container .step-container .step-content .header-list .item[data-v-0fa616ad]:nth-child(n+2){margin-left:.4rem}.keypal-card-instructions main .main-container .step-container .step-content .header-list .video-item[data-v-0fa616ad]{padding:.12rem .2rem;margin-left:.32rem}.keypal-card-instructions main .main-container .step-container .step-content .header-list .video-item.isBackup[data-v-0fa616ad]{margin-left:0;margin-top:.32rem}.keypal-card-instructions main .main-container .step-container .step-content .header-list .video-item img[data-v-0fa616ad]{width:.32rem;height:.32rem}.keypal-card-instructions main .main-container .step-container .step-content .header-list .video-item span[data-v-0fa616ad]{font-size:.24rem}.keypal-card-instructions main .main-container .step-container .step-content .title[data-v-0fa616ad]{font-size:.36rem}.keypal-card-instructions main .main-container .step-container .step-content .desc[data-v-0fa616ad]{font-size:.24rem}.keypal-card-instructions main .main-container .step-container .step-content .step-box-2[data-v-0fa616ad],.keypal-card-instructions main .main-container .step-container .step-content .step-box[data-v-0fa616ad]{display:none}.keypal-card-instructions main .main-container .step-container .step-content .step-box-mobile[data-v-0fa616ad]{display:block}.keypal-card-instructions main .main-container .precautions[data-v-0fa616ad]{margin-top:.48rem}.keypal-card-instructions main .main-container .precautions p[data-v-0fa616ad]{font-size:.24rem;line-height:.32rem}.keypal-card-instructions main .main-container .precautions .title[data-v-0fa616ad]{font-size:.26rem}.keypal-card-instructions .video-play-container .video-play-content[data-v-0fa616ad]{max-width:none;width:90%}}