@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-sticky-beauty,.io-vivo-warp .io-vivo-section-sticky-bokeh,.io-vivo-warp .io-vivo-section-sticky-capa,.io-vivo-warp .io-vivo-section-sticky-color,.io-vivo-warp .io-vivo-section-sticky-fingerprint,.io-vivo-warp .io-vivo-section-sticky-gamemode,.io-vivo-warp .io-vivo-section-sticky-imanager,.io-vivo-warp .io-vivo-section-sticky-lens,.io-vivo-warp .io-vivo-section-sticky-light,.io-vivo-warp .io-vivo-section-sticky-macro,.io-vivo-warp .io-vivo-section-sticky-portrait,.io-vivo-warp .io-vivo-section-sticky-proof,.io-vivo-warp .io-vivo-section-sticky-ram3,.io-vivo-warp .io-vivo-section-sticky-selfies,.io-vivo-warp .io-vivo-section-sticky-sensor,.io-vivo-warp .io-vivo-section-sticky-speed,.io-vivo-warp .io-vivo-section-sticky-widgets{overflow:hidden}.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-card{background-image:linear-gradient(-22deg,#ecf9ff,#f9fdff);text-align:center}.io-vivo-warp .io-vivo-card div{background-color:#fff;border-radius:10px;color:#424242;box-shadow:10px 12px 18px 0 rgba(196,217,229,.55),inset 0 2px 0 0 hsla(0,0%,100%,.1);position:relative;overflow:hidden;cursor:pointer}.io-vivo-warp .io-vivo-card div img{border-radius:10px}.io-vivo-warp .io-vivo-card div dl,.io-vivo-warp .io-vivo-card div dl dd{margin:0;padding:0}.io-vivo-warp .io-vivo-lens .io-vivo-lens-copy2{position:absolute;top:0;width:100%}.io-vivo-warp .io-vivo-lens .io-vivo-main-copy .io-vivo-lens-info p{padding-top:0}.io-vivo-warp .io-vivo-lens-phone div{width:100%;height:100%}.io-vivo-warp .io-vivo-lens-phone .io-vivo-lens-leavel1{opacity:0;z-index:3}.io-vivo-warp .io-vivo-lens-phone .io-vivo-lens-leavel2{opacity:0;z-index:4}.io-vivo-warp .io-vivo-lens-phone .io-vivo-lens-under{opacity:.6}.io-vivo-warp .io-vivo-lens-phone .io-vivo-lens-leavel1 img,.io-vivo-warp .io-vivo-lens-phone .io-vivo-lens-leavel2 img{mask-repeat:no-repeat;mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAe1BMVEUAAADi+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/+q8mGAAAAKHRSTlMA8Cfzm8nc4+FrIxXu97GmlZCIbmRcRDcsGhTA2HMzIBIGy6elPgi+YxUyywAAAe9JREFUaN7N2mdywjAQBeCVewPTm4EAIcm7/wkD4QfD4OAi7Ru+C2iEkbRN2soX0/EwjAof8IsoHI6ni1xcytIyQY2kTDNxwptEeCGaeGLpkIZoFKYHm00EA7QyCLy+S5zRwbnPMpsROhptpKOZQWdmJl18VOil+pDW5gY9mbm0cwxgIThKC+sQVsK1NFolsJSspMGygLViKS99+XDA/3q5Dx9O+C/2sjJwxPz7XdYxnInXUusYwqGw/rwEcCqQGnM4Nq+5Ew0cM8+35Q+cq57eDyiYyYNDAQXFY4AxgorRQ8wAJZ7cnaGkJGwE8JTOev253wygZrCRmx0U7eRmC0Vb+bOHqr1cTaBqIlcRVEVykUHZNeNLoSy9LPIJZZ+XRWIoi0VyqMtlAXULmULdVMZQN5Yh1A3lBHUnSaAuEQN1Rnyo8wUElEUoPxflw1P+wpTDSLlWKBck5aqnPFqU55cRSFBCIkpwRwlTGQE3JXWgJEGMdI6SmFJSbEaxgFv2kBJKSkopilFUI5QHzYFX6Lyr4FxFKT4zyuiMhgChtXE6Mpo0jHYTr3HGbwHeLQ2smeU7tGUJDeY/33at8u/3afpfZH3HF7J3G8SwGClRHY4pvfcd87nKd1s02u5ysbRvGr3aOxsii1EjbjlERhmH+wWVQsNbcEWCNQAAAABJRU5ErkJggg==);-webkit-mask-repeat:no-repeat;-webkit-mask-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAe1BMVEUAAADi+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/i+f/+q8mGAAAAKHRSTlMA8Cfzm8nc4+FrIxXu97GmlZCIbmRcRDcsGhTA2HMzIBIGy6elPgi+YxUyywAAAe9JREFUaN7N2mdywjAQBeCVewPTm4EAIcm7/wkD4QfD4OAi7Ru+C2iEkbRN2soX0/EwjAof8IsoHI6ni1xcytIyQY2kTDNxwptEeCGaeGLpkIZoFKYHm00EA7QyCLy+S5zRwbnPMpsROhptpKOZQWdmJl18VOil+pDW5gY9mbm0cwxgIThKC+sQVsK1NFolsJSspMGygLViKS99+XDA/3q5Dx9O+C/2sjJwxPz7XdYxnInXUusYwqGw/rwEcCqQGnM4Nq+5Ew0cM8+35Q+cq57eDyiYyYNDAQXFY4AxgorRQ8wAJZ7cnaGkJGwE8JTOev253wygZrCRmx0U7eRmC0Vb+bOHqr1cTaBqIlcRVEVykUHZNeNLoSy9LPIJZZ+XRWIoi0VyqMtlAXULmULdVMZQN5Yh1A3lBHUnSaAuEQN1Rnyo8wUElEUoPxflw1P+wpTDSLlWKBck5aqnPFqU55cRSFBCIkpwRwlTGQE3JXWgJEGMdI6SmFJSbEaxgFv2kBJKSkopilFUI5QHzYFX6Lyr4FxFKT4zyuiMhgChtXE6Mpo0jHYTr3HGbwHeLQ2smeU7tGUJDeY/33at8u/3afpfZH3HF7J3G8SwGClRHY4pvfcd87nKd1s02u5ysbRvGr3aOxsii1EjbjlERhmH+wWVQsNbcEWCNQAAAABJRU5ErkJggg==)}.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-commen-main-copy .io-vivo-main-copy{position:relative}.io-vivo-warp .io-vivo-ram3{width:100%;max-width:1920px;margin:0 auto;position:relative}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-copy{z-index:20}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-main{width:100%;height:100%}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-main .io-vivo-ram3-img{position:absolute;z-index:10}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-main .io-vivo-ram3-ram{position:absolute;z-index:11}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-main .io-vivo-ram3-ram .io-vivo-ram3-shadow{width:100%;height:100%;position:absolute;top:0;left:0}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-main .io-vivo-ram3-8gb{position:absolute;z-index:12;opacity:0}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item{position:absolute;z-index:13}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-data{position:relative}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-data .io-vivo-ram3-circle{width:100%;height:100%}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-data .io-vivo-ram3-center{width:100%;height:100%;position:absolute;top:0;left:0}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-line{background-color:#e2f0f7;border-radius:5px;position:absolute;left:0;transition:top .5s}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-line .io-vivo-ram3-fill{background-color:#b2b8ef;border-radius:6px}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item p{position:absolute;left:0}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item p span{display:block;text-align:left;color:rgba(0,0,0,.6)}.io-vivo-warp .io-vivo-capa .io-vivo-capa-main{width:100%;overflow:hidden;position:relative}.io-vivo-warp .io-vivo-capa .io-vivo-capa-main .io-vivo-capa-phone{position:absolute;z-index:12}.io-vivo-warp .io-vivo-capa .io-vivo-capa-main .io-vivo-capa-album{position:absolute;z-index:11}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy .io-vivo-main-copy-center .io-vivo-charge-item{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy .io-vivo-main-copy-center .io-vivo-charge-item p{width:45%;padding-right:5%;text-align:left}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy .io-vivo-main-copy-center .io-vivo-charge-item p span{text-align:left;color:#75b0d1}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy .io-vivo-main-copy-center .io-vivo-charge-item p span:first-child{display:block}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy .io-vivo-main-copy-center .io-vivo-charge-item sub{bottom:0;font-size:60%}.io-vivo-warp .io-vivo-charge .io-vivo-charge-phone{position:absolute}.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}.io-vivo-warp #chargeCans canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.io-vivo-warp .io-vivo-battery{position:relative;width:100%;overflow:hidden}.io-vivo-warp .io-vivo-battery .io-vivo-battery-copy{z-index:13}.io-vivo-warp .io-vivo-battery .io-vivo-battery-bg{width:100%;position:absolute;bottom:0;z-index:10}.io-vivo-warp .io-vivo-battery .io-vivo-battery-bgdark{width:100%;opacity:0;position:absolute;bottom:0;z-index:11}.io-vivo-warp .io-vivo-battery .io-vivo-battery-item{display:flex;flex-wrap:wrap;position:absolute;z-index:12;color:#87b9f5;transition:color .9s}.io-vivo-warp .io-vivo-battery .io-vivo-battery-item.active{color:#362a4d}.io-vivo-warp .io-vivo-battery .io-vivo-battery-item p{width:auto;text-align:left}.io-vivo-warp .io-vivo-battery .io-vivo-battery-item p span{text-align:left}.io-vivo-warp .io-vivo-battery .io-vivo-battery-item p span:first-child{display:block}.io-vivo-warp .io-vivo-battery .io-vivo-battery-item sub{bottom:0;font-size:60%}.io-vivo-warp .io-vivo-battery .io-vivo-battery-phone{position:absolute;z-index:14}.io-vivo-warp .io-vivo-platform .io-vivo-platform-copy{transform:translateY(100px);opacity:0}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item{display:flex;flex-wrap:wrap;justify-content:space-between;position:absolute;z-index:12;transform:translateY(100px);opacity:0}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p{text-align:left;color:rgba(0,0,0,.6)}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p i{float:left}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p span{float:left;text-align:left}.io-vivo-warp .io-vivo-gamemode{position:relative}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main{position:absolute;overflow:hidden}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main .io-vivo-gamemode-ui{position:absolute}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main .io-vivo-gamemode-phone{width:100%}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main .io-vivo-gamemode-shadow{width:100%;position:relative}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main .io-vivo-gamemode-shadow img{opacity:.1}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main .io-vivo-gamemode-shadow .io-vivo-gamemode-mask{background-image:linear-gradient(0deg,hsla(0,0%,100%,0) 60%,#fff);width:100%;height:70%;position:absolute;bottom:0}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-copy{position:absolute}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img{width:100%;position:relative}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-bg{width:100%}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-mask{width:100%;position:absolute;z-index:20}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-cans{position:absolute;z-index:19}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-ui{position:absolute;z-index:11}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-item{display:flex;flex-wrap:wrap;justify-content:space-between;position:absolute;z-index:21}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-item p{text-align:left;color:rgba(0,0,0,.6)}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-item p i{float:left}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-item p span{float:left;text-align:left}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-play{position:absolute;z-index:10;width:24.7%;height:44.5%;top:32%;right:25%}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-play canvas{position:absolute;top:0;left:0;width:100%;height:100%}.io-vivo-warp .io-vivo-color .io-vivo-color-copy-blue{position:absolute;top:0;width:100%;opacity:0}.io-vivo-warp .io-vivo-color .io-vivo-color-copy-blue h2{color:#fff}.io-vivo-warp .io-vivo-color .io-vivo-color-copy-blue p{color:hsla(0,0%,100%,.9)}.io-vivo-warp .io-vivo-color .io-vivo-color-btns{opacity:0;visibility:hidden}.io-vivo-warp .io-vivo-color .io-vivo-color-btns p{color:#000}.io-vivo-warp .io-vivo-color .io-vivo-color-btns p span:first-child{border-radius:100%}.io-vivo-warp .io-vivo-color .io-vivo-color-btns[data-active="1"] p:first-child span:first-child{border:2px solid #9b9b9b}.io-vivo-warp .io-vivo-color .io-vivo-color-btns[data-active="1"] p:last-child span:first-child,.io-vivo-warp .io-vivo-color .io-vivo-color-btns[data-active="2"] p:first-child span:first-child{border:2px solid hsla(0,0%,60.8%,0)}.io-vivo-warp .io-vivo-color .io-vivo-color-btns[data-active="2"] p:last-child span:first-child{border:2px solid #9b9b9b}.io-vivo-warp .io-vivo-color .io-vivo-color-phone{position:absolute}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-img{position:absolute;top:0;left:0}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-img .io-vivo-color-phone-blue,.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-img .io-vivo-color-phone-cyan{position:absolute;top:0;left:0;width:100%}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-img .io-vivo-color-phone-blue{opacity:0}.io-vivo-warp .io-vivo-screen .io-vivo-screen-item{display:flex}.io-vivo-warp .io-vivo-screen .io-vivo-screen-item p{margin:0;text-align:left}.io-vivo-warp .io-vivo-screen .io-vivo-screen-item p span{display:block}.io-vivo-warp .io-vivo-screen .io-vivo-screen-item p span:first-child{display:inline-block;background:linear-gradient(90deg,#00a4cd,#00d2bd);-webkit-background-clip:text;color:transparent}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-copy{z-index:20}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-img{position:absolute;z-index:20}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-circle{background-color:hsla(0,0%,100%,.01);border-radius:50%;box-shadow:0 0 20px 10px rgba(0,0,0,.05);position:absolute;opacity:0}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-circle.circle-1{z-index:15}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-circle.circle-1.active{-webkit-animation:fingercircle 3s linear 1;animation:fingercircle 3s linear 1}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-circle.circle-2{z-index:16}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-circle.circle-2.active{-webkit-animation:fingercircle 3s linear .6s 1;animation:fingercircle 3s linear .6s 1}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-circle.circle-3{z-index:17}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-circle.circle-3.active{-webkit-animation:fingercircle 3s linear 1.2s 1;animation:fingercircle 3s linear 1.2s 1}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-circle.circle-4{z-index:18}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-circle.circle-4.active{-webkit-animation:fingercircle 3s linear 1.8s 1;animation:fingercircle 3s linear 1.8s 1}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-circle.circle-5{z-index:19}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-circle.circle-5.active{-webkit-animation:fingercircle 3s linear 2.4s 1;animation:fingercircle 3s linear 2.4s 1}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-phone{position:absolute;right:0;top:0;z-index:19}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-phone .io-vivo-fingerprint-screen{width:100%;height:100%;position:absolute;top:0;right:0;z-index:21}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-push{position:absolute;z-index:22}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-shadow{position:absolute;top:0;left:0;z-index:10}@-webkit-keyframes fingercircle{0%{transform:scale(1);opacity:1}to{transform:scale(15)}}@keyframes fingercircle{0%{transform:scale(1);opacity:1}to{transform:scale(15)}}.io-vivo-warp .io-vivo-sensor .io-vivo-section-sticky-sensor{height:100vh}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone{position:absolute;z-index:10}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone img{width:100%;position:absolute;top:0;left:0;z-index:12}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-verticalcopy{position:absolute;z-index:11}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-verticalcopy span{display:inline-block;background:linear-gradient(90deg,#c9e6c9,#b7d3e7);-webkit-background-clip:text;color:transparent}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item{position:absolute;z-index:14}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p{position:relative}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p span{display:inline-block;background:linear-gradient(90deg,#c9e6c9,#b7d3e7);-webkit-background-clip:text;color:transparent}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p em{display:block;background-color:#a4ffe9;height:1px;position:absolute;top:35%;z-index:15}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-screen{position:absolute;z-index:9}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-person{position:absolute;z-index:20}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-person .io-vivo-sensor-white-copy{position:absolute;z-index:21}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-person .io-vivo-sensor-white-copy h2{color:#fff}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-person .io-vivo-sensor-white-copy p{color:hsla(0,0%,100%,.9)}.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img .io-vivo-bokeh-left,.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img .io-vivo-bokeh-right{overflow:hidden}.io-vivo-warp .io-vivo-macro .io-vivo-macro-img{position:relative}.io-vivo-warp .io-vivo-macro .io-vivo-macro-img .io-vivo-macro-phone{width:100%}.io-vivo-warp .io-vivo-macro .io-vivo-macro-img .io-vivo-macro-screen{position:absolute;z-index:10}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main{position:relative}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main .io-vivo-selfies-img{margin:0 auto;position:relative}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main .io-vivo-selfies-img .io-vivo-selfies-phone{width:100%;height:100%;position:absolute;top:0;left:0;z-index:12}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main .io-vivo-selfies-img .io-vivo-selfies-screen,.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main .io-vivo-selfies-person{position:absolute;z-index:11}.io-vivo-warp .io-vivo-portrait-img p{position:absolute;width:100%;height:100%;top:0}.io-vivo-warp .io-vivo-portrait-swith{opacity:0;background-color:#cdcdcd;border-radius:20px;display:flex;justify-content:center;position:relative}.io-vivo-warp .io-vivo-portrait-swith span{display:block;width:50%;text-align:center;color:#fff;position:relative;z-index:3;transition:color .3s ease}.io-vivo-warp .io-vivo-portrait-swith span:first-child{color:#000}.io-vivo-warp .io-vivo-portrait-swith em{background-color:#f3f3f3;position:absolute;left:0;top:0;width:50%;height:100%;border-radius:20px;transition:left .4s ease}.io-vivo-warp .io-vivo-portrait-swith.onactive em{left:50%}.io-vivo-warp .io-vivo-portrait-swith.onactive span{color:#000}.io-vivo-warp .io-vivo-portrait-swith.onactive span:first-child{color:#fff}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone{position:absolute}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone .io-vivo-beauty-phone-bg{position:absolute;z-index:10;transform:translateY(200%)}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone .io-vivo-beauty-phone-bg .io-vivo-beauty-phone-control{width:100%;height:100%;position:absolute;top:0;left:0;z-index:11}.io-vivo-warp .io-vivo-night .io-vivo-night-img{position:relative}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-rear{position:absolute;top:0;z-index:10;opacity:0;transition:opacity .5s}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-rear.active{opacity:1}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-item{width:100%;text-align:center;color:rgba(0,0,0,.6);position:relative}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-item p{opacity:0;transition:opacity .5s}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-item p.active{opacity:1}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-item span{display:block;width:100%;position:absolute;top:0;z-index:11;opacity:0;transition:opacity .5s}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-item span.active{opacity:1}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-icon{width:100%;margin:0;position:relative}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-icon dt{position:absolute;top:0;right:0;opacity:0;transition:opacity .5s;z-index:10}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-icon dt.active{opacity:1;z-index:20}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-icon dd{position:absolute;top:0;right:0;opacity:0;transition:opacity .5s;z-index:10}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-icon dd.active{opacity:1;z-index:20}.io-vivo-warp .io-vivo-proof{width:100%}.io-vivo-warp .io-vivo-proof .io-vivo-proof-copy{z-index:13}.io-vivo-warp .io-vivo-proof .io-vivo-proof-img{height:100%}.io-vivo-warp .io-vivo-proof .io-vivo-proof-img .io-vivo-proof-bg{width:100%;height:100%;position:absolute;z-index:10}.io-vivo-warp .io-vivo-proof .io-vivo-proof-img .io-vivo-proof-phone{position:absolute;z-index:14}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item{display:flex;flex-direction:column;justify-content:space-between;position:absolute;z-index:12;color:#121212}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item .io-vivo-proof-itemcopy{display:flex;justify-content:center;border-radius:50px;box-shadow:0 8px 20px rgba(0,0,0,.05);background:hsla(0,0%,100%,.2)}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item .io-vivo-proof-itemcopy .io-vivo-main-copy-center{display:flex;flex-direction:column}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item .io-vivo-proof-itemcopy .io-vivo-main-copy-center .io-vivo-font30{display:flex;align-items:baseline;line-height:1;padding-top:.37037vh}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item sub{bottom:0;font-size:60%}.io-vivo-warp .io-vivo-widgets .io-vivo-widgets-img{position:absolute;bottom:0}.io-vivo-warp .io-vivo-widgets .io-vivo-widgets-img .io-vivo-widgets-ui{position:absolute;z-index:11}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img{position:relative}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-phone{position:absolute;z-index:20}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-phone .io-vivo-imanager-ui{width:100%;height:100%;position:absolute;top:0;left:0;z-index:21}.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:#1c1c1c}.io-vivo-remark>div{box-sizing:border-box;margin:0 auto;color:#a3a3a3}.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{height:calc(56.25vw - 10.125px);transform:translateY(0);margin-bottom:0;background-color:#fbfbfb}.io-vivo-warp .io-vivo-kv picture img{width:100%;height:auto;transform:translateX(0);left:0;top:0}.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:14.58333vw}.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-card{width:100%;height:calc(32.34012vw - 29.1061px + 9.25926vh);max-height:545px}.io-vivo-warp .io-vivo-card div{display:inline-block;width:calc(25vw - 22.5px);height:calc(32.34012vw - 29.1061px);max-width:344px;max-height:445px;margin:4.62963vh 0 4.62963vh 20px;position:relative}.io-vivo-warp .io-vivo-card div img{width:92%;margin:4%;box-shadow:5px 8px 10px 0 rgba(196,217,229,.55),inset 0 2px 0 0 hsla(0,0%,100%,.1)}.io-vivo-warp .io-vivo-card div dl{margin-top:calc(4.28571vw - 13px)}.io-vivo-warp .io-vivo-card div a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.io-vivo-warp .io-vivo-card div:first-child{margin-left:0}.io-vivo-warp .io-vivo-capa,.io-vivo-warp .io-vivo-gamemode,.io-vivo-warp .io-vivo-ram3{height:300vh}.io-vivo-warp .io-vivo-speed{height:500vh}.io-vivo-warp .io-vivo-lens{height:350vh}.io-vivo-warp .io-vivo-light{height:250vh}.io-vivo-warp .io-vivo-color{height:350vh}.io-vivo-warp .io-vivo-fingerprint{height:300vh}.io-vivo-warp .io-vivo-sensor{height:600vh}.io-vivo-warp .io-vivo-bokeh,.io-vivo-warp .io-vivo-macro{height:200vh}.io-vivo-warp .io-vivo-portrait,.io-vivo-warp .io-vivo-selfies{height:300vh}.io-vivo-warp .io-vivo-beauty{height:200vh}.io-vivo-warp .io-vivo-proof{height:300vh}.io-vivo-warp .io-vivo-widgets{height:200vh}.io-vivo-warp .io-vivo-imanager{height:400vh}.io-vivo-warp .io-vivo-dualview{height:200vh}.io-vivo-warp .io-vivo-dualview .io-vivo-section-sticky-dualview{height:100vh;overflow:hidden}.io-vivo-warp .io-vivo-lens .io-vivo-main-copy{width:34.375vw}.io-vivo-warp .io-vivo-lens .io-vivo-main-copy .io-vivo-main-copy-center{text-align:left}.io-vivo-warp .io-vivo-lens .io-vivo-lens-info{position:relative;top:5.20833vw}.io-vivo-warp .io-vivo-lens .io-vivo-lens-info .io-vivo-lens-info2{position:absolute;top:0;width:100%}.io-vivo-warp .io-vivo-lens-phone{height:123.42593vh;width:78.14815vh;right:5.46875vw;top:28.7037vh}.io-vivo-warp .io-vivo-lens-phone .io-vivo-lens-leavel1 img{mask-size:19.90741vh 19.90741vh;mask-position:6.2037vh 6.66667vh;-webkit-mask-size:19.90741vh 19.90741vh;-webkit-mask-position:6.2037vh 6.66667vh}.io-vivo-warp .io-vivo-lens-phone .io-vivo-lens-leavel2 img{mask-size:7.12963vh 7.12963vh;mask-position:12.5vh 29.62963vh;-webkit-mask-size:7.12963vh 7.12963vh;-webkit-mask-position:12.5vh 29.62963vh}.io-vivo-warp .io-vivo-ani-zoom .io-vivo-main-copy{left:0;margin:0 auto;width:calc(100% - 10.41667vw);padding-bottom:calc(3.7037vh + 60px)}.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-flex-layer{display:flex;justify-content:space-between}.io-vivo-warp .io-vivo-ram3 .io-vivo-section-sticky-ram3{height:100vh}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-main .io-vivo-ram3-img{bottom:0}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-main .io-vivo-ram3-ram{width:27.96875vw;left:calc(50% + 4.375vw);bottom:9.375vw}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-main .io-vivo-ram3-8gb{width:20vw;left:calc(50% + 8.33333vw);bottom:26.04167vw}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item{position:absolute;left:12.70833vw;bottom:6.25vw}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-data{width:21.66667vw;height:21.66667vw;margin-left:4.16667vw}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-data .io-vivo-ram3-circle{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%)}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-data .io-vivo-ram3-circle.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-line{width:18.75vw;height:.52083vw;top:22.44792vw}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-line .io-vivo-ram3-fill{width:0;height:100%}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-line.active{top:21.66667vw}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-line.active .io-vivo-ram3-fill{width:100%}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item p{width:60vw;top:19.16667vw;z-index:12;opacity:0}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item p.active{opacity:1}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item p span:last-child{padding-top:1.5625vw}.io-vivo-warp .io-vivo-capa .io-vivo-section-sticky-capa{height:calc(46.51042vw + 250px)}.io-vivo-warp .io-vivo-capa .io-vivo-capa-main{height:43.38542vw;margin-top:3.125vw}.io-vivo-warp .io-vivo-capa .io-vivo-capa-main .io-vivo-capa-phone{width:40.78125vw;height:57.65625vw;left:31.25vw;top:3.02083vw}.io-vivo-warp .io-vivo-capa .io-vivo-capa-main .io-vivo-capa-album{width:68.02083vw;height:63.4375vw;left:13.54167vw;top:0}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy{width:96000vw}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy .io-vivo-main-copy-center{text-align:left;position:absolute;top:30%;left:15%;transform:translateY(-30%)}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy .io-vivo-main-copy-center .io-vivo-charge-item{padding-top:1.5625vw}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy .io-vivo-main-copy-center .io-vivo-charge-item .io-vivo-charge-battery{width:7.23958vw;height:3.69792vw;margin-top:3.125vw}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main{position:relative;width:96000vw;height:52.44792vw;overflow:hidden}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main .io-vivo-charge-phone{width:30.52083vw;height:52.44792vw;right:10.9375vw;overflow:hidden}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main .io-vivo-charge-phone .io-vivo-charge-phone-black{width:100%;height:100%}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main .io-vivo-charge-phone .io-vivo-charge-phone-light{width:14.375vw;height:14.79167vw;margin:11.97917vw 0 0 7.8125vw}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main .io-vivo-charge-phone .io-vivo-charge-line{width:26.82292vw;height:23.38542vw;position:absolute;bottom:0;left:1.40625vw;z-index:10}.io-vivo-warp .io-vivo-battery{background-color:#e2eefc;height:calc(56.25vw - 10.125px);margin-top:8.33333vw}.io-vivo-warp .io-vivo-battery .io-vivo-battery-copy{top:2.08333vw}.io-vivo-warp .io-vivo-battery .io-vivo-battery-bg,.io-vivo-warp .io-vivo-battery .io-vivo-battery-bgdark{height:100%}.io-vivo-warp .io-vivo-battery .io-vivo-battery-item{width:90%;left:5%;justify-content:center;padding-top:1.5625vw;bottom:5.20833vw}.io-vivo-warp .io-vivo-battery .io-vivo-battery-item p{box-sizing:border-box;padding:0 3.125vw}.io-vivo-warp .io-vivo-battery .io-vivo-battery-phone{width:61.35417vw;height:23.90625vw;bottom:10.41667vw;left:18.95833vw}.io-vivo-warp .io-vivo-battery .io-vivo-battery-phone .io-vivo-battery-screen1{width:55.9375vw;height:18.80208vw;position:absolute;top:.72917vw;left:2.08333vw;z-index:10;opacity:1}.io-vivo-warp .io-vivo-battery .io-vivo-battery-phone .io-vivo-battery-screen2{width:55.9375vw;height:18.80208vw;position:absolute;top:.72917vw;left:2.08333vw;z-index:11;opacity:0}.io-vivo-warp .io-vivo-platform{width:100%;min-height:calc(62.5vw - 11.25px);overflow:hidden}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item{padding-top:5.20833vw}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p{width:50%;margin-bottom:1.5625vw}.io-vivo-warp .io-vivo-platform .io-vivo-platform-main{width:100%;height:calc(40vw - 7.2px);margin-top:7.8125vw}.io-vivo-warp .io-vivo-platform .io-vivo-platform-main .io-vivo-platform-img{transform:scale(1.3);top:7.8125vw}.io-vivo-warp .io-vivo-gamemode{min-height:calc(56.25vw - 10.125px);margin-top:5.20833vw}.io-vivo-warp .io-vivo-gamemode .io-vivo-section-sticky-gamemode{height:110vh}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-bg{margin-top:59px}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main{width:calc(115.68333vh - 78.875px);height:calc(88vh - 60px);margin:0 calc(-57.84167vh - -39.4375px);top:calc(12vh + 60px);left:50%;max-width:1262px;max-height:960px}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main img{width:auto;height:100%}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main .io-vivo-gamemode-ui{height:50%;top:5%;left:59%}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main .io-vivo-gamemode-phone{width:100%;height:62.5%;max-width:1262px;max-height:600px}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main .io-vivo-gamemode-shadow{width:100%;height:62.5%;max-width:1262px;max-height:600px;transform:rotateX(180deg) translateY(7.5%)}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-copy{top:auto;bottom:calc(10vh - 2.08333vw);margin:0 1.5625vw}.io-vivo-warp .io-vivo-speed{min-height:calc(56.25vw - 10.125px)}.io-vivo-warp .io-vivo-speed .io-vivo-section-sticky-speed{height:61.45833vw}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img{margin-top:5.72917vw}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-bg{width:100%}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-mask{height:36.45833vw;top:0}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-cans{width:50.3125vw;height:23.4375vw;top:2.60417vw;left:24.84375vw}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-ui{width:46.97917vw;height:21.14583vw;left:26.51042vw;border-radius:30px;overflow:hidden;opacity:.6;box-shadow:0 8px 20px rgba(0,0,0,.2)}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-ui.io-vivo-speed-ui1{top:.52083vw;margin-left:1%;transform:scale(1);z-index:13}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-ui.io-vivo-speed-ui2{top:-2.34375vw;margin-left:2%;transform:scale(.9);z-index:12}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-ui.io-vivo-speed-ui3{top:-5.20833vw;margin-left:3%;transform:scale(.8);z-index:11}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-item{top:27.60417vw;left:26.95313vw}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-item p{width:50%;margin-bottom:1.04167vw}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-item p i{width:3.38542vw;height:2.23958vw;margin-right:1.04167vw}.io-vivo-warp .io-vivo-screen{min-height:calc(67.70833vw - 12.1875px)}.io-vivo-warp .io-vivo-screen .io-vivo-screen-bg{position:relative;width:100%;height:calc(21.09375vw - 3.79688px);margin-top:60px}.io-vivo-warp .io-vivo-screen .io-vivo-screen-img{width:56.09375vw;height:22.44792vw;top:19.32292vw;left:22.29167vw;position:absolute;z-index:10}.io-vivo-warp .io-vivo-screen .io-vivo-screen-img .io-vivo-screen-phone{width:100%;height:100%}.io-vivo-warp .io-vivo-screen .io-vivo-screen-img .io-vivo-screen-nit{width:52.03125vw;height:17.44792vw;top:.67708vw;left:2.44792vw;position:absolute;z-index:11}.io-vivo-warp .io-vivo-screen .io-vivo-screen-copy{padding-top:17.96875vw}.io-vivo-warp .io-vivo-screen .io-vivo-screen-item{margin-bottom:3.38542vw;justify-content:center}.io-vivo-warp .io-vivo-screen .io-vivo-screen-item p{width:auto;box-sizing:border-box;padding:1.04167vw}.io-vivo-warp .io-vivo-color .io-vivo-section-sticky-color{height:100vh}.io-vivo-warp .io-vivo-color .io-vivo-color-btns{display:flex;justify-content:center;margin:0 auto;padding-top:0}.io-vivo-warp .io-vivo-color .io-vivo-color-btns p{margin:0;width:auto}.io-vivo-warp .io-vivo-color .io-vivo-color-btns p span{display:block;margin:0 auto;text-align:center}.io-vivo-warp .io-vivo-color .io-vivo-color-btns p span:first-child{width:2.65625vw;height:2.65625vw;min-width:40px;min-height:40px;padding:3px}.io-vivo-warp .io-vivo-color .io-vivo-color-btns p span:last-child{padding-top:.52083vw}.io-vivo-warp .io-vivo-color .io-vivo-color-btns p:first-child{padding-right:2.60417vw}.io-vivo-warp .io-vivo-color .io-vivo-color-phone{width:100%;height:calc(56.25vw - 10.125px);max-width:1920px;max-height:1080px;top:60px;right:0}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll{display:flex;width:100%;justify-content:center;position:absolute;left:0;top:45vh;z-index:20}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block{width:auto;position:relative}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block:first-child{margin-right:2.60417vw}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-frame{width:40vh;height:40vh;border-radius:2.60417vw;max-width:22.91667vw;max-height:22.91667vw;overflow:hidden;position:relative}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-frame.io-vivo-color-frame-cyan{background:hsla(0,0%,100%,.6);display:block}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-frame.io-vivo-color-frame-blue{background:rgba(109,136,176,.45);display:none}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-right{position:absolute;left:0;top:0;right:-17px;bottom:0;overflow-x:hidden;overflow-y:hidden}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-right.active{overflow-y:scroll;margin-right:-17px}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-right img{user-select:auto;width:2.55208vw;height:51.40625vw;padding:0 50px;margin:20px auto}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-back{position:absolute;left:0;top:0;right:-17px;bottom:0;overflow-x:hidden;overflow-y:hidden}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-back.active{overflow-y:scroll;margin-right:-17px}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-back img{user-select:auto;width:12.65625vw;height:35.10417vw;padding:0 50px;margin:20px auto}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block p{width:100%;text-align:center;line-height:210%}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-img{width:100%;height:calc(56.25vw - 10.125px);clip-path:inset(28% 26% 28% 26.01% round 25px 25px 25px 25px)}.io-vivo-warp .io-vivo-fingerprint{margin-top:calc(5.20833vw + 60px);transform:translateY(3.125vw);margin-bottom:3.125vw}.io-vivo-warp .io-vivo-fingerprint .io-vivo-section-sticky-fingerprint{height:120vh}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-copy{transform:translateY(-3.125vw)}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main{position:absolute;width:100%;height:100%;top:0}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-img{width:23.69792vw;height:11.5625vw;top:18.22917vw;left:31.5625vw;transform:rotate(-18deg);clip-path:ellipse(100% 100% at 50% 50%)}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-circle{width:100px;height:100px;top:calc(31% + 5.78125vw - 50px);left:calc(33% + 11.84896vw - 50px)}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-phone{width:100%;height:calc(61.09375vw - 10.99688px)}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-push{width:21.45833vw;height:2.76042vw;transform:rotate(-29deg);top:28.90625vw;left:37.5vw}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-shadow{width:100%;height:61.09375vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone{width:37.76042vw;height:104.21875vw;top:0;left:31.14583vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-verticalcopy{transform:rotate(90deg) scale(1.8);transform-origin:0 0;top:3.125vw;left:1.5625vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item{top:-4.89583vw;left:-19.79167vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p{width:10.9375vw;height:4.16667vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p em{width:13.02083vw;left:80%}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p:nth-child(2),.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p:nth-child(3){margin-top:5.46875vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p:nth-child(4) em{width:227%}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p:nth-child(4) em:after{content:" ";position:absolute;width:1px;height:3.90625vw;right:0;top:-3.90625vw;background-color:#a4ffe9}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-screen{width:25.20833vw;height:68.38542vw;top:0;left:39.0625vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-person{width:100%;height:calc(56.25vw - 10.125px);top:0;left:0;clip-path:circle(100% at 55% 56%)}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-person.vertical{width:180.28169vh;height:100vh;margin-top:-50vh;margin-left:-90.14085vh;top:50%;left:50%}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-person .io-vivo-sensor-white-copy{width:100%;margin-top:60vh}@keyframes cliperson{0%{opacity:0;clip-path:ellipse(0 0 at 55% 50%)}25%{opacity:1;clip-path:ellipse(25% 45% at 55% 50%)}to{opacity:1;clip-path:ellipse(100% 180% at 55% 50%)}}.io-vivo-warp .io-vivo-bokeh .io-vivo-section-sticky-bokeh{height:calc(62.5vw - 11.25px)}.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img{display:flex;margin-top:5.20833vw}.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img .io-vivo-bokeh-left{width:31.51042vw;height:21.45833vw;margin-right:3.125vw;margin-left:calc(50% - 34.63542vw);border-radius:3.90625vw}.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img .io-vivo-bokeh-right{width:31.51042vw;height:21.45833vw;margin-left:3.125vw;margin-right:calc(50% - 34.63542vw);border-radius:3.90625vw}.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img .io-vivo-bokeh-right img{transform:translateY(-3.02083vw)}.io-vivo-warp .io-vivo-macro .io-vivo-section-sticky-macro{height:calc(62.5vw - 11.25px)}.io-vivo-warp .io-vivo-macro .io-vivo-macro-img{width:62.44792vw;height:29.11458vw;margin:4.16667vw auto 10.41667vw}.io-vivo-warp .io-vivo-macro .io-vivo-macro-img .io-vivo-macro-screen{width:57.91667vw;height:25.88542vw;top:1.66667vw;left:1.82292vw}.io-vivo-warp .io-vivo-selfies .io-vivo-section-sticky-selfies{height:100vh}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main{margin:1.30208vw 0}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main .io-vivo-selfies-img{width:19.01042vw;height:40.98958vw}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main .io-vivo-selfies-img .io-vivo-selfies-screen{width:31.97917vw;height:38.02083vw;top:.98958vw;left:-5.20833vw;clip-path:polygon(18% 0,74% 0,74% 100%,18% 100%)}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main .io-vivo-selfies-person{width:21.5625vw;height:35.9375vw;left:calc(50% + 5.20833vw);bottom:2.875vw}.io-vivo-warp .io-vivo-portrait{margin-top:2.60417vw}.io-vivo-warp .io-vivo-portrait .io-vivo-portrait-copy{position:absolute;top:35%;left:10%}.io-vivo-warp .io-vivo-portrait .io-vivo-portrait-copy .io-vivo-main-copy-center{text-align:left}.io-vivo-warp .io-vivo-portrait .io-vivo-portrait-img{position:relative;width:47.35vw;height:100%;transform:translate(52.65vw,60px)}.io-vivo-warp .io-vivo-portrait .io-vivo-portrait-img div{float:right;position:relative;height:100%}.io-vivo-warp .io-vivo-portrait .io-vivo-portrait-img div img,.io-vivo-warp .io-vivo-portrait .io-vivo-portrait-img div picture{width:auto;height:100%}.io-vivo-warp .io-vivo-portrait-swith{width:74%;margin:2.59259vh auto 0;padding:2px 0 6px}.io-vivo-warp .io-vivo-beauty{margin-top:5.20833vw}.io-vivo-warp .io-vivo-beauty .io-vivo-section-sticky-beauty{height:100vh}.io-vivo-warp .io-vivo-beauty .io-vivo-main-copy{top:calc(2.08333vw + 60px)}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone{width:100%;height:calc(56.25vw - 10.125px);max-width:1920px;max-height:1080px;top:60px;overflow:hidden}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone .io-vivo-beauty-phone-bg{width:122%;height:100%;top:0;left:50%;transform:translateX(-50%);border-radius:0;transition:border-radius .5s}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone .io-vivo-beauty-phone-bg.active{border-radius:75px;overflow:hidden}.io-vivo-warp .io-vivo-night{min-height:calc(56.25vw - 10.125px)}.io-vivo-warp .io-vivo-night .io-vivo-night-img{width:690px;margin:5.20833vw auto 0}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-front,.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-rear{height:435px}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-rear{width:100%}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-item{margin:1.5625vw 0}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-icon{width:100%;height:190px}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-icon dd,.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-icon dt{width:190px;height:190px}.io-vivo-warp .io-vivo-proof{margin-top:3.125vw}.io-vivo-warp .io-vivo-proof .io-vivo-section-sticky-proof{height:100vh}.io-vivo-warp .io-vivo-proof .io-vivo-proof-img{overflow:hidden}.io-vivo-warp .io-vivo-proof .io-vivo-proof-img .io-vivo-proof-bg{top:60px}.io-vivo-warp .io-vivo-proof .io-vivo-proof-img .io-vivo-proof-bg img{width:auto;height:100%}.io-vivo-warp .io-vivo-proof .io-vivo-proof-img .io-vivo-proof-phone{width:27.44792vw;height:58.85417vw;min-width:318px;min-height:681px;left:44.53125vw;top:calc(10.41667vw + 110px)}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item{top:39vh;right:58.33333vw;height:60vh}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item .io-vivo-proof-itemcopy{width:220px;padding-top:1.2vh;padding-bottom:1.55vh}.io-vivo-warp .io-vivo-widgets .io-vivo-widgets-img{width:51.66667vh;height:57.87037vh;left:calc(50vw - 25.83333vh);max-width:558px;max-height:625px}.io-vivo-warp .io-vivo-widgets .io-vivo-widgets-img .io-vivo-widgets-ui{width:45.83333vh;height:45.83333vh;top:9.25926vh;left:2.91667vh;max-width:495px;max-height:495px}.io-vivo-warp .io-vivo-imanager{margin-top:5.20833vw}.io-vivo-warp .io-vivo-imanager .io-vivo-section-sticky-imanager{height:100vh}.io-vivo-warp .io-vivo-imanager .io-vivo-main-copy{position:absolute;left:10%;top:35%}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img{width:50%;height:calc(100vh - 60px);left:50%;top:60px}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-phone{width:32.87037vh;height:70.55556vh;top:50%;left:14.81481vh;margin-top:-35.27778vh;max-width:355px;max-height:762px}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui1{width:20.92593vh;height:51.11111vh;max-width:226px;max-height:552px;position:absolute;top:4.62963vh;left:3.7037vh;z-index:11}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui2{width:16.2037vh;height:36.11111vh;max-width:175px;max-height:390px;position:absolute;top:.92593vh;left:41.66667vh;z-index:12}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui3{width:20.92593vh;height:46.48148vh;max-width:226px;max-height:502px;position:absolute;top:14.81481vh;left:41.66667vh;z-index:13}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui4{width:16.38889vh;height:36.2963vh;max-width:177px;max-height:392px;position:absolute;top:70.37037vh;left:41.66667vh;z-index:14}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui5{width:14.35185vh;height:31.85185vh;max-width:155px;max-height:344px;position:absolute;top:55.55556vh;left:7.40741vh;z-index:16}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui6{width:11.66667vh;height:25.92593vh;max-width:126px;max-height:280px;position:absolute;top:70.37037vh;left:0;z-index:15}.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-font12{font-size:12px}.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:1470px) and (max-width:1920px){.io-vivo-warp .io-vivo-card div dl{margin-top:50px}}@media screen and (min-width:1440px){.io-vivo-warp .io-vivo-main-copy{left:1.5625vw}.io-vivo-warp .io-vivo-zoom-img{margin:40px auto 0}.io-vivo-warp .io-vivo-zoom-img img{border-radius:12px}.io-vivo-warp .io-vivo-portrait .io-vivo-main-copy{width:34.375vw;max-width:660px}.io-vivo-warp .io-vivo-portrait .io-vivo-main-copy .io-vivo-main-copy-center{text-align:left}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main{padding-top:160px}.io-vivo-warp .io-vivo-screen .io-vivo-screen-item{width:100%;margin-left:auto;margin-right:auto}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone{top:350px}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-screen{top:325px}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item{width:1200px;margin:0 calc(50vw - 600px)}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p i{width:65px;height:65px;margin-right:50px}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p:first-child span,.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p:nth-child(2) span,.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p:nth-child(5) span{line-height:65px}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item{max-height:550px}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item .io-vivo-main-copy-center .io-vivo-font30{font-size:30px}.io-vivo-warp .io-vivo-imanager .io-vivo-main-copy{width:34.375vw;max-width:660px}.io-vivo-warp .io-vivo-imanager .io-vivo-main-copy .io-vivo-main-copy-center{text-align:left}}@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-zoom-img{margin:40px auto 0}.io-vivo-warp .io-vivo-zoom-img img{border-radius:12px}.io-vivo-warp .io-vivo-portrait .io-vivo-main-copy{width:36.11111vw}.io-vivo-warp .io-vivo-portrait .io-vivo-main-copy .io-vivo-main-copy-center{text-align:left}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main{padding-top:130px}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item{width:1000px;margin:0 calc(50vw - 500px)}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p i{width:56px;height:56px;margin-right:30px}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p:first-child span,.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p:nth-child(2) span,.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p:nth-child(5) span{line-height:56px}.io-vivo-warp .io-vivo-screen .io-vivo-main-copy{width:calc(100% - 1.5625vw)}.io-vivo-warp .io-vivo-screen .io-vivo-screen-item{width:100%;margin-left:auto;margin-right:auto}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone{top:300px}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-screen{top:280px}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item{max-height:500px}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item .io-vivo-main-copy-center .io-vivo-font30{font-size:28px}.io-vivo-warp .io-vivo-imanager .io-vivo-main-copy{width:36.11111vw}.io-vivo-warp .io-vivo-imanager .io-vivo-main-copy .io-vivo-main-copy-center{text-align:left}}@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-zoom-img{margin:40px auto 0}.io-vivo-warp .io-vivo-zoom-img img{border-radius:12px}.io-vivo-warp .io-vivo-portrait .io-vivo-main-copy{width:42.59259vw}.io-vivo-warp .io-vivo-portrait .io-vivo-main-copy .io-vivo-main-copy-center{text-align:left}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main{padding-top:100px}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item{width:760px;margin:0 calc(50vw - 380px)}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p i{width:48px;height:48px;margin-right:20px}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p:first-child span,.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p:nth-child(2) span,.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p:nth-child(5) span{line-height:48px}.io-vivo-warp .io-vivo-screen .io-vivo-main-copy{width:calc(100% - 1.5625vw)}.io-vivo-warp .io-vivo-screen .io-vivo-screen-item{width:100%;margin-left:auto;margin-right:auto}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone{top:280px}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-screen{top:265px}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item{max-height:460px}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item .io-vivo-main-copy-center .io-vivo-font30{font-size:26px}.io-vivo-warp .io-vivo-imanager .io-vivo-main-copy{width:42.59259vw}.io-vivo-warp .io-vivo-imanager .io-vivo-main-copy .io-vivo-main-copy-center{text-align:left}}@media screen and (min-width:1920px){.io-vivo-main-copy{left:30px}.io-vivo-imanager .io-vivo-main-copy{width:34.375vw;max-width:660px}.io-vivo-imanager .io-vivo-main-copy .io-vivo-main-copy-center{text-align:left}.io-vivo-warp .io-vivo-card div dl{margin-top:40px}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-main .io-vivo-ram3-ram{width:537px;left:calc(50% + 84px);bottom:180px}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-main .io-vivo-ram3-8gb{width:384px;left:calc(50% + 160px);bottom:500px}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item{left:244px;bottom:120px}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-data{width:416px;height:416px;margin-left:80px}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-line{width:360px;height:10px;top:431px}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-line.active{top:416px}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item p{width:60vw;top:368px}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item p span:last-child{padding-top:30px}.io-vivo-warp .io-vivo-capa .io-vivo-capa-main{height:833px}.io-vivo-warp .io-vivo-capa .io-vivo-capa-main .io-vivo-capa-phone{width:783px;height:1107px;left:600px;top:58px}.io-vivo-warp .io-vivo-capa .io-vivo-capa-main .io-vivo-capa-album{width:1306px;height:1218px;left:260px}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy{width:960px}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy .io-vivo-main-copy-center .io-vivo-charge-item{padding-top:30px}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy .io-vivo-main-copy-center .io-vivo-charge-item .io-vivo-charge-battery{width:139px;height:71px;margin-top:60px}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main{width:960px;height:1007px}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main .io-vivo-charge-phone{width:586px;height:1007px;right:210px}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main .io-vivo-charge-phone .io-vivo-charge-phone-light{width:276px;height:284px;margin:230px 0 0 150px}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main .io-vivo-charge-phone .io-vivo-charge-line{width:515px;height:449px;left:27px}.io-vivo-warp .io-vivo-battery{height:1080px;margin-top:160px}.io-vivo-warp .io-vivo-battery .io-vivo-battery-copy{top:40px}.io-vivo-warp .io-vivo-battery .io-vivo-battery-phone{width:1178px;height:459px;bottom:200px;left:368px}.io-vivo-warp .io-vivo-battery .io-vivo-battery-phone .io-vivo-battery-screen1,.io-vivo-warp .io-vivo-battery .io-vivo-battery-phone .io-vivo-battery-screen2{width:1074px;height:361px;top:14px;left:40px}.io-vivo-warp .io-vivo-platform{min-height:1080px}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item{padding-top:100px;margin:0 360px}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p{margin-bottom:30px}.io-vivo-warp .io-vivo-platform .io-vivo-platform-main{margin-top:150px}.io-vivo-warp .io-vivo-speed{min-height:1080px}.io-vivo-warp .io-vivo-speed .io-vivo-section-sticky-speed{height:1180px}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img{margin-top:110px}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-mask{height:700px}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-cans{width:966px;height:450px;top:50px;left:477px}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-ui{width:902px;height:406px;left:509px}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-ui.io-vivo-speed-ui1{top:10px}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-ui.io-vivo-speed-ui2{top:-45px}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-ui.io-vivo-speed-ui3{top:-100px}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-item{top:530px;left:518px}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-item p{margin-bottom:20px}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-item p i{width:65px;height:43px;margin-right:20px}.io-vivo-warp .io-vivo-screen{max-width:1920px;overflow:hidden}.io-vivo-warp .io-vivo-screen .io-vivo-screen-bg{height:405px}.io-vivo-warp .io-vivo-screen .io-vivo-screen-img{width:1077px;height:431px;top:371px;left:428px}.io-vivo-warp .io-vivo-screen .io-vivo-screen-img .io-vivo-screen-nit{width:999px;height:335px;top:13px;left:47px}.io-vivo-warp .io-vivo-screen .io-vivo-screen-copy{padding-top:290px}.io-vivo-warp .io-vivo-screen .io-vivo-screen-item{margin-bottom:65px}.io-vivo-warp .io-vivo-color .io-vivo-section-sticky-color{height:100vh}.io-vivo-warp .io-vivo-color .io-vivo-color-btns{padding-top:0}.io-vivo-warp .io-vivo-color .io-vivo-color-btns p span:first-child{width:51px;height:51px}.io-vivo-warp .io-vivo-color .io-vivo-color-btns p span:last-child{padding-top:10px}.io-vivo-warp .io-vivo-color .io-vivo-color-btns p:first-child{padding-right:50px}.io-vivo-warp .io-vivo-color .io-vivo-color-phone{width:100%;height:100vh;max-width:1920px;max-height:none}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll{top:45vh}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block:first-child{margin-right:50px}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-frame{width:40vh;height:40vh;border-radius:50px;max-width:440px;max-height:440px}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-right img{width:49px;height:987px}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-back img{width:243px;height:674px}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-img{width:1920px;height:1080px}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-img{width:455px;height:222px;top:350px;left:606px}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-push{width:412px;height:53px;top:555px;left:720px}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-shadow{height:1173px}.io-vivo-warp .io-vivo-sensor .io-vivo-section-sticky-sensor{clip-path:polygon(0 0,1920px 0,1920px 1080px,0 1080px)}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone{width:725px;height:2001px;left:598px}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-verticalcopy{top:60px;left:30px}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item{top:-85px;left:-380px}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p{width:210px;height:80px}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p em{width:250px}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p:nth-child(2),.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p:nth-child(3){margin-top:105px}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-screen{width:484px;height:1313px;left:750px}.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img{margin-top:100px}.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img .io-vivo-bokeh-left{width:605px;height:412px;margin-right:60px;margin-left:calc(50% - 665px);border-radius:75px}.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img .io-vivo-bokeh-right{width:605px;height:412px;margin-left:60px;margin-right:calc(50% - 665px);border-radius:75px}.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img .io-vivo-bokeh-right img{transform:translateY(-58px)}.io-vivo-warp .io-vivo-macro .io-vivo-macro-img{width:1199px;height:559px;margin:80px auto 200px}.io-vivo-warp .io-vivo-macro .io-vivo-macro-img .io-vivo-macro-screen{width:1112px;height:497px;top:32px;left:35px}.io-vivo-warp .io-vivo-selfies .io-vivo-section-sticky-selfies{height:100vh}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main{margin:25px 0}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main .io-vivo-selfies-img{width:365px;height:787px}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main .io-vivo-selfies-img .io-vivo-selfies-screen{width:614px;height:730px;top:19px;left:-100px}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main .io-vivo-selfies-person{width:414px;height:690px;top:42px;left:calc(50% + 100px)}.io-vivo-warp .io-vivo-portrait{margin-top:50px;width:100%;max-width:1920px}.io-vivo-warp .io-vivo-portrait .io-vivo-section-sticky-portrait{height:1080px}.io-vivo-warp .io-vivo-portrait .io-vivo-portrait-img{width:909px;transform:translate(1011px,60px)}.io-vivo-warp .io-vivo-beauty .io-vivo-section-sticky-beauty{height:100vh}.io-vivo-warp .io-vivo-beauty .io-vivo-main-copy{top:100px}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone{width:215.18vh;height:100vh;max-width:1920px;max-height:none;top:60px}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone .io-vivo-beauty-phone-bg{width:215.18vh;height:100vh}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone .io-vivo-beauty-phone-bg img,.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone .io-vivo-beauty-phone-bg picture{width:auto;height:100%}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone .io-vivo-beauty-phone-control{width:34.58333vw;height:56.25vw;max-width:none;max-height:100vh}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone .io-vivo-beauty-phone-control img,.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone .io-vivo-beauty-phone-control picture{width:auto;height:100%}.io-vivo-warp .io-vivo-night{min-height:1080px}.io-vivo-warp .io-vivo-night .io-vivo-night-img{margin:100px auto 0}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-item{margin:30px 0}.io-vivo-warp .io-vivo-proof{margin-top:60px}.io-vivo-warp .io-vivo-proof .io-vivo-section-sticky-proof{clip-path:polygon(0 0,1920px 0,1920px 1140px,0 1140px)}.io-vivo-warp .io-vivo-proof .io-vivo-proof-img .io-vivo-proof-phone{width:527px;height:761px;left:855px;top:310px}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item{top:330px;right:1120px}.io-vivo-warp .io-vivo-widgets .io-vivo-widgets-img{width:558px;height:625px;left:681px}.io-vivo-warp .io-vivo-widgets .io-vivo-widgets-img .io-vivo-widgets-ui{width:495px;height:495px;top:100px;left:31px}.io-vivo-warp .io-vivo-imanager .io-vivo-main-copy .io-vivo-main-copy-center{top:300px}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-phone{width:362px;height:777px;left:160px;margin-top:-381px}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui1{width:226px;height:552px;top:50px;left:40px}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui2{width:175px;height:390px;top:10px;left:450px}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui3{width:226px;height:502px;top:160px;left:450px}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui4{width:177px;height:392px;top:760px;left:450px}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui5{width:155px;height:344px;top:600px;left:80px}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui6{width:126px;height:280px;top:760px}}@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-font12{font-size:2.13333vw}.io-vivo-warp .io-vivo-kv{height:100vh;transform:translateY(-60px);margin-bottom:-60px}.io-vivo-warp .io-vivo-kv picture,.io-vivo-warp .io-vivo-kv picture img{height:100%}.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:32vw}.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-card{width:100%;height:209.6vw;padding-top:6vw;position:relative}.io-vivo-warp .io-vivo-card div{width:88vw;height:48.4vw;margin:0 auto 4vw}.io-vivo-warp .io-vivo-card div img{float:right;width:55%;margin:6.66667vw 4vw 0 0}.io-vivo-warp .io-vivo-card div dl{float:left;width:calc(45% - 8vw);text-align:left;position:absolute;bottom:4vw;left:4vw}.io-vivo-warp .io-vivo-card div:nth-child(2) img,.io-vivo-warp .io-vivo-card div:nth-child(4) img{margin-top:10.66667vw}.io-vivo-warp .io-vivo-gamemode,.io-vivo-warp .io-vivo-ram3{height:300vh}.io-vivo-warp .io-vivo-speed{height:500vh}.io-vivo-warp .io-vivo-lens{height:400vh}.io-vivo-warp .io-vivo-color,.io-vivo-warp .io-vivo-fingerprint,.io-vivo-warp .io-vivo-light{height:300vh}.io-vivo-warp .io-vivo-sensor{height:600vh}.io-vivo-warp .io-vivo-bokeh,.io-vivo-warp .io-vivo-macro{height:200vh}.io-vivo-warp .io-vivo-portrait,.io-vivo-warp .io-vivo-selfies{height:300vh}.io-vivo-warp .io-vivo-beauty{height:250vh}.io-vivo-warp .io-vivo-proof{height:300vh}.io-vivo-warp .io-vivo-widgets{height:200vh}.io-vivo-warp .io-vivo-imanager{height:300vh}.io-vivo-warp .io-vivo-dualview,.io-vivo-warp .io-vivo-dualview .io-vivo-section-sticky-dualview{height:auto}.io-vivo-warp .io-vivo-lens .io-vivo-lens-info{position:absolute;top:31.09606vh}.io-vivo-warp .io-vivo-lens .io-vivo-lens-info .io-vivo-lens-info2{position:absolute;top:20vw;width:100%}.io-vivo-warp .io-vivo-lens-phone{height:143.19747vw;width:90.66667vw;right:-34.66667vw;top:34.1133vh}.io-vivo-warp .io-vivo-lens-phone .io-vivo-lens-leavel1 img{mask-size:24vw 24vw;mask-position:6.8vw 7.33333vw;-webkit-mask-size:24vw 24vw;-webkit-mask-position:6.8vw 7.33333vw}.io-vivo-warp .io-vivo-lens-phone .io-vivo-lens-leavel2 img{mask-size:9.33333vw 9.33333vw;mask-position:13.73333vw 33.86667vw;-webkit-mask-size:9.33333vw 9.33333vw;-webkit-mask-position:13.73333vw 33.86667vw}.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-zoom-img img{border-radius:12px}.io-vivo-warp .io-vivo-supernight .io-vivo-zoom-img{width:85.33333vw;height:100.13333vw}.io-vivo-warp .io-vivo-commen-main-copy .io-vivo-main-copy{padding-bottom:calc(3.69458vh + 1.24rem)}.io-vivo-warp .io-vivo-ram3{clear:both}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-copy{top:16vw}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-main .io-vivo-ram3-img{bottom:-26.66667vw}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-main .io-vivo-ram3-ram{width:71.6vw;left:14.13333vw;bottom:69.33333vw}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-main .io-vivo-ram3-8gb{width:51.2vw;left:25.33333vw;bottom:117.33333vw}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item{position:absolute;width:80vw;left:10vw;bottom:13.33333vw}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-data{width:55.46667vw;height:55.46667vw;margin-left:10.66667vw}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-data .io-vivo-ram3-circle{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transition:clip-path .5s}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-data .io-vivo-ram3-circle.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-line{width:80vw;height:1.33333vw;top:57.46667vw;transition:top .5s}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-line .io-vivo-ram3-fill{width:0;height:100%;transition:width .5s}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-line.active{top:55.46667vw}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item .io-vivo-ram3-line.active .io-vivo-ram3-fill{width:100%}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item p{width:100%;top:48vw;z-index:12;opacity:0;transition:opacity 1s .5s}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item p.active{opacity:1}.io-vivo-warp .io-vivo-ram3 .io-vivo-ram3-item p span:last-child{padding-top:4vw}.io-vivo-warp .io-vivo-capa .io-vivo-capa-main{height:183.73333vw}.io-vivo-warp .io-vivo-capa .io-vivo-capa-main .io-vivo-capa-phone{width:133.6vw;height:128.8vw;left:3.33333vw;top:29.33333vw}.io-vivo-warp .io-vivo-capa .io-vivo-capa-main .io-vivo-capa-album{width:156.66667vw;height:213.6vw;left:-29.33333vw;top:-5.33333vw}.io-vivo-warp .io-vivo-charge{background:rgba(177,220,238,.23);width:93.33333vw;border:3.33333vw solid #fff;margin-top:21.33333vw;border-radius:25px;overflow:hidden}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy .io-vivo-main-copy-center .io-vivo-charge-item{padding-top:4vw}.io-vivo-warp .io-vivo-charge .io-vivo-main-copy .io-vivo-main-copy-center .io-vivo-charge-item .io-vivo-charge-battery{width:16vw;height:8.13333vw;margin-top:8vw}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main{position:relative;width:75.2vw;height:115.2vw}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main .io-vivo-charge-phone{width:75.2vw;height:115.2vw;left:9.33333vw;margin-top:10.66667vw;overflow:hidden}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main .io-vivo-charge-phone .io-vivo-charge-phone-black{width:100%;height:100%}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main .io-vivo-charge-phone .io-vivo-charge-phone-light{width:36.8vw;height:37.86667vw;margin:20vw 0 0 18.4vw}.io-vivo-warp .io-vivo-charge .io-vivo-charge-main .io-vivo-charge-phone .io-vivo-charge-line{width:68.66667vw;height:59.86667vw;position:absolute;bottom:0;left:3.6vw;z-index:10}.io-vivo-warp .io-vivo-battery{height:186.66667vw}.io-vivo-warp .io-vivo-battery .io-vivo-battery-bg,.io-vivo-warp .io-vivo-battery .io-vivo-battery-bgdark{height:140vw}.io-vivo-warp .io-vivo-battery .io-vivo-battery-item{justify-content:space-between;width:calc(100% - 13.33333vw);left:6.66667vw;bottom:0}.io-vivo-warp .io-vivo-battery .io-vivo-battery-item p{width:45%;padding-top:2.46305vh 5% 0 0;margin-bottom:2.46305vh}.io-vivo-warp .io-vivo-battery .io-vivo-battery-phone{width:141.33333vw;height:55.2vw;bottom:56vw;left:1.35468vh}.io-vivo-warp .io-vivo-battery .io-vivo-battery-phone .io-vivo-battery-screen1{width:126.26667vw;height:42.53333vw;position:absolute;top:1.73333vw;left:4.8vw;z-index:10;opacity:1}.io-vivo-warp .io-vivo-battery .io-vivo-battery-phone .io-vivo-battery-screen2{width:126.26667vw;height:42.53333vw;position:absolute;top:1.73333vw;left:4.8vw;z-index:11;opacity:0}.io-vivo-warp .io-vivo-platform{width:100%;overflow:hidden;min-height:197.33333vw}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item{padding-top:13.33333vw;left:13.33333vw}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p{width:100%;margin-bottom:4vw}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p i{width:40px;height:40px;margin-right:10px}.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p:first-child span,.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p:nth-child(2) span,.io-vivo-warp .io-vivo-platform .io-vivo-platform-item p:nth-child(5) span{line-height:40px}.io-vivo-warp .io-vivo-platform .io-vivo-platform-main{width:89.6vw;height:145.73333vw;margin:6.66667vw 0 0 5.2vw}.io-vivo-warp .io-vivo-gamemode{margin-top:21.33333vw}.io-vivo-warp .io-vivo-gamemode .io-vivo-section-sticky-gamemode{min-height:186.66667vw}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main{width:168.26667vw;height:128vw;top:60vw;left:9.33333vw}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main .io-vivo-gamemode-ui{width:53.2vw;top:6.93333vw;left:16vw}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main .io-vivo-gamemode-phone{height:80vw}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-main .io-vivo-gamemode-shadow{height:80vw;transform:rotateX(180deg) translateY(6vw)}.io-vivo-warp .io-vivo-gamemode .io-vivo-gamemode-copy{top:144vw;left:15%;width:84%}.io-vivo-warp .io-vivo-speed .io-vivo-section-sticky-speed{height:200vw}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img{height:140vw}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-bg{float:left;height:111.73333vw;margin-top:48vw}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-mask{height:111.73333vw;top:48vw}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-cans{width:128.8vw;height:60vw;left:9.33333vw;top:28vw}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-ui{width:120.26667vw;height:54.13333vw;left:10.66667vw;border-radius:30px;overflow:hidden;opacity:.6;box-shadow:0 8px 20px rgba(0,0,0,.2)}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-ui.io-vivo-speed-ui1{top:21.33333vw;margin-left:2%;transform:scale(1);z-index:13}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-ui.io-vivo-speed-ui2{top:10.66667vw;margin-left:4%;transform:scale(.9);z-index:12}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-ui.io-vivo-speed-ui3{top:0;margin-left:4%;transform:scale(.8);z-index:11}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-item{left:10.66667vw;bottom:24vw}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-item p{width:100%}.io-vivo-warp .io-vivo-speed .io-vivo-speed-img .io-vivo-speed-item p i{width:8.66667vw;height:5.73333vw;margin-right:10px}.io-vivo-warp .io-vivo-color .io-vivo-color-btns{display:flex;position:absolute;top:18.47291vh}.io-vivo-warp .io-vivo-color .io-vivo-color-btns p{width:auto;margin:0}.io-vivo-warp .io-vivo-color .io-vivo-color-btns p span{display:block;margin:0 auto;text-align:center}.io-vivo-warp .io-vivo-color .io-vivo-color-btns p span:first-child{width:8vw;height:8vw;padding:3px}.io-vivo-warp .io-vivo-color .io-vivo-color-phone{width:100%;height:216.53333vw;top:0;right:0}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll{width:100%;position:absolute;left:0;top:40vh;z-index:20}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block{width:58.66667vw;margin:0 auto;position:relative}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-frame{width:25vh;height:25vh;margin:0 auto;border-radius:6.66667vw;overflow:hidden;position:relative}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-frame.io-vivo-color-frame-cyan{background:hsla(0,0%,100%,.6);display:block}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-frame.io-vivo-color-frame-blue{background:rgba(109,136,176,.45);display:none}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-right{position:absolute;left:0;top:0;right:-17px;bottom:0;overflow-x:hidden;overflow-y:scroll}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-right img{user-select:auto;width:3.01724vh;height:60.77586vh;padding:0 50px;margin:20px auto;transform:translateX(-10px)}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-back{position:absolute;left:0;top:0;right:-17px;bottom:0;overflow-x:hidden;overflow-y:scroll}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block .io-vivo-color-phone-back img{user-select:auto;width:14.96305vh;height:41.50246vh;padding:0 50px;margin:20px auto;transform:translateX(-10px)}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-phone-scroll .io-vivo-color-phone-block p{width:100%;text-align:center;line-height:210%}.io-vivo-warp .io-vivo-color .io-vivo-color-phone .io-vivo-color-img{width:100%;height:100vh;clip-path:inset(35% 25% 15% 25.01% round 25px 25px 25px 25px)}.io-vivo-warp .io-vivo-screen{margin-top:21.33333vw}.io-vivo-warp .io-vivo-screen .io-vivo-screen-bg{position:relative;width:100%;height:154.66667vw}.io-vivo-warp .io-vivo-screen .io-vivo-screen-img{width:126.4vw;height:137.73333vw;top:61.33333vw;left:-40vw;position:absolute;z-index:10}.io-vivo-warp .io-vivo-screen .io-vivo-screen-img .io-vivo-screen-phone{width:100%;height:100%}.io-vivo-warp .io-vivo-screen .io-vivo-screen-img .io-vivo-screen-nit{width:106.8vw;height:110.66667vw;top:2.4vw;left:8.66667vw;position:absolute;z-index:11}.io-vivo-warp .io-vivo-screen .io-vivo-screen-item{flex-wrap:wrap;justify-content:space-between;padding:0 1% 6.66667vw 0}.io-vivo-warp .io-vivo-screen .io-vivo-screen-item p{width:50%;margin-top:4vw}.io-vivo-warp .io-vivo-screen .io-vivo-screen-copy{margin-top:4.92611vh}.io-vivo-warp .io-vivo-fingerprint{margin-top:21.33333vw}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main{height:120vh}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-img{width:46.4vw;height:22.66667vw;top:78.66667vw;left:13.33333vw;transform:rotate(-30deg);clip-path:ellipse(100% 100% at 50% 50%)}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-circle{width:50px;height:50px;top:calc(20% + 11.33333vw - 25px);left:calc(13% + 23.2vw - 25px)}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-phone{width:100%;height:186.66667vw}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-push{width:29.6vw;height:3.86667vw;transform:rotate(-39deg);top:98.4vw;left:30.26667vw}.io-vivo-warp .io-vivo-fingerprint .io-vivo-fingerprint-main .io-vivo-fingerprint-shadow{width:100%;height:186.66667vw}.io-vivo-warp .io-vivo-sensor{min-height:160vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone{width:116.26667vw;height:320.93333vw;top:66.66667vw;left:8vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-verticalcopy{transform:rotate(90deg) scale(2.4);transform-origin:0 0;top:8vw;left:4vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item{top:-11.33333vw;left:-41.33333vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p{width:26.66667vw;height:10.66667vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p em{width:33.33333vw;left:70%}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p:nth-child(2),.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p:nth-child(3){margin-top:14vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p:nth-child(4){margin-top:12.66667vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p:nth-child(4) em{width:57.33333vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-phone .io-vivo-sensor-item p:nth-child(4) em:after{content:" ";position:absolute;width:1px;height:16vw;right:0;top:-16vw;background-color:#a4ffe9}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-img .io-vivo-sensor-screen{width:63.06667vw;height:171.06667vw;top:65.33333vw;left:34.66667vw}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-person{width:100%;height:216.53333vw;margin-top:-108.26667vw;top:50%;left:0;clip-path:circle(100% at 69% 47%)}.io-vivo-warp .io-vivo-sensor .io-vivo-sensor-main .io-vivo-sensor-person .io-vivo-sensor-white-copy{top:auto;bottom:8vw}@keyframes cliperson{0%{opacity:0;clip-path:ellipse(0 0 at 66% 55%)}25%{opacity:1;clip-path:ellipse(45% 25% at 66% 55%)}to{opacity:1;clip-path:ellipse(180% 100% at 66% 55%)}}.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img{margin-top:4.92611vh}.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img .io-vivo-bokeh-left,.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img .io-vivo-bokeh-right{width:37.25369vh;height:28.94089vh;margin:0 calc(50vw - 18.62685vh);border-radius:4.61823vh}.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img .io-vivo-bokeh-left img,.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img .io-vivo-bokeh-right img{width:auto;height:100%}.io-vivo-warp .io-vivo-bokeh .io-vivo-bokeh-img .io-vivo-bokeh-right{margin-top:4.92611vh}.io-vivo-warp .io-vivo-macro .io-vivo-macro-img{width:32.51232vh;height:69.76601vh;margin:6.15764vh auto 12.31527vh;overflow:hidden}.io-vivo-warp .io-vivo-macro .io-vivo-macro-img .io-vivo-macro-screen{width:29.00246vh;height:64.77833vh;top:1.72414vh;left:1.72414vh}.io-vivo-warp .io-vivo-selfies .io-vivo-section-sticky-selfies{height:calc(100vh + 21.33333vw)}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main{margin-top:3.33333vw}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main .io-vivo-selfies-img{width:48.66667vw;height:104.93333vw}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main .io-vivo-selfies-img .io-vivo-selfies-screen{width:81.86667vw;height:97.33333vw;top:2.53333vw;left:-13.33333vw;clip-path:polygon(18% 0,74% 0,74% 100%,18% 100%)}.io-vivo-warp .io-vivo-selfies .io-vivo-selfies-main .io-vivo-selfies-person{width:72.53333vw;height:48vw;left:0;bottom:-18.66667vw}.io-vivo-warp .io-vivo-portrait .io-vivo-section-sticky-portrait{height:calc(150vw + 150px)}.io-vivo-warp .io-vivo-portrait .io-vivo-portrait-img{width:100%}.io-vivo-warp .io-vivo-portrait .io-vivo-portrait-copy{top:0}.io-vivo-warp .io-vivo-portrait-swith{width:74%;margin:1.72414vh auto 0;padding:3px 0 6px}.io-vivo-warp .io-vivo-beauty{margin-top:13.33333vw}.io-vivo-warp .io-vivo-beauty .io-vivo-section-sticky-beauty{height:100vh}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone{width:100%;height:216.53333vw;top:50%;margin-top:-108.26667vw;overflow:hidden}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone .io-vivo-beauty-phone-bg{width:100%;height:100%;top:10vh;left:50%;transform:translateX(-50%);border-radius:0;transition:border-radius .5s}.io-vivo-warp .io-vivo-beauty .io-vivo-beauty-phone .io-vivo-beauty-phone-bg.active{border-radius:30px;overflow:hidden}.io-vivo-warp .io-vivo-night{min-height:200vw}.io-vivo-warp .io-vivo-night .io-vivo-night-img{width:85.6vw;margin:8vw auto 0;position:relative}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-front,.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-rear{width:72.26667vw;height:104vw;margin:0 6.66667vw}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-item{margin:4vw 0}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-icon{width:100%;height:25.33333vw;margin:0 0 13.33333vw}.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-icon dd,.io-vivo-warp .io-vivo-night .io-vivo-night-img .io-vivo-night-icon dt{width:25.33333vw;height:25.33333vw}.io-vivo-warp .io-vivo-proof{margin-top:13.33333vw}.io-vivo-warp .io-vivo-proof .io-vivo-proof-img .io-vivo-proof-bg{top:0}.io-vivo-warp .io-vivo-proof .io-vivo-proof-img .io-vivo-proof-phone{width:84.66667vw;height:181.6vw;right:-21.24384vh;margin-top:13.33333vw}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item{width:23.5vh;left:2.66667vw;top:69.33333vw;height:50vh}.io-vivo-warp .io-vivo-proof .io-vivo-proof-item .io-vivo-proof-itemcopy{width:100%;padding-top:.75vh;padding-bottom:1.5vh}.io-vivo-warp .io-vivo-widgets .io-vivo-widgets-img{width:96vw;height:117.06667vw;left:2vw}.io-vivo-warp .io-vivo-widgets .io-vivo-widgets-img .io-vivo-widgets-ui{width:81.2vw;height:81.2vw;top:20vw;left:7.4vw}.io-vivo-warp .io-vivo-imanager{margin-top:13.33333vw}.io-vivo-warp .io-vivo-imanager .io-vivo-section-sticky-imanager{height:100vh;padding-top:8vw}.io-vivo-warp .io-vivo-imanager .io-vivo-main-copy{transform:translateY(-8vw)}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img{width:100%;height:170.4vw}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-phone{width:25.98522vh;height:55.78818vh;top:11.33333vw;left:calc(50vw - 12.99261vh)}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui1{width:26.34667vw;height:58.56vw;position:absolute;top:1%;left:10%;z-index:11}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui2{width:24vw;height:53.65333vw;position:absolute;top:-5%;left:63%;z-index:12}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui3{width:31.04vw;height:69.01333vw;position:absolute;top:22%;left:59%;z-index:13}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui4{width:24.21333vw;height:53.86667vw;position:absolute;top:58%;left:68%;z-index:14}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui5{width:21.33333vw;height:47.36vw;position:absolute;top:44%;left:10%;z-index:16}.io-vivo-warp .io-vivo-imanager .io-vivo-imanager-img .io-vivo-imanager-sui6{width:16vw;height:35.52vw;position:absolute;top:60%;left:-2%;z-index:15}.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}}