@font-face{font-family:vivo-icons;src:url(../css/vivo-icons_6d742f6.eot);src:url(../css/vivo-icons_6d742f6.eot?#iefix) format("eot"),url(../css/vivo-icons_5b64fba.woff2) format("woff2"),url(../css/vivo-icons_4515a01.woff) format("woff"),url(../css/vivo-icons_44e33d4.ttf) format("truetype")}[class*=vicon-]:before,[class^=vicon-]:before{font-family:vivo-icons!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;text-decoration:none;text-transform:none;display:inline-block;vertical-align:middle;width:100%;height:100%}[class*=vicon-],[class^=vicon-]{vertical-align:top}.vicon-all-models:before{content:"\D001"}.vicon-banner-arrow-down:before{content:"\D002"}.vicon-banner-arrow-right:before{content:"\D003"}.vicon-banner-dot:before{content:"\D004"}.vicon-bar-close:before{content:"\D005"}.vicon-bar-more:before{content:"\D006"}.vicon-cart:before{content:"\D007"}.vicon-close:before{content:"\D008"}.vicon-comparison:before{content:"\D009"}.vicon-email-us:before{content:"\D00A"}.vicon-email:before{content:"\D00B"}.vicon-follow-us:before{content:"\D00C"}.vicon-hotline:before{content:"\D00D"}.vicon-left-arrow:before{content:"\D00E"}.vicon-logo:before{content:"\D00F"}.vicon-new-account:before{content:"\D010"}.vicon-new-search:before{content:"\D011"}.vicon-new-setting:before{content:"\D012"}.vicon-old-store:before{content:"\D013"}.vicon-online-service:before{content:"\D014"}.vicon-order:before{content:"\D015"}.vicon-personal:before{content:"\D016"}.vicon-phone:before{content:"\D017"}.vicon-posts:before{content:"\D018"}.vicon-region-switching:before{content:"\D019"}.vicon-right-arrow:before{content:"\D01A"}.vicon-search:before{content:"\D01B"}.vicon-setting:before{content:"\D01C"}.vicon-store-account:before{content:"\D01D"}.vicon-stow:before{content:"\D01E"}.vicon-suspension-chat:before{content:"\D01F"}.vicon-top-arrow:before{content:"\D020"}.vicon-unfold:before{content:"\D021"}@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:#000;color:#fff;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;-ms-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:-webkit-sticky;position:sticky;top:0;overflow:hidden}.io-vivo-warp .io-vivo-section{position:relative;z-index:5;width:100%}.io-vivo-warp .io-vivo-kv{overflow:hidden;width:100%;height:100vh;background-color:#000}.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:hsla(0,0%,100%,.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,.io-vivo-warp .io-vivo-main-copy p{color:#fff}.io-vivo-warp .io-vivo-section-sticky{height:100vh}.io-vivo-warp .io-vivo-card{height:200vh}.io-vivo-warp .io-vivo-card .io-vivo-section-sticky-card{background-image:linear-gradient(135deg,#535353,#000 80%)}.io-vivo-warp .io-vivo-card-tit{text-align:center;z-index:5}.io-vivo-warp .io-vivo-card-tit div.io-vivo-card-tit-box{width:100%;transition:opacity .5s ease;opacity:0;top:0}.io-vivo-warp .io-vivo-card-tit .io-vivo-card-copy-box{position:relative}.io-vivo-warp .io-vivo-card-tit div.io-vivo-card-copy{width:100%;transition:opacity .5s ease;opacity:0;top:0}.io-vivo-warp .io-vivo-card-tit .io-vivo-card-btn-box{display:flex;justify-content:center}.io-vivo-warp .io-vivo-card-tit .io-vivo-card-btn-box span{background-color:#757575;display:block;transition:background-color .5s ease;cursor:pointer}.io-vivo-warp .io-vivo-card-tit[data-active="1"] [data-id="1"]{opacity:1}.io-vivo-warp .io-vivo-card-tit[data-active="1"] [data-color="1"]{background-color:#0149f8}.io-vivo-warp .io-vivo-card-tit[data-active="2"] [data-id="2"]{opacity:1}.io-vivo-warp .io-vivo-card-tit[data-active="2"] [data-color="2"]{background-color:#0149f8}.io-vivo-warp .io-vivo-card-tit[data-active="3"] [data-id="3"]{opacity:1}.io-vivo-warp .io-vivo-card-tit[data-active="3"] [data-color="3"]{background-color:#0149f8}.io-vivo-warp .io-vivo-card-tit[data-active="4"] [data-id="4"]{opacity:1}.io-vivo-warp .io-vivo-card-tit[data-active="4"] [data-color="4"]{background-color:#0149f8}.io-vivo-warp .io-vivo-card-tit[data-active="5"] [data-id="5"]{opacity:1}.io-vivo-warp .io-vivo-card-tit[data-active="5"] [data-color="5"]{background-color:#0149f8}.io-vivo-warp .io-vivo-card-box p{transform:translateY(105%) rotateX(-180deg);transform-origin:50% 0;-webkit-clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);width:100%;height:100%}.io-vivo-warp .io-vivo-card-box p img{-webkit-mask-image:url(../../zip/img/mask_img.png);mask-image:url(../../zip/img/mask_img.png);-webkit-mask-size:100% 130%;mask-size:100% 130%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:0;transition:opacity .3s ease}.io-vivo-warp .io-vivo-card-box[data-id="0"] p img{opacity:1}.io-vivo-warp .io-vivo-hidden-svg{display:none}.io-vivo-warp .io-vivo-lens .io-vivo-lens-bg{z-index:7}.io-vivo-warp .io-vivo-lens .io-vivo-lens-video-main{z-index:6}.io-vivo-warp .io-vivo-lens .io-vivo-lens-video-main canvas{position:absolute;width:100%;height:100%;top:0}.io-vivo-warp .io-vivo-lens .io-vivo-lens-video-bg{z-index:5;opacity:.2}.io-vivo-warp .io-vivo-lens .io-vivo-lens-bg-real{z-index:6}.io-vivo-warp .io-vivo-lens picture{position:relative;z-index:5}.io-vivo-warp .io-vivo-lens .io-vivo-lens-video-ui{z-index:6}.io-vivo-warp .io-vivo-lens .io-vivo-lens-video-ui-mask{background-color:#000;z-index:4}.io-vivo-warp .io-vivo-lens .io-vivo-lens-rollfilm{z-index:6}.io-vivo-warp .io-vivo-lens .io-vivo-lens-rollfilm:after,.io-vivo-warp .io-vivo-lens .io-vivo-lens-rollfilm:before{content:" ";position:absolute;background-image:url(../../zip/img/lens_film_bg.png)}.io-vivo-warp #filmCav canvas{position:absolute;width:100%;height:100%;top:0;z-index:5}.io-vivo-warp .io-vivo-design2 .io-vivo-design2-btn{text-align:center}.io-vivo-warp .io-vivo-design2 .io-vivo-design2-btn p:last-child{width:200%;margin-left:-50%;color:#d2d2d2}.io-vivo-warp .io-vivo-lens .io-vivo-lens-bg{position:absolute}.io-vivo-warp .io-vivo-core-gnv-img,.io-vivo-warp .io-vivo-core-v1-img{opacity:.3}.io-vivo-warp .io-vivo-core-gnv2-txt,.io-vivo-warp .io-vivo-core-v12-txt{text-align:center;opacity:0}.io-vivo-warp .io-vivo-core-v12-img,.io-vivo-warp .io-vivo-hardware-lens2-img{position:absolute;top:0;opacity:0;width:100%;left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-night-copy h2{color:#555}.io-vivo-warp .io-vivo-night-switch{border:2px solid #fff;border-radius:30px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between}.io-vivo-warp .io-vivo-night-switch span{display:block;overflow:hidden;word-break:break-all;white-space:nowrap}.io-vivo-warp #hdrCav span{z-index:5}.io-vivo-warp #hdrCav canvas{position:absolute;width:100%;height:100%;top:0;z-index:4}.io-vivo-warp .io-vivo-phone-box{z-index:20}.io-vivo-warp .io-vivo-phone-box .io-vivo-phone-body{z-index:30}.io-vivo-warp .io-vivo-phone-box .io-vivo-phone-ois-icon{z-index:20}.io-vivo-warp .io-vivo-phone-box .io-vivo-phone-ois-ui{z-index:10}.io-vivo-warp .io-vivo-phone-box .io-vivo-phone-video{z-index:5}.io-vivo-warp .io-vivo-phone-box .io-vivo-phone-video canvas{position:absolute;top:0;width:100%;height:100%;z-index:5}.io-vivo-warp .io-vivo-phone-ois-copy{z-index:5}.io-vivo-warp #shake360Cav{overflow:hidden}.io-vivo-warp .io-vivo-provideo-bg{opacity:.4}.io-vivo-warp .io-vivo-provideo-bg img{filter:blur(5px)}.io-vivo-warp .io-vivo-shake-ois .io-vivo-main_bg img{filter:url(#blur2)}.io-vivo-warp .io-vivo-provideo-video-ui{z-index:6}.io-vivo-warp .io-vivo-provideo-video-main canvas{position:absolute;top:0;width:100%;height:100%;z-index:5}.io-vivo-warp .io-vivo-timelapse-bg{opacity:.2;filter:blur(3px)}.io-vivo-warp .io-vivo-phone-box-360:after,.io-vivo-warp .io-vivo-phone-box-ois:after{content:" ";position:absolute;width:calc(100% - 6px);height:calc(100% - 10px);top:5px;left:3px;background-color:rgba(0,0,0,.1);border-radius:20px;box-shadow:10px 13px 10px rgba(0,0,0,.3)}.io-vivo-warp .io-vivo-provideo2-gallery{display:flex;justify-content:space-between;flex-wrap:wrap}.io-vivo-warp .io-vivo-provideo2-gallery div img{border-radius:10px}.io-vivo-warp .io-vivo-propic-img-all{top:0;left:0;z-index:6}.io-vivo-warp .io-vivo-propic-big-img,.io-vivo-warp .io-vivo-propic-img{z-index:6;overflow:hidden}.io-vivo-warp .io-vivo-propic-big-img picture,.io-vivo-warp .io-vivo-propic-img picture{overflow:hidden;border-radius:20px}.io-vivo-warp .io-vivo-propic-mask{background-color:rgba(0,0,0,.8);z-index:12}.io-vivo-warp .io-vivo-propic-mask2{width:58%;z-index:8;background-image:linear-gradient(90deg,rgba(0,0,0,.85) 85%,transparent)}.io-vivo-warp .io-vivo-timedelay{display:none}.io-vivo-warp .io-vivo-propic-dot{z-index:10}.io-vivo-warp .io-vivo-propic-cirle,.io-vivo-warp .io-vivo-propic-lens,.io-vivo-warp .io-vivo-propic-mask2{opacity:0}.io-vivo-warp .io-vivo-propic-copy{z-index:16}.io-vivo-warp .io-vivo-together-big-img{opacity:.6;filter:blur(5px)}.io-vivo-warp .io-vivo-flagship-big-img,.io-vivo-warp .io-vivo-flagship-icon1,.io-vivo-warp .io-vivo-flagship-icon2{opacity:0;transition:opacity 1s ease}.io-vivo-warp .io-vivo-flagship[data-active="1"] .io-vivo-flagship-big-img1,.io-vivo-warp .io-vivo-flagship[data-active="1"] .io-vivo-flagship-icon1,.io-vivo-warp .io-vivo-flagship[data-active="2"] .io-vivo-flagship-big-img2,.io-vivo-warp .io-vivo-flagship[data-active="2"] .io-vivo-flagship-icon2,.io-vivo-warp .io-vivo-flagship[data-active="3"] .io-vivo-flagship-big-img3,.io-vivo-warp .io-vivo-flagship[data-active="4"] .io-vivo-flagship-big-img4{opacity:1}.io-vivo-warp .io-vivo-flagship-card-item{border-radius:10px;box-shadow:-1px 5px 15px rgba(0,0,0,.9)}.io-vivo-warp .io-vivo-flagship-card-item div{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;z-index:10}.io-vivo-warp .io-vivo-flagship-card-item h4,.io-vivo-warp .io-vivo-flagship-card-item p{color:#343434;text-shadow:1px 1px hsla(0,0%,100%,.1)}.io-vivo-warp .io-vivo-flagship-card-item:after{content:" ";background-image:linear-gradient(180deg,#707074,#2a2a2a);position:absolute;width:100%;height:100%;left:0;top:0}.io-vivo-warp .io-vivo-flagship-effict{display:none}.io-vivo-warp .io-vivo-film-time{position:absolute;top:5%;left:50%;transform:translateX(-50%);padding-left:22px;display:flex;justify-content:center;z-index:10;color:#fff}.io-vivo-warp .io-vivo-film-time span{display:block}.io-vivo-warp .io-vivo-film-time:before{content:" ";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;background-color:#fa4833;border-radius:100%;-webkit-animation:hiddenEles 1s linear infinite alternate;animation:hiddenEles 1s linear infinite alternate}.io-vivo-warp .text-img-bj{padding-right:1px;background-image:linear-gradient(0deg,#facc22,#f83600 60%);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}.io-vivo-warp .io-vivo-video-btn a{position:relative;display:inline-block;box-sizing:border-box}.io-vivo-warp .io-vivo-video-btn a span:last-child{display:inline-block;border:2px solid #fff;border-radius:16px;vertical-align:top}.io-vivo-warp .io-vivo-video-btn a svg{fill:currentColor}.io-vivo-warp .io-vivo-video-btn a:hover{color:#7389ff}.io-vivo-warp .io-vivo-video-btn a:hover span:last-child{border:2px solid #7389ff}.io-vivo-lens-effict{visibility:hidden;position:absolute}.io-vivo-countdown{overflow:hidden;width:100%;text-align:center}.io-vivo-countdown .io-vivo-coming-copy{position:absolute;z-index:10;width:100%;text-align:center}.io-vivo-countdown .io-vivo-coming-copy h1{margin:0 auto}.io-vivo-countdown .io-vivo-countdown-times{display:flex;justify-content:center}.io-vivo-countdown .io-vivo-countdown-times span:after{display:block;content:attr(data-name)}.io-vivo-countdown-id .io-vivo-coming-copy{color:#fff}.io-vivo-countdown-id picture{position:relative;width:auto;height:100%}.io-vivo-countdown-id picture img{position:absolute;left:50%;width:auto;height:100%;transform:translateX(-50%)}.io-vivo-countdown-my picture{position:relative;height:100%}.io-vivo-countdown-my picture img{position:absolute;bottom:-3%}.close-video{background-image:none!important;transition:transform .4s ease;transform:rotate(-45deg)}.close-video:before{top:calc(50% - 1px);left:0;width:100%;height:2px}.close-video:after,.close-video:before{position:absolute;background-color:#fff;content:" "}.close-video:after{top:0;left:calc(50% - 1px);width:2px;height:100%}.close-video:hover{transform:rotate(-225deg)}.io-vivo-remark{position:relative;z-index:20;width:100%;background-color:#000}.io-vivo-remark>div{box-sizing:border-box;margin:0 auto;color:#666}.io-vivo-remark>div strong{display:inline-block;font-weight:400}.io-vivo-remark>div p{position:relative;margin:0}.io-vivo-remark>div p:before{position:absolute;left:0}.io-vivo-remark>div p:nth-child(2):before{content:"1."}.io-vivo-remark>div p:nth-child(3):before{content:"2."}.io-vivo-remark>div p:nth-child(4):before{content:"3."}.io-vivo-remark>div p:nth-child(5):before{content:"4."}.io-vivo-remark>div p:nth-child(6):before{content:"5."}.io-vivo-remark>div p:nth-child(7):before{content:"6."}.io-vivo-remark>div p:nth-child(8):before{content:"7."}.io-vivo-remark>div p:nth-child(9):before{content:"8."}.io-vivo-remark>div p:nth-child(10):before{content:"9."}.io-vivo-remark>div p:nth-child(11):before{content:"10."}.io-vivo-remark>div p:nth-child(12):before{content:"11."}.io-vivo-remark>div p:nth-child(13):before{content:"12."}.io-vivo-remark>div p:nth-child(14):before{content:"13."}.io-vivo-remark>div p:nth-child(15):before{content:"14."}.io-vivo-remark>div p:nth-child(16):before{content:"15."}.io-vivo-remark>div p:nth-child(17):before{content:"16."}.io-vivo-remark>div p:nth-child(18):before{content:"17."}.io-vivo-remark>div p:nth-child(19):before{content:"18."}.io-vivo-remark>div p:nth-child(20):before{content:"19."}.io-vivo-remark>div p:nth-child(21):before{content:"20."}.io-vivo-remark>div p:nth-child(22):before{content:"21."}.io-vivo-remark>div p:nth-child(23):before{content:"22."}.io-vivo-remark>div p:nth-child(24):before{content:"23."}.io-vivo-remark>div p:nth-child(25):before{content:"24."}.io-vivo-remark>div p:nth-child(26):before{content:"25."}.io-vivo-remark>div p:nth-child(27):before{content:"26."}.io-vivo-remark>div p:nth-child(28):before{content:"27."}.io-vivo-remark>div p:nth-child(29):before{content:"28."}.io-vivo-remark>div p:nth-child(30):before{content:"29."}.io-vivo-remark>div p:nth-child(31):before{content:"30."}.io-vivo-remark>div p:nth-child(32):before{content:"31."}.io-vivo-remark>div p:nth-child(33):before{content:"32."}.io-vivo-remark>div p.io-vivo-remark-sigle{margin-left:0;padding-left:0}.io-vivo-remark>div p.io-vivo-remark-sigle:before{content:""}.io-vivo-layer-mask{position:fixed;top:0;left:0;z-index:18;visibility:hidden;width:100%;height:100%;background-color:rgba(0,0,0,.8);opacity:0}@media screen and (min-width:769px){.io-vivo-sub-nav-place{height:60px}.io-vivo-sub-nav{top:0;height:59px;font-size:18px}.io-vivo-sub-nav .io-vivo-sub-nav-box{width:100%;max-width:1280px;margin:0 auto;box-sizing:border-box}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-sub-nav-open{display:none}.io-vivo-sub-nav .io-vivo-sub-nav-list{display:flex}.io-vivo-sub-nav .io-vivo-sub-nav-list a{margin:0 40px;line-height:58px}.io-vivo-sub-nav .io-vivo-sub-nav-list a:hover{color:#333}.io-vivo-sub-nav-fixed{top:60px;position:fixed}.io-vivo-warp .io-vivo-kv{transform:translateY(-86px);margin-bottom:-86px}.io-vivo-warp .io-vivo-kv picture{height:100%}.io-vivo-warp .io-vivo-kv picture img{height:100%;bottom:0;left:70%}.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:29.16667vw}.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:5.20833vw;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-lens{height:700vh}.io-vivo-warp .io-vivo-core{height:400vh}.io-vivo-warp .io-vivo-hdr,.io-vivo-warp .io-vivo-night{height:200vh}.io-vivo-warp .io-vivo-design1,.io-vivo-warp .io-vivo-design2{height:400vh}.io-vivo-warp .io-vivo-shake-ois{height:300vh}.io-vivo-warp .io-vivo-shake-360{height:500vh}.io-vivo-warp .io-vivo-provideo{height:200vh}.io-vivo-warp .io-vivo-provideo2{height:100vh}.io-vivo-warp .io-vivo-provideo-all{height:300vh}.io-vivo-warp .io-vivo-provideo-bg-box{position:absolute;top:0;height:300vh;z-index:3}.io-vivo-warp .io-vivo-timelapse{height:200vh}.io-vivo-warp .io-vivo-propic{height:1000vh}.io-vivo-warp .io-vivo-catch,.io-vivo-warp .io-vivo-focus{height:300vh}.io-vivo-warp .io-vivo-darhness,.io-vivo-warp .io-vivo-together{height:400vh}.io-vivo-warp .io-vivo-hardware{height:300vh}.io-vivo-warp .io-vivo-flagship{height:600vh}.io-vivo-warp .io-vivo-natural{height:500vh}.io-vivo-warp .io-vivo-card-warp{top:calc(5.55556vh + 60px);left:calc(50% - 32.77778vh);width:65.55556vh;height:44.62963vh}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box{width:65.55556vh;height:44.62963vh;border-radius:10px;border-left:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.3);box-shadow:8px 1px 10px rgba(0,0,0,.7);transform:translate(0) scale(.1);transition:transform .5s ease,opacity .5s ease;opacity:0}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box p{opacity:.3}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box img{border-radius:10px}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box[data-id="-2"]{transform:translate(-26.22222vh) scale(.83);z-index:3;opacity:1}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box[data-id="-1"]{transform:translate(-14.42222vh) scale(.93);z-index:4;opacity:1}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box[data-id="0"]{transform:translate(0) scale(1);z-index:5;opacity:1}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box[data-id="1"]{transform:translate(14.42222vh) scale(.93);z-index:4;opacity:1}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box[data-id="2"]{transform:translate(26.22222vh) scale(.83);z-index:3;opacity:1}.io-vivo-warp .io-vivo-card-tit{width:65.55556vh;top:37.03704vh}.io-vivo-warp .io-vivo-card-tit .io-vivo-card-copy-box{margin-top:1.85185vh}.io-vivo-warp .io-vivo-card-tit .io-vivo-card-btn-box{padding-top:8.33333vh}.io-vivo-warp .io-vivo-card-tit .io-vivo-card-btn-box span{width:12px;height:30px;margin:0 5px;border-radius:12px}.io-vivo-warp .io-vivo-main-copy{width:calc(100% - 11.45833vw);top:calc(2.77778vh + 60px);left:11.45833vw}.io-vivo-warp .io-vivo-main-copy .io-vivo-main-copy-center{text-align:left}.io-vivo-warp .io-vivo-main-copy p{padding-top:1.85185vh;width:100%;margin:0 auto}.io-vivo-warp .io-vivo-lens-copy-center{width:100%;left:0}.io-vivo-warp .io-vivo-lens-copy-center .io-vivo-main-copy-center{text-align:center}.io-vivo-warp .io-vivo-core-box{width:76%;left:10%;display:flex;justify-content:space-between;top:calc(14.81481vh + 60px)}.io-vivo-warp .io-vivo-core-box .io-vivo-core-v1{width:73.7037vh;height:66.48148vh;position:relative}.io-vivo-warp .io-vivo-core-box .io-vivo-core-gnv{width:75vh;height:66.48148vh;position:relative}.io-vivo-warp .io-vivo-core-box .io-vivo-core-txt{position:absolute;left:0;bottom:0}.io-vivo-warp .io-vivo-core-box .io-vivo-core-txt p{padding-top:1.38889vh}.io-vivo-warp .io-vivo-core-box .io-vivo-core-v1-txt{padding-left:18%}.io-vivo-warp .io-vivo-core-box .io-vivo-core-gnv1-txt{padding-left:10%}.io-vivo-warp .io-vivo-core-box .io-vivo-core-gnv1-txt,.io-vivo-warp .io-vivo-core-box .io-vivo-core-v1-txt{width:150%}.io-vivo-warp .io-vivo-core-box .io-vivo-core-gnv2-txt,.io-vivo-warp .io-vivo-core-box .io-vivo-core-v12-txt{width:100%;bottom:10%}.io-vivo-warp .io-vivo-hardware-box{width:76%;left:10%;display:flex;justify-content:space-between;top:calc(20.37037vh + 60px)}.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-lens,.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-t{width:71.38889vh;height:61.66667vh;position:relative}.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-txt{position:absolute;left:0;top:80%;width:90%}.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-txt p{padding-top:1.38889vh}.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-lens-txt{padding-left:12%}.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-t-txt{padding-left:10%}.io-vivo-warp .io-vivo-lens .io-vivo-lens-rollfilm{top:60px;height:calc(100vh - 60px);width:100%}.io-vivo-warp .io-vivo-lens .io-vivo-lens-rollfilm:after,.io-vivo-warp .io-vivo-lens .io-vivo-lens-rollfilm:before{left:0;width:100%;height:9.25926vh;background-size:auto 100%;opacity:.9;background-repeat:repeat-x}.io-vivo-warp .io-vivo-lens .io-vivo-lens-rollfilm:before{top:0}.io-vivo-warp .io-vivo-lens .io-vivo-lens-rollfilm:after{transform:rotate(180deg);bottom:0}.io-vivo-warp .io-vivo-lens .io-vivo-lens-bg{background-color:#000;transform-origin:50% 70%;z-index:7}.io-vivo-warp .io-vivo-lens .io-vivo-lens-bg img{width:auto;height:100vh;transform:translateX(-50%);left:50%;position:absolute}.io-vivo-warp .io-vivo-lens .io-vivo-lens-video{width:110.74074vh;height:49.90741vh;top:53%;transform:translate(-50%,-50%) scale(2.8)}.io-vivo-warp .io-vivo-lens .io-vivo-lens-video-ui,.io-vivo-warp .io-vivo-lens .io-vivo-lens-video-ui-mask{width:110.74074vh;height:49.90741vh}.io-vivo-warp .io-vivo-lens .io-vivo-lens-copy3{top:calc(74.07407vh + 60px)}.io-vivo-warp .io-vivo-night-img{left:50%;transform:translateX(-50%);top:calc(18.98148vh + 60px);width:89.72222vh;height:38.33333vh}.io-vivo-warp .io-vivo-night-img span{width:4.44444vh;height:4.44444vh;right:4.62963vh;top:1.57407vh}.io-vivo-warp .io-vivo-hdr-copy2,.io-vivo-warp .io-vivo-night-copy2{top:calc(69.44444vh + 60px)}.io-vivo-warp .io-vivo-night-switch{top:calc(60.09259vh + 60px);width:6.25vw;height:1.97917vw;padding:.32986vw .32986vw .29688vw}.io-vivo-warp .io-vivo-night-switch span:first-child{width:0;text-indent:.3125vw}.io-vivo-warp .io-vivo-night-switch span{width:calc(76% - .98958vw);text-align:center;transition:width .2s linear;line-height:1.81424vw;box-sizing:border-box}.io-vivo-warp .io-vivo-night-switch span:nth-child(2){background-color:#fff;border-radius:100%;width:1.97917vw;height:1.97917vw}.io-vivo-warp .io-vivo-night-switch span:nth-child(3){padding-right:.3125vw}.io-vivo-warp .io-vivo-night-switch-ani span:first-child{width:calc(76% - .98958vw)}.io-vivo-warp .io-vivo-night-switch-ani span:nth-child(3){width:0;padding-right:0}.io-vivo-warp .io-vivo-phone-box{width:86.94444vh;height:40vh;left:calc(50% - 43.47222vh);top:calc(15.74074vh + 60px)}.io-vivo-warp .io-vivo-phone-box .io-vivo-phone-ois-ui{width:85.09259vh;height:38.33333vh;left:calc(50% - 42.5463vh);top:1.11111vh;border-radius:20px;overflow:hidden}.io-vivo-warp .io-vivo-phone-box .io-vivo-phone-ois-icon{width:12.96296vh;height:8.51852vh;left:calc(50% - 6.48148vh);top:calc(50% - 4.25926vh)}.io-vivo-warp .io-vivo-phone-box .io-vivo-phone-video{width:83.24074vh;height:37.59259vh;left:calc(50% - 41.62037vh);top:calc(50% - 18.7963vh)}.io-vivo-warp .io-vivo-phone-box .io-vivo-phone-body img{width:86.94444vh;height:40vh}.io-vivo-warp .io-vivo-phone-ois-copy{width:100%;top:52.96296vh}.io-vivo-warp .io-vivo-phone-ois-copy .io-vivo-phone-ois-small-copy{padding-bottom:2.77778vh;color:hsla(0,0%,100%,.6)}.io-vivo-warp #shake360Cav .io-vivo-phone-video-rotate-war{position:absolute;top:50%;transform:translateY(-50%);width:83.24074vh;height:83.24074vh}.io-vivo-warp .io-vivo-provideo-video-box{width:128.7037vh;height:57.87037vh;left:calc(50% - 62.60148vh);top:calc(5.55556vh + 60px);z-index:10}.io-vivo-warp .io-vivo-provideo-video-box .io-vivo-provideo-video-ui img{width:128.7037vh;height:58.05556vh}.io-vivo-warp .io-vivo-provideo-video-main{width:107.96296vh;height:57.87037vh;left:14.41481vh;top:0}.io-vivo-warp .io-vivo-provideo-copy{top:calc(67.59259vh + 60px)}.io-vivo-warp .io-vivo-provideo2-copy{top:50%;transform:translateY(-50%);left:11.45833vw;width:22.91667vw}.io-vivo-warp .io-vivo-provideo2-gallery{width:47.91667vw;left:39.0625vw;top:calc(50% + 2.60417vw);transform:translateY(-50%)}.io-vivo-warp .io-vivo-provideo2-gallery div{position:relative;width:calc(50% - 1.04167vw);padding-bottom:2.08333vw}.io-vivo-warp .io-vivo-propic-lens{left:0;top:0;height:100vh;width:auto;z-index:9}.io-vivo-warp .io-vivo-propic-lens img{height:100vh;width:auto}.io-vivo-warp .io-vivo-propic-lens-mb-txt{display:none}.io-vivo-warp .io-vivo-propic-cirle{width:99.07407vh;height:99.07407vh;left:-49.53704vh;top:5.55556vh;z-index:10}.io-vivo-warp .io-vivo-propic-cirle:after,.io-vivo-warp .io-vivo-propic-cirle:before{content:" ";position:absolute;left:0;width:100%;height:12%;z-index:5}.io-vivo-warp .io-vivo-propic-cirle:before{top:0;background-image:linear-gradient(135deg,rgba(0,0,0,.95) 75%,transparent)}.io-vivo-warp .io-vivo-propic-cirle:after{bottom:0;background-image:linear-gradient(45deg,rgba(0,0,0,.95) 75%,transparent)}.io-vivo-warp .io-vivo-main-copy-bot{top:calc(72.22222vh + 60px)}.io-vivo-warp .io-vivo-focus-img{width:87.77778vh;height:47.77778vh;left:calc(50% - 43.88889vh);top:calc(19.90741vh + 60px);border-radius:20px;overflow:hidden}.io-vivo-warp .io-vivo-focus-icon{width:19.07407vh;height:19.07407vh;left:29.5%;top:3.5%}.io-vivo-warp .io-vivo-catch-img{width:87.77778vh;height:47.77778vh;left:calc(50% - 43.88889vh);top:calc(19.90741vh + 60px);border-radius:20px;overflow:hidden}.io-vivo-warp .io-vivo-catch-img-bg{transform:scale(2.5);opacity:.3;filter:url(#blur3)}.io-vivo-warp .io-vivo-darhness-copy1,.io-vivo-warp .io-vivo-darhness-copy2{top:calc(62.03704vh + 60px)}.io-vivo-warp .io-vivo-darhness-img-box{width:111.63285vh;left:calc(50% - 55.81642vh);top:calc(5.55556vh + 60px)}.io-vivo-warp .io-vivo-darhness-img{width:54.35185vh;height:30.92593vh}.io-vivo-warp .io-vivo-darhness-img picture{width:54.35185vh;height:30.92593vh;overflow:hidden;border-radius:10px}.io-vivo-warp .io-vivo-darhness-img span{display:none}.io-vivo-warp .io-vivo-darhness-img1{left:0;transform:translateX(-150%)}.io-vivo-warp .io-vivo-darhness-img2{right:0;top:12.96296vh;transform:translateX(150%);transform-origin:100% 100%}.io-vivo-warp .io-vivo-propic-img-all{top:5%}.io-vivo-warp .io-vivo-propic-big-img{top:50%;transform:translateY(-50%)}.io-vivo-warp .io-vivo-propic-big-img picture{transform-origin:100% 50%}.io-vivo-warp .io-vivo-propic-img{right:-20vw;top:50%;transform:translateY(-50%)}.io-vivo-warp .io-vivo-propic-img picture{transform:scale(.8);opacity:.6;transform-origin:100% 50%}.io-vivo-warp .io-vivo-propic-img2{transform:translateY(-8%) scale(.42)}.io-vivo-warp .io-vivo-propic-img3{transform:translateY(34%) scale(.42)}.io-vivo-warp .io-vivo-propic-img4{transform:translateY(76%) scale(.42)}.io-vivo-warp .io-vivo-propic-img5{transform:translateY(118%) scale(.42)}.io-vivo-warp .io-vivo-propic-dot{width:6.57407vh;height:6.57407vh}.io-vivo-warp .io-vivo-propic-dot .io-vivo-propic-dot-cir{width:6.57407vh;height:6.57407vh;border:2px solid #fff;border-radius:100%;transform:scale(.42);transition:transform .3s linear}.io-vivo-warp .io-vivo-propic-dot span{width:5.18519vh;height:5.18519vh;left:.74074vh;top:.74074vh;background-color:#fff;border-radius:100%}.io-vivo-warp .io-vivo-propic-dot em{font-style:normal;display:block;transform-origin:0 50%;overflow:hidden}.io-vivo-warp .io-vivo-propic-dot em.io-vivo-propic-dot-img{padding-right:0;width:0;transform:scale(0);transition:all .3s linear}.io-vivo-warp .io-vivo-propic-dot em.io-vivo-propic-dot-txt{transform:scale(1);transition:transform .3s linear}.io-vivo-warp .io-vivo-propic-dot p{width:1200%;display:flex;position:absolute;left:8.33333vh;top:-.92593vh;align-items:center}.io-vivo-warp .io-vivo-propic-dot p img{width:8.88889vh;height:8.88889vh}.io-vivo-warp .io-vivo-propic-dot-ani .io-vivo-propic-dot-cir{transform:scale(1)}.io-vivo-warp .io-vivo-propic-dot-ani em.io-vivo-propic-dot-txt{transform:scale(1.5)}.io-vivo-warp .io-vivo-propic-dot1{right:-3.05556vh;top:46.75926vh}.io-vivo-warp .io-vivo-propic-dot2{right:8.61111vh;top:77.77778vh}.io-vivo-warp .io-vivo-propic-dot3{right:37.5vh;top:94.72222vh}.io-vivo-warp .io-vivo-propic-dot4{right:70.64815vh;top:89.07407vh}.io-vivo-warp .io-vivo-propic-dot5{right:92.5vh;top:63.14815vh}.io-vivo-warp .io-vivo-together-img{left:50%;transform:translateX(-50%);top:calc(18.98148vh + 60px);width:88.05556vh;height:46.01852vh;z-index:5}.io-vivo-warp .io-vivo-together-img span{width:4.44444vh;height:4.44444vh;right:4.62963vh;top:1.57407vh}.io-vivo-warp .io-vivo-together-copy2{top:calc(69.44444vh + 60px);opacity:.6}.io-vivo-warp .io-vivo-flagship-card{width:20.83333vw;height:18.51852vh;left:calc(50% - 10.41667vw);bottom:2.77778vh}.io-vivo-warp .io-vivo-flagship-card .io-vivo-flagship-card-item{width:20.83333vw;height:18.51852vh;overflow:hidden;transform:translate(0) scale(1);transition:transform .5s ease}.io-vivo-warp .io-vivo-flagship-card .io-vivo-flagship-card-item div{padding:.92593vh .78125vw}.io-vivo-warp .io-vivo-flagship-card .io-vivo-flagship-card-item div p{padding-top:.64815vh}.io-vivo-warp .io-vivo-flagship-card .io-vivo-flagship-card-item img{height:100%}.io-vivo-warp .io-vivo-flagship-card .io-vivo-flagship-card-item:after{transition:opacity .5s ease}.io-vivo-warp .io-vivo-flagship[data-active="1"] .io-vivo-flagship-card-item[data-id="1"]{transform:translate(0) scale(1);z-index:5}.io-vivo-warp .io-vivo-flagship[data-active="1"] .io-vivo-flagship-card-item[data-id="1"]:after{opacity:0}.io-vivo-warp .io-vivo-flagship[data-active="1"] .io-vivo-flagship-card-item[data-id="2"]{transform:translate(2.60417vw) scale(.88);z-index:4}.io-vivo-warp .io-vivo-flagship[data-active="1"] .io-vivo-flagship-card-item[data-id="3"]{transform:translate(4.79167vw) scale(.8);z-index:3}.io-vivo-warp .io-vivo-flagship[data-active="1"] .io-vivo-flagship-card-item[data-id="4"]{transform:translate(7.03125vw) scale(.7);z-index:2}.io-vivo-warp .io-vivo-flagship[data-active="2"] .io-vivo-flagship-card-item[data-id="1"]{transform:translate(-2.60417vw) scale(.88);z-index:4}.io-vivo-warp .io-vivo-flagship[data-active="2"] .io-vivo-flagship-card-item[data-id="2"]{transform:translate(0) scale(1);z-index:5}.io-vivo-warp .io-vivo-flagship[data-active="2"] .io-vivo-flagship-card-item[data-id="2"]:after{opacity:0}.io-vivo-warp .io-vivo-flagship[data-active="2"] .io-vivo-flagship-card-item[data-id="3"]{transform:translate(2.60417vw) scale(.88);z-index:3}.io-vivo-warp .io-vivo-flagship[data-active="2"] .io-vivo-flagship-card-item[data-id="4"]{transform:translate(4.79167vw) scale(.8);z-index:2}.io-vivo-warp .io-vivo-flagship[data-active="3"] .io-vivo-flagship-card-item[data-id="1"]{transform:translate(-4.79167vw) scale(.8);z-index:3}.io-vivo-warp .io-vivo-flagship[data-active="3"] .io-vivo-flagship-card-item[data-id="2"]{transform:translate(-2.60417vw) scale(.88);z-index:4}.io-vivo-warp .io-vivo-flagship[data-active="3"] .io-vivo-flagship-card-item[data-id="3"]{transform:translate(0) scale(1);z-index:5}.io-vivo-warp .io-vivo-flagship[data-active="3"] .io-vivo-flagship-card-item[data-id="3"]:after{opacity:0}.io-vivo-warp .io-vivo-flagship[data-active="3"] .io-vivo-flagship-card-item[data-id="4"]{transform:translate(2.60417vw) scale(.88);z-index:2}.io-vivo-warp .io-vivo-flagship[data-active="4"] .io-vivo-flagship-card-item[data-id="1"]{transform:translate(-7.03125vw) scale(.7);z-index:2}.io-vivo-warp .io-vivo-flagship[data-active="4"] .io-vivo-flagship-card-item[data-id="2"]{transform:translate(-4.79167vw) scale(.8);z-index:3}.io-vivo-warp .io-vivo-flagship[data-active="4"] .io-vivo-flagship-card-item[data-id="3"]{transform:translate(-2.60417vw) scale(.88);z-index:4}.io-vivo-warp .io-vivo-flagship[data-active="4"] .io-vivo-flagship-card-item[data-id="4"]{transform:translate(0) scale(1);z-index:5}.io-vivo-warp .io-vivo-flagship[data-active="4"] .io-vivo-flagship-card-item[data-id="4"]:after{opacity:0}.io-vivo-warp .io-vivo-flagship-icon div,.io-vivo-warp .io-vivo-flagship-icon p{width:22.5vh;height:6.94444vh}.io-vivo-warp .io-vivo-flagship-icon div{left:26%;bottom:21%}.io-vivo-warp .io-vivo-design1 .io-vivo-main-copy{top:calc(23.61111vh + 60px)}.io-vivo-warp .io-vivo-design1 .io-vivo-design1-phone{width:60.46566vh;height:175.92593vh;transform:translate(-50%,-50%) scale(4.2)}.io-vivo-warp .io-vivo-design2 .io-vivo-main-copy{top:50%;transform:translateY(-50%)}.io-vivo-warp .io-vivo-design2 .io-vivo-design2-phone{width:72.22222vh;height:156.85185vh;transform:translate(-50%,-50%) scale(2.5);top:180%;opacity:0}.io-vivo-warp .io-vivo-design2 .io-vivo-design2-btn{width:10.55556vh;height:10.55556vh;padding:5.09259vh 0 0 10.55556vh}.io-vivo-warp .pc-show{display:block}.io-vivo-warp .pc-hidden{display:none}.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}.io-vivo-form-section{background-color:#fff;position:relative}.io-vivo-back-top-export{position:fixed;bottom:95px;right:40px;width:72px;height:48px;color:#fff;font-size:16px;line-height:48px;text-align:center;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;background-color:rgba(87,92,102,.4);cursor:pointer;-webkit-transition:background-color .3s ease;-o-transition:background-color ease .3s;-moz-transition:background-color ease .3s;transition:background-color .3s ease;z-index:100}.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-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,.io-vivo-single{font-size:26px}.io-vivo-font22{font-size:22px}.io-vivo-font20{font-size:20px}.io-vivo-font16{font-size:16px}.io-vivo-btn-style1 a{padding:12px 22px;font-size:16px}.io-vivo-btn-style2 a{padding:11px 21px 12px 20px}.io-vivo-countdown-times span{width:75px}.io-vivo-countdown-times span:after{font-size:26px}.io-vivo-video-btn a span:last-child{width:40px;height:28px;margin-top:5px}.io-vivo-video-btn a svg{transform:translateY(-3px)}}@media screen and (min-width:1080px) and (max-width:1439px){.io-vivo-font60{font-size:52px}.io-vivo-font52{font-size:44px}.io-vivo-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-copy-single,.io-vivo-font26{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-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-copy-single,.io-vivo-font26{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: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-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-font32{font-size:4.26667vw}.io-vivo-font30{font-size:4vw}.io-vivo-font26{font-size:3.46667vw}.io-vivo-font22{font-size:2.93333vw}.io-vivo-font20{font-size:3.46667vw}.io-vivo-font16{font-size:2.66667vw}.io-vivo-warp .io-vivo-kv{transform:translateY(-60px);margin-bottom:-60px}.io-vivo-warp .io-vivo-kv picture{height:100%}.io-vivo-warp .io-vivo-kv picture img{height:96%;bottom:.6%}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy{top:calc(64.65517vh + 60px + 1.24rem)}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h1{width:34.60591vh;height:11.69951vh}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h1 img{width:auto;height:100%}.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-lens{height:900vh}.io-vivo-warp .io-vivo-core{height:500vh}.io-vivo-warp .io-vivo-night{height:400vh}.io-vivo-warp .io-vivo-hdr{height:200vh}.io-vivo-warp .io-vivo-design1,.io-vivo-warp .io-vivo-design2{height:600vh}.io-vivo-warp .io-vivo-shake-ois{height:500vh}.io-vivo-warp .io-vivo-shake-360{height:700vh}.io-vivo-warp .io-vivo-provideo{height:400vh}.io-vivo-warp .io-vivo-provideo2{height:100vh}.io-vivo-warp .io-vivo-provideo-all{height:500vh}.io-vivo-warp .io-vivo-provideo-bg-box{position:absolute;top:0;height:500vh;z-index:3}.io-vivo-warp .io-vivo-timelapse{height:400vh}.io-vivo-warp .io-vivo-propic{height:1200vh}.io-vivo-warp .io-vivo-catch,.io-vivo-warp .io-vivo-focus{height:500vh}.io-vivo-warp .io-vivo-darhness,.io-vivo-warp .io-vivo-together{height:600vh}.io-vivo-warp .io-vivo-hardware{height:500vh}.io-vivo-warp .io-vivo-flagship{height:800vh}.io-vivo-warp .io-vivo-natural{height:700vh}.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-warp{top:calc(9.23645vh + 1.24rem);left:calc(50% - 13.14655vh);width:26.2931vh;height:53.07882vh}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box{width:26.2931vh;height:53.07882vh;border-radius:10px;border-left:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.3);box-shadow:8px 1px 10px rgba(0,0,0,.7);transform:translate(0) scale(.1);transition:transform .2s ease,opacity .2s ease;opacity:0}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box p{opacity:.7}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box img{border-radius:10px}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box[data-id="-2"]{transform:translate(-10.51724vh) scale(.83);z-index:3;opacity:1}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box[data-id="-1"]{transform:translate(-5.78448vh) scale(.93);z-index:4;opacity:1}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box[data-id="0"]{transform:translate(0) scale(1);z-index:5;opacity:1}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box[data-id="1"]{transform:translate(5.78448vh) scale(.93);z-index:4;opacity:1}.io-vivo-warp .io-vivo-card-warp div.io-vivo-card-box[data-id="2"]{transform:translate(10.51724vh) scale(.83);z-index:3;opacity:1}.io-vivo-warp .io-vivo-card-tit{width:100vw;top:36.94581vh;left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-card-tit .io-vivo-card-copy-box{margin-top:1.23153vh}.io-vivo-warp .io-vivo-card-tit .io-vivo-card-btn-box{padding-top:13.5468vh}.io-vivo-warp .io-vivo-card-tit .io-vivo-card-btn-box span{width:10px;height:26px;margin:0 5px;border-radius:10px}.io-vivo-warp .io-vivo-lens .io-vivo-lens-bg{background-color:#000}.io-vivo-warp .io-vivo-lens .io-vivo-lens-bg img{transform:translateY(-50%);top:50%;position:absolute}.io-vivo-warp .io-vivo-lens .io-vivo-lens-video-bg{opacity:0}.io-vivo-warp .io-vivo-lens .io-vivo-lens-video{width:100vw;height:30.41872vh;transform:translate(-50%,-50%) scale(3.25);top:42%}.io-vivo-warp .io-vivo-lens .io-vivo-lens-video-ui,.io-vivo-warp .io-vivo-lens .io-vivo-lens-video-ui-mask{width:72.53333vw;height:30.41872vh;top:50%}.io-vivo-warp .io-vivo-lens .io-vivo-lens-copy3{top:calc(80.04926vh + 1.24rem)}.io-vivo-warp .io-vivo-lens picture.io-vivo-lens-video-ui-pic{position:absolute;bottom:calc(-83.06667vw + 27.70936vh)}.io-vivo-warp .io-vivo-lens .io-vivo-lens-rollfilm{top:0;height:100vw;width:500vw;transform:rotate(90deg);transform-origin:0 100%}.io-vivo-warp .io-vivo-lens .io-vivo-lens-rollfilm:after,.io-vivo-warp .io-vivo-lens .io-vivo-lens-rollfilm:before{left:0;width:100%;height:6.15764vh;background-size:auto 100%;opacity:.9;background-repeat:repeat-y}.io-vivo-warp .io-vivo-lens .io-vivo-lens-rollfilm:before{left:-20%;top:0}.io-vivo-warp .io-vivo-lens .io-vivo-lens-rollfilm:after{left:4.8%;bottom:0;transform:rotate(180deg);transform-origin:10% 50%}.io-vivo-warp .io-vivo-core-box{width:100%;top:calc(9.85222vh + 1.24rem)}.io-vivo-warp .io-vivo-core-box .io-vivo-core-txt{position:absolute;left:8%;bottom:0;width:85%}.io-vivo-warp .io-vivo-core-box .io-vivo-core-txt p{padding-top:1.23153vh}.io-vivo-warp .io-vivo-core-box .io-vivo-core-v1{width:100%;height:38.7931vh;position:relative;z-index:2}.io-vivo-warp .io-vivo-core-box .io-vivo-core-v1 img{width:auto;height:38.7931vh;position:relative;left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-core-box .io-vivo-core-v1 .io-vivo-core-v12-txt{bottom:10%}.io-vivo-warp .io-vivo-core-box .io-vivo-core-gnv{width:100%;height:38.7931vh;position:relative;margin-top:-3.07882vh}.io-vivo-warp .io-vivo-core-box .io-vivo-core-gnv img{width:auto;height:38.7931vh;position:relative;left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-core-box .io-vivo-core-gnv .io-vivo-core-txt{bottom:-6%}.io-vivo-warp .io-vivo-core-box .io-vivo-core-gnv .io-vivo-core-gnv2-txt{bottom:4%}.io-vivo-warp .io-vivo-night-img{left:50%;transform:translateX(-50%);top:calc(24.01478vh + 1.24rem);width:100vw;height:68.13333vw}.io-vivo-warp .io-vivo-night-img span{width:2.95567vh;height:2.95567vh;right:3.07882vh;top:1.0468vh}.io-vivo-warp .io-vivo-night-img1,.io-vivo-warp .io-vivo-night-img2{width:102.13333vw;height:68.13333vw}.io-vivo-warp .io-vivo-hdr-copy2,.io-vivo-warp .io-vivo-night-copy2{top:calc(26.16995vh + 1.24rem + 82.91111vw)}.io-vivo-warp .io-vivo-night-switch{top:calc(26.16995vh + 1.24rem + 68.13333vw);width:16vw;height:5.06667vw;padding:.84444vw .84444vw .76vw}.io-vivo-warp .io-vivo-night-switch span:first-child{width:0;text-indent:.8vw}.io-vivo-warp .io-vivo-night-switch span{width:calc(76% - 2.53333vw);text-align:center;transition:width .3s linear;line-height:4.64444vw}.io-vivo-warp .io-vivo-night-switch span:nth-child(2){background-color:#fff;border-radius:100%;width:5.06667vw;height:5.06667vw}.io-vivo-warp .io-vivo-night-switch span:nth-child(3){padding-right:.8vw}.io-vivo-warp .io-vivo-night-switch-ani span:first-child{width:calc(76% - 2.53333vw)}.io-vivo-warp .io-vivo-night-switch-ani span:nth-child(3){width:0;padding-right:0}.io-vivo-warp .io-vivo-phone-box{width:26.94208vh;height:58.49754vh;left:calc(50% - 13.47104vh);top:calc(12.93103vh + 1.24rem)}.io-vivo-warp .io-vivo-phone-box .io-vivo-phone-ois-ui{width:26.05859vh;height:57.63547vh;left:calc(50% - 13.02929vh);top:.37037vh;border-radius:20px;overflow:hidden}.io-vivo-warp .io-vivo-phone-box .io-vivo-phone-ois-icon{width:8.62069vh;height:5.66502vh;left:calc(50% - 4.31034vh);top:calc(50% - 2.83251vh)}.io-vivo-warp .io-vivo-phone-box .io-vivo-phone-video{width:25.43103vh;height:56.15764vh;left:calc(50% - 12.71552vh);top:calc(50% - 28.07882vh)}.io-vivo-warp .io-vivo-phone-box .io-vivo-phone-body img{width:26.94208vh;height:58.49754vh}.io-vivo-warp .io-vivo-phone-ois-copy{width:100%;top:68.34975vh}.io-vivo-warp .io-vivo-phone-ois-copy .io-vivo-phone-ois-small-copy{padding-bottom:1.84729vh;color:hsla(0,0%,100%,.6);text-align:center}.io-vivo-warp #shake360Cav .io-vivo-phone-video-rotate-war{width:56.09606vh;height:56.09606vh;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.io-vivo-warp #shake360Cav .io-vivo-phone-video-rotate-war picture{width:100%;height:100%;position:absolute;top:0}.io-vivo-warp #shake360Cav .io-vivo-phone-video-rotate-war img{width:auto;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-provideo-video-box{width:46.18227vh;height:100vh;left:calc(50% - 23.09113vh);top:1.24rem;z-index:5}.io-vivo-warp .io-vivo-provideo-video-main{width:46.18227vh;height:100vh;left:0;top:0}.io-vivo-warp .io-vivo-provideo-copy{top:calc(8.62069vh + 1.24rem)}.io-vivo-warp .io-vivo-provideo2-copy{top:83.74384vh}.io-vivo-warp .io-vivo-provideo2-gallery{width:41.5933vh;left:calc(50% - 20.79665vh);top:calc(3.69458vh + 1.24rem)}.io-vivo-warp .io-vivo-provideo2-gallery div{position:relative;width:19.93012vh;height:28.32512vh;padding-bottom:6.66667vw}.io-vivo-warp .io-vivo-provideo2-gallery div:nth-child(2n){top:7.38916vh}.io-vivo-warp .io-vivo-timelapse-bg{opacity:.5}.io-vivo-warp .io-vivo-propic-lens{background-color:hsla(0,0%,100%,.3);left:50%;transform:translateX(-50%);bottom:-35.65271vh;height:63.91626vh;width:63.91626vh;overflow:hidden;z-index:9}.io-vivo-warp .io-vivo-propic-lens-mb-txt{width:36.94581vh;left:50%;top:13.5468vh;transform:translateX(-50%);text-align:center}.io-vivo-warp .io-vivo-propic-lens-mb-txt p{opacity:0;transition:opacity .2s linear;position:absolute;top:0;color:hsla(0,0%,100%,.8);transform:scale(.92)}.io-vivo-warp .io-vivo-propic-lens-mb-txt[data-active="1"] p:first-child,.io-vivo-warp .io-vivo-propic-lens-mb-txt[data-active="2"] p:nth-child(2),.io-vivo-warp .io-vivo-propic-lens-mb-txt[data-active="3"] p:nth-child(3),.io-vivo-warp .io-vivo-propic-lens-mb-txt[data-active="4"] p:nth-child(4){opacity:1}.io-vivo-warp .io-vivo-propic-cirle{z-index:10;bottom:-38.48522vh;height:62.68473vh;width:62.68473vh;left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-propic-big-img{height:49.69212vh;width:74.26667vw;left:calc(50% - 37.13333vw);top:calc(3.69458vh + 1.24rem);transform:scale(2.1);transform-origin:50% 19%}.io-vivo-warp .io-vivo-propic-big-img picture{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px}.io-vivo-warp .io-vivo-propic-big-img img{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:auto}.io-vivo-warp .io-vivo-propic-img{left:calc(50% - 37.13333vw);top:calc(3.69458vh + 1.24rem);height:49.69212vh;width:74.26667vw}.io-vivo-warp .io-vivo-propic-img picture{transform:scale(.8);opacity:.6;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px}.io-vivo-warp .io-vivo-propic-img img{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:auto}.io-vivo-warp .io-vivo-propic-img2{transform:translate(100%)}.io-vivo-warp .io-vivo-propic-img3{transform:translate(200%)}.io-vivo-warp .io-vivo-propic-img4{transform:translate(300%)}.io-vivo-warp .io-vivo-propic-img5{transform:translate(400%)}.io-vivo-warp .io-vivo-propic-mask2{display:none}.io-vivo-warp .io-vivo-propic-dot{width:4.37192vh;height:4.37192vh}.io-vivo-warp .io-vivo-propic-dot .io-vivo-propic-dot-cir{width:4.37192vh;height:4.37192vh;border:2px solid #fff;transform:scale(.42);transition:transform .2s linear;border-radius:100%}.io-vivo-warp .io-vivo-propic-dot span{width:3.44828vh;height:3.44828vh;left:.49261vh;top:.49261vh;background-color:#fff;border-radius:100%}.io-vivo-warp .io-vivo-propic-dot em{font-style:normal;display:block;transform-origin:50% 50%;overflow:hidden}.io-vivo-warp .io-vivo-propic-dot em.io-vivo-propic-dot-img{display:none}.io-vivo-warp .io-vivo-propic-dot em.io-vivo-propic-dot-txt{transform:scale(1);transition:transform .2s linear}.io-vivo-warp .io-vivo-propic-dot p{width:600%;position:absolute;left:-250%;bottom:6.15764vh;text-align:center}.io-vivo-warp .io-vivo-propic-dot p img{width:5.91133vh;height:5.91133vh}.io-vivo-warp .io-vivo-propic-dot-ani .io-vivo-propic-dot-cir{transform:scale(1)}.io-vivo-warp .io-vivo-propic-dot-ani em.io-vivo-propic-dot-img{transform:scale(1);padding-right:1.23153vh;width:5.91133vh;height:5.91133vh}.io-vivo-warp .io-vivo-propic-dot-ani em.io-vivo-propic-dot-txt{transform:scale(1.5)}.io-vivo-warp .io-vivo-propic-dot1{left:calc(50% - 2.21675vh);top:-2.46305vh}.io-vivo-warp .io-vivo-propic-dot2{left:calc(50% + 17.85714vh);top:4.80296vh}.io-vivo-warp .io-vivo-propic-dot3{left:calc(50% + 28.75616vh);top:23.39901vh}.io-vivo-warp .io-vivo-propic-dot4{left:calc(50% + 25.06158vh);top:44.64286vh}.io-vivo-warp .io-vivo-propic-dot5{left:calc(50% + 8.867vh);top:58.49754vh}.io-vivo-warp .io-vivo-main-copy-bot{top:83.74384vh}.io-vivo-warp .io-vivo-focus-img{width:38.36207vh;height:59.42118vh;left:calc(50% - 19.16116vh);top:calc(15.08621vh + 1.24rem);border-radius:6px;overflow:hidden}.io-vivo-warp .io-vivo-focus-icon{width:18.47291vh;height:18.47291vh;left:5%;top:12.5%}.io-vivo-warp .io-vivo-catch-img{width:36.76108vh;height:56.71182vh;left:calc(50% - 18.36058vh);top:calc(17.24138vh + 1.24rem);border-radius:6px;overflow:hidden}.io-vivo-warp .io-vivo-catch-img-bg{transform:scale(2);opacity:.3;filter:url(#blur3)}.io-vivo-warp .io-vivo-darhness-copy1,.io-vivo-warp .io-vivo-darhness-copy2{top:77.58621vh}.io-vivo-warp .io-vivo-darhness-img-box{width:73.39901vh;left:calc(50% - 36.25086vh);top:calc(3.69458vh + 1.24rem)}.io-vivo-warp .io-vivo-darhness-img{width:36.69951vh;height:25.18473vh}.io-vivo-warp .io-vivo-darhness-img picture{width:36.69951vh;height:25.18473vh;overflow:hidden;border-radius:10px}.io-vivo-warp .io-vivo-darhness-img span{top:50%;transform:translateY(-50%)}.io-vivo-warp .io-vivo-darhness-img1{left:9.87028vh;transform:translateX(-100%)}.io-vivo-warp .io-vivo-darhness-img1 span{left:39.48113vh}.io-vivo-warp .io-vivo-darhness-img2{right:9.87028vh;top:28.94089vh;transform:translateX(100%);transform-origin:30% 100%}.io-vivo-warp .io-vivo-darhness-img2 span{right:39.48113vh}.io-vivo-warp .io-vivo-together-big-img{height:100vh;width:125.49261vh;transform:translateX(calc(100vw - 116.62562vh))}.io-vivo-warp .io-vivo-together-big-img img{height:100vh;width:auto}.io-vivo-warp .io-vivo-together-img{left:50%;transform:translateX(-50%);top:calc(18.47291vh + 1.24rem);width:100vw;height:83.33333vw;z-index:5}.io-vivo-warp .io-vivo-together-img span{width:2.95567vh;height:2.95567vh;right:3.07882vh;top:1.0468vh}.io-vivo-warp .io-vivo-together-copy2{top:calc(16.62562vh + 1.24rem + 98.11111vw);opacity:.3}.io-vivo-warp .io-vivo-hardware-box{width:100%;top:calc(14.77833vh + 1.24rem)}.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-txt{position:absolute;left:8%;bottom:0;width:85%}.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-txt p{padding-top:1.23153vh}.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-lens{width:47.47537vh;height:41.00985vh;left:calc(50% - 23.73768vh);position:relative;z-index:2;overflow:hidden}.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-lens img{position:relative}.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-lens .io-vivo-hardware-lens-txt{bottom:10%}.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-t{width:47.47537vh;height:33.867vh;left:calc(50% - 23.73768vh);position:relative;overflow:hidden}.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-t img{position:relative}.io-vivo-warp .io-vivo-hardware-box .io-vivo-hardware-t .io-vivo-hardware-txt{bottom:-6%}.io-vivo-warp .io-vivo-flagship-card{width:66.66667vw;height:18.47291vh;left:calc(50% - 33.33333vw);bottom:18.47291vh}.io-vivo-warp .io-vivo-flagship-card .io-vivo-flagship-card-item{width:66.66667vw;height:18.47291vh;overflow:hidden;transition:transform .5s ease}.io-vivo-warp .io-vivo-flagship-card .io-vivo-flagship-card-item div{padding:1.23153vh 2vw}.io-vivo-warp .io-vivo-flagship-card .io-vivo-flagship-card-item div p{padding-top:1.0468vh}.io-vivo-warp .io-vivo-flagship-card .io-vivo-flagship-card-item img{height:100%}.io-vivo-warp .io-vivo-flagship-card .io-vivo-flagship-card-item:after{transition:opacity .5s ease}.io-vivo-warp .io-vivo-flagship[data-active="1"] .io-vivo-flagship-card-item[data-id="1"]{transform:translate(0) scale(1);z-index:5}.io-vivo-warp .io-vivo-flagship[data-active="1"] .io-vivo-flagship-card-item[data-id="1"]:after{opacity:0}.io-vivo-warp .io-vivo-flagship[data-active="1"] .io-vivo-flagship-card-item[data-id="2"]{transform:translate(8.93333vw) scale(.88);z-index:4}.io-vivo-warp .io-vivo-flagship[data-active="1"] .io-vivo-flagship-card-item[data-id="3"]{transform:translate(16.13333vw) scale(.8);z-index:3}.io-vivo-warp .io-vivo-flagship[data-active="1"] .io-vivo-flagship-card-item[data-id="4"]{transform:translate(23.2vw) scale(.7);z-index:2}.io-vivo-warp .io-vivo-flagship[data-active="2"] .io-vivo-flagship-card-item[data-id="1"]{transform:translate(-8.93333vw) scale(.88);z-index:4}.io-vivo-warp .io-vivo-flagship[data-active="2"] .io-vivo-flagship-card-item[data-id="2"]{transform:translate(0) scale(1);z-index:5}.io-vivo-warp .io-vivo-flagship[data-active="2"] .io-vivo-flagship-card-item[data-id="2"]:after{opacity:0}.io-vivo-warp .io-vivo-flagship[data-active="2"] .io-vivo-flagship-card-item[data-id="3"]{transform:translate(8.93333vw) scale(.88);z-index:3}.io-vivo-warp .io-vivo-flagship[data-active="2"] .io-vivo-flagship-card-item[data-id="4"]{transform:translate(16.13333vw) scale(.8);z-index:2}.io-vivo-warp .io-vivo-flagship[data-active="3"] .io-vivo-flagship-card-item[data-id="1"]{transform:translate(-16.13333vw) scale(.8);z-index:3}.io-vivo-warp .io-vivo-flagship[data-active="3"] .io-vivo-flagship-card-item[data-id="2"]{transform:translate(-8.93333vw) scale(.88);z-index:4}.io-vivo-warp .io-vivo-flagship[data-active="3"] .io-vivo-flagship-card-item[data-id="3"]{transform:translate(0) scale(1);z-index:5}.io-vivo-warp .io-vivo-flagship[data-active="3"] .io-vivo-flagship-card-item[data-id="3"]:after{opacity:0}.io-vivo-warp .io-vivo-flagship[data-active="3"] .io-vivo-flagship-card-item[data-id="4"]{transform:translate(8.93333vw) scale(.88);z-index:2}.io-vivo-warp .io-vivo-flagship[data-active="4"] .io-vivo-flagship-card-item[data-id="1"]{transform:translate(-23.2vw) scale(.7);z-index:2}.io-vivo-warp .io-vivo-flagship[data-active="4"] .io-vivo-flagship-card-item[data-id="2"]{transform:translate(-16.13333vw) scale(.8);z-index:3}.io-vivo-warp .io-vivo-flagship[data-active="4"] .io-vivo-flagship-card-item[data-id="3"]{transform:translate(-8.93333vw) scale(.88);z-index:4}.io-vivo-warp .io-vivo-flagship[data-active="4"] .io-vivo-flagship-card-item[data-id="4"]{transform:translate(0) scale(1);z-index:5}.io-vivo-warp .io-vivo-flagship[data-active="4"] .io-vivo-flagship-card-item[data-id="4"]:after{opacity:0}.io-vivo-warp .io-vivo-flagship-icon div,.io-vivo-warp .io-vivo-flagship-icon p{width:12.96798vh;height:4.00246vh}.io-vivo-warp .io-vivo-flagship-icon div{left:5%;bottom:30px}.io-vivo-warp .io-vivo-design1 .io-vivo-design1-phone{width:38.09477vh;height:110.83744vh;transform:translate(-50%,-50%) scale(2)}.io-vivo-warp .io-vivo-design2 .io-vivo-design2-phone{width:37.70916vh;height:81.89655vh;transform:translate(-50%,-50%) scale(2.6);top:110%;left:78%;opacity:0}.io-vivo-warp .io-vivo-design2 .io-vivo-design2-btn{width:7.0197vh;height:7.0197vh;padding:44.02709vh 0 0}.io-vivo-warp .mobi-show{display:block}.io-vivo-warp .mobi-hidden,.io-vivo-warp .pc-show{display:none}.io-vivo-warp .io-vivo-scroll-tips{font-size:12px}.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}.io-vivo-back-top-export{bottom:70px;right:20px;width:54px;height:36px;font-size:12px;line-height:36px;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;position:fixed;color:#fff;text-align:center;background-color:rgba(87,92,102,.4);cursor:pointer;-webkit-transition:background-color .3s ease;-o-transition:background-color ease .3s;-moz-transition:background-color ease .3s;transition:background-color .3s ease;z-index:100}}@media screen and (min-width:769px){.io-vivo-natural .io-vivo-natural-copy-center{width:100vw;left:0;top:calc(95vh - 100px)}.io-vivo-natural .io-vivo-natural-copy-center .io-vivo-main-copy-center{text-align:center}.io-vivo-natural .io-vivo-natural-mask1 picture{-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;-webkit-mask-size:37vw 45vh;mask-size:37vw 45vh;-webkit-mask-position:45vw 25vh;mask-position:45vw 25vh;-webkit-mask-image:url(../../zip/img/pc_natural_mask1.png);mask-image:url(../../zip/img/pc_natural_mask1.png);mix-blend-mode:normal}.io-vivo-natural .io-vivo-natural-mask2{width:37vw;height:45vh;position:absolute;left:18vw;top:15vh;background:url(../../zip/img/pc_natural_mask2.png) no-repeat 0,100%;border-radius:15px;background-size:100% 100%}.io-vivo-natural .io-vivo-natural-mask3 picture{-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;-webkit-mask-size:10vw 35vh;mask-size:10vw 35vh;-webkit-mask-position:45vw 29vh;mask-position:45vw 29vh;-webkit-mask-image:url(../../zip/img/pc_natural_mask4.png);mask-image:url(../../zip/img/pc_natural_mask4.png);margin-top:-4vh}.io-vivo-natural .io-vivo-natural-mask3.maskImg1 picture{-webkit-mask-image:url(../../zip/img/pc_natural_mask3.png);mask-image:url(../../zip/img/pc_natural_mask3.png)}.io-vivo-natural .io-vivo-natural-mask3.maskImg2 picture{-webkit-mask-image:url(../../zip/img/pc_natural_mask1.png);mask-image:url(../../zip/img/pc_natural_mask1.png)}.io-vivo-natural .io-vivo-natural-bg4 .io-vivo-natural-phone{width:59vw;height:49.5vh;left:20vw;top:15vh}}@media screen and (min-width:280px) and (max-width:768px){.io-vivo-natural .io-vivo-natural-copy-center{width:80vw;left:10vw;top:calc(95vh - 100px)}.io-vivo-natural .io-vivo-natural-copy-center .io-vivo-main-copy-center{text-align:left}.io-vivo-natural .io-vivo-natural-copy2{width:80vw;left:10vw;top:10vh}.io-vivo-natural .io-vivo-natural-copy2 .io-vivo-natural-copy2_2{margin-top:64vh}.io-vivo-natural .io-vivo-natural-mask1 picture{-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;-webkit-mask-size:78vw 47vh;mask-size:78vw 47vh;-webkit-mask-position:2vw 18vh;mask-position:2vw 18vh;-webkit-mask-image:url(../../zip/img/mb_natural_mask1.png);mask-image:url(../../zip/img/mb_natural_mask1.png);mix-blend-mode:normal;margin-top:1vh}.io-vivo-natural .io-vivo-natural-mask2{width:78vw;height:47vh;position:absolute;left:20vw;top:44vh;background:url(../../zip/img/mb_natural_mask2.png) no-repeat 0,100%;border-radius:15px;background-size:100% 100%}.io-vivo-natural .io-vivo-natural-mask3 picture{-webkit-mask:no-repeat center/contain;mask:no-repeat center/contain;-webkit-mask-size:60vw 21vh;mask-size:60vw 21vh;-webkit-mask-position:20vw 44vh;mask-position:20vw 44vh;-webkit-mask-image:url(../../zip/img/mb_natural_mask4.png);mask-image:url(../../zip/img/mb_natural_mask4.png);margin-top:1vh}.io-vivo-natural .io-vivo-natural-mask3.maskImg1 picture{-webkit-mask-image:url(../../zip/img/mb_natural_mask3.png);mask-image:url(../../zip/img/mb_natural_mask3.png)}.io-vivo-natural .io-vivo-natural-mask3.maskImg2 picture{-webkit-mask-image:url(../../zip/img/mb_natural_mask1.png);mask-image:url(../../zip/img/mb_natural_mask1.png)}.io-vivo-natural .io-vivo-natural-bg4 .io-vivo-natural-phone{width:70vw;height:72vh;left:16vw;top:8vh}}.io-vivo-warp .io-vivo-chip1-mask{position:absolute;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:10}.io-vivo-warp .io-vivo-chip4-w1:after{clear:both;content:"";display:block;height:0;visibility:hidden}.io-vivo-warp .io-vivo-chip4-w1{*zoom:1}@media screen and (min-width:769px){.io-vivo-warp .io-vivo-chip1,.io-vivo-warp .io-vivo-finger1{height:700vh}.io-vivo-warp .io-vivo-battery1{height:350vh}.io-vivo-warp .io-vivo-recharge1{height:720vh}.io-vivo-warp .io-vivo-fscreen1{height:550vh}.io-vivo-warp .io-vivo-hz120{height:400vh}.io-vivo-warp .io-vivo-water1{height:500vh}.io-vivo-warp .io-vivo-gnv1{height:200vh}.io-vivo-warp .io-vivo-color1{height:300vh}.io-vivo-warp .io-vivo-m48,.io-vivo-warp .io-vivo-x601{height:450vh}.io-vivo-warp .io-vivo-page38,.io-vivo-warp .io-vivo-sport37{height:150vh}.io-vivo-warp .io-vivo-page39{height:500vh}.io-vivo-warp .io-vivo-main-copy-chip2,.io-vivo-warp .io-vivo-main-copy-chip3{top:auto;bottom:46%;width:70%;left:15%}.io-vivo-warp .io-vivo-main-copy-chip2,.io-vivo-warp .io-vivo-main-copy-chip4{top:auto;bottom:6%;width:70%;left:15%}.io-vivo-warp .chip-tit-a0{height:10px;padding-top:0!important;width:100%!important;overflow:hidden}.io-vivo-warp .chip-tit-a1{width:65%;padding-top:1vw!important}.io-vivo-warp .io-vivo-main-copy .io-vivo-chip4-w1{float:left;width:50%;display:flex;flex-wrap:wrap;justify-content:space-between}.io-vivo-warp .io-vivo-main-copy .io-vivo-chip4-w1 p{padding-top:0;width:65%;margin:0}.io-vivo-warp .chip-tit-a1 .chip-line1{display:block;height:5px;background:linear-gradient(90deg,#5c80d2,#b9d6fe);padding-top:0!important;overflow:hidden;margin-top:5px;border-radius:10px}.io-vivo-warp .chip-tit-a1 .chip-line2{background:linear-gradient(90deg,#444,#c6c6c6)}.io-vivo-warp .io-vivo-main-copy .io-vivo-chip4-w1 p.chip-tit-a2{width:65%}.io-vivo-warp .chip-tit-a3{width:30%!important;margin-top:-10px!important;margin-right:-5%!important;padding-top:0!important}.io-vivo-warp .chip-tit-a3-spacil{margin-right:0!important}.io-vivo-warp .chip-tit-a3 .k1,.io-vivo-warp .chip-tit-a3 .k1 em{font-style:normal}.io-vivo-warp .chip-tit-a3 .k1 em:first-child{background-image:linear-gradient(90deg,#5c80d2,#b9d6fe 60%);background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.io-vivo-warp .chip-tit-a3 .k2{background-image:none;color:#fff}.io-vivo-warp .chip-tit-a3 .k3{color:#3180ff;margin-left:5px}.io-vivo-warp .chip-tit-a3 .k4{display:block;font-size:12px;white-space:nowrap}.io-vivo-warp .chip-tit-a1 .ww1 .chip-line1{max-width:86%}.io-vivo-warp .chip-tit-a1 .ww2 .chip-line1{max-width:72%}.io-vivo-warp .chip-tit-a1 .ww3 .chip-line1{max-width:100%}.io-vivo-warp .chip-tit-a1 .ww4 .chip-line1{max-width:26%}.io-vivo-warp .chip-tit-a1 .ww5 .chip-line1{max-width:74%}.io-vivo-warp .chip-tit-a1 .ww6 .chip-line1{max-width:51%}.io-vivo-warp .chip-tit-a1 .ww7 .chip-line1{max-width:100%}.io-vivo-warp .chip-tit-a1 .ww8 .chip-line1{max-width:72%}.io-vivo-warp .chip-tit-a1 .ww9 .chip-line1{max-width:100%}.io-vivo-warp .chip-tit-a1 .ww10 .chip-line1{max-width:72%}.io-vivo-warp .io-vivo-br_mb{display:none}.io-vivo-warp .io-vivo-br_pc{display:inline}.io-vivo-warp .io-vivo-finger1-copy1,.io-vivo-warp .io-vivo-finger1-copy2,.io-vivo-warp .io-vivo-finger1-copy3{top:auto;bottom:5vh;transform:translateX(-50%);left:50%}.io-vivo-warp .io-vivo-finger1 .io-vivo-main-copy-center{text-align:center}.io-vivo-warp .io-vivo-finger1_a1{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-finger1_a2{top:42.6%;width:7.8vw}.io-vivo-warp .io-vivo-finger1_a2,.io-vivo-warp .io-vivo-finger1_a3{position:absolute;left:50%;transform:translateX(-50%);margin-left:.8vw}.io-vivo-warp .io-vivo-finger1_a3{top:36%;width:24.6vw}.io-vivo-warp .io-vivo-finger1_a4{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-finger1_a5{position:absolute;bottom:36%;left:50%;width:9.6vw;transform:translateX(-50%)}.io-vivo-warp .io-vivo-finger1_a6{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-finger1_a7{position:absolute;bottom:36%;width:11.8vw}.io-vivo-warp .io-vivo-battery1-copy1,.io-vivo-warp .io-vivo-finger1_a7{left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-battery1_a1,.io-vivo-warp .io-vivo-battery1_a2,.io-vivo-warp .io-vivo-battery1_a3,.io-vivo-warp .io-vivo-battery1_a4{position:absolute;bottom:0;left:0;opacity:0;filter:alpha(opacity=0)}.io-vivo-warp .io-vivo-battery1 .io-vivo-main-copy-center{text-align:center}.io-vivo-warp .io-vivo-copy-recharge1,.io-vivo-warp .io-vivo-copy-recharge2,.io-vivo-warp .io-vivo-copy-recharge3{top:40%}.io-vivo-warp .io-vivo-recharge1_a1,.io-vivo-warp .io-vivo-recharge1_a2,.io-vivo-warp .io-vivo-recharge2_a1,.io-vivo-warp .io-vivo-recharge2_a2,.io-vivo-warp .io-vivo-recharge3_a1,.io-vivo-warp .io-vivo-recharge3_a2{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-fscreen1-copy1{top:38vh;transform:translateX(-50%);left:50%}.io-vivo-warp .io-vivo-fscreen1 .io-vivo-main-copy-center{text-align:center}.io-vivo-warp .io-vivo-fscreen1_a1,.io-vivo-warp .io-vivo-fscreen1_a3{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-fscreen1_a2{position:absolute;bottom:3%;right:14%;width:9.4vw;z-index:3}.io-vivo-warp .io-vivo-fscreen1_a4{position:absolute;bottom:5%;left:50%;width:57.8vw;transform:translateX(-50%)}.io-vivo-warp .io-vivo-fscreen1_a3{position:absolute;top:35vh;left:30vw;width:44.2vw}.io-vivo-warp .io-vivo-hz120-copy1{top:40%;left:14%;width:40%}.io-vivo-warp .io-vivo-hz120_a1{position:absolute;width:42.64517vh;height:92.59259vh;bottom:-7.40741vh;right:33.51852vh}.io-vivo-warp .io-vivo-hz120_a1 .io-vivo-hz-phone{z-index:5;position:relative}.io-vivo-warp .io-vivo-hz120_a2{position:absolute;width:40.55556vh;height:80.64815vh;top:4.16667vh;left:.83812vh;border-radius:20px;overflow:hidden}.io-vivo-warp .io-vivo-hz120_a2 canvas{position:absolute;z-index:2;width:100%;height:100%;top:0}.io-vivo-warp .io-vivo-water1-copy1{top:13vh;transform:translateX(-50%);left:50%}.io-vivo-warp .io-vivo-water1-copy1 .io-vivo-main-copy-center{text-align:center}.io-vivo-warp .io-vivo-water1_bg{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-water1_top{position:absolute;bottom:0;right:6vw;width:56vw}.io-vivo-warp .io-vivo-water1_bom{position:absolute;bottom:0;right:24;width:81.6vw}.io-vivo-warp .io-vivo-water1_phone{position:absolute;bottom:-40vh;right:16vw;width:49.8vw}.io-vivo-warp .io-vivo-gnv1-copy1{transform:translateX(-50%);left:50%}.io-vivo-warp .io-vivo-gnv1-copy1 .io-vivo-main-copy-center{text-align:center}.io-vivo-warp .io-vivo-gnv1_bg1{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-color1-copy1 h2,.io-vivo-warp .io-vivo-color1-copy1 p{color:#797979}.io-vivo-warp .io-vivo-color1-copy1 .io-vivo-main-copy-center{text-align:center}.io-vivo-warp .io-vivo-color1_bg1,.io-vivo-warp .io-vivo-color1_bg2,.io-vivo-warp .io-vivo-color1_bg3{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-m48-copy1{transform:translateX(-50%);left:50%}.io-vivo-warp .io-vivo-m48-copy1 .io-vivo-br_pc{display:block}.io-vivo-warp .io-vivo-m48-copy2{transform:translateX(-50%);left:50%}.io-vivo-warp .io-vivo-m48-copy1 .io-vivo-main-copy-center,.io-vivo-warp .io-vivo-m48-copy2 .io-vivo-main-copy-center{text-align:center}.io-vivo-warp .io-vivo-m48_bg1{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-m48_a1{position:absolute;bottom:8vh;left:50%;width:50.4vw;transform:translateX(-50%)}.io-vivo-warp .io-vivo-x601-copy1{top:56vh;width:41%;transform:translateY(-50%)}.io-vivo-warp .io-vivo-x601_bg1,.io-vivo-warp .io-vivo-x601_bg2,.io-vivo-warp .io-vivo-x601_bg3{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-sport37-copy1{top:auto;bottom:12vh;transform:translateX(-50%);left:50%}.io-vivo-warp .io-vivo-sport37-copy1 .io-vivo-main-copy-center{text-align:center}.io-vivo-warp .io-vivo-sport37_bg{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-page38-copy1{top:auto;bottom:8%;width:40vw;text-shadow:1px 1px 2px rgba(0,0,0,.6)}.io-vivo-warp .io-vivo-page39-big-img{opacity:.2}.io-vivo-warp .io-vivo-page38_bg{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-page38_a1{position:absolute;top:22vh;left:50%;width:6.4vw;transform:translateX(-50%)}.io-vivo-warp .io-vivo-page39-copy1{top:40vh}.io-vivo-warp .io-vivo-page39-copy2,.io-vivo-warp .io-vivo-page39-copy3{top:52vh}.io-vivo-warp .io-vivo-page39_bg{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-page39_a1{z-index:6;margin:0 auto auto 0;opacity:1;filter:alpha(opacity=100)}.io-vivo-warp .io-vivo-page39_a1,.io-vivo-warp .io-vivo-page39_a2{position:absolute;top:50vh;left:58%;width:22.6vw;border-radius:8px;box-shadow:5px 5px 5px rgba(0,0,0,.6);transform:translateY(-50%);overflow:hidden}.io-vivo-warp .io-vivo-page39_a2{z-index:5;margin:1vw auto auto 2vw;opacity:0;filter:alpha(opacity=0)}.io-vivo-warp .io-vivo-page39_a3{z-index:4;margin:2vw auto auto 4vw}.io-vivo-warp .io-vivo-page39_a3,.io-vivo-warp .io-vivo-page39_a4{position:absolute;top:50vh;left:58%;width:22.6vw;border-radius:8px;box-shadow:5px 5px 5px rgba(0,0,0,.6);opacity:0;filter:alpha(opacity=0);transform:translateY(-50%);overflow:hidden}.io-vivo-warp .io-vivo-page39_a4{z-index:3;margin:3vw auto auto 6vw}.io-vivo-warp .io-vivo-page39_a5{position:absolute;top:50vh;left:58%;width:22.6vw;border-radius:8px;box-shadow:5px 5px 5px rgba(0,0,0,.6);z-index:2;margin:4vw auto auto 8vw;opacity:0;filter:alpha(opacity=0);transform:translateY(-50%);overflow:hidden}}@media screen and (min-width:280px) and (max-width:768px){.io-vivo-warp .io-vivo-chip1{height:900vh}.io-vivo-warp .io-vivo-finger1{height:750vh}.io-vivo-warp .io-vivo-battery1{height:500vh}.io-vivo-warp .io-vivo-recharge1{height:750vh}.io-vivo-warp .io-vivo-fscreen1{height:700vh}.io-vivo-warp .io-vivo-hz120,.io-vivo-warp .io-vivo-water1{height:550vh}.io-vivo-warp .io-vivo-gnv1{height:250vh}.io-vivo-warp .io-vivo-color1{height:350vh}.io-vivo-warp .io-vivo-m48,.io-vivo-warp .io-vivo-x601{height:600vh}.io-vivo-warp .io-vivo-page38,.io-vivo-warp .io-vivo-sport37{height:200vh}.io-vivo-warp .io-vivo-page39{height:700vh}.io-vivo-warp .io-vivo-main-copy-chip2,.io-vivo-warp .io-vivo-main-copy-chip4{top:auto;bottom:3vh}.io-vivo-warp .chip-tit-a0{height:10px;padding-top:0!important;width:100%;overflow:hidden}.io-vivo-warp .chip-tit-a1{float:left;width:65%;padding-top:0!important}.io-vivo-warp .chip-tit-a1 .chip-line1{display:block;height:5px;background:linear-gradient(90deg,#5c80d2,#b9d6fe);padding-top:0!important;overflow:hidden;margin-top:5px;border-radius:10px}.io-vivo-warp .chip-tit-a1 .chip-line2{background:linear-gradient(90deg,#444,#c6c6c6)}.io-vivo-warp .chip-tit-a3{float:right;width:30%!important;margin-top:-10px;padding-top:0!important}.io-vivo-warp .chip-tit-a3 .k1,.io-vivo-warp .chip-tit-a3 .k1 em{font-style:normal}.io-vivo-warp .chip-tit-a3 .k1 em:first-child{background-image:linear-gradient(90deg,#5c80d2,#b9d6fe 60%);background-position:0;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text}.io-vivo-warp .chip-tit-a3 .k2{color:#fff;background-image:none}.io-vivo-warp .chip-tit-a3 .k3{color:#3180ff;margin-left:5px}.io-vivo-warp .chip-tit-a3 .k4{display:block;font-size:12px;white-space:nowrap;transform:scale(.85);transform-origin:left}.io-vivo-warp .chip-tit-a1 .ww1 .chip-line1{max-width:86%}.io-vivo-warp .chip-tit-a1 .ww2 .chip-line1{max-width:72%}.io-vivo-warp .chip-tit-a1 .ww3 .chip-line1{max-width:100%}.io-vivo-warp .chip-tit-a1 .ww4 .chip-line1{max-width:26%}.io-vivo-warp .chip-tit-a1 .ww5 .chip-line1{max-width:74%}.io-vivo-warp .chip-tit-a1 .ww6 .chip-line1{max-width:51%}.io-vivo-warp .chip-tit-a1 .ww7 .chip-line1{max-width:100%}.io-vivo-warp .chip-tit-a1 .ww8 .chip-line1{max-width:72%}.io-vivo-warp .chip-tit-a1 .ww9 .chip-line1{max-width:100%}.io-vivo-warp .chip-tit-a1 .ww10 .chip-line1{max-width:72%}.io-vivo-warp .io-vivo-br_mb{display:inline}.io-vivo-warp .io-vivo-br_pc{display:none}.io-vivo-warp .io-vivo-finger1-copy1,.io-vivo-warp .io-vivo-finger1-copy2,.io-vivo-warp .io-vivo-finger1-copy3{top:auto;bottom:3vh}.io-vivo-warp .io-vivo-finger1_a1{position:absolute;bottom:0;left:0;width:100vw}.io-vivo-warp .io-vivo-finger1_a2{position:absolute;top:42.6%;left:50%;width:22.1vw;transform:translateX(-50%)}.io-vivo-warp .io-vivo-finger1_a3{position:absolute;top:36%;left:50%;width:81.4vw;transform:translateX(-50%)}.io-vivo-warp .io-vivo-finger1_a4{position:absolute;bottom:0;left:0;width:100vw}.io-vivo-warp .io-vivo-finger1_a5{position:absolute;bottom:36%;left:50%;width:27vw;transform:translateX(-50%)}.io-vivo-warp .io-vivo-finger1_a6{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-finger1_a7{position:absolute;bottom:36%;left:50%;width:27vw;transform:translateX(-50%)}.io-vivo-warp .io-vivo-battery1_a1,.io-vivo-warp .io-vivo-battery1_a2,.io-vivo-warp .io-vivo-battery1_a3,.io-vivo-warp .io-vivo-battery1_a4{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}.io-vivo-warp .io-vivo-recharge1_a1,.io-vivo-warp .io-vivo-recharge1_a2,.io-vivo-warp .io-vivo-recharge2_a1,.io-vivo-warp .io-vivo-recharge2_a2,.io-vivo-warp .io-vivo-recharge3_a1,.io-vivo-warp .io-vivo-recharge3_a2{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-fscreen1-p1{position:absolute;bottom:3vh;left:0;width:100vw}.io-vivo-warp .io-vivo-fscreen1-copy1{position:relative;top:auto}.io-vivo-warp .io-vivo-fscreen1_a1{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-fscreen1_a2{position:absolute;bottom:3%;right:5%;width:24.2vw;z-index:3}.io-vivo-warp .io-vivo-fscreen1_a4{position:relative;margin-top:4vh;left:50%;width:83vw;transform:translateX(-50%)}.io-vivo-warp .io-vivo-fscreen1_a3{position:absolute;top:35vh;left:1.5%;width:97.6vw}.io-vivo-warp .io-vivo-hz120_a1{position:absolute;width:34.03211vh;height:73.89163vh;bottom:-4.92611vh;left:calc(50% - 17.01605vh)}.io-vivo-warp .io-vivo-hz120_a1 .io-vivo-hz-phone{z-index:5;position:relative}.io-vivo-warp .io-vivo-hz120_a2{position:absolute;width:30.96492vh;height:61.57635vh;top:4.31034vh;left:1.2386vh;border-radius:20px;overflow:hidden}.io-vivo-warp .io-vivo-hz120_a2 canvas{position:absolute;z-index:2;width:100%;height:100%;top:0}.io-vivo-warp .io-vivo-water1-copy1{top:14vh}.io-vivo-warp .io-vivo-water1_bg{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-water1_bom,.io-vivo-warp .io-vivo-water1_top{position:absolute;bottom:10vh;left:0;width:100vw}.io-vivo-warp .io-vivo-water1_phone{position:absolute;bottom:0;left:0;width:100vw}.io-vivo-warp .io-vivo-gnv1_bg1{position:absolute;top:-10vh;left:0;width:100vw}.io-vivo-warp .io-vivo-color1-copy1 h2,.io-vivo-warp .io-vivo-color1-copy1 p{color:#797979}.io-vivo-warp .io-vivo-color1_bg1,.io-vivo-warp .io-vivo-color1_bg2,.io-vivo-warp .io-vivo-color1_bg3{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-m48-copy2{top:auto;bottom:20vh}.io-vivo-warp .io-vivo-m48_bg1{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-m48_a1{position:absolute;top:50%;left:0;width:100vw;transform:translateY(-50%)}.io-vivo-warp .io-vivo-x601-copy1{top:auto;bottom:3vh}.io-vivo-warp .io-vivo-x601_bg1,.io-vivo-warp .io-vivo-x601_bg2,.io-vivo-warp .io-vivo-x601_bg3{position:absolute;top:50%;left:0;width:100vw;transform:translateY(-50%)}.io-vivo-warp .io-vivo-sport37-copy1{top:auto;bottom:16vh}.io-vivo-warp .io-vivo-sport37_bg{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-page38-copy1{top:auto;bottom:8vh}.io-vivo-warp .io-vivo-page38_bg{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-page38_a1{position:absolute;top:19vh;left:50%;width:17.2vw;transform:translateX(-50%)}.io-vivo-warp .io-vivo-page39-copy2{top:auto;bottom:8vh}.io-vivo-warp .io-vivo-page39-big-img{opacity:.2}.io-vivo-warp .io-vivo-page39-copy3{top:auto;bottom:8vh}.io-vivo-warp .io-vivo-page39_bg{position:absolute;top:0;left:0;width:100vw}.io-vivo-warp .io-vivo-page39_a1{z-index:6;margin:0 auto auto 0;opacity:1;filter:alpha(opacity=100)}.io-vivo-warp .io-vivo-page39_a1,.io-vivo-warp .io-vivo-page39_a2{position:absolute;top:50vh;left:12%;width:58.6vw;border-radius:8px;box-shadow:5px 5px 5px rgba(0,0,0,.6);transform:translateY(-50%);overflow:hidden}.io-vivo-warp .io-vivo-page39_a2{z-index:5;margin:.4rem auto auto .5rem;opacity:0;filter:alpha(opacity=0)}.io-vivo-warp .io-vivo-page39_a3{z-index:4;margin:.8rem auto auto 1rem}.io-vivo-warp .io-vivo-page39_a3,.io-vivo-warp .io-vivo-page39_a4{position:absolute;top:50vh;left:12%;width:58.6vw;border-radius:8px;box-shadow:5px 5px 5px rgba(0,0,0,.6);opacity:0;filter:alpha(opacity=0);transform:translateY(-50%);overflow:hidden}.io-vivo-warp .io-vivo-page39_a4{z-index:3;margin:1.2rem auto auto 1.5rem}.io-vivo-warp .io-vivo-page39_a5{position:absolute;top:50vh;left:12%;width:58.6vw;border-radius:8px;box-shadow:5px 5px 5px rgba(0,0,0,.6);z-index:2;margin:1.6rem auto auto 2rem;opacity:0;filter:alpha(opacity=0);transform:translateY(-50%);overflow:hidden}}@-webkit-keyframes hiddenEles{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes hiddenEles{0%{opacity:1}to{opacity:0;visibility:hidden}}@media screen and (min-width:769px){.io-vivo-warp .io-vivo-kv{height:calc(56.25vw + 76px)}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark{bottom:15px}.io-vivo-warp .io-vivo-kv picture img{width:100%;height:auto;transform:translateX(0);left:0;top:85px}}@media screen and (min-width:280px) and (max-width:768px){.io-vivo-warp .io-vivo-kv{height:calc(216.53333vw + 60px)}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark{color:rgba(0,0,0,.7);transform:scale(.4)}.io-vivo-warp .io-vivo-kv picture img{width:100%;height:auto;transform:translateX(0);left:0;top:60px}}