@font-face{font-family:vivotypeEN-Bold;src:url(../css/vivotypeEN-Bold.eot);src:url(../css/vivotypeEN-Bold.eot?#iefix) format("embedded-opentype"),url(../css/vivotypeEN-Bold.woff2) format("woff2"),url(../css/vivotypeEN-Bold.woff) format("woff"),url(../css/vivotypeEN-Bold.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:vivotypeEN-Medium;src:url(../css/vivotypeEN-Medium.eot);src:url(../css/vivotypeEN-Medium.eot?#iefix) format("embedded-opentype"),url(../css/vivotypeEN-Medium.woff2) format("woff2"),url(../css/vivotypeEN-Medium.woff) format("woff"),url(../css/vivotypeEN-Medium.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:vivotypeEN-Regular;src:url(../css/vivotypeEN-Regular.eot);src:url(../css/vivotypeEN-Regular.eot?#iefix) format("embedded-opentype"),url(../css/vivotypeEN-Regular.woff2) format("woff2"),url(../css/vivotypeEN-Regular.woff) format("woff"),url(../css/vivotypeEN-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:HanyiVar-vivo-55;src:url(../css/HanyiVar-vivo-55.eot);src:url(../css/HanyiVar-vivo-55.eot?#iefix) format("embedded-opentype"),url(../css/HanyiVar-vivo-55.woff2) format("woff2"),url(../css/HanyiVar-vivo-55.woff) format("woff"),url(../css/HanyiVar-vivo-55.ttf) format("truetype");font-weight:400;font-style:normal}.io-vivo-font-bold{font-family:vivotypeEN-Bold!important;word-spacing:-1px}.io-vivo-font-medium{font-family:vivotypeEN-Medium!important;word-spacing:-1px}.io-vivo-font-regular{font-family:vivotypeEN-Regular!important;word-spacing:-1px}.io-vivo-copy-font,.io-vivo-font-hanyi55{font-family:HanyiVar-vivo-55!important}body,html{overflow:visible}video::-webkit-media-controls-fullscreen-button,video::-webkit-media-controls-mute-button{display:none}video::-webkit-media-controls-toggle-closed-captions-button,video::-webkit-media-controls-volume-slider{display:none}video::-webkit-media-controls-download{display:none}html{-webkit-text-size-adjust:none}sub,sup{position:relative;vertical-align:baseline;font-size:70%;line-height:0}sup{top:-.5em}sub{bottom:-.25em}.io-vivo-sub-nav-place{position:absolute;width:100%}.io-vivo-sub-nav{position:relative;width:100%;background-color:#fff;border-bottom:1px solid #b4b4b4;z-index:49;top:0}.io-vivo-sub-nav h1,.io-vivo-sub-nav h2,.io-vivo-sub-nav h3,.io-vivo-sub-nav h4,.io-vivo-sub-nav h5,.io-vivo-sub-nav h6{margin:0;padding:0;font-weight:400}.io-vivo-sub-nav li,.io-vivo-sub-nav ol,.io-vivo-sub-nav ul{list-style:none outside none}.io-vivo-sub-nav a{text-decoration:none;color:#fff;transition:all .5s ease}.io-vivo-sub-nav .io-vivo-sub-nav-box{height:100%;display:flex;justify-content:flex-start;align-items:center;position:relative}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-sub-nav-list a{display:block;cursor:pointer;color:#333;text-decoration:none;transition:all .5s ease;word-break:break-all;white-space:nowrap}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-sub-nav-list a:hover{color:#456fff}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-sub-nav-list a.onactive{color:#333;border-bottom:3px solid #456fff}.io-vivo-btn-style-double{width:100%}.io-vivo-btn-style1,.io-vivo-btn-style3,.io-vivo-btn-style-double{display:flex;justify-content:center}.io-vivo-btn-style1 a,.io-vivo-btn-style3 a{position:relative;display:flex;align-items:center;justify-content:center;border-radius:30px;background-color:#456fff;white-space:nowrap}.io-vivo-btn-style1 a span,.io-vivo-btn-style3 a span{display:block;white-space:nowrap}.io-vivo-btn-style1 a:hover,.io-vivo-btn-style3 a:hover{background-color:#7389ff}.io-vivo-btn-style3{position:relative}.io-vivo-btn-style3>a{z-index:10}.io-vivo-btn-style3 .io-vivo-pre-list{position:absolute;top:0;right:0;overflow:hidden;width:100%;height:0}.io-vivo-btn-style3 .io-vivo-pre-list a{justify-content:flex-start;box-sizing:border-box;background-color:hsla(0,0%,100%,0);color:#242933}.io-vivo-btn-style3 .io-vivo-pre-list a:hover{color:#456fff}.io-vivo-btn-style3 .io-vivo-pre-list a:before{position:absolute;top:50%;overflow:hidden;border-radius:8px;background-position:0 0;background-size:100%;background-repeat:no-repeat;content:" ";transform:translateY(-50%)}.io-vivo-btn-style3 .io-vivo-pre-list ul{background-color:#fff}.io-vivo-btn-style2{display:flex;justify-content:center}.io-vivo-btn-style2 a{position:relative;box-sizing:border-box;border:1px solid #fff;border-radius:30px;background-color:#fff;color:#000}.io-vivo-btn-style2 a:hover{border:1px solid #7389ff;background-color:#7389ff;color:#fff}.io-vivo-btn-style12,.io-vivo-btn-style12 a{display:flex;justify-content:center}.io-vivo-btn-style12 a{position:relative;box-sizing:border-box;border:1px solid #000;border-radius:30px;color:#000}.io-vivo-btn-style12 a:hover{color:#000}.io-vivo-warp{z-index:20;width:100%;background-color:#fff;color:#000;font-family:-apple-system,BlinkMacSystemFont,PingFang,Heiti SC 黑体-简,Microsoft YaHei,Helvetica Neue,Helvetica,Arial;transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none}.io-vivo-warp button,.io-vivo-warp dir,.io-vivo-warp form,.io-vivo-warp h1,.io-vivo-warp h2,.io-vivo-warp h3,.io-vivo-warp h4,.io-vivo-warp h5,.io-vivo-warp h6,.io-vivo-warp input,.io-vivo-warp legend,.io-vivo-warp menu,.io-vivo-warp p,.io-vivo-warp td,.io-vivo-warp textarea,.io-vivo-warp th,.io-vivo-warp ul{margin:0;padding:0}.io-vivo-warp h1,.io-vivo-warp h2,.io-vivo-warp h3,.io-vivo-warp h4,.io-vivo-warp h5,.io-vivo-warp h6{font-weight:400}.io-vivo-warp fieldset,.io-vivo-warp img{border:none}.io-vivo-warp img,.io-vivo-warp picture{display:block;width:100%;-webkit-touch-callout:none}.io-vivo-warp canvas{display:block}.io-vivo-warp li,.io-vivo-warp ol,.io-vivo-warp ul{list-style:none outside none}.io-vivo-warp table{border-spacing:0;border-collapse:collapse}.io-vivo-warp input,.io-vivo-warp select{vertical-align:middle}.io-vivo-warp article,.io-vivo-warp aside,.io-vivo-warp details,.io-vivo-warp figcaption,.io-vivo-warp figure,.io-vivo-warp footer,.io-vivo-warp header,.io-vivo-warp hgroup,.io-vivo-warp menu,.io-vivo-warp nav,.io-vivo-warp section{display:block}.io-vivo-warp abbr[title],.io-vivo-warp dfn[title]{border-bottom:1px dotted;cursor:help}.io-vivo-warp sub,.io-vivo-warp sup{position:relative;vertical-align:baseline;font-size:70%;line-height:0}.io-vivo-warp sup{top:-.5em}.io-vivo-warp sub{bottom:-.25em}.io-vivo-warp button,.io-vivo-warp input,.io-vivo-warp textarea{-webkit-user-modify:read-write-plaintext-only}.io-vivo-warp button,.io-vivo-warp input,.io-vivo-warp select,.io-vivo-warp textarea{outline:none}.io-vivo-warp textarea{resize:none}.io-vivo-warp a{color:#fff;text-decoration:none;transition:all .5s ease}.io-vivo-warp .io-l-c{left:50%;transform:translateX(-50%)}.io-vivo-warp .io-t-c{top:50%;transform:translateY(-50%)}.io-vivo-warp .io-tc{left:50%;top:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-pos-abs{position:absolute}.io-vivo-warp .io-abs-tl{top:0;left:0}.io-vivo-warp .io-wh100{width:100%;height:100%}.io-vivo-warp .io-vivo-aear{display:none}.io-vivo-warp .io-vivo-main_bg img{height:100%}.io-vivo-warp .io-vivo-section-sticky{position:sticky;top:0}.io-vivo-warp .io-vivo-section{position:relative;z-index:5;width:100%;max-width:1920px;margin:0 auto}.io-vivo-warp .io-vivo-kv{overflow:hidden;width:100%;height:100vh;background-color:#fff}.io-vivo-warp .io-vivo-kv picture{position:relative;width:auto}.io-vivo-warp .io-vivo-kv picture img{position:absolute;left:50%;width:auto;height:100%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy{position:absolute;z-index:10;width:100%;text-align:center}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h1{margin:0 auto}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-left,.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-right{position:absolute;z-index:10;text-align:center}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-left h1,.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-right h1{margin:0 auto}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark{text-align:right}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark,.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark-left{position:absolute;font-size:12px;color:rgba(0,0,0,.7)}.io-vivo-warp .io-vivo-kv a.io-vivo-live-btn{border:1px solid #456fff;background-color:#456fff;color:#fff}.io-vivo-warp .io-vivo-kv a.io-vivo-live-btn:hover{color:#fff}.io-vivo-warp .io-vivo-section-big-tit{position:absolute;top:50%;width:100%;text-align:center;transform:translateY(-50%);z-index:10;color:#fff}.io-vivo-warp .io-vivo-main-copy{position:absolute;z-index:10}.io-vivo-warp .io-vivo-main-copy h2{color:#000}.io-vivo-warp .io-vivo-main-copy p{color:rgba(0,0,0,.6)}.io-vivo-warp .io-vivo-section-sticky{height:100vh}.io-vivo-warp .io-vivo-section-sticky-scrren{position:sticky;top:0}.io-vivo-warp .io-vivo-card{margin:0 auto}.io-vivo-warp .io-vivo-card div{overflow:hidden;position:relative}.io-vivo-warp .io-vivo-card div span{position:absolute}.io-vivo-warp .io-vivo-ani-zoom{overflow:hidden}.io-vivo-warp .io-vivo-ani-zoom .io-vivo-main-copy,.io-vivo-warp .io-vivo-ani-zoom .io-vivo-zoom-img,.io-vivo-warp .io-vivo-commen-main-copy .io-vivo-main-copy{position:relative}.io-vivo-warp .io-vivo-charge{overflow:hidden}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main{position:relative}.io-vivo-warp .io-vivo-charge .io-vivo-charge-phone{position:absolute;left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-charge .io-vivo-charge-phone-black{position:absolute;z-index:2}.io-vivo-warp .io-vivo-charge .io-vivo-charge-phone-light{position:absolute;z-index:3;opacity:0;width:100%;height:100%}.io-vivo-warp .io-vivo-charge .io-vivo-charge-w18{position:absolute;width:55.5%;left:50%;transform:translate(-50%,-93%)}.io-vivo-warp .io-vivo-charge .io-vivo-charge-head{position:absolute;width:32%;right:-28%;top:32%;transform:translateX(250%)}.io-vivo-warp #chargeCans canvas{z-index:10}.io-vivo-warp #chargeCans canvas,.io-vivo-warp .io-vivo-dexposure .io-vivo-dexposure-final-img{position:absolute;top:0;left:0;width:100%;height:100%}.io-vivo-warp .io-vivo-hidden-svg{display:none}.io-vivo-warp .io-vivo-beauty-box,.io-vivo-warp .io-vivo-beauty-canvas{transform:rotate(0);will-change:clip-path}.io-vivo-warp .io-vivo-sect11-main{position:absolute;width:100%;height:100vh;top:0;left:0}.text-img-bj{background-image:linear-gradient(90deg,#7cc4ff,#3068cb)}.text-img-bj,.text-img-bj2{padding-right:1px;background-position:0;-webkit-background-clip:text;background-clip:text;background-size:calc(100% - 1px) 100%;background-repeat:no-repeat;font-style:normal;-webkit-text-fill-color:transparent}.text-img-bj2{background-image:linear-gradient(90deg,#a396c4,#8cd5ef)}.text-img-bj3{padding-right:1px;background-image:linear-gradient(90deg,#91cbe9,#8bdef6);background-position:0;-webkit-background-clip:text;background-clip:text;background-size:calc(100% - 1px) 100%;background-repeat:no-repeat;font-style:normal;-webkit-text-fill-color:transparent}.text-img-bj4,.text-img-bj5{background-image:linear-gradient(270deg,#8cd5ef,#8cd5ef)}.text-img-bj4,.text-img-bj5,.text-img-bj6{padding-right:1px;background-position:0;-webkit-background-clip:text;background-clip:text;background-size:calc(100% - 1px) 100%;background-repeat:no-repeat;font-style:normal;-webkit-text-fill-color:transparent}.text-img-bj6{background-image:linear-gradient(90deg,#3c454f,#64707d 30%)}.text-img-bj7{background-image:linear-gradient(90deg,#9a92be,#8dbee5 80%)}.text-img-bj7,.text-img-bj8{padding-right:1px;background-position:0;-webkit-background-clip:text;background-clip:text;background-size:calc(100% - 1px) 100%;background-repeat:no-repeat;font-style:normal;-webkit-text-fill-color:transparent}.text-img-bj8{background-image:linear-gradient(90deg,#aeecc3,#b6e2f9)}.close-video{background-image:none!important;transition:transform .4s ease;transform:rotate(-45deg)}.close-video:before{top:calc(50% - 1px);left:0;width:100%;height:2px}.close-video:after,.close-video:before{position:absolute;background-color:#fff;content:" "}.close-video:after{top:0;left:calc(50% - 1px);width:2px;height:100%}.close-video:hover{transform:rotate(-225deg)}.io-vivo-remark{position:relative;z-index:20;width:100%;background-color:#000}.io-vivo-remark>div{box-sizing:border-box;margin:0 auto;color:#666}.io-vivo-remark>div strong{display:inline-block;font-weight:400}.io-vivo-remark>div p{position:relative;margin:0}.io-vivo-remark>div p:before{position:absolute;left:0}.io-vivo-remark>div p:nth-child(2):before{content:"1."}.io-vivo-remark>div p:nth-child(3):before{content:"2."}.io-vivo-remark>div p:nth-child(4):before{content:"3."}.io-vivo-remark>div p:nth-child(5):before{content:"4."}.io-vivo-remark>div p:nth-child(6):before{content:"5."}.io-vivo-remark>div p:nth-child(7):before{content:"6."}.io-vivo-remark>div p:nth-child(8):before{content:"7."}.io-vivo-remark>div p:nth-child(9):before{content:"8."}.io-vivo-remark>div p:nth-child(10):before{content:"9."}.io-vivo-remark>div p:nth-child(11):before{content:"10."}.io-vivo-remark>div p:nth-child(12):before{content:"11."}.io-vivo-remark>div p:nth-child(13):before{content:"12."}.io-vivo-remark>div p:nth-child(14):before{content:"13."}.io-vivo-remark>div p:nth-child(15):before{content:"14."}.io-vivo-remark>div p:nth-child(16):before{content:"15."}.io-vivo-remark>div p:nth-child(17):before{content:"16."}.io-vivo-remark>div p:nth-child(18):before{content:"17."}.io-vivo-remark>div p:nth-child(19):before{content:"18."}.io-vivo-remark>div p:nth-child(20):before{content:"19."}.io-vivo-remark>div p:nth-child(21):before{content:"20."}.io-vivo-remark>div p:nth-child(22):before{content:"21."}.io-vivo-remark>div p:nth-child(23):before{content:"22."}.io-vivo-remark>div p:nth-child(24):before{content:"23."}.io-vivo-remark>div p:nth-child(25):before{content:"24."}.io-vivo-remark>div p:nth-child(26):before{content:"25."}.io-vivo-remark>div p:nth-child(27):before{content:"26."}.io-vivo-remark>div p:nth-child(28):before{content:"27."}.io-vivo-remark>div p:nth-child(29):before{content:"28."}.io-vivo-remark>div p:nth-child(30):before{content:"29."}.io-vivo-remark>div p:nth-child(31):before{content:"30."}.io-vivo-remark>div p:nth-child(32):before{content:"31."}.io-vivo-remark>div p:nth-child(33):before{content:"32."}.io-vivo-remark>div p.io-vivo-remark-sigle{margin-left:0;padding-left:0}.io-vivo-remark>div p.io-vivo-remark-sigle:before{content:""}.io-vivo-layer-mask{position:fixed;top:0;left:0;z-index:18;visibility:hidden;width:100%;height:100%;background-color:rgba(0,0,0,.8);opacity:0}@media screen and (min-width:769px){.io-vivo-sub-nav-place{height:60px}.io-vivo-sub-nav{top:0;height:59px;font-size:18px}.io-vivo-sub-nav .io-vivo-sub-nav-box{width:100%;max-width:1280px;margin:0 auto;box-sizing:border-box}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-sub-nav-open{display:none}.io-vivo-sub-nav .io-vivo-sub-nav-list{display:flex}.io-vivo-sub-nav .io-vivo-sub-nav-list a{margin:0 40px;line-height:58px}.io-vivo-sub-nav .io-vivo-sub-nav-list a:hover{color:#333}.io-vivo-sub-nav-fixed{top:60px;position:fixed}.io-vivo-warp .io-vivo-kv{transform:translateY(-86px);margin-bottom:-86px}.io-vivo-warp .io-vivo-kv picture{height:100%}.io-vivo-warp .io-vivo-kv picture img{height:98%;bottom:6%;left:55%}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy{top:calc(4.81481vh + 146px)}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h1{width:20.83333vw}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h2{padding-top:1.85185vh}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-left{width:auto;top:50%;left:10.41667vw;transform:translateY(-50%)}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-right{width:auto;top:calc(50% + 60px);right:4.6875vw;transform:translateY(-50%)}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark{right:30px;bottom:30px;width:100%;transform-origin:100% 100%;transform:scale(.85)}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark-left{left:30px;bottom:30px;width:100%;transform:scale(.85);transform-origin:0 100%}.io-vivo-warp .io-vivo-kv .io-vivo-btn-style2{padding-top:3.7037vh}.io-vivo-warp .io-vivo-main-copy{width:calc(100% - 3.125vw);top:calc(3.7037vh + 60px)}.io-vivo-warp .io-vivo-main-copy .io-vivo-main-copy-center{text-align:center}.io-vivo-warp .io-vivo-main-copy p{padding-top:1.85185vh;width:100%;margin:0 auto}.io-vivo-warp .io-vivo-ani-zoom .io-vivo-main-copy,.io-vivo-warp .io-vivo-commen-main-copy .io-vivo-main-copy{left:0;margin:0 auto;width:calc(100% - 3.125vw);padding-bottom:calc(3.7037vh + 60px)}.io-vivo-warp .io-vivo-commen-main-copy .io-vivo-main-copy{transform:translateX(0)}.io-vivo-warp .io-vivo-flex-layer{display:flex;justify-content:space-between}.io-vivo-warp .io-vivo-zoom-img{margin:5.55556vh auto 0}.io-vivo-warp .io-vivo-zoom-img img{border-radius:15px}.io-vivo-warp .io-vivo-dexposure{padding-bottom:calc(3.7037vh + 60px)}.io-vivo-warp .io-vivo-dexposure .io-vivo-zoom-img{width:58.75vw;height:39.84375vw;max-width:1128px;max-height:765px}.close-video{width:40px!important;height:40px!important;top:40px!important;right:40px!important}.io-vivo-remark{width:100%}.io-vivo-remark>div{width:100%;max-width:1200px;padding:40px 20px;box-sizing:border-box}.io-vivo-remark>div strong{font-weight:400;font-size:16px;padding-bottom:8px}.io-vivo-remark>div p{margin:0 0 0 -10px;padding:0 0 0 28px;font-size:14px;position:relative;line-height:20px}.io-vivo-remark>div p:before{position:absolute;left:0;text-align:right;width:22px}.pc-show{display:block}.mobi-show,.pc-hidden{display:none}}@media screen and (min-width:1440px){.io-vivo-font60{font-size:60px}.io-vivo-font52{font-size:52px}.io-vivo-font46{font-size:46px}.io-vivo-font40{font-size:40px}.io-vivo-font36{font-size:36px}.io-vivo-font34{font-size:34px}.io-vivo-font32{font-size:32px}.io-vivo-font30{font-size:30px}.io-vivo-font26{font-size:26px}.io-vivo-font24{font-size:24px}.io-vivo-single{font-size:26px}.io-vivo-font22{font-size:22px}.io-vivo-font20{font-size:20px}.io-vivo-font16{font-size:16px}.io-vivo-btn-style1 a{padding:12px 22px;font-size:16px}.io-vivo-btn-style2 a{padding:11px 21px 12px 20px}.io-vivo-countdown-times span{width:75px}.io-vivo-countdown-times span:after{font-size:26px}.io-vivo-video-btn a span:last-child{width:40px;height:28px;margin-top:5px}.io-vivo-video-btn a svg{transform:translateY(-3px)}}@media screen and (min-width:1080px) and (max-width:1439px){.io-vivo-font60{font-size:52px}.io-vivo-font52{font-size:44px}.io-vivo-font46{font-size:40px}.io-vivo-font40{font-size:34px}.io-vivo-font36{font-size:30px}.io-vivo-font34{font-size:28px}.io-vivo-font32{font-size:26px}.io-vivo-font30{font-size:24px}.io-vivo-font26{font-size:20px}.io-vivo-font24{font-size:18px}.io-vivo-copy-single{font-size:20px}.io-vivo-font22{font-size:18px}.io-vivo-font20{font-size:16px}.io-vivo-font16{font-size:14px}.io-vivo-btn-style1 a{padding:10px 22px;font-size:16px}.io-vivo-btn-style2 a{padding:9px 21px 10px 20px}.io-vivo-countdown-times span{width:66px}.io-vivo-countdown-times span:after{font-size:20px}.io-vivo-video-btn a span:last-child{width:35px;height:22px;margin-top:2px}.io-vivo-video-btn a svg{transform:translateY(-1px);width:20px}.io-vivo-remark>div{font-size:16px;line-height:30px}}@media screen and (min-width:769px) and (max-width:1079px){.io-vivo-font60{font-size:40px}.io-vivo-font46,.io-vivo-font52{font-size:32px}.io-vivo-font42{font-size:28px}.io-vivo-font36{font-size:26px}.io-vivo-font34{font-size:22px}.io-vivo-font32{font-size:20px}.io-vivo-font30{font-size:18px}.io-vivo-font26{font-size:16px}.io-vivo-font24{font-size:14px}.io-vivo-copy-single{font-size:16px}.io-vivo-font22{font-size:12x}.io-vivo-font16,.io-vivo-font20{font-size:12px}.io-vivo-btn-style1 a{padding:10px 22px;font-size:16px}.io-vivo-btn-style2 a{padding:9px 21px 10px 20px}.io-vivo-video-btn a span:last-child{width:26px;height:18px;margin-top:0}.io-vivo-video-btn a svg{transform:translateY(-3px);width:16px}}@media screen and (min-width:769px) and (max-width:1257px){.io-vivo-sub-nav .io-vivo-sub-nav-box{padding:0 20px}.io-vivo-sub-nav .io-vivo-sub-nav-list{margin-left:-40px}.io-vivo-remark>div{padding:20px}}@media screen and (min-width:1440px){.io-vivo-kv-subcopy{font-size:20px}}@media screen and (min-width:1080px) and (max-width:1440px){.io-vivo-kv-subcopy{font-size:16px}}@media screen and (min-width:769px) and (max-width:1080px){.io-vivo-kv-subcopy{font-size:14px}}@media screen and (min-width:769px) and (max-width:1199px){.io-vivo-warp .io-vivo-kv{transform:translateY(-60px);margin-bottom:-60px}}@media screen and (min-width:1440px){.io-vivo-warp .io-vivo-main-copy{left:1.5625vw}.io-vivo-warp .io-vivo-quality .io-vivo-quality-copyParam{width:230px;left:calc(53% - 12.19722vh - 280px)}.io-vivo-warp .io-vivo-quality .io-vivo-quality-copyParam .io-vivo-main-copy-center h2{font-size:30px}}@media screen and (min-width:1080px) and (max-width:1439px){.io-vivo-warp .io-vivo-main-copy{left:1.5625vw}.io-vivo-warp .io-vivo-quality .io-vivo-quality-copyParam{width:230px;left:calc(53% - 12.19722vh - 280px)}.io-vivo-warp .io-vivo-quality .io-vivo-quality-copyParam .io-vivo-main-copy-center h2{font-size:30px}}@media screen and (min-width:769px) and (max-width:1079px){.io-vivo-warp .io-vivo-main-copy{left:1.5625vw}.io-vivo-warp .io-vivo-quality .io-vivo-quality-copyParam{width:220px;left:calc(53% - 12.19722vh - 270px)}.io-vivo-warp .io-vivo-quality .io-vivo-quality-copyParam .io-vivo-main-copy-center h2{font-size:26px}}@media screen and (min-width:1920px){.io-vivo-main-copy{left:30px}}@media screen and (min-width:280px) and (max-width:768px){.io-vivo-sub-nav-place{height:1.24rem}.io-vivo-sub-nav{top:0;height:1.24rem;font-size:.38rem}.io-vivo-sub-nav .io-vivo-sub-nav-box{padding:0 .4rem;box-sizing:border-box}.io-vivo-sub-nav .io-vivo-sub-nav-list{width:100%;height:1.24rem;overflow:hidden;display:flex}.io-vivo-sub-nav .io-vivo-sub-nav-list a{display:block;color:#fefefe;font-size:.38rem;line-height:1.24rem;margin-right:.4rem}.io-vivo-sub-nav-fixed{top:1.24rem;position:fixed}.io-vivo-btn-style1 a{font-size:3.125vw}.io-vivo-btn-style1 a,.io-vivo-btn-style2 a{padding:2.34375vw 4.16667vw}.io-vivo-btn-style11 a{padding:2.34375vw 2.08333vw 2.34375vw 4.16667vw;font-size:3.125vw}.io-vivo-btn-style-double{justify-content:flex-start}.io-vivo-btn-style-double :first-child{margin-right:1.30208vw}.io-vivo-font60{font-size:8vw}.io-vivo-font54{font-size:7.2vw}.io-vivo-font52{font-size:6.93333vw}.io-vivo-font46{font-size:6.13333vw}.io-vivo-copy-single,.io-vivo-font40{font-size:5.33333vw}.io-vivo-font36{font-size:4.8vw}.io-vivo-kv-subcopy{font-size:3.46667vw}.io-vivo-font34{font-size:4.53333vw}.io-vivo-font32{font-size:4.26667vw}.io-vivo-font30{font-size:4vw}.io-vivo-font26{font-size:3.46667vw}.io-vivo-font24{font-size:3.2vw}.io-vivo-font22{font-size:2.93333vw}.io-vivo-font20{font-size:3.46667vw}.io-vivo-font16{font-size:2.66667vw}.io-vivo-warp .io-vivo-kv{transform:translateY(-60px);margin-bottom:-60px;background-color:#a8c4da}.io-vivo-warp .io-vivo-kv picture{height:100%}.io-vivo-warp .io-vivo-kv picture img{height:96%;bottom:.6%}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy{top:calc(3.07882vh + 60px + 1.24rem)}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h1{width:57.33333vw}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h1 img{width:100%;height:auto}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h2{padding-top:1.84729vh}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark{width:200%;right:10px;bottom:10px;transform:scale(.5);transform-origin:100% 100%}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark-left{width:200%;left:10px;bottom:10px;transform:scale(.5);transform-origin:0 100%}.io-vivo-warp .io-vivo-kv .io-vivo-btn-style2{padding-top:3.69458vh}.io-vivo-warp .io-vivo-main-copy{width:86%;left:8%;top:calc(3.69458vh + 1.24rem)}.io-vivo-warp .io-vivo-main-copy p{padding-top:.92365vh}.io-vivo-warp .io-vivo-ani-zoom .io-vivo-main-copy{padding-bottom:calc(3.69458vh + 1.24rem)}.io-vivo-warp .io-vivo-zoom-img{margin:8.53333vw auto 0}.io-vivo-warp .io-vivo-dexposure .io-vivo-zoom-img{width:100vw;height:166.4vw}.io-vivo-warp .io-vivo-commen-main-copy .io-vivo-main-copy{padding-bottom:calc(3.69458vh + 1.24rem)}.io-vivo-warp .mobi-show{display:block}.io-vivo-warp .mobi-hidden,.io-vivo-warp .pc-show{display:none}.io-vivo-mid-btn{font-size:20px;transform:scale(.65)}.io-vivo-mid-btn a span.io-vivo-font-hanyi55{word-spacing:0!important;white-space:nowrap}.close-video{width:.56rem!important;height:.56rem!important;top:.5rem!important;right:.5rem!important}.io-vivo-remark{width:100%}.io-vivo-remark>div{width:100%;box-sizing:border-box;margin:0 auto;padding:30px .4rem}.io-vivo-remark>div strong{font-weight:400;font-size:14px;padding-bottom:8px}.io-vivo-remark>div p{margin:0 0 0 -5px;padding:0 0 0 20px;font-size:12px;position:relative;line-height:18px}.io-vivo-remark>div p:before{position:absolute;left:0;width:15px;text-align:right}}@-webkit-keyframes hiddenEles{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes hiddenEles{0%{opacity:1}to{opacity:0;visibility:hidden}}@media screen and (min-width:769px){.io-vivo-section .io-vivo-main-copy-left{margin-left:1.5625vw}.io-vivo-section .io-vivo-section-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.io-vivo-50mp{height:500vh}.io-vivo-50mp .io-vivo-50mp-copy2{top:calc(80vh - 80px);z-index:12}.io-vivo-50mp .io-vivo-50mp-copy2 h2,.io-vivo-50mp .io-vivo-50mp-copy2 p{color:#fff}.io-vivo-50mp .io-vivo-50mp-phone1{width:38vw;left:31vw;top:35vh}.io-vivo-50mp .io-vivo-50mp-shadow{width:6.8vw;left:43vw;top:46.5vh}.io-vivo-50mp .io-vivo-50mp-phone2{width:25vw;left:38.5vw;top:34vh}.io-vivo-50mp .io-vivo-50mp-50{width:5.5vw;left:33.5vw;top:41vh}.io-vivo-50mp .linear-text{background-image:linear-gradient(60deg,#00a4c6,#0ee6c2 60%);background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.io-vivo-50mp .io-vivo-50mp-param1{width:33vw;left:26vw;top:38vh}.io-vivo-50mp .io-vivo-50mp-param1 .io-vivo-50mp-copyP1{top:0;position:absolute;width:100%}.io-vivo-50mp .io-vivo-50mp-param1 .io-vivo-50mp-copyP1 .io-vivo-main-copy-left{margin-left:0;font-weight:700}.io-vivo-50mp .io-vivo-50mp-param1 .io-vivo-50mp-copyP1 .io-vivo-main-copy-left h2{line-height:1;margin-top:-10px}.io-vivo-50mp .io-vivo-50mp-param1 .io-vivo-50mp-copyP1 .io-vivo-main-copy-left p{padding-top:0}.io-vivo-50mp .io-vivo-50mp-param2{width:33vw;left:26vw;top:38vh}.io-vivo-50mp .io-vivo-50mp-param2 .io-vivo-50mp-copyP2{top:calc(8.88889vh + 60px);top:10vw;position:absolute;width:100%}.io-vivo-50mp .io-vivo-50mp-param2 .io-vivo-50mp-copyP2 .io-vivo-main-copy-left{margin-left:0;font-weight:700}.io-vivo-50mp .io-vivo-50mp-param2 .io-vivo-50mp-copyP2 .io-vivo-main-copy-left h2{line-height:1;margin-top:-10px}.io-vivo-50mp .io-vivo-50mp-param2 .io-vivo-50mp-copyP2 .io-vivo-main-copy-left p{padding-top:0}.io-vivo-50mp .io-vivo-50mp-param3{width:33vw;left:26vw;top:38vh}.io-vivo-50mp .io-vivo-50mp-param3 .io-vivo-50mp-copyP3{top:calc(19.44444vh + 60px);top:18vw;position:absolute;width:100%}.io-vivo-50mp .io-vivo-50mp-param3 .io-vivo-50mp-copyP3 .io-vivo-main-copy-left{margin-left:0;font-weight:700}.io-vivo-50mp .io-vivo-50mp-param3 .io-vivo-50mp-copyP3 .io-vivo-main-copy-left h2{line-height:1;margin-top:-10px}.io-vivo-50mp .io-vivo-50mp-param3 .io-vivo-50mp-copyP3 .io-vivo-main-copy-left p{padding-top:0}.io-vivo-50mp .io-vivo-50mp-param4{width:33vw;left:26vw;top:38vh}.io-vivo-50mp .io-vivo-50mp-param4 .io-vivo-50mp-copyP4{top:calc(30.55556vh + 60px);top:26vw;position:absolute;width:100%}.io-vivo-50mp .io-vivo-50mp-param4 .io-vivo-50mp-copyP4 .io-vivo-main-copy-left{margin-left:0;font-weight:700}.io-vivo-50mp .io-vivo-50mp-param4 .io-vivo-50mp-copyP4 .io-vivo-main-copy-left h2{line-height:1;margin-top:-10px}.io-vivo-50mp .io-vivo-50mp-param4 .io-vivo-50mp-copyP4 .io-vivo-main-copy-left p{padding-top:0}.io-vivo-50mp .io-vivo-50mp-bg{width:100vw;height:100vh;z-index:11}.io-vivo-50mp .io-vivo-50mp-bg picture{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;object-fit:cover;object-position:center;-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;-webkit-mask-size:100vw 100vh;mask-size:100vw 100vh;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NS42MyAxMDQuMyI+PHBhdGggZD0iTTMyLjMyLjE1QzExLjY2IDIuMzMtMi42MyAyNy4zOC40MSA1Ni4xYzMuMDMgMjguNzIgMjIuMjQgNTAuMjMgNDIuOSA0OC4wNSAyMC42Ni0yLjE4IDM0Ljk1LTI3LjI0IDMxLjkxLTU1Ljk1QzcyLjE5IDE5LjQ4IDUyLjk4LTIuMDMgMzIuMzIuMTV6Ii8+PC9zdmc+);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NS42MyAxMDQuMyI+PHBhdGggZD0iTTMyLjMyLjE1QzExLjY2IDIuMzMtMi42MyAyNy4zOC40MSA1Ni4xYzMuMDMgMjguNzIgMjIuMjQgNTAuMjMgNDIuOSA0OC4wNSAyMC42Ni0yLjE4IDM0Ljk1LTI3LjI0IDMxLjkxLTU1Ljk1QzcyLjE5IDE5LjQ4IDUyLjk4LTIuMDMgMzIuMzIuMTV6Ii8+PC9zdmc+);mix-blend-mode:normal}.io-vivo-50mp .io-vivo-50mp-bg picture img{height:100%;object-fit:cover}.io-vivo-eis{height:200vh}.io-vivo-eis .io-vivo-eis-copy2,.io-vivo-eis .io-vivo-eis-copy3{top:calc(81.48148vh + 55px);opacity:0}.io-vivo-eis .io-vivo-eis-box{width:109.56525vh;height:50.92593vh;left:calc(50% - 55.77867vh);top:calc(30.55556vh + 60px);position:relative;overflow:hidden}.io-vivo-eis .io-vivo-eis-box canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.io-vivo-eis .io-vivo-eis-pic1{width:109.56525vh;height:50.92593vh;left:calc(50% - 55.77867vh);top:calc(30.55556vh + 60px)}.io-vivo-eis .io-vivo-eis-pic1 picture img{border-radius:70px}.io-vivo-bokeh{height:200vh}.io-vivo-bokeh .io-vivo-bokeh-pic1{width:56.2963vh;height:38.33333vh;left:calc(50% - 60.37574vh);top:calc(30.55556vh + 60px)}.io-vivo-bokeh .io-vivo-bokeh-pic2{width:56.2963vh;height:38.33333vh;left:calc(50% + 4.07944vh);top:calc(30.55556vh + 60px)}.io-vivo-flare{height:150vh}.io-vivo-flare .io-vivo-section-sticky-flare{height:100vh}.io-vivo-flare .io-vivo-flare-main{position:relative;width:111.01852vh;height:51.75926vh;left:calc(50% - 55.60856vh);padding-top:70px}.io-vivo-macor{height:200vh}.io-vivo-macor .io-vivo-macor-main{width:111.01852vh;height:51.75926vh;left:calc(50% - 55.60856vh);top:calc(30.92593vh + 60px)}.io-vivo-clearself{height:300vh}.io-vivo-clearself .io-vivo-clearself-phone{width:111.01852vh;height:51.75926vh;left:calc(50% - 55.60856vh);top:calc(27.77778vh + 60px)}.io-vivo-clearself .io-vivo-clearself-pic1{width:104.25926vh;height:150.27778vh;left:calc(50% - 53.31804vh);top:calc(27.77778vh + 60px);clip-path:inset(2% .5% 67.4% .8% round 3%);overflow:hidden}.io-vivo-clearself .io-vivo-clearself-pic2{width:21.4vw;height:30.8vw;left:calc(50% + 3.33333vh);top:calc(27.77778vh + 60px);overflow-y:hidden}.io-vivo-beauty{height:220vh}.io-vivo-beauty .io-vivo-beauty-box{clip-path:inset(0 0 0 0 round 0 0 0 0)}.io-vivo-beauty .io-vivo-beauty-box,.io-vivo-beauty .io-vivo-beauty-box .io-vivo-beauty-canvas{width:100%;height:calc(56.25vw - 10.125px)}.io-vivo-beauty .io-vivo-beauty-box .io-vivo-beauty-canvas canvas{position:absolute;top:0;left:0;width:100%;height:100%}.io-vivo-beauty .io-vivo-beauty-box .io-vivo-beauty-phone2{width:99.16667vw;height:46.09267vw;left:0;top:6%;z-index:2}.io-vivo-beauty .io-vivo-beauty-box2{z-index:10;top:0;left:0;background-color:hsla(0,0%,100%,.1);width:100%;height:calc(56.25vw - 10.125px);clip-path:inset(0 0 0 0 round 0 0 0 0)}.io-vivo-beauty .io-vivo-beauty-box2 span{position:absolute;background-color:red;height:4px;width:100px}.io-vivo-beauty .io-vivo-beauty-box2 span:first-child{left:0;top:calc(5% - 4px)}.io-vivo-multi{height:240vh}.io-vivo-multi .io-vivo-section-sticky-multi{height:calc(56.25vw - 10.125px)}.io-vivo-multi .io-vivo-multi-main{position:relative;width:100%;height:100%}.io-vivo-multi .io-vivo-multi-copy{position:absolute;top:calc(28.125vw - 65.0625px);width:90%;left:10%}.io-vivo-supernight{height:240vh}.io-vivo-supernight .io-vivo-supernight-copy2,.io-vivo-supernight .io-vivo-supernight-copy3{top:calc(83vh - 70px)}.io-vivo-supernight .io-vivo-supernight-main-pic{width:63.88889vh;height:40.27778vh;left:calc(50% - 31.87101vh);top:calc(25vh + 60px)}.io-vivo-supernight .io-vivo-supernight-main-icon{width:9.8vw;left:auto;right:32vw;top:77vh;cursor:pointer;right:calc(50% - 31.87101vh)}.io-vivo-quality{height:200vh}.io-vivo-quality .io-vivo-quality-copy h2,.io-vivo-quality .io-vivo-quality-copy p{color:#fff}.io-vivo-quality .io-vivo-quality-phone{width:48.98148vh;height:70.64815vh;left:calc(53% - 12.19722vh);top:calc(25.92593vh + 60px)}.io-vivo-quality .io-vivo-quality-param{height:64.81481vh;left:calc(50% - 45.9479vh);top:calc(25.92593vh + 60px);display:flex;flex-direction:column;justify-content:space-between}.io-vivo-quality .io-vivo-quality-copyParam{width:100%;left:0;top:0;padding-top:.92593vh;padding-bottom:1.85185vh;background-color:hsla(0,0%,100%,.2);border-radius:50px;display:flex;justify-content:center}.io-vivo-quality .io-vivo-quality-copyParam .io-vivo-main-copy-center{display:flex;flex-direction:column}.io-vivo-quality .io-vivo-quality-copyParam .io-vivo-main-copy-center h2{color:#fff;display:flex;align-items:baseline;line-height:1;padding-top:.37037vh}.io-vivo-quality .io-vivo-quality-copyParam .io-vivo-main-copy-center p{color:#fff;padding-top:0}.io-vivo-quality .io-vivo-quality-copyParam .io-vivo-main-copy-center span{color:#fff;display:inline-block}.io-vivo-widgets{height:200vh}.io-vivo-widgets .io-vivo-widgets-phone{width:57.96296vh;height:64.07407vh;left:calc(50% - 28.98148vh);top:calc(31.48148vh + 60px)}.io-vivo-imanager{height:200vh}.io-vivo-imanager .io-vivo-imanager-copy{top:calc(40vh - 60px);width:90%;left:10%}.io-vivo-imanager .io-vivo-imanager-pic1{width:20.92593vh;height:46.48148vh;left:calc(82% - 10.46296vh);top:calc(15.74074vh + 60px)}.io-vivo-imanager .io-vivo-imanager-pic2{width:17.77778vh;height:39.44444vh;left:calc(59% - 8.88889vh);top:calc(2.77778vh + 60px)}.io-vivo-imanager .io-vivo-imanager-pic3{width:14.35185vh;height:31.85185vh;left:calc(61% - 7.17593vh);top:calc(57.40741vh + 60px)}.io-vivo-imanager .io-vivo-imanager-pic4{width:16.2037vh;height:36.11111vh;left:calc(78% - 8.10185vh);top:calc(.46296vh + 60px)}.io-vivo-imanager .io-vivo-imanager-pic5{width:16.37987vh;height:36.2963vh;left:calc(81% - 8.18993vh);top:calc(67.59259vh + 60px)}.io-vivo-imanager .io-vivo-imanager-pic6{width:11.66667vh;height:25.92593vh;left:calc(55.5% - 5.83333vh);top:calc(73.14815vh + 60px)}.io-vivo-imanager .io-vivo-imanager-phone{width:32.87037vh;height:70.18519vh;left:calc(70% - 16.43519vh);top:calc(9.25926vh + 60px)}}@media screen and (min-width:280px) and (max-width:768px){.io-vivo-section .io-vivo-main-copy{left:10%}.io-vivo-section .io-vivo-section-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.io-vivo-50mp{height:500vh}.io-vivo-50mp .io-vivo-50mp-copy2{top:calc(80vh - 80px);z-index:12}.io-vivo-50mp .io-vivo-50mp-copy2 h2,.io-vivo-50mp .io-vivo-50mp-copy2 p{color:#fff}.io-vivo-50mp .io-vivo-50mp-phone1{width:117vw;left:9vw;top:34.6vh}.io-vivo-50mp .io-vivo-50mp-shadow{width:23vw;left:46vw;top:42vh}.io-vivo-50mp .io-vivo-50mp-phone2{width:58.4vw;left:39vw;top:30vh}.io-vivo-50mp .io-vivo-50mp-50{width:18.5vw;left:13.5vw;top:37.8vh}.io-vivo-50mp .linear-text{background-image:linear-gradient(60deg,#00a4c6,#0ee6c2 60%);background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.io-vivo-50mp .io-vivo-50mp-param1{width:81.5vw;left:7vw;top:33vh}.io-vivo-50mp .io-vivo-50mp-param1 .io-vivo-50mp-copyP1{top:0;position:absolute;width:100%;left:0}.io-vivo-50mp .io-vivo-50mp-param1 .io-vivo-50mp-copyP1 .io-vivo-main-copy-left{margin-left:0;font-weight:700}.io-vivo-50mp .io-vivo-50mp-param1 .io-vivo-50mp-copyP1 .io-vivo-main-copy-left h2{line-height:1;margin-top:-7px}.io-vivo-50mp .io-vivo-50mp-param1 .io-vivo-50mp-copyP1 .io-vivo-main-copy-left p{padding-top:0}.io-vivo-50mp .io-vivo-50mp-param2{width:81.5vw;left:7vw;top:33vh}.io-vivo-50mp .io-vivo-50mp-param2 .io-vivo-50mp-copyP2{top:calc(5.92593vh + 60px);top:26vw;position:absolute;width:100%;left:0}.io-vivo-50mp .io-vivo-50mp-param2 .io-vivo-50mp-copyP2 .io-vivo-main-copy-left{margin-left:0;font-weight:700}.io-vivo-50mp .io-vivo-50mp-param2 .io-vivo-50mp-copyP2 .io-vivo-main-copy-left h2{line-height:1;margin-top:-10px}.io-vivo-50mp .io-vivo-50mp-param2 .io-vivo-50mp-copyP2 .io-vivo-main-copy-left p{padding-top:0}.io-vivo-50mp .io-vivo-50mp-param3{width:81.5vw;left:7vw;top:33vh}.io-vivo-50mp .io-vivo-50mp-param3 .io-vivo-50mp-copyP3{top:calc(14.81481vh + 60px);top:45.5vw;position:absolute;width:100%;left:0}.io-vivo-50mp .io-vivo-50mp-param3 .io-vivo-50mp-copyP3 .io-vivo-main-copy-left{margin-left:0;font-weight:700}.io-vivo-50mp .io-vivo-50mp-param3 .io-vivo-50mp-copyP3 .io-vivo-main-copy-left h2{line-height:1;margin-top:-10px}.io-vivo-50mp .io-vivo-50mp-param3 .io-vivo-50mp-copyP3 .io-vivo-main-copy-left p{padding-top:0}.io-vivo-50mp .io-vivo-50mp-param4{width:81.5vw;left:7vw;top:33vh}.io-vivo-50mp .io-vivo-50mp-param4 .io-vivo-50mp-copyP4{top:calc(24.44444vh + 60px);top:65.8vw;position:absolute;width:100%;left:0}.io-vivo-50mp .io-vivo-50mp-param4 .io-vivo-50mp-copyP4 .io-vivo-main-copy-left{margin-left:0;font-weight:700}.io-vivo-50mp .io-vivo-50mp-param4 .io-vivo-50mp-copyP4 .io-vivo-main-copy-left h2{line-height:1;margin-top:-10px}.io-vivo-50mp .io-vivo-50mp-param4 .io-vivo-50mp-copyP4 .io-vivo-main-copy-left p{padding-top:0}.io-vivo-50mp .io-vivo-50mp-bg{width:100vw;height:100vh;z-index:11}.io-vivo-50mp .io-vivo-50mp-bg picture{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;object-fit:cover;object-position:center;-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;-webkit-mask-size:100vw 100vh;mask-size:100vw 100vh;-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NS42MyAxMDQuMyI+PHBhdGggZD0iTTMyLjMyLjE1QzExLjY2IDIuMzMtMi42MyAyNy4zOC40MSA1Ni4xYzMuMDMgMjguNzIgMjIuMjQgNTAuMjMgNDIuOSA0OC4wNSAyMC42Ni0yLjE4IDM0Ljk1LTI3LjI0IDMxLjkxLTU1Ljk1QzcyLjE5IDE5LjQ4IDUyLjk4LTIuMDMgMzIuMzIuMTV6Ii8+PC9zdmc+);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NS42MyAxMDQuMyI+PHBhdGggZD0iTTMyLjMyLjE1QzExLjY2IDIuMzMtMi42MyAyNy4zOC40MSA1Ni4xYzMuMDMgMjguNzIgMjIuMjQgNTAuMjMgNDIuOSA0OC4wNSAyMC42Ni0yLjE4IDM0Ljk1LTI3LjI0IDMxLjkxLTU1Ljk1QzcyLjE5IDE5LjQ4IDUyLjk4LTIuMDMgMzIuMzIuMTV6Ii8+PC9zdmc+);mix-blend-mode:normal}.io-vivo-50mp .io-vivo-50mp-bg picture img{height:100%;object-fit:cover}.io-vivo-eis{height:200vh}.io-vivo-eis .io-vivo-eis-copy2,.io-vivo-eis .io-vivo-eis-copy3{top:92vh;text-align:center;opacity:0;left:8%}.io-vivo-eis .io-vivo-eis-box{width:38.99836vh;height:58.49754vh;left:calc(50% - 19.49918vh);top:calc(24.63054vh + 1.24rem);position:relative;overflow:hidden}.io-vivo-eis .io-vivo-eis-box canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.io-vivo-eis .io-vivo-eis-pic1{width:38.99836vh;height:58.49754vh;left:calc(50% - 19.49918vh);top:calc(24.63054vh + 1.24rem)}.io-vivo-eis .io-vivo-eis-pic1 picture img{border-radius:40px}.io-vivo-bokeh{height:200vh}.io-vivo-bokeh .io-vivo-bokeh-pic1{width:70.8vw;top:27.5vh;left:14.6vw}.io-vivo-bokeh .io-vivo-bokeh-pic2{width:70.8vw;top:62.5vh;left:14.6vw}.io-vivo-flare{height:150vh}.io-vivo-flare .io-vivo-section-sticky-flare{height:216.53333vw}.io-vivo-flare .io-vivo-flare-copy{top:calc(1.84729vh + 1.24rem);left:7%}.io-vivo-flare .io-vivo-flare-main{position:relative;width:100vw;height:159.46667vw;padding-top:0}.io-vivo-macor{height:200vh}.io-vivo-macor .io-vivo-macor-copy{top:calc(10.46798vh + 1.24rem)}.io-vivo-macor .io-vivo-macor-main{width:100%;height:100%;left:0;top:0}.io-vivo-macor .io-vivo-macor-bg{width:88.53333vw;height:88.53333vh;left:calc(50% - 44.26667vw);top:calc(3.07882vh + 1.24rem);overflow:hidden}.io-vivo-macor .io-vivo-macor-bg picture,.io-vivo-macor .io-vivo-macor-bg picture img{width:100%;height:100%}.io-vivo-macor .io-vivo-macor-phone1,.io-vivo-macor .io-vivo-macor-phone2{width:31.48231vh;height:58.49754vh;left:calc(50% - 15.74116vh);top:calc(33.00493vh + 1.24rem);overflow:hidden}.io-vivo-clearself{height:300vh}.io-vivo-clearself .io-vivo-clearself-phone{width:70.8vw;top:26vh;left:14.6vw}.io-vivo-clearself .io-vivo-clearself-pic1{width:104vw;height:150vw;left:-8.5vw;top:27.1vh;overflow:hidden;clip-path:inset(1% 14% 5% 26% round 5%)}.io-vivo-clearself .io-vivo-clearself-pic2{width:37vh;left:0;top:69vh}.io-vivo-beauty{height:300vh}.io-vivo-beauty .io-vivo-beauty-box{width:100%;height:216.53333vw;clip-path:inset(0 0 0 0 round 0 0 0 0)}.io-vivo-beauty .io-vivo-beauty-box .io-vivo-beauty-canvas{width:100%;height:216.53333vw}.io-vivo-beauty .io-vivo-beauty-box .io-vivo-beauty-canvas canvas{position:absolute;top:0;left:0;width:100%;height:100%}.io-vivo-beauty .io-vivo-beauty-box .io-vivo-beauty-phone2{width:100%;height:100%;left:0;top:50%;z-index:2}.io-vivo-beauty .io-vivo-beauty-box .io-vivo-beauty-phone2 picture{transform:translateY(-50%)}.io-vivo-multi{height:150vh}.io-vivo-multi .io-vivo-section-sticky-multi{height:206.66667vw}.io-vivo-multi .io-vivo-multi-main{position:relative;width:100%;height:100%;height:149.86667vw}.io-vivo-multi .io-vivo-multi-main .io-vivo-multi-pic1,.io-vivo-multi .io-vivo-multi-main .io-vivo-multi-pic2{width:100%;left:0;top:0}.io-vivo-multi .io-vivo-multi-copy{position:relative;top:calc(.61576vh + 1.24rem)}.io-vivo-supernight{height:240vh}.io-vivo-supernight .io-vivo-supernight-copy2,.io-vivo-supernight .io-vivo-supernight-copy3{top:calc(85vh - 50px);text-align:center;left:8%}.io-vivo-supernight .io-vivo-supernight-main-pic{width:33.37438vh;height:48.02956vh;left:calc(50% - 16.68719vh);top:calc(19.08867vh + 60px)}.io-vivo-supernight .io-vivo-supernight-main-icon{width:25vw;left:auto;right:13.8vw;top:82.8vh}.io-vivo-quality{height:200vh}.io-vivo-quality .io-vivo-quality-copy h2,.io-vivo-quality .io-vivo-quality-copy p{color:#fff}.io-vivo-quality .io-vivo-quality-main{overflow:hidden}.io-vivo-quality .io-vivo-quality-main .io-vivo-quality-phone{width:37.5vh;height:71.73645vh;left:calc(98% - 18.73563vh);top:calc(21.55172vh + 60px)}.io-vivo-quality .io-vivo-quality-main .io-vivo-quality-param{width:21.24384vh;height:60.09852vh;left:calc(30% - 10.34685vh);top:calc(23.39901vh + 60px);display:flex;flex-direction:column;justify-content:space-between}.io-vivo-quality .io-vivo-quality-main .io-vivo-quality-copyParam{width:100%;left:0;top:0;padding-top:.92593vh;padding-bottom:1.85185vh;background-color:hsla(0,0%,100%,.2);border-radius:50px}.io-vivo-quality .io-vivo-quality-main .io-vivo-quality-copyParam .io-vivo-main-copy-center{margin-left:0;width:100%}.io-vivo-quality .io-vivo-quality-main .io-vivo-quality-copyParam .io-vivo-main-copy-center h2{color:#fff;display:flex;align-items:baseline;line-height:1;padding-top:.37037vh}.io-vivo-quality .io-vivo-quality-main .io-vivo-quality-copyParam .io-vivo-main-copy-center p{color:#fff;padding-top:0}.io-vivo-quality .io-vivo-quality-main .io-vivo-quality-copyParam .io-vivo-main-copy-center span{color:#fff;display:inline-block}.io-vivo-quality .io-vivo-quality-main .io-vivo-quality-copyP1 .io-vivo-main-copy-center,.io-vivo-quality .io-vivo-quality-main .io-vivo-quality-copyP2 .io-vivo-main-copy-center{width:90%;margin-left:10%}.io-vivo-quality .io-vivo-quality-main .io-vivo-quality-copyP3 .io-vivo-main-copy-center{width:85%;margin-left:12%}.io-vivo-quality .io-vivo-quality-main .io-vivo-quality-copyP4{padding-top:.18519vh;padding-bottom:.92593vh}.io-vivo-quality .io-vivo-quality-main .io-vivo-quality-copyP4 .io-vivo-main-copy-center,.io-vivo-quality .io-vivo-quality-main .io-vivo-quality-copyP5 .io-vivo-main-copy-center{width:85%;margin-left:15%}.io-vivo-widgets{height:200vh}.io-vivo-widgets .io-vivo-widgets-copy{left:8%;top:calc(7.38916vh + 1.24rem)}.io-vivo-widgets .io-vivo-widgets-bg{width:88.53333vw;height:88.53333vh;left:calc(50% - 44.26667vw);top:calc(3.07882vh + 1.24rem);overflow:hidden}.io-vivo-widgets .io-vivo-widgets-bg picture,.io-vivo-widgets .io-vivo-widgets-bg picture img{width:100%;height:100%}.io-vivo-widgets .io-vivo-widgets-phone{width:38.5468vh;height:54.18719vh;left:calc(50% - 19.2734vh);top:calc(37.37685vh + 1.24rem);overflow:hidden}.io-vivo-imanager{height:200vh}.io-vivo-imanager .io-vivo-imanager-pic1{width:17.91872vh;height:39.8399vh;left:calc(78% - 6.42526vh);top:calc(31.40394vh + 1.24rem)}.io-vivo-imanager .io-vivo-imanager-pic2{width:15.20936vh;height:33.80542vh;left:calc(15% - 7.59083vh);top:calc(20.3202vh + 1.24rem)}.io-vivo-imanager .io-vivo-imanager-pic3{width:12.25369vh;height:27.3399vh;left:calc(20% - 6.12685vh);top:calc(65.8867vh + 1.24rem)}.io-vivo-imanager .io-vivo-imanager-pic4{width:13.85468vh;height:30.97291vh;left:calc(76% - 6.11479vh);top:calc(18.47291vh + 1.24rem)}.io-vivo-imanager .io-vivo-imanager-pic5{width:13.97783vh;height:31.09606vh;left:calc(86% - 7.11347vh);top:calc(76.35468vh + 1.24rem)}.io-vivo-imanager .io-vivo-imanager-pic6{width:10.03695vh;height:22.29064vh;left:calc(5% - 5.01847vh);top:calc(80.04926vh + 1.24rem)}.io-vivo-imanager .io-vivo-imanager-phone{width:28.20197vh;height:60.22167vh;left:calc(50% - 14.10099vh);top:calc(25.86207vh + 1.24rem);overflow:hidden}}.io-vivo-warp .io-vivo-chip1-mask{position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:10}.io-vivo-warp .io-vivo-chip4-w1:after{clear:both;content:"";display:block;height:0;visibility:hidden}.io-vivo-warp .io-vivo-chip4-w1{*zoom:1}@media screen and (min-width:769px){.io-vivo-warp .io-vivo-section{max-width:inherit}.io-vivo-warp .io-vivo-section-sticky{overflow:hidden}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h1{width:15.3vw}.io-vivo-warp .io-vivo-kv h1 picture img{width:12.5vw;height:auto;bottom:auto;position:relative}.io-vivo-warp .io-vivo-kv{height:55.72917vw}.io-vivo-warp .io-vivo-kv picture img{width:100%;height:auto;position:relative;bottom:auto;left:50%}.io-vivo-warp .io-vivo-card{width:77%;height:auto;display:flex;flex-wrap:wrap;background:linear-gradient(135deg,#f5fcff,#ecf9ff);margin:auto;padding:5% 11.5%}.io-vivo-warp .io-vivo-card a{position:absolute;top:0;left:0;width:100%;height:100%}.io-vivo-warp .io-vivo-card.card_44w{justify-content:space-between;width:73%;padding:5% 13.5%}.io-vivo-warp .io-vivo-card.card_18w{justify-content:center;flex-wrap:nowrap}.io-vivo-warp .io-vivo-card .f01,.io-vivo-warp .io-vivo-card .f02{font-size:1.425vw}.io-vivo-warp .io-vivo-card .a1{position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:12px 12px 10px rgba(196,217,229,.65)}.io-vivo-warp .io-vivo-card .a1.w50{width:calc(50% - 15px);display:flex;align-items:center;padding-bottom:20px;justify-content:space-between}.io-vivo-warp .io-vivo-card .a1.w50 picture{flex-shrink:0}.io-vivo-warp .io-vivo-card .a1.w50 span{margin-left:4%}.io-vivo-warp .io-vivo-card.card_18w .a1,.io-vivo-warp .io-vivo-card.card_44w .a1{margin:30px auto 0}.io-vivo-warp .io-vivo-card .a1 span{display:block;text-align:center;font-weight:700;padding:5% 0;line-height:1.1}.io-vivo-warp .io-vivo-card .a1 span i{display:block;font-size:1.25vw;font-weight:300;font-style:normal}.io-vivo-warp .io-vivo-card .a1 picture{width:23.4375vw;height:18.59375vw;margin-top:20px}.io-vivo-warp .io-vivo-card .a1 picture img{width:92%;margin:auto;border-radius:10px}.io-vivo-warp .io-vivo-card.card_18w .a1 picture{width:17.91667vw;height:14.21875vw}.io-vivo-warp .io-vivo-sect1{height:300vh}.io-vivo-warp .io-vivo-sect2{height:200vh}.io-vivo-warp .io-vivo-charge{height:300vh}.io-vivo-warp .io-vivo-sect6,.io-vivo-warp .io-vivo-sect7{height:500vh}.io-vivo-warp .io-vivo-sect8,.io-vivo-warp .io-vivo-sect9,.io-vivo-warp .io-vivo-sect10,.io-vivo-warp .io-vivo-sect11{height:300vh}.io-vivo-warp .io-vivo-sect1_a1,.io-vivo-warp .io-vivo-sect1_a2{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect1_a1{opacity:.3;filter:alpha(opacity=30);margin-top:-60px}.io-vivo-warp .io-vivo-sect1_a1b{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect1-copy2{width:calc(100% - 20.83333vw);left:10.41667vw;top:auto;bottom:7.40741vh}.io-vivo-warp .io-vivo-sect1-copy2 .p1{position:relative;width:21.66667vw;margin-bottom:10%}.io-vivo-warp .io-vivo-sect1-copy2 .p1 .a0{position:absolute;left:0;bottom:0;width:100%;overflow:hidden}.io-vivo-warp .io-vivo-sect1-copy2 .p1 .a1{position:relative;width:100%;height:18.69792vw;overflow:hidden}.io-vivo-warp .io-vivo-sect1-copy2 .p1 .a1 picture{position:absolute;left:0;bottom:0;width:21.66667vw;height:18.69792vw}.io-vivo-warp .io-vivo-sect1-copy2 .p1 .a1 picture img{width:auto;height:100%;margin:auto}.io-vivo-warp .io-vivo-sect1-copy2 .p2{position:absolute;bottom:5%;left:0;width:27.08333vw;color:#656565}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a1{margin-bottom:6px}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a2{width:100%}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a2_b1{display:block;margin-bottom:4px}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a2_b2{position:relative;display:block;width:100%;height:5px;background:#e9f5fa;border-radius:4px;margin-top:1.11111vh;overflow:hidden}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a2_b2 i{position:absolute;width:1px;height:5px;background:#b2b8ef;border-radius:4px;top:0;left:0}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a2_b3{display:block;width:100%}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a2_b3 i{font-style:normal;margin:auto 3px}.io-vivo-warp #neicunCancs canvas{position:absolute;right:0;bottom:0;width:100%;height:100%}.io-vivo-warp #neicunCancs{position:absolute;width:177.77778vh;height:100vh;overflow:hidden;top:0;right:0}.io-vivo-warp #neicunCancs:after{content:" ";position:absolute;bottom:0;left:0;width:20%;height:100%;background-image:linear-gradient(90deg,#fff,hsla(0,0%,100%,0) 60%);z-index:20}.io-vivo-warp .io-vivo-sect2_a1{position:absolute;top:0;left:0}.io-vivo-warp .io-vivo-sect2_a2{position:absolute;top:12.03704vh;height:72.77778vh;left:54.6875vw;width:37.44792vw}.io-vivo-warp .io-vivo-sect2_a3{height:101.2037vh}.io-vivo-warp .io-vivo-sect2_a3,.io-vivo-warp .io-vivo-sect2_bb{position:absolute;top:15.55556vh;left:41.51042vw;width:47.03125vw}.io-vivo-warp .io-vivo-sect2_bb{height:74.90741vh}.io-vivo-warp .io-vivo-sect2_bb .io-vivo-sect2_b1{position:absolute;top:0;left:0;height:51.85185vh;width:60.83333vw}.io-vivo-warp .io-vivo-sect2_bb .pb1{opacity:.45;filter:alpha(opacity=45);height:74.90741vh;width:47.03125vw;overflow:hidden;position:absolute;top:12.86458vw;left:-12.40741vh;transform:rotate(51deg)}.io-vivo-warp .io-vivo-sect2_bb .io-vivo-sect2_b0{position:absolute;top:0;left:0;height:74.90741vh;width:47.03125vw}.io-vivo-warp .io-vivo-sect2_a3b{position:absolute;top:43.05556vh;left:50vw;height:48.7037vh;width:24.79167vw}.io-vivo-warp .io-vivo-sect2_a2_bg{position:absolute;width:47.03125vw;height:74.90741vh;top:16.94444vh;left:41.97917vw}.io-vivo-warp .io-vivo-sect2-copy1{top:35vh;left:10vw;width:51.04167vw;z-index:21;transform:translateX(0)}.io-vivo-warp .io-vivo-sect2-copy1 .io-vivo-main-copy-center{text-align:left}.io-vivo-warp .io-vivo-charge{overflow:visible}.io-vivo-warp .io-vivo-charge .io-vivo-charge-copy{top:20vh;left:10vw;width:39.84375vw;transform:translateX(0)}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy-center{text-align:left}.io-vivo-warp .io-vivo-charge_bg{position:absolute;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main{padding-top:0}.io-vivo-warp .io-vivo-charge .io-vivo-charge-phone{width:30.41667vw;height:46.19792vw;top:18.05556vh;left:78.125vw}.io-vivo-warp .io-vivo-charge .io-vivo-charge-phone-black{width:100%;height:100%}.io-vivo-warp #chargeCans canvas{top:18.51852vh}.io-vivo-warp #chargeCans{width:14.375vw;height:14.79167vw;left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-charge .io-vivo-charge-head{position:relative;width:7.23958vw;margin-top:5%;top:auto;left:auto;right:auto;transform:translateX(0)}.io-vivo-warp .io-vivo-charge .io-vivo-charge-p1{position:absolute;width:100%;bottom:0;left:0;z-index:2}.io-vivo-warp .io-vivo-charge .charge_p0{width:100%;height:100%}.io-vivo-warp .io-vivo-charge-copy .p1{display:flex;margin-top:5%}.io-vivo-warp .io-vivo-charge-copy .p1 .a1{width:60%;padding-right:4%}.io-vivo-warp .io-vivo-charge-copy .p1 .a1b{width:36%;padding-right:0}.io-vivo-warp .io-vivo-charge-copy .p1 .a1 .a1a{font-size:3.64583vw;font-weight:700;background-image:linear-gradient(90deg,#7ebedc,#6091b8 60%);background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.io-vivo-warp .io-vivo-charge-copy .p1 .a1 .a1b{font-size:1.35417vw;font-weight:700}.io-vivo-warp .io-vivo-charge-copy .p1 .a1 i{font-style:normal}.io-vivo-warp .io-vivo-charge-copy .p1 .a1 .a1c{font-size:1.04167vw;color:#7ebedc}.io-vivo-warp .io-vivo-charge-copy .p1 .a1b .a1c{font-size:1.04167vw;color:#6a96bc}.io-vivo-warp .io-vivo-charge-copy .p1 .a1b .a1a{background-image:linear-gradient(90deg,#5783ae,#4d73a1 40%);background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.io-vivo-warp .io-vivo-sect4{overflow:hidden}.io-vivo-warp .io-vivo-sect4-main{height:calc(40.9375vw - 7.36875px);position:relative;margin-top:calc(3.7037vh + 60px)}.io-vivo-warp .io-vivo-sect4_a1{position:absolute;width:100vw;left:0;top:0}.io-vivo-warp .io-vivo-sect4_a2{position:relative;width:100vw;left:0;top:0;opacity:0;filter:alpha(opacity=0)}.io-vivo-warp .io-vivo-commen-main-copy .io-vivo-sect4-copy2{top:auto;bottom:5.55556vh;padding:0;color:#87b9f5;position:absolute;left:50%;transform:translateX(-50%);width:60%;min-width:900px}.io-vivo-warp .io-vivo-sect4-copy2 .p1 .a1,.io-vivo-warp .io-vivo-sect4-copy2 .p1 .a2{float:left;width:40%}.io-vivo-warp .io-vivo-sect4-copy2 .p1 .a3{float:left;width:20%;white-space:nowrap}.io-vivo-warp .io-vivo-sect4-copy2 .a1a{display:block;font-size:1.04167vw}.io-vivo-warp .io-vivo-sect4-copy2 .a1b{font-size:3.64583vw;font-weight:700;line-height:1.1}.io-vivo-warp .io-vivo-sect4-copy2 .a1c{font-size:1.35417vw;font-weight:700}.io-vivo-warp .io-vivo-sect5{height:calc(60.9375vw + 100px);overflow:hidden}.io-vivo-warp .io-vivo-sect5_a1{margin-top:100px}.io-vivo-warp .io-vivo-sect5 .p1{margin:2% auto auto;width:80%;display:flex;flex-wrap:wrap;transform:translateX(10%)}.io-vivo-warp .io-vivo-sect5 .p1 p{display:flex;width:45%;padding:10px 0;margin-left:5%;align-items:center}.io-vivo-warp .io-vivo-sect5 .p1 .a1{width:3.48958vw;padding-right:5%}.io-vivo-warp .io-vivo-sect5 .p1 .a2{width:calc(80% - 3.48958vw);text-align:left}.io-vivo-warp .io-vivo-sect5_a1{position:relative;width:100%}.io-vivo-warp .io-vivo-sect6-copy1 .pa0{position:relative}.io-vivo-warp .io-vivo-sect6-copy1 .p1{position:absolute;top:0;left:0;width:100%}.io-vivo-warp .io-vivo-sect6_a1,.io-vivo-warp .io-vivo-sect6_a2{position:absolute;width:100vw;left:50%;top:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect6_a3,.io-vivo-warp .io-vivo-sect6_a32,.io-vivo-warp .io-vivo-sect6_a33,.io-vivo-warp .io-vivo-sect6_a34,.io-vivo-warp .io-vivo-sect6_a35{position:absolute;width:auto;height:100vh;left:0;bottom:0}.io-vivo-warp .io-vivo-sect6_a3 img,.io-vivo-warp .io-vivo-sect6_a32 img,.io-vivo-warp .io-vivo-sect6_a33 img,.io-vivo-warp .io-vivo-sect6_a34 img,.io-vivo-warp .io-vivo-sect6_a35 img{width:auto;height:100%}.io-vivo-warp .io-vivo-sect6_b1,.io-vivo-warp .io-vivo-sect6_ph{position:absolute;width:29.16667vw;height:50.18519vh;left:0;top:62.5vh;transform:translateY(-50%)}.io-vivo-warp .io-vivo-sect6_b2{position:absolute;width:5.9375vw;left:50%;bottom:-13vh;transform:translateX(-50%)}.io-vivo-warp .io-vivo-sect6_b3{position:absolute;width:6.92708vw;left:50%;bottom:1vh;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect6_b1 img,.io-vivo-warp .io-vivo-sect6_ph img{width:auto;height:100%}.io-vivo-warp .io-vivo-sect7_i01{display:inline-block;width:2.29167vw;vertical-align:middle;margin-right:5px}.io-vivo-warp .io-vivo-sect7_a1{position:absolute;width:auto;height:100vh;left:50%;bottom:0;transform:translateX(-50%)}.io-vivo-warp .io-vivo-sect7_app_w1{position:absolute;bottom:10.9%;left:30.8%;font-size:12px}.io-vivo-warp .io-vivo-sect7_app_w2{position:absolute;bottom:5%;left:30.8%;font-size:12px}.io-vivo-warp .io-vivo-sect7_app_w3{position:absolute;bottom:5%;left:46%;font-size:12px}.io-vivo-warp .io-vivo-sect7_app,.io-vivo-warp .io-vivo-sect7_app_a1,.io-vivo-warp .io-vivo-sect7_app_a2,.io-vivo-warp .io-vivo-sect7_app_a3,.io-vivo-warp .io-vivo-sect7_down{position:absolute;width:auto;height:100vh;left:50%;bottom:0;transform:translateX(-50%)}.io-vivo-warp .io-vivo-sect7_app_a1,.io-vivo-warp .io-vivo-sect7_app_a2,.io-vivo-warp .io-vivo-sect7_app_a3{opacity:.8;filter:alpha(opacity=8)}.io-vivo-warp .io-vivo-sect7_app_a1 img,.io-vivo-warp .io-vivo-sect7_app_a2 img,.io-vivo-warp .io-vivo-sect7_app_a3 img,.io-vivo-warp .io-vivo-sect7_app img,.io-vivo-warp .io-vivo-sect7_down img{width:auto;height:100%}.io-vivo-warp .io-vivo-sect7_ph{position:absolute;width:47.13542vw;height:39.16667vh;left:50%;top:41.2037vh;transform:translateX(-50%) scale(4);opacity:0;filter:alpha(opacity=0)}.io-vivo-warp .io-vivo-sect7_ph picture{height:100%}.io-vivo-warp .io-vivo-sect7_ph img{height:100%;width:auto;margin:auto}.io-vivo-warp .io-vivo-sect7_a2{position:absolute;width:auto;height:100vh;left:50%;bottom:0;transform:translateX(-50%);z-index:10}.io-vivo-warp .io-vivo-sect7_a2 img{width:auto;height:100%}.io-vivo-warp .io-vivo-speed-cans{position:absolute;z-index:8;width:46.77083vw;height:22.29167vw;left:0;top:0}.io-vivo-warp .io-vivo-speed-play{position:absolute;z-index:10;width:12.5vw;height:9.84375vw;top:27%;right:22%}.io-vivo-warp .io-vivo-speed-play canvas{width:100%}.io-vivo-warp .io-vivo-sect8-copy1{top:auto;bottom:12vh}.io-vivo-warp .io-vivo-sect8_a1{position:absolute;width:100vw;left:50%;top:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect8_a2{position:absolute;width:65.72917vw;height:79.90741vh;left:50%;top:13.7963vh;transform:translateX(-50%)}.io-vivo-warp .io-vivo-sect8_a2 img{height:100%;width:auto;margin:auto}.io-vivo-warp .io-vivo-sect9_ph{position:absolute;width:44.79167vw;height:37.03704vh;left:50%;bottom:12.96296vh;transform:translateX(-50%)}.io-vivo-warp .io-vivo-sect9_ph .io-vivo-sect9_a1 img,.io-vivo-warp .io-vivo-sect9_ph .io-vivo-sect9_a1b img,.io-vivo-warp .io-vivo-sect9_ph .io-vivo-sect9_a1c img,.io-vivo-warp .io-vivo-sect9_ph .io-vivo-sect9_a2 img{height:100%;width:auto;margin:auto}.io-vivo-warp .io-vivo-sect9_a1{width:inherit;height:100%}.io-vivo-warp .io-vivo-sect9_a1b,.io-vivo-warp .io-vivo-sect9_a1c{position:absolute;height:14.25926vh;bottom:-23%;left:0}.io-vivo-warp .io-vivo-sect9_a1c{z-index:3}.io-vivo-warp .io-vivo-sect9_a2{position:absolute;width:inherit;height:100%;top:0;left:0}.io-vivo-warp .io-vivo-sect9-copy1 .p1{display:flex;justify-content:center;margin:2% auto auto;text-align:left;flex-wrap:wrap-reverse;width:80%}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a1,.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a2,.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a3{width:25%}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a4{width:auto}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a1 .a1a{background-image:linear-gradient(90deg,#c1e0d7,#1abdce 20%,#64cbe5 50%)}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a1 .a1a,.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a2 .a1a{background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a2 .a1a{background-image:linear-gradient(90deg,#58d7e3,#39c5cb 70%)}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a3 .a1a{background-image:linear-gradient(90deg,#93cdfe,#3397f5 40%)}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a3 .a1a,.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a4 .a1a{background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a4 .a1a{background-image:linear-gradient(60deg,#0ee6c2,#00a4c6 40%)}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a1a{font-size:2.5vw;font-weight:700}.io-vivo-warp .io-vivo-sect9-copy1 .p1 i{font-size:1.04167vw;font-weight:700;font-style:normal}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a1c{display:block;font-size:14px;background-image:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.6));background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.io-vivo-warp .io-vivo-sect10_p1{position:absolute;width:auto;height:77.96296vh;bottom:0;right:0}.io-vivo-warp .io-vivo-sect10_a1{position:relative;width:auto;height:100%}.io-vivo-warp .io-vivo-sect10_a1b{position:absolute;width:auto;height:63.98148vh;bottom:0;left:0}.io-vivo-warp .io-vivo-sect10_a1 img,.io-vivo-warp .io-vivo-sect10_a1b img{width:auto;height:100%}.io-vivo-warp .io-vivo-sect10_a1c{position:absolute;width:11.97917vw;height:12.03125vw;left:12%;bottom:9%;color:#ffc874;z-index:3;transform:rotate(-41deg)}.io-vivo-warp .io-vivo-sect10_a1c .ac3{position:absolute;top:6%;left:100%;white-space:nowrap}.io-vivo-warp .io-vivo-sect10_p2{position:absolute;width:auto;height:74.53704vh;bottom:0;left:0}.io-vivo-warp .io-vivo-sect10_a2b{position:absolute;width:auto;height:63.61111vh;bottom:0;right:0}.io-vivo-warp .io-vivo-sect10_a2{position:relative;width:auto;height:100%}.io-vivo-warp .io-vivo-sect10_a2 img,.io-vivo-warp .io-vivo-sect10_a2b img{width:auto;height:100%}.io-vivo-warp .io-vivo-sect10_a2c{position:absolute;width:12.29167vw;height:12.29167vw;right:10%;bottom:9%;color:#3a465a;z-index:3}.io-vivo-warp .io-vivo-sect10_a2c .ac3{position:absolute;top:-43%;left:-38%;transform:rotate(42deg);white-space:nowrap}.io-vivo-warp .io-vivo-sect10-copy1 h2{color:#ffc874}.io-vivo-warp .io-vivo-recolor-btns .io-vivo-color-btn1,.io-vivo-warp .io-vivo-recolor-btns .io-vivo-color-btn2{position:absolute;bottom:1.66667vh;left:25vw;width:50vw;height:40vh;z-index:3}.io-vivo-warp .io-vivo-sect11_a1,.io-vivo-warp .io-vivo-sect11_a2{position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect11_a3{position:absolute;width:22.60417vw;height:22.60417vw;left:34.01042vw;top:29.07407vh;overflow:hidden;border-radius:100%;transform:skew(-10deg,-10deg)}.io-vivo-warp .io-vivo-sect11_a3a{position:absolute;width:100%;height:100%;bottom:0;right:0}.io-vivo-warp .io-vivo-sect11_a3a img{position:absolute;width:22.60417vw;left:50%;top:50%;transform:translate(-50%,-50%) skew(10deg,10deg)}.io-vivo-warp .io-vivo-sect11_a3b{position:absolute;width:22.55208vw;left:36.25vw;top:38.24074vh}}@media screen and (min-width:769px) and (max-width:1599px){.io-vivo-warp .io-vivo-kv{margin-bottom:-25px}.io-vivo-warp .io-vivo-sect1-copy2 .p1{width:18.75vw}.io-vivo-warp .io-vivo-sect1-copy2 .p1 .a1 picture{width:18.75vw;height:14.73958vw}.io-vivo-warp .io-vivo-charge .io-vivo-charge-phone{height:39.375vw}.io-vivo-warp .io-vivo-sect9-copy1 .p1{margin-top:1%}.io-vivo-warp .io-vivo-sect9_ph{bottom:9.25926vh}.io-vivo-warp .io-vivo-sect10_a1b,.io-vivo-warp .io-vivo-sect10_a2b{width:44.375vw;height:25.10417vw}.io-vivo-warp .io-vivo-sect11_a3{left:34.01042vw;top:29.07407vh}.io-vivo-warp .io-vivo-sect11_a3b{left:36.66667vw;top:36.38889vh}}@media screen and (min-width:280px) and (max-width:768px){.io-vivo-warp .io-vivo-section-sticky{overflow:hidden}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h1{width:30.6vw}.io-vivo-warp .io-vivo-kv picture img{width:100%;height:auto;bottom:auto;position:relative}.io-vivo-warp .io-vivo-kv{height:216.53333vw}.io-vivo-warp .io-vivo-card{width:100%;height:auto;background:linear-gradient(180deg,#f5fcff,#ecf9ff);margin:auto;padding:10.66667vw 0 5.33333vw}.io-vivo-warp .io-vivo-card.card_44w{height:260vw}.io-vivo-warp .io-vivo-card.card_18w{height:210vw}.io-vivo-warp .io-vivo-card a{position:absolute;top:0;left:0;width:100%;height:100%}.io-vivo-warp .io-vivo-card .a1{width:88.4vw;height:48vw;margin:auto auto 20px;position:relative;background:#fff;border-radius:6%;overflow:hidden;box-shadow:12px 15px 18px rgba(196,217,229,.53)}.io-vivo-warp .io-vivo-card .a1 span{position:absolute;left:4.66667vw;bottom:3.73333vw;font-size:4vw;font-weight:700}.io-vivo-warp .io-vivo-card .a1 span i{display:block;font-size:2.66667vw;font-weight:300;font-style:normal}.io-vivo-warp .io-vivo-sect1{height:300vh}.io-vivo-warp .io-vivo-sect2{height:200vh}.io-vivo-warp .io-vivo-charge{height:300vh}.io-vivo-warp .io-vivo-sect5{height:200vh}.io-vivo-warp .io-vivo-sect6{height:600vh}.io-vivo-warp .io-vivo-sect7{height:500vh}.io-vivo-warp .io-vivo-sect8,.io-vivo-warp .io-vivo-sect9,.io-vivo-warp .io-vivo-sect10,.io-vivo-warp .io-vivo-sect11{height:300vh}.io-vivo-warp .io-vivo-sect1_a1,.io-vivo-warp .io-vivo-sect1_a2{position:absolute;width:100vw;left:50%;top:57%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect1_a1{opacity:.3;filter:alpha(opacity=30);margin-top:-60px}.io-vivo-warp .io-vivo-sect1_a1b{position:absolute;width:100vw;left:50%;top:57%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect1-copy2{top:auto;bottom:4.92611vh}.io-vivo-warp .io-vivo-sect1-copy2 .p1{position:relative;width:55.46667vw;margin:auto auto 12%}.io-vivo-warp .io-vivo-sect1-copy2 .p1 .a0{position:absolute;left:0;bottom:0;width:100%;height:47.8vw;overflow:hidden}.io-vivo-warp .io-vivo-sect1-copy2 .p1 .a1{position:relative;width:100%;height:47.8vw;overflow:hidden}.io-vivo-warp .io-vivo-sect1-copy2 .p1 .a1 picture{position:absolute;left:0;bottom:0;width:55.46667vw;height:22.10591vh}.io-vivo-warp .io-vivo-sect1-copy2 .p1 .a1 picture img{width:auto;height:100%;margin:auto}.io-vivo-warp .io-vivo-sect1-copy2 .p2{position:absolute;bottom:0;left:0;width:100%}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a1{margin-bottom:6px}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a2{width:100%}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a2_b1{display:block;margin-bottom:4px}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a2_b2{position:relative;display:block;width:100%;height:5px;background:#e9f5fa;border-radius:4px;margin-top:10px}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a2_b2 i{position:absolute;width:1px;height:5px;background:#b2b8ef;border-radius:4px;top:0;left:0}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a2_b3{display:block;width:100%}.io-vivo-warp .io-vivo-sect1-copy2 .p2_a2_b3 i{font-style:normal;margin:auto 3px}.io-vivo-warp .io-vivo-section-sticky-sect2{height:216.53333vw}.io-vivo-warp #neicunCancs canvas{position:absolute;right:0;bottom:0;width:100%;height:100%}.io-vivo-warp #neicunCancs{position:absolute;width:100vw;height:216.53333vw;top:50%;left:0;transform:translateY(-50%)}.io-vivo-warp .io-vivo-sect2_a1{position:absolute;top:0;left:0}.io-vivo-warp .io-vivo-sect2_a2{position:absolute;top:33.867vh;height:48.39901vh;left:5.33333vw;width:93.2vw}.io-vivo-warp .io-vivo-sect2_a3{position:absolute;top:34.48276vh;left:0;height:67.30296vh;width:100vw}.io-vivo-warp .io-vivo-sect2_a3b{position:absolute;top:56.58867vh;left:0;height:32.38916vh;width:63.46667vw}.io-vivo-warp .io-vivo-charge{overflow:visible}.io-vivo-warp .io-vivo-charge_bg{position:absolute;top:5vw;left:5vw;width:90vw;height:calc(100vh - 10vw);background:#f0f7ff;overflow:hidden}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main{padding-top:0}.io-vivo-warp .io-vivo-charge .io-vivo-charge-phone{width:61.2vw;height:106.4vw;top:55.11084vh}.io-vivo-warp #chargeCans canvas{top:8vh}.io-vivo-warp #chargeCans{width:36.8vw;height:37.86667vw;left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-charge .io-vivo-charge-head{transform:translateX(-50%);width:18.53333vw;right:auto;left:50%;top:-7vh}.io-vivo-warp .io-vivo-charge .io-vivo-charge-p1{position:absolute;width:100%;bottom:8.9vh;left:0;z-index:2}.io-vivo-warp .io-vivo-charge .charge_p0{width:100%;height:100%}.io-vivo-warp .io-vivo-charge-copy .p1{display:flex;margin-top:5%;z-index:3}.io-vivo-warp .io-vivo-charge-copy .p1 .a1{width:60%;padding-right:4%}.io-vivo-warp .io-vivo-charge-copy .p1 .a1 i{font-style:normal}.io-vivo-warp .io-vivo-charge-copy .p1 .a1b{width:36%;padding-right:0}.io-vivo-warp .io-vivo-charge-copy .p1 .a1 .a1a{font-size:9.33333vw;font-weight:700;background-image:linear-gradient(90deg,#7ebedc,#6091b8 60%);background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.io-vivo-warp .io-vivo-charge-copy .p1 .a1 .a1b{font-size:3.46667vw;font-weight:700}.io-vivo-warp .io-vivo-charge-copy .p1 .a1 .a1c{font-size:2.66667vw;color:#7ebedc}.io-vivo-warp .io-vivo-charge-copy .p1 .a1b .a1c{color:#6a96bc}.io-vivo-warp .io-vivo-charge-copy .p1 .a1b .a1a{background-image:linear-gradient(90deg,#5783ae,#4d73a1 40%);background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.io-vivo-warp .io-vivo-sect4{height:213.33333vw;overflow:hidden}.io-vivo-warp .io-vivo-sect4-line{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-sect4-main{position:relative;margin-top:calc(2.46305vh + 60px)}.io-vivo-warp .io-vivo-commen-main-copy .io-vivo-sect4-copy2{position:absolute}.io-vivo-warp .io-vivo-sect4_a1{position:absolute;width:100vw;height:151.46667vw;left:0;top:0}.io-vivo-warp .io-vivo-sect4_a2{position:relative;width:100vw;height:151.46667vw;left:0;top:0;opacity:0;filter:alpha(opacity=0)}.io-vivo-warp .io-vivo-sect4-copy2{top:auto;bottom:4.92611vh;color:#87b9f5}.io-vivo-warp .io-vivo-sect4-copy2 .p1 .a1{float:left;width:55%}.io-vivo-warp .io-vivo-sect4-copy2 .p1 .a2{float:left;width:45%}.io-vivo-warp .io-vivo-sect4-copy2 .p1 .a3{clear:both;float:left;width:60%;margin-top:3%}.io-vivo-warp .io-vivo-sect4-copy2 .a1a{display:block;font-size:2.66667vw;white-space:nowrap}.io-vivo-warp .io-vivo-sect4-copy2 .a1b{font-size:9.33333vw;font-weight:700;line-height:1.1}.io-vivo-warp .io-vivo-sect4-copy2 .a1c{font-size:3.46667vw;font-weight:700}.io-vivo-warp .io-vivo-sect5{height:213.33333vw;overflow:hidden}.io-vivo-warp .io-vivo-sect5 .p1{margin-top:5%}.io-vivo-warp .io-vivo-sect5 .p1 p{display:flex;align-items:center;padding-top:1.84729vh}.io-vivo-warp .io-vivo-sect5 .p1 .a1{width:8.93333vw;padding-right:5%}.io-vivo-warp .io-vivo-sect5 .p1 .a2{width:fit-content;padding-right:5%}.io-vivo-warp .io-vivo-sect6-copy1 .pa0{position:relative}.io-vivo-warp .io-vivo-sect6-copy1 .p1{position:absolute;top:0;left:0;width:100%}.io-vivo-warp .io-vivo-sect6_a1,.io-vivo-warp .io-vivo-sect6_a2,.io-vivo-warp .io-vivo-sect6_a3{position:absolute;width:100vw;left:50%;top:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect6_b1,.io-vivo-warp .io-vivo-sect6_ph{position:absolute;width:40.93333vw;height:27.52463vh;left:0;top:60.59113vh;transform:translateY(-50%)}.io-vivo-warp .io-vivo-sect6_b2{position:absolute;width:15.2vw;left:50%;bottom:-12vh;transform:translateX(-50%)}.io-vivo-warp .io-vivo-sect6_b3{position:absolute;width:18.4vw;left:50%;top:90%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect6_b1 img,.io-vivo-warp .io-vivo-sect6_ph img{width:auto;height:100%}.io-vivo-warp .io-vivo-sect6_a3,.io-vivo-warp .io-vivo-sect6_a32,.io-vivo-warp .io-vivo-sect6_a33,.io-vivo-warp .io-vivo-sect6_a34,.io-vivo-warp .io-vivo-sect6_a35{position:absolute;width:100vw;left:50%;top:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect7_i01{display:inline-block;width:5.86667vw;vertical-align:middle;margin-right:5px}.io-vivo-warp .io-vivo-sect7_a1{position:absolute;width:100vw;height:100vw;left:0;top:0}.io-vivo-warp .io-vivo-sect7_a1 img{height:100vh}.io-vivo-warp .io-vivo-sect7_down{position:absolute;width:100vw;left:50%;top:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect7_app,.io-vivo-warp .io-vivo-sect7_app_a1,.io-vivo-warp .io-vivo-sect7_app_a2,.io-vivo-warp .io-vivo-sect7_app_a3{position:absolute;width:100vw;height:100vh;left:50%;top:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect7_app_w1{position:absolute;bottom:18.6%;left:25.6%;font-size:12px}.io-vivo-warp .io-vivo-sect7_app_w2{position:absolute;bottom:14.4%;left:25.6%;font-size:12px}.io-vivo-warp .io-vivo-sect7_app_w3{position:absolute;bottom:10.6%;left:25.6%;font-size:12px}.io-vivo-warp .io-vivo-sect7_app_a1,.io-vivo-warp .io-vivo-sect7_app_a2,.io-vivo-warp .io-vivo-sect7_app_a3{opacity:.8;filter:alpha(opacity=8)}.io-vivo-warp .io-vivo-sect7_ph{position:absolute;width:135.86667vw;height:63.33333vw;left:3%;top:44%;transform:scale(4);opacity:0;filter:alpha(opacity=0)}.io-vivo-warp .io-vivo-sect7_ph picture{height:100%}.io-vivo-warp .io-vivo-sect7_app_a1 img,.io-vivo-warp .io-vivo-sect7_app_a2 img,.io-vivo-warp .io-vivo-sect7_app_a3 img,.io-vivo-warp .io-vivo-sect7_app img,.io-vivo-warp .io-vivo-sect7_ph img{height:100%;width:auto}.io-vivo-warp .io-vivo-sect7_a2{position:absolute;width:100vw;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10}.io-vivo-warp .io-vivo-speed-cans{position:absolute;z-index:8;width:100vw;height:100%;left:0;top:0}.io-vivo-warp .io-vivo-speed-play{position:absolute;z-index:10;width:37.73333vw;height:30.53333vw;top:50%;left:52%;transform:translateY(-50%)}.io-vivo-warp .io-vivo-speed-play canvas{width:100%}.io-vivo-warp .io-vivo-sect8_a1{position:absolute;width:100vw;left:50%;top:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect8_a2{position:absolute;width:95.2vw;right:0;top:30vh;height:42.1798vh}.io-vivo-warp .io-vivo-sect8_a2 img{height:100%;width:auto;float:right}.io-vivo-warp .io-vivo-sect9_ph{position:absolute;width:94vw;right:0;bottom:8.62069vh;height:42.11823vh}.io-vivo-warp .io-vivo-sect9_ph .io-vivo-sect9_a1 img,.io-vivo-warp .io-vivo-sect9_ph .io-vivo-sect9_a1b img,.io-vivo-warp .io-vivo-sect9_ph .io-vivo-sect9_a1c img,.io-vivo-warp .io-vivo-sect9_ph .io-vivo-sect9_a2 img{height:100%;width:auto;float:right}.io-vivo-warp .io-vivo-sect9_a1{width:inherit;height:100%}.io-vivo-warp .io-vivo-sect9_a1b,.io-vivo-warp .io-vivo-sect9_a1c{position:absolute;height:16.37931vh;bottom:-30%;left:0}.io-vivo-warp .io-vivo-sect9_a1c{z-index:3}.io-vivo-warp .io-vivo-sect9_a2{position:absolute;width:inherit;height:100%;top:0;left:0}.io-vivo-warp .io-vivo-sect9-copy1 .p1{display:flex;margin-top:5%;flex-wrap:wrap;justify-content:space-between}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a1,.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a2,.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a3,.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a4{width:50%}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a1 .a1a{background-image:linear-gradient(90deg,#c1e0d7,#1abdce 20%,#64cbe5 50%)}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a1 .a1a,.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a2 .a1a{background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a2 .a1a{background-image:linear-gradient(90deg,#58d7e3,#39c5cb 70%)}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a3 .a1a{background-image:linear-gradient(90deg,#93cdfe,#3397f5 40%)}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a3 .a1a,.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a4 .a1a{background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a4 .a1a{background-image:linear-gradient(60deg,#0ee6c2,#00a4c6 40%)}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a1a{font-size:6.4vw;font-weight:700}.io-vivo-warp .io-vivo-sect9-copy1 .p1 i{font-size:2.66667vw;font-weight:700;font-style:normal}.io-vivo-warp .io-vivo-sect9-copy1 .p1 .a1c{display:block;font-size:60%;background-image:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.6));background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}.io-vivo-warp .io-vivo-sect10_a0{position:absolute;width:100%;height:100vh;left:0;bottom:0}.io-vivo-warp .io-vivo-sect10_a1{position:absolute;width:62.8vw;height:37.86946vh;bottom:12.93103vh;right:0}.io-vivo-warp .io-vivo-sect10_a1b{position:absolute;width:auto;height:63.42365vh;bottom:4.92611vh;left:0}.io-vivo-warp .io-vivo-sect10_a1c{position:absolute;width:19.33333vw;height:9.05172vh;left:49.73333vw;bottom:20.01232vh;color:#ffc874;z-index:3}.io-vivo-warp .io-vivo-sect10_a1c .ac3{position:absolute;top:-33%;left:90%;transform:rotate(309deg);white-space:nowrap}.io-vivo-warp .io-vivo-sect10_a2{position:absolute;width:auto;height:34.29803vh;bottom:11.94581vh;left:0}.io-vivo-warp .io-vivo-sect10_a2b{position:absolute;width:90.53333vw;height:52.21675vh;bottom:16.62562vh;right:0}.io-vivo-warp .io-vivo-sect10_a2c{position:absolute;width:19.73333vw;height:9.1133vh;left:42.13333vw;bottom:19.58128vh;color:#3a465a;z-index:3}.io-vivo-warp .io-vivo-sect10_a2c .ac3{position:absolute;top:6%;left:-120%;transform:rotate(40deg);white-space:nowrap}.io-vivo-warp .io-vivo-sect10_a1 img,.io-vivo-warp .io-vivo-sect10_a2b img{width:auto;height:100%;float:right}.io-vivo-warp .io-vivo-sect10_a1b img,.io-vivo-warp .io-vivo-sect10_a2 img{width:auto;height:100%}.io-vivo-warp .io-vivo-sect10-copy1 h2{color:#ffc874}.io-vivo-warp .io-vivo-recolor-btns .io-vivo-color-btn1,.io-vivo-warp .io-vivo-recolor-btns .io-vivo-color-btn2{position:absolute;bottom:1.10837vh;left:0;width:100vw;height:70vw;z-index:3}.io-vivo-warp .io-vivo-sect11_a1,.io-vivo-warp .io-vivo-sect11_a2{position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect11_a3{position:absolute;width:56.53333vw;height:56.53333vw;left:4vw;top:38.42593vh;overflow:hidden;border-radius:100%;transform:skew(-10deg,-10deg)}.io-vivo-warp .io-vivo-sect11_a3a{position:absolute;width:100%;height:100%;bottom:0;right:0;transform:skew(10deg,10deg)}.io-vivo-warp .io-vivo-sect11_a3a img{position:absolute;width:56.53333vw;left:50%;top:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-sect11_a3b{position:absolute;width:44.26667vw;left:18vw;top:44.88916vh}}@media screen and (min-width:280px) and (max-width:768px) and (max-height:736px){.io-vivo-warp .io-vivo-sect10_a1c{bottom:16.81034vh}.io-vivo-warp .io-vivo-sect10_a2c{bottom:16.00985vh}.io-vivo-warp .io-vivo-sect10_a1b{width:auto;height:59.1133vh}.io-vivo-warp .io-vivo-sect10_a2b{width:auto;height:48.02956vh}.io-vivo-warp .io-vivo-sect11_a3b{left:19.2vw;top:43.53448vh}}@media screen and (min-width:769px){.io-vivo-warp .io-vivo-kv{transform:translateY(0);margin-bottom:0;height:calc(56.25vw - 10.125px)}.io-vivo-warp .io-vivo-kv picture img{width:100%;height:auto;transform:translateX(0);left:0;top:0}}@media screen and (min-width:280px) and (max-width:768px){.io-vivo-warp .io-vivo-kv{transform:translateY(0);margin-bottom:0;height:216.53333vw}.io-vivo-warp .io-vivo-kv picture img{width:100%;height:auto;transform:translateX(0);left:0;top:0}}