.loading[data-v-a5351f6a]{width:100%;height:20vw;position:relative}.demo-spin-icon-load[data-v-a5351f6a]{animation:ani-demo-spin 1s linear infinite}.warp section .img-bg[data-v-5b878994]{width:100%;height:41vw}.warp section .content[data-v-5b878994]{z-index:9;position:absolute;top:16vw;left:15vw;width:30vw}.warp section .content h3[data-v-5b878994]{font-size:3.2vw;font-weight:500}.warp section .content p.title[data-v-5b878994]{font-size:2vw}.warp section .content span.desc[data-v-5b878994]{width:80%;display:block;font-size:.9vw;margin-top:.5vw}.warp section.pay-by-card .img-bg[data-v-5b878994]{background:url(https://cdn.cnbj1.fds.api.mi-img.com/mipay-portal/page-images/buscard/pay-by-card.jpg) no-repeat;background-size:cover}.warp section.recharge .img-bg[data-v-5b878994]{background:url(https://cdn.cnbj1.fds.api.mi-img.com/mipay-portal/page-images/buscard/recharge.jpg) no-repeat;background-size:cover}.warp section.di .img-bg[data-v-5b878994]{background:url(https://cdn.cnbj1.fds.api.mi-img.com/mipay-portal/page-images/buscard/di.jpg) no-repeat;background-size:cover}.video[data-v-5b878994]{position:relative;display:inline-block;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:1.1vw;padding:.35vw 1vw;font-size:.9vw;letter-spacing:.3px;margin-top:2vw;opacity:.8;cursor:pointer}.video img[data-v-5b878994]{position:absolute;width:1vw;top:.45vw}.video span[data-v-5b878994]{padding-left:1.3vw}.warp section .content-center[data-v-5b878994]{display:flex;flex-direction:column;align-items:center;height:41vw;letter-spacing:.2px}.content-center .title-c[data-v-5b878994]{font-size:1.9vw;font-weight:500;margin-top:5vw}.content-center .desc-c[data-v-5b878994]{font-size:.9vw;margin:1vw 0 2vw}.content-center .img-c[data-v-5b878994]{width:55%}.di[data-v-5b878994],.recharge[data-v-5b878994]{height:41vw}.di .content-center[data-v-5b878994],.recharge .content-center[data-v-5b878994]{z-index:100;position:absolute;top:0;width:100%}.pass-through[data-v-5b878994]{display:flex;flex-direction:column;align-items:center;letter-spacing:.2px}.pass-through .title[data-v-5b878994]{font-size:1.9vw;font-weight:500;margin-top:6vw}.pass-through .desc[data-v-5b878994]{font-size:.9vw;margin:1vw 0 2vw}.pass-through .card-con[data-v-5b878994]{position:relative;width:65%;padding-bottom:2vw}.pass-through .card-con ul[data-v-5b878994]{display:flex;flex-wrap:wrap;justify-content:space-between}.pass-through .card-con ul li[data-v-5b878994]{text-align:center;margin-top:15px}.pass-through .card-con ul li img[data-v-5b878994]{width:15vw}.pass-through .card-con ul li p[data-v-5b878994]{padding:.6vw 0;font-size:1.2vw}.pass-through .card-con .gradient[data-v-5b878994]{position:absolute;bottom:0;left:0;background-image:linear-gradient(180deg,hsla(0,0%,100%,0) 15%,#fff 90%);z-index:999;width:100%;height:100%}.pass-through .card-con .more[data-v-5b878994]{z-index:9999;font-size:.8vw;position:absolute;bottom:3vw;left:51%;transform:translate(-50%,-50%);letter-spacing:.4px;cursor:pointer}.pass-through .card-con .more img[data-v-5b878994]{width:.9vw;position:relative;top:.2vw}.support-device .phone-list[data-v-5b878994]{width:60%;padding-bottom:7vw}.support-device .phone-list ul[data-v-5b878994]{display:flex;flex-wrap:wrap;justify-content:space-between}.support-device .phone-list ul li[data-v-5b878994]{text-align:center;margin-top:2.5vw;width:25%}.support-device .phone-list ul li img[data-v-5b878994]{height:10vw}.support-device .phone-list ul li p[data-v-5b878994]{font-size:1.2vw;line-height:4vw}.support-device .phone-list .more[data-v-5b878994]{font-size:.8vw;letter-spacing:.4px;position:absolute;bottom:3vw;left:51%;transform:translate(-50%,-50%);cursor:pointer}.support-device .phone-list .more img[data-v-5b878994]{width:1.1vw;position:relative;top:.2vw}#video-ele[data-v-5b878994]{width:100%;border:0;overflow:hidden}