@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-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{font-size:70%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}.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-start-box{z-index:6;top:0;position:fixed;width:100%;height:100vh;overflow:hidden;background-color:#000}.io-vivo-start-box #io-vivo-start{position:absolute;width:100%;height:100%}.io-vivo-warp{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,PingFang,Heiti SC 黑体-简,Microsoft YaHei,Helvetica Neue,Helvetica,Arial;width:100%;z-index:20;color:#fff;background-color:#000}.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-collapse:collapse;border-spacing:0}.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{font-size:70%;line-height:0;position:relative;vertical-align:baseline}.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{text-decoration:none;color:#fff;transition:all .5s ease}.io-vivo-warp .io-vivo-main_bg img{height:100%}.io-vivo-warp .io-vivo-section-sticky{position:sticky;top:0;overflow:hidden}.io-vivo-warp .io-vivo-section{width:100%;position:relative;z-index:5}.io-vivo-warp .io-vivo-kv{overflow:hidden;height:100vh;z-index:10}.io-vivo-warp .io-vivo-section-slogan{height:200vh;margin-top:-3px}.io-vivo-warp .io-vivo-section-slogan-mask-text{height:100%;width:100%;position:absolute;z-index:10;top:0;transform-origin:50% 50%}.io-vivo-warp .io-vivo-section-slogan-mask-text svg{width:100%;height:100%}.io-vivo-warp .io-vivo-section-slogan-mask-text svg text{text-anchor:middle;word-spacing:-1px;word-break:break-all}.io-vivo-warp .io-vivo-section-slogan-mask-text svg #slogan-alpha{fill:#fff}.io-vivo-warp .io-vivo-section-slogan-mask-text svg #slogan-base{fill:#000;-webkit-mask:url(#mask);mask:url(#mask)}.io-vivo-warp .io-vivo-section-mask-text{height:100%;width:100%;position:absolute;z-index:10;top:0;transform-origin:50% 57%}.io-vivo-warp .io-vivo-section-mask-text svg{width:100%;height:100%}.io-vivo-warp .io-vivo-section-mask-text svg text{text-anchor:middle;word-spacing:-1px;word-break:break-all;opacity:1}.io-vivo-warp .io-vivo-section-mask-text svg .slogan-alpha2{fill:#d9d9d9;filter:blur(10)}.io-vivo-warp .io-vivo-section-origin-mask-text{transform-origin:50% 43%}.io-vivo-warp .io-vivo-section-dark-mask-text .slogan-base2{fill:#000;-webkit-mask:url(#mask2);mask:url(#mask2)}.io-vivo-warp .io-vivo-section-portrait-mask-text .slogan-base2{fill:#000;-webkit-mask:url(#mask3);mask:url(#mask3)}.io-vivo-warp .io-vivo-section-want-mask-text .slogan-base2{fill:#000;-webkit-mask:url(#mask4);mask:url(#mask4)}.io-vivo-warp .io-vivo-section-origin-mask-text .slogan-base2{fill:#000;-webkit-mask:url(#mask5);mask:url(#mask5)}.io-vivo-warp .io-vivo-section-dark-copy1,.io-vivo-warp .io-vivo-section-origin-copy1,.io-vivo-warp .io-vivo-section-portrait-copy1,.io-vivo-warp .io-vivo-section-want-copy1{position:absolute;top:50%;transform:translateY(-50%);z-index:25;width:100%;text-align:center}.io-vivo-warp .io-vivo-section-dark-copy2,.io-vivo-warp .io-vivo-section-design-copy2,.io-vivo-warp .io-vivo-section-origin-copy2,.io-vivo-warp .io-vivo-section-portrait-copy2,.io-vivo-warp .io-vivo-section-want-copy2{position:absolute;width:100%;height:100%;top:0;z-index:20;text-align:center}.io-vivo-warp .io-vivo-section-dark-copy2 .io-vivo-section-dark-h3,.io-vivo-warp .io-vivo-section-dark-copy2 .io-vivo-section-origin-h3,.io-vivo-warp .io-vivo-section-dark-copy2 .io-vivo-section-portrait-h3,.io-vivo-warp .io-vivo-section-dark-copy2 .io-vivo-section-want-h3,.io-vivo-warp .io-vivo-section-design-copy2 .io-vivo-section-dark-h3,.io-vivo-warp .io-vivo-section-design-copy2 .io-vivo-section-origin-h3,.io-vivo-warp .io-vivo-section-design-copy2 .io-vivo-section-portrait-h3,.io-vivo-warp .io-vivo-section-design-copy2 .io-vivo-section-want-h3,.io-vivo-warp .io-vivo-section-origin-copy2 .io-vivo-section-dark-h3,.io-vivo-warp .io-vivo-section-origin-copy2 .io-vivo-section-origin-h3,.io-vivo-warp .io-vivo-section-origin-copy2 .io-vivo-section-portrait-h3,.io-vivo-warp .io-vivo-section-origin-copy2 .io-vivo-section-want-h3,.io-vivo-warp .io-vivo-section-portrait-copy2 .io-vivo-section-dark-h3,.io-vivo-warp .io-vivo-section-portrait-copy2 .io-vivo-section-origin-h3,.io-vivo-warp .io-vivo-section-portrait-copy2 .io-vivo-section-portrait-h3,.io-vivo-warp .io-vivo-section-portrait-copy2 .io-vivo-section-want-h3,.io-vivo-warp .io-vivo-section-want-copy2 .io-vivo-section-dark-h3,.io-vivo-warp .io-vivo-section-want-copy2 .io-vivo-section-origin-h3,.io-vivo-warp .io-vivo-section-want-copy2 .io-vivo-section-portrait-h3,.io-vivo-warp .io-vivo-section-want-copy2 .io-vivo-section-want-h3,.io-vivo-warp .slogan-main-copy{position:absolute;width:100%;z-index:20}.io-vivo-warp .slogan-main-copy{text-align:center;opacity:0}.io-vivo-warp .io-vivo-section-dark-img-mask{position:absolute;z-index:15;width:100%;height:100%;top:0;background-color:transparent}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip{position:absolute;overflow:hidden;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip picture{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:0!important}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip2,.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip3,.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip4{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip4{opacity:0}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip4-time{position:absolute;top:5%;left:50%;transform:translateX(-50%);padding-left:22px;display:flex;justify-content:center}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip4-time span{display:block}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip4-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 .io-vivo-section-origin-img-mask,.io-vivo-warp .io-vivo-section-portrait-img-mask,.io-vivo-warp .io-vivo-section-want-img-mask{position:absolute;z-index:15;width:100%;height:100%;top:0;background-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{vertical-align:top;display:inline-block;border:2px solid #fff;border-radius:16px}.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-warp .io-vivo-section-lens,.io-vivo-warp .io-vivo-section-lens2{height:400vh}.io-vivo-warp .io-vivo-section-lens-sticky{height:100vh}.io-vivo-warp .io-vivo-main-copy{position:absolute;z-index:10}.io-vivo-warp .imgbj1{background:url(../../zip/img/text-clip.jpg) no-repeat 50%;background-size:cover;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.io-vivo-warp .imgbj1 strong{background:url(../../zip/img/text-clip.jpg) no-repeat 50%;background-size:cover;-webkit-background-clip:text;background-clip:text}.io-vivo-warp .imgbj1 strong,.io-vivo-warp h3.imgbj3 strong{-webkit-text-fill-color:transparent;font-weight:100;display:inline-block}.io-vivo-warp h3.imgbj3 strong{background:url(../../zip/img/pc_design-txt-bj2.jpg) no-repeat 50%;background-size:cover;-webkit-background-clip:text;background-clip:text}.io-vivo-warp h3.imgbj4 strong{background-image:linear-gradient(90deg,#e6e6e6,#3c3c3c);background-position:bottom;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.io-vivo-warp h3.imgbj5 strong{background:url(../../zip/img/color-text-bj.jpg) no-repeat 50%;background-size:cover;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:100;display:inline-block}.io-vivo-warp h2.imgbj2 span{background:url(../../zip/img/pc_design-txt-bj.jpg) no-repeat 0 50%;background-size:100% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.io-vivo-warp .io-vivo-section-lens1-img{position:absolute;width:100%;height:100%;z-index:5}.io-vivo-warp .io-vivo-section-lens1-img div{position:absolute;width:100%;height:100%;top:0}.io-vivo-warp .io-vivo-section-lens1-img picture{position:absolute;bottom:0}.io-vivo-warp .io-vivo-section-dark{height:800vh}.io-vivo-warp #io-dark-video{z-index:40}.io-vivo-warp .io-vivo-section-portrait{background-color:#fff;height:400vh}.io-vivo-warp .io-vivo-section-want{background-color:#fff;height:1000vh}.io-vivo-warp .io-vivo-section-origin{height:300vh}.io-vivo-warp .io-vivo-section-dark-copy3,.io-vivo-warp .io-vivo-section-dark-copy4{z-index:16}.io-vivo-warp .io-vivo-dark-only-mask,.io-vivo-warp .io-vivo-dark-only-mask2{position:absolute;width:100%;height:100%;z-index:15;background-color:rgba(0,0,0,.36)}.io-vivo-warp .io-vivo-copy-double{position:relative}.io-vivo-warp .io-vivo-copy-double p{position:absolute;top:0}.io-vivo-warp .io-vivo-section-pure-night{display:flex;align-items:center;justify-content:center;overflow:hidden}.io-vivo-warp .io-vivo-section-pure-night div div{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.io-vivo-warp .io-vivo-section-pure-night-view{padding-top:5%;box-sizing:border-box}.io-vivo-warp .io-vivo-section-pure-night-view .io-vivo-section-pure-night-view-img{position:relative;z-index:10}.io-vivo-warp .io-vivo-section-pure-night-view .io-vivo-section-pure-night-view-img img{margin:0 auto;position:relative;z-index:35}.io-vivo-warp .io-vivo-section-pure-night-view .io-vivo-section-pure-night-view-img-mask{position:absolute;top:0;left:0;width:100%;height:50%;z-index:30;background:linear-gradient(0deg,#000 80%,transparent)}.io-vivo-warp .io-vivo-section-portrait-copy3 h3,.io-vivo-warp .io-vivo-section-portrait-copy3 p{color:#000}.io-vivo-warp .io-vivo-section-portrait-copy3 h4{color:#7f7f7f}.io-vivo-warp .portrait-blur-img-box{position:absolute;width:100%;height:100%;z-index:5}.io-vivo-warp .portrait-blur-img{z-index:2}.io-vivo-warp .io-vivo-section-portrait-img{position:absolute;left:50%;transform:translateX(-50%);z-index:0}.io-vivo-warp .io-vivo-section-portrait-intro{background-color:#fff;color:#000}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-main-copy h3,.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-main-copy p{color:#000}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom span em,.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom span img{border-radius:8px}.io-vivo-warp .io-vivo-section-want-copy3{color:#000}.io-vivo-warp .io-vivo-section-want-copy3 h4{color:#7f7f7f}.io-vivo-warp .io-vivo-section-want-copy3 h3,.io-vivo-warp .io-vivo-section-want-copy3 h4,.io-vivo-warp .io-vivo-section-want-copy3 p{position:relative;z-index:10}.io-vivo-warp .io-vivo-section-want-copy3:after{content:" ";position:absolute;background:linear-gradient(0deg,hsla(0,0%,100%,0),#fff);pointer-events:none}.io-vivo-warp .io-vivo-section-want-copy4{color:#000}.io-vivo-warp .io-vivo-section-want-copy4 h4{color:#7f7f7f}.io-vivo-warp .io-vivo-section-want-cinematic-img{position:absolute;z-index:15}.io-vivo-warp .io-vivo-section-want-cinematic-video{position:absolute}.io-vivo-warp .io-vivo-section-want-cinematic-video picture{overflow:hidden}.io-vivo-warp .io-vivo-section-want-cinematic-mask{position:absolute;z-index:10}.io-vivo-warp .io-vivo-section-want-cinematic-mask .io-vivo-section-want-cinematic-mask-phone{position:relative;z-index:30}.io-vivo-warp .io-vivo-section-want-cinematic-mask:before{background-color:#fff;content:" ";position:absolute;width:600%;height:400%;top:-200%;left:calc(-600% + 1px);z-index:10}.io-vivo-warp .io-vivo-section-want-cinematic-mask:after{background-color:#fff;content:" ";position:absolute;width:600%;height:400%;top:-200%;right:calc(-600% + 1px);z-index:10}.io-vivo-warp .io-vivo-section-want-cinematic-mask span{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}.io-vivo-warp .io-vivo-section-want-cinematic-mask span:before{background-color:#fff;content:" ";position:absolute;width:100%;height:400%;top:calc(-400% + 1px);left:0}.io-vivo-warp .io-vivo-section-want-cinematic-mask span:after{background-color:#fff;content:" ";position:absolute;width:100%;height:400%;bottom:calc(-400% + 1px);left:0}.io-vivo-warp .io-vivo-section-want-cinematic-mask picture{position:relative;z-index:20}.io-vivo-warp .io-vivo-section-design{height:calc(100vh - 2px);overflow:hidden}.io-vivo-warp .io-vivo-section-design .io-vivo-section-design-copy2{height:auto;top:50%;transform:translateY(-50%)}.io-vivo-warp .io-vivo-section-design2{height:300vh}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy1{z-index:20}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy1 h4{color:#d2d2d2}.io-vivo-warp .io-vivo-section-design2 .design2-blue-box{width:100vw;height:100vh;top:0;left:0;position:absolute;z-index:10;overflow:hidden}.io-vivo-warp .io-vivo-section-design2 .design2-dark-box{width:100%;height:100%;top:0;left:0;position:absolute;z-index:8;overflow:hidden}.io-vivo-warp .io-vivo-section-design2 .design2-blue-phone{position:absolute;width:100%;height:100%}.io-vivo-warp .io-vivo-section-design2 .design2-blue-phone img{width:auto;position:absolute}.io-vivo-warp .io-vivo-section-design2 .design2-dark-phone{position:absolute;width:100%;height:100%}.io-vivo-warp .io-vivo-section-design2 .design2-dark-phone img{width:auto;position:absolute}.io-vivo-warp .io-vivo-section-design2 .design2-blue-phone-alphe{opacity:1!important}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy{position:absolute;z-index:11}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div{display:flex;align-items:center;justify-content:flex-start}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div p{width:auto}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-change-phone-btn p,.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-change-phone-btn span{cursor:pointer}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-caizhi{position:absolute;z-index:11}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-caizhi img{border:1px solid #fff;border-radius:100%}.io-vivo-warp .io-vivo-section-design2 .design2-blue-box-img-bj{position:absolute;width:100vw;height:100vh;top:0}.io-vivo-warp .io-vivo-section-design2 .design2-blue-box-img-bj picture{width:100%;position:absolute;top:50%;transform:translateY(-50%)}.io-vivo-warp .io-vivo-section-design3{background-color:#fff;height:200vh}.io-vivo-warp .io-vivo-section-design3 .io-vivo-section-design3-img{position:absolute;top:0}.io-vivo-warp .io-vivo-section-design3 .io-vivo-section-design3-img .io-vivo-section-design3-img-box .io-vivo-section-design3-img-color{position:absolute;opacity:0}.io-vivo-warp .io-vivo-section-design3 .io-vivo-section-design3-img .io-vivo-section-design3-img-box2{width:100%}.io-vivo-warp .io-vivo-section-design3 .io-vivo-main-copy{color:#000}.io-vivo-warp .io-vivo-section-design3 .io-vivo-main-copy h3{transition:all .5s ease-out}.io-vivo-warp .io-vivo-section-design3 .io-vivo-section-design3-img-box2{position:absolute;top:0;z-index:30}.io-vivo-warp .io-vivo-section-origin2{background-color:#fff;color:#000}.io-vivo-warp .io-vivo-section-origin2 .io-vivo-main-copy{position:relative;top:0}.io-vivo-warp .io-vivo-section-origin3{background-color:#fff;color:#000;height:200vh}.io-vivo-warp .io-vivo-section-origin6{color:#000}.io-vivo-warp #io-vivo-hz{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.io-vivo-warp #io-vivo-hz canvas{position:absolute;top:0;left:0;z-index:10}.io-vivo-warp #want-vido{position:absolute;z-index:8}.io-vivo-warp .want-vido-mask{position:absolute;z-index:8;opacity:0}.io-vivo-warp .want-vido-mask img{width:100%;height:auto}.io-vivo-warp .want-vido-mask img:first-child{background-color:#000;position:absolute;top:1%;z-index:5}.io-vivo-warp .want-vido-mask img:last-child{position:absolute;z-index:3;bottom:0}.io-vivo-warp .upLatter{text-transform:uppercase}.io-vivo-warp .io-vivo-mask-up{position:absolute;bottom:0;left:0;width:100%;height:50%;z-index:30;background:linear-gradient(0deg,#000,transparent);pointer-events:none}.io-vivo-warp .io-vivo-section-dark .io-vivo-mask-up,.io-vivo-warp .io-vivo-section-want .io-vivo-mask-up{height:0%;background:linear-gradient(0deg,#000 20%,transparent);overflow:hidden}.io-vivo-warp .io-vivo-section-origin3 .io-vivo-mask-up{height:20%;background:linear-gradient(0deg,#fff 20%,transparent)}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-mask-up{height:10%;background:linear-gradient(0deg,#fff 20%,transparent)}.io-vivo-warp .io-vivo-section-motor .io-vivo-section-motor-copy1 h4{color:#d2d2d2}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-copy1{z-index:20}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-copy1 h4{color:#d2d2d2}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img{overflow:hidden;position:relative}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img .io-vivo-section-remote-img1{position:absolute;z-index:10;left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img .io-vivo-section-remote-img1:before{content:" ";position:absolute;width:100%;height:100%;left:-100%;background-image:linear-gradient(90deg,#000 15%,rgba(0,0,0,.2));z-index:30;top:0}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img .io-vivo-section-remote-img1:after{content:" ";position:absolute;width:100%;height:100%;right:-100%;background-image:linear-gradient(270deg,#000 15%,rgba(0,0,0,.2));z-index:30;top:0}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img .io-vivo-section-remote-img1 img.lazy{position:relative;z-index:20}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img .slider-box{margin:0 auto}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img .slider-warp-main{position:relative}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img .slider-img-cont,.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img .slider-img-ul{height:100%}.io-vivo-warp .io-vivo-section-origin4{background-color:#fff;height:300vh}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-phone{margin:0 auto;position:relative}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-phone .io-vivo-section-origin4-phone-img{position:relative;z-index:10}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-phone .io-vivo-section-origin4-copy{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;border-radius:20px;overflow:hidden;text-align:center}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-phone .io-vivo-section-origin4-copy h4{color:#d2d2d2}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-phone .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy1{position:relative;z-index:5}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-phone .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy-bj{position:absolute;z-index:1;top:0;width:100%;height:100%}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-phone .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy1-main{position:relative}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-phone .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy21{position:absolute;top:0}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-phone .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy21 p{margin:0}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-phone .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy21 div{display:flex;justify-content:space-between}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-phone .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy21 div span{display:block;text-align:center}.io-vivo-warp .io-vivo-section-origin5{background-color:#fff;height:600vh}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-img{position:absolute;top:0;width:100%;height:100%;z-index:5}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-phone{margin:0 auto;position:relative}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-phone .io-vivo-section-origin5-phone-img{position:relative;z-index:10}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-phone .io-vivo-section-origin5-copy{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;border-radius:20px;overflow:hidden;text-align:center}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-phone .io-vivo-section-origin5-copy h4{color:#7f7f7f}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-phone .io-vivo-section-origin5-copy .io-vivo-color-img{position:absolute;top:0;left:0;width:100%;height:100%}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main{position:absolute;z-index:10}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main h3,.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main p{color:#000}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main h4{color:#7f7f7f}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main .io-vivo-section-origin5-main-copy2 div{display:flex;justify-content:space-between}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main .io-vivo-section-origin5-main-copy2 div img{width:40%;height:auto}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-bg-black{background-color:#000;position:absolute;top:0;width:100%;height:100%;z-index:3}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-bg-black img{position:absolute;left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2{position:absolute;top:0;width:100%;height:100%;z-index:30}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2>div{position:absolute}.io-vivo-warp .io-vivo-section-origin6{background-color:#fff;height:500vh}.io-vivo-warp .io-vivo-section-origin6 .io-vivo-section-origin6-img{position:absolute;top:0;width:100%;height:100%;z-index:5}.io-vivo-warp .io-vivo-section-origin6 .io-vivo-section-origin6-phone{left:50%;transform:translateX(-50%);position:absolute}.io-vivo-warp .io-vivo-section-origin6 .io-vivo-section-origin6-phone .io-vivo-section-origin6-phone-img{position:relative;z-index:10}.io-vivo-warp .io-vivo-section-origin6 .io-vivo-section-origin6-phone .io-vivo-section-origin6-copy{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;border-radius:30px;overflow:hidden;text-align:center}.io-vivo-warp .io-vivo-section-origin6 #io-vivo-flower{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-section-origin6 #io-vivo-flower canvas{position:absolute;top:0;left:0}.io-vivo-warp .io-vivo-section-origin6 .io-vivo-section-origin6-steps{position:absolute;z-index:20;width:100%;left:50%;transform:translate(-50%);top:10%;color:#fff}.io-vivo-warp .io-vivo-section-origin6 .io-vivo-section-origin6-steps .io-vivo-section-origin6-steps-bar{width:78%;margin:0 auto;background-color:hsla(0,0%,100%,.4);border-radius:20px}.io-vivo-warp .io-vivo-section-origin6 .io-vivo-section-origin6-steps .io-vivo-section-origin6-steps-bar span{border-radius:20px;background-image:linear-gradient(90deg,#cdc2bf,#e4a46f);display:block;height:8px;transition:width .1s linear;width:0}.io-vivo-warp .io-vivo-section-origin6 .io-vivo-section-origin6-steps .io-vivo-section-origin6-steps-num{margin-top:30px;font-size:16px}.io-vivo-warp .io-vivo-section-origin6 .io-vivo-section-origin6-steps .io-vivo-section-origin6-steps-num span{transform:scale(1.5);transform-origin:50% 80%;display:inline-block;width:56px}.io-vivo-warp .io-vivo-section-end .io-vivo-section-end-copy{position:absolute}.io-vivo-warp .io-vivo-section-end .io-vivo-section-end-copy a{color:#456fff;border-bottom:1px solid #456fff}.io-vivo-warp .io-vivo-section-end .io-vivo-section-end-copy a:hover{color:#7389ff;border-bottom:1px solid #7389ff}.io-vivo-warp .io-vivo-section-design4{height:200vh}.io-vivo-warp .io-vivo-section-design4-img{position:absolute;width:100%;height:100%;background-color:#000;z-index:20;opacity:1!important}.io-vivo-warp .io-vivo-section-design4-img div{background-color:#000;position:relative;margin:0 auto}.io-vivo-warp .io-vivo-section-design4-img .io-vivo-section-design4-img-mask{position:absolute;top:0!important;opacity:.5}.io-vivo-warp .io-vivo-section-design5{width:100%}.io-vivo-warp .io-vivo-section-design6{height:300vh}.io-vivo-warp .io-vivo-section-design6 picture{position:absolute;width:100%;bottom:0}.io-vivo-warp .io-vivo-section-design7{height:300vh}.io-vivo-warp .io-vivo-section-design7 .io-vivo-section-design6-caizhi-img{position:absolute;width:100%;height:100%;top:0;z-index:10}.io-vivo-warp .io-vivo-section-design7 .io-vivo-section-design2-copy6{z-index:20}.io-vivo-warp .io-vivo-section-zoom{height:300vh;background-color:#fff;color:#000}.io-vivo-warp .io-vivo-section-zoom h4{color:#7f7f7f}.io-vivo-warp .io-vivo-section-zoom .io-vivo-section-zoom-img,.io-vivo-warp .io-vivo-section-zoom .io-vivo-section-zoom-img div{position:absolute}.io-vivo-warp .io-vivo-section-zoom .io-vivo-section-zoom-copy22,.io-vivo-warp .io-vivo-section-zoom .io-vivo-section-zoom-img3{opacity:0}.close-video{transform:rotate(-45deg);transition:transform .4s ease;background-image:none!important}.close-video:before{content:" ";background-color:#fff;position:absolute;left:0;top:calc(50% - 1px);width:100%;height:2px}.close-video:after{content:" ";background-color:#fff;position:absolute;top:0;left:calc(50% - 1px);width:2px;height:100%}.close-video:hover{transform:rotate(-225deg)}.io-vivo-remark{width:100%;background-color:#000;z-index:20;position:relative}.io-vivo-remark>div{margin:0 auto;box-sizing:border-box;color:#666}.io-vivo-remark>div strong{font-weight:400;display:inline-block}.io-vivo-remark>div p{margin:0;position:relative}.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."}@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 .pc-show{display:block}.io-vivo-warp .pc-hidden{display:none}.io-vivo-warp .io-vivo-kv{height:calc(56.25vw - 8.4375px)}.io-vivo-warp .io-vivo-kv-copy{position:absolute;top:calc(50% - 90px);left:18.95833vw;transform:translateY(-50%)}.io-vivo-warp .io-vivo-kv-copy div{width:25.625vw}.io-vivo-warp .io-vivo-kv-copy h1{font-size:2.29167vw}.io-vivo-warp .io-vivo-section-slogan-sticky{height:100vh;overflow:hidden}.io-vivo-warp .io-vivo-section-slogan-sticky .slogan-scale-phone{margin:0 auto;width:29.42708vw;transform:scale(3.5);transform-origin:50% 45%}.io-vivo-warp .io-vivo-section-slogan-mask-text svg #slogan-title{font-size:4.6875vw}.io-vivo-warp .io-vivo-section-mask-text svg .slogan-title2{font-size:7.29167vw}.io-vivo-warp .io-vivo-section-mask-text svg .slogan-title3{font-size:1.82292vw}.io-vivo-warp .io-vivo-section-design-mask-text h2{font-size:7.29167vw}.io-vivo-warp .io-vivo-section-dark-copy2 .io-vivo-section-dark-h3,.io-vivo-warp .io-vivo-section-portrait-copy2 .io-vivo-section-portrait-h3{top:40%}.io-vivo-warp .io-vivo-section-portrait-text svg .slogan-title2{font-size:7.29167vw}.io-vivo-warp .io-vivo-section-portrait-img{width:45.17424vh;height:55.83333vh;bottom:0}.io-vivo-warp .io-vivo-section-want-copy2 .io-vivo-section-want-h3{top:40%}.io-vivo-warp .io-vivo-section-origin-copy2 .io-vivo-section-origin-h3{top:55%}.io-vivo-warp .slogan-main-copy{top:calc(4.6875vw + 100px)}.io-vivo-warp .slogan-main-copy h2{padding-top:.625vw;padding-bottom:2.08333vw}.io-vivo-warp .slogan-main-copy img{width:354px;margin:0 auto}.io-vivo-warp .io-vivo-main-copy{top:calc(4.6875vw + 60px);text-align:center;width:100%}.io-vivo-warp .io-vivo-main-copy .io-vivo-copy-double,.io-vivo-warp .io-vivo-main-copy p{width:calc(43.22917vw + 90px);margin:.78125vw auto 0}.io-vivo-warp .io-vivo-main-copy .io-vivo-copy-double p{width:100%;margin-top:0}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip{width:98.7963vh;height:48.42593vh;border-radius:30px;margin-top:12.03704vh}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip picture{margin-top:-12.03704vh}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip2{width:105.83333vh;height:51.01852vh;top:60%;left:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip2 img,.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip2 picture{height:100%;width:auto}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip3{width:99.1741vh;height:48.61111vh;margin-top:12.03704vh;border-radius:30px;overflow:hidden}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip4{width:99.1741vh;height:48.61111vh;margin-top:12.03704vh;z-index:100}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip4 img{height:auto;width:105%;margin-left:-5%}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip4 .io-vivo-section-dark-img-mb{display:none}.io-vivo-warp .io-vivo-section-pure-night{height:100vh}.io-vivo-warp .io-vivo-section-pure-night div div{justify-content:center;transform:translateY(-50px)}.io-vivo-warp .io-vivo-section-pure-night div div h3{padding-bottom:2.60417vw}.io-vivo-warp .io-vivo-section-pure-night div div img{width:38.80208vw}.io-vivo-warp .io-vivo-section-pure-night-view{height:42.38748vw}.io-vivo-warp .io-vivo-section-pure-night-view .io-vivo-main-copy{top:1%}.io-vivo-warp .io-vivo-section-pure-night-view .io-vivo-section-pure-night-view-img img{width:28.38542vw}.io-vivo-warp .io-vivo-section-pure-night-view .io-vivo-section-pure-night-view-img-mask{top:-10%}.io-vivo-warp .portrait-blur-img img{border-radius:30px}.io-vivo-warp .io-vivo-section-portrait-intro{height:400vh}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-sticky{position:sticky;top:0;height:100vh}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-items{width:44.01042vw;position:absolute;left:50%;transform:translateX(-50%);bottom:5%}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-items .io-vivo-section-portrait-intro-items-box .io-vivo-section-portrait-intro-items-img{width:20.3125vw;border-radius:20px;overflow:hidden}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-items .io-vivo-section-portrait-intro-items-box .io-vivo-section-portrait-intro-items-txt{position:absolute;top:0;left:21.875vw}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-items .io-vivo-section-portrait-intro-items-box .io-vivo-section-portrait-intro-items-txt2{top:26%}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-items .io-vivo-section-portrait-intro-items-box .io-vivo-section-portrait-intro-items-txt3{top:52%}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-items .io-vivo-section-portrait-intro-items-box .io-vivo-section-portrait-intro-items-txt4{top:82%}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom{position:sticky;top:0;height:100vh;width:44.01042vw;left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom .io-vivo-section-portrait-intro-btn-box{height:26.78895vw;position:absolute;bottom:5%;right:-5.20833vw;display:flex;flex-direction:column;justify-content:space-between}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom span{width:5.20833vw;display:block;position:relative;z-index:10}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom span img{transition:all .5s ease-out;transform:scale(.8)}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom span em{position:absolute;width:100%;height:100%;background-color:hsla(0,0%,100%,.5);z-index:10;transform:scale(.8);transition:all .5s ease-out}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom span.onactive img{transform:scale(1)}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom span.onactive em{transform:scale(1);opacity:0}.io-vivo-warp .io-vivo-section-want-copy3:after{width:100%;height:400%;left:0;top:-65%}.io-vivo-warp .io-vivo-section-want-cinematic-img{width:23.75vw;height:28.59375vw;top:55%;right:18.75vw;transform:translateY(-50%)}.io-vivo-warp .io-vivo-section-want-cinematic-img img,.io-vivo-warp .io-vivo-section-want-cinematic-img picture{height:100%;width:auto}.io-vivo-warp .io-vivo-section-want-cinematic-mask{transform:scale(10) translate(-50%);width:25.46774vh;height:53.7037vh;left:50%;transform-origin:0 50%}.io-vivo-warp .io-vivo-section-want-cinematic-mask .io-vivo-section-want-cinematic-mask-phone{position:relative}.io-vivo-warp .io-vivo-section-want-cinematic-mask #want-vido{width:26.98651vh;height:50vh;top:53%;left:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-section-want-cinematic-mask .want-vido-mask{width:25.04603vh;height:53.7037vh;top:50%;left:50%;transform:translate(-50%,-50%)}.io-vivo-warp .io-vivo-section-design2 .design2-blue-phone img,.io-vivo-warp .io-vivo-section-design2 .design2-dark-phone img{height:97.22222vh;top:48vh;left:calc(50vw - 23.49034vh);transform-origin:100% 50%}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy{left:20.83333vw;top:37%}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy p.io-vivo-copy-font{padding-top:1.04167vw;width:29.375vw}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-caizhi{width:9.89583vw;height:9.89583vw;left:calc(59.89583vw + 23.49034vh);top:22%}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-caizhi:before{content:" ";position:absolute;height:2px;width:150%;top:50%;left:-150%;background-color:hsla(0,0%,100%,.9)}.io-vivo-warp .io-vivo-section-design2 .io-vivo-main-copy.io-vivo-section-design2-copy6{height:auto;top:70%}.io-vivo-warp .io-vivo-section-design3 .io-vivo-section-design3-img{width:100%;right:0;top:-3%}.io-vivo-warp .io-vivo-section-design3 .io-vivo-main-copy{top:68%}.io-vivo-warp .io-vivo-section-design3 .io-vivo-main-copy h3{padding-bottom:7px}.io-vivo-warp .io-vivo-section-origin2{height:calc(1186.5px + 22.39583vw)}.io-vivo-warp .io-vivo-section-origin2 .io-vivo-main-copy{padding-top:4.6875vw}.io-vivo-warp .io-vivo-section-origin2 .io-vivo-section-origin2-items{margin:5.83333vw auto 0;width:620px;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:calc(56.5px + 6.25vw)}.io-vivo-warp .io-vivo-section-origin2 .io-vivo-section-origin2-item{width:267px;height:565px;position:relative}.io-vivo-warp .io-vivo-section-origin2 .io-vivo-section-origin2-item div:first-child{position:absolute;z-index:1;width:100%;height:100%;opacity:0;transition:opacity .5s ease-out}.io-vivo-warp .io-vivo-section-origin2 .io-vivo-section-origin2-item.onactive div:first-child{opacity:1}.io-vivo-warp .io-vivo-section-origin2 .io-vivo-section-origin2-item2{transform:translateY(62%)}.io-vivo-warp .io-vivo-section-origin2 .io-vivo-section-origin2-item3{transform:translateY(10%)}.io-vivo-warp .io-vivo-section-origin3-img{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-section-origin3-img .io-vivo-section-origin3-img2{position:absolute;top:0}.io-vivo-warp .io-vivo-section-origin3-img img{width:auto;height:29.93962vw}.io-vivo-warp .io-vivo-section-motor{height:calc(56.25vw - 6.75px)}.io-vivo-warp .io-vivo-section-motor .io-vivo-section-motor-copy1,.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-copy1{top:4.6875vw}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img{height:27.36626vw;overflow:hidden;position:relative;padding-top:20%}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img .io-vivo-section-remote-img1{width:25vw;height:72.55601vw;top:0}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img .slider-box{margin:0 auto}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img .slider-box li img{width:100%;margin:0 auto}.io-vivo-warp .io-vivo-section-remote .io-vivo-section-remote-img .slider-img-btns{width:30%;opacity:0;height:46%;top:77%}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-img{margin-top:16.2037vh}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-phone{transform:scale(.57);position:relative;width:64.56648vh;height:138.88889vh;transform-origin:50% 0}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-copy{box-sizing:border-box;padding:9.25926vh 1.5% 0;width:calc(100% - 30px);height:calc(100% - 34px)}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy1-main,.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-copy p{margin-top:.78125vw}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy-bj{left:-1%}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy21 div{padding-top:1.30208vw}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy21 div span{width:40%}.io-vivo-warp .io-vivo-section-origin4 .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy21 div span img{width:67px;margin:0 auto 8px}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-phone{transform:scale(.57) translateY(-17.5%);position:relative;width:64.56648vh;height:138.88889vh}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-phone .io-vivo-section-origin5-copy{width:calc(100% - 30px);height:calc(100% - 34px)}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-phone #io-vivo-hz{width:65.42737vh;height:141.00179vh}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main{width:31.25vw;top:53%;transform:translateY(-50%);left:20.83333vw}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main p{margin-top:2.08333vw;width:27.08333vw}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main .io-vivo-section-origin5-main-copy1{opacity:1!important}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main .io-vivo-section-origin5-main-copy2{width:27.08333vw;opacity:1!important}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main .io-vivo-section-origin5-main-copy2 div{margin-top:4.6875vw;align-items:center}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-bg-black img{width:64.56648vh;top:64.56648vh}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2 .io-vivo-section-origin5-copy-main21{width:100%;text-align:center;top:calc(4.6875vw + 60px)}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2 .io-vivo-section-origin5-copy-main22{width:580px;left:calc(50% - 290px);text-align:center;top:66.28826vh}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2 .io-vivo-section-origin5-copy-main22>div{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:1.5625vw}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2 .io-vivo-section-origin5-copy-main22>div img:first-child{width:18.75vw}.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2 .io-vivo-section-origin5-copy-main22>div img:last-child{width:5.10417vw}.io-vivo-warp .io-vivo-section-origin6 .io-vivo-section-origin6-phone{bottom:4.62963vh;width:25.82659vh;height:55.55556vh}.io-vivo-warp .io-vivo-section-origin6 .io-vivo-section-origin6-phone .io-vivo-section-origin6-copy{width:100%;height:100%}.io-vivo-warp .io-vivo-section-origin6 .io-vivo-section-origin6-phone #io-vivo-flower{width:25.82659vh;height:57.38232vh}.io-vivo-warp .io-vivo-section-end{height:16.40625%}.io-vivo-warp .io-vivo-section-end .io-vivo-section-end-copy{width:100%;max-width:1200px;box-sizing:border-box;top:50%;left:calc(50% - 600px);transform:translateY(-50%)}.io-vivo-warp .io-vivo-section-design4 .io-vivo-section-design4-img{top:35vh}.io-vivo-warp .io-vivo-section-design4 .io-vivo-section-design4-img div{width:58.07171vh}.io-vivo-warp .io-vivo-section-design4 .io-vivo-section-design4-img div img{width:58.07171vh;height:166.66667vh}.io-vivo-warp .io-vivo-section-design4 .io-vivo-section-design4-copy2{position:absolute;width:100%;height:auto;top:72.22222vh}.io-vivo-warp .io-vivo-section-design4 .io-vivo-section-design4-copy2 p{width:54.8455vh;margin:0 auto;text-align:center}.io-vivo-warp .io-vivo-section-design5{height:calc(56.25vw - 6.75px)}.io-vivo-warp .io-vivo-section-design5 .io-vivo-section-design5-copy1{width:32.29167vw;position:absolute;top:38%;left:18.95833vw}.io-vivo-warp .io-vivo-section-design5 .io-vivo-section-design5-copy1 h4{margin-top:.78125vw}.io-vivo-warp .io-vivo-section-design7 .io-vivo-main-copy.io-vivo-section-design7-copy6{height:auto;top:80%}.io-vivo-warp .io-vivo-section-zoom .io-vivo-section-zoom-copy1{width:31.25vw;top:48%;transform:translateY(-50%);left:20.83333vw;text-align:left}.io-vivo-warp .io-vivo-section-zoom .io-vivo-section-zoom-copy1 p{margin:1.04167vw 0 0;width:27.08333vw}.io-vivo-warp .io-vivo-section-zoom-img{position:absolute;width:51.75926vh;height:68.24074vh;top:calc(50% + 60px);left:50%;transform:translate(10%,-50%)}.io-vivo-warp .io-vivo-section-zoom-img div{width:100%;height:100%;position:absolute}.io-vivo-warp .io-vivo-section-zoom-img div img{width:100%;height:100%}.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 0;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-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-tit-font1{font-size:60px}.io-vivo-tit-font2{font-size:42px}.io-vivo-tit-font3,.io-vivo-tit-font4{font-size:34px;line-height:46px}.io-vivo-copy-font{font-size:26px}.io-vivo-copy-font2{font-size:22px}.io-vivo-video-btn a span:last-child{width:40px;height:28px;margin-top:5px}.io-vivo-video-btn a svg{transform:translateY(-3px)}.io-vivo-section-design2-copy .io-vivo-section-design2-btns{padding-top:60px}.io-vivo-section-design2-copy .io-vivo-section-design2-btns div{padding-top:25px}.io-vivo-section-design2-copy .io-vivo-section-design2-btns div p{width:60px;height:59px;border:1px solid hsla(0,0%,100%,0);padding:3px}.io-vivo-section-design2-copy .io-vivo-section-design2-btns div p:first-child{border-radius:100%;overflow:hidden;margin-right:15px}.io-vivo-section-design2-copy .io-vivo-section-design2-btns div p.onactive{border:1px solid #5197ff}}@media screen and (min-width:1080px) and (max-width:1440px){.io-vivo-tit-font1{font-size:50px}.io-vivo-tit-font2{font-size:38px}.io-vivo-tit-font3,.io-vivo-tit-font4{font-size:24px;line-height:36px}.io-vivo-copy-font{font-size:18px}.io-vivo-copy-font2{font-size:16px}.io-vivo-kv-copy h1{font-size:44px}.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}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns{padding-top:40px}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div{padding-top:20px}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div p{width:40px;height:39px;border:1px solid hsla(0,0%,100%,0);padding:3px}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div p:first-child{border-radius:100%;overflow:hidden}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div p:last-child{padding-left:15px;margin-top:-10px}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div p.onactive{border:1px solid #5197ff}}@media screen and (min-width:769px) and (max-width:1080px){.io-vivo-warp .io-vivo-main-copy,.io-vivo-warp .io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2 .io-vivo-section-origin5-copy-main21{top:calc(4.6875vw + 90px)}.io-vivo-tit-font1{font-size:40px}.io-vivo-tit-font2{font-size:28px}.io-vivo-tit-font3,.io-vivo-tit-font4{font-size:18px;line-height:30px}.io-vivo-copy-font,.io-vivo-copy-font2{font-size:12px}.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}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns{padding-top:20px}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div{padding-top:15px}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div p{width:30px;height:29px;border:1px solid hsla(0,0%,100%,0);padding:3px}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div p:first-child{border-radius:100%;overflow:hidden}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div p:last-child{padding-left:15px;margin-top:-10px}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div p.onactive{border:1px solid #5197ff}}@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:769px) and (max-width:1199px){.io-vivo-warp .io-vivo-section-end .io-vivo-section-end-copy{left:0;padding:0 20px}}@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-warp .io-vivo-tit-font1{font-size:7.03125vw}.io-vivo-warp .io-vivo-tit-font2{font-size:6.25vw}.io-vivo-warp .io-vivo-tit-font3{font-size:4.16667vw}.io-vivo-warp .io-vivo-tit-font4{font-size:6.25vw}.io-vivo-warp .io-vivo-copy-font,.io-vivo-warp .io-vivo-copy-font2{font-size:3.38542vw;line-height:4.6875vw}.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-warp .io-vivo-kv{height:185.27778vw}.io-vivo-warp .io-vivo-kv-copy{position:absolute;top:calc(60px + 1.24rem);width:100%;text-align:center}.io-vivo-warp .io-vivo-kv-copy div{width:64.0625vw;margin:0 auto}.io-vivo-warp .io-vivo-kv-copy h1{font-size:5.72917vw}.io-vivo-warp .io-vivo-section-slogan-sticky{height:100vh;overflow:hidden}.io-vivo-warp .io-vivo-section-slogan-sticky .slogan-scale-phone{margin:0 auto;width:73.56771vw;transform:scale(2.5);transform-origin:50% 45%}.io-vivo-warp .io-vivo-section-slogan-mask-text svg #slogan-title{font-size:11.71875vw}.io-vivo-warp .io-vivo-section-mask-text svg .slogan-title2{font-size:18.22917vw}.io-vivo-warp .io-vivo-section-mask-text svg .slogan-title3{font-size:5.20833vw}.io-vivo-warp .io-vivo-section-design-mask-text h2{font-size:11.71875vw}.io-vivo-warp .io-vivo-section-dark-copy2 .io-vivo-section-dark-h3,.io-vivo-warp .io-vivo-section-portrait-copy2 .io-vivo-section-portrait-h3{top:47%}.io-vivo-warp .io-vivo-section-portrait-img{width:41.21212vh;height:50.93633vh;bottom:0}.io-vivo-warp .io-vivo-section-want-copy2 .io-vivo-section-want-h3{top:47%}.io-vivo-warp .io-vivo-section-origin-copy2 .io-vivo-section-origin-h3{top:54%}.io-vivo-warp .slogan-main-copy{top:calc(11.71875vw + 2.48rem)}.io-vivo-warp .slogan-main-copy h2{padding-top:2.34375vw;padding-bottom:7.8125vw}.io-vivo-warp .slogan-main-copy img{width:65.88542vw;margin:0 auto}.io-vivo-warp .io-vivo-video-btn a{width:50%;word-break:break-all;white-space:nowrap}.io-vivo-warp .io-vivo-video-btn a span:last-child{width:6.77083vw;height:4.6875vw;margin-top:-1px}.io-vivo-warp .io-vivo-video-btn a svg{transform:translateY(-.78125vw);width:3.90625vw}.io-vivo-warp .io-vivo-main-copy{top:calc(11.71875vw + 2.48rem);width:90%;left:5%}.io-vivo-warp .io-vivo-main-copy .io-vivo-copy-double,.io-vivo-warp .io-vivo-main-copy p{width:100%;margin-top:2.60417vw}.io-vivo-warp .io-vivo-main-copy .io-vivo-copy-double p{width:100%;margin-top:0}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip{width:78.125vw;height:50vh;border-radius:15px;margin-top:8vh}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip picture{margin-top:-8vh!important}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip2{width:53.93258vh;height:27.19101vh;top:70%}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip2 img,.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip2 picture{height:100%;width:auto}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip3{width:78.125vw;height:50vh;margin-top:8vh;border-radius:15px;overflow:hidden;position:relative}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip4{width:78.125vw;height:50vh;margin-top:8vh;z-index:100}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip4 img{width:90%;left:5%;height:auto;position:absolute;bottom:-16%}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip4 .io-vivo-section-dark-img-mb{position:absolute;top:0;width:100%}.io-vivo-warp .io-vivo-section-dark-img-mask .io-vivo-section-dark-img-mask-clip4 .io-vivo-section-dark-img-mb img{width:100%;margin-left:-5%;height:auto}.io-vivo-warp .io-vivo-section-dark-img-mask #io-dark-canvas{position:absolute;width:79.42708vw;height:147.16073vw;top:calc(-122.63395vw + 41.66667vh);left:-5px}.io-vivo-warp .io-vivo-section-pure-night{height:70vh}.io-vivo-warp .io-vivo-section-pure-night div div{justify-content:center;transform:translateY(-40%)}.io-vivo-warp .io-vivo-section-pure-night div div h3{padding-bottom:4.6875vw}.io-vivo-warp .io-vivo-section-pure-night div div img{width:90%;margin:0 auto}.io-vivo-warp .io-vivo-section-pure-night-view{height:122.70896vw}.io-vivo-warp .io-vivo-section-pure-night-view .io-vivo-main-copy{top:-6%}.io-vivo-warp .io-vivo-section-pure-night-view .io-vivo-section-pure-night-view-img img{width:90%}.io-vivo-warp .io-vivo-section-pure-night-view .io-vivo-section-pure-night-view-img-mask{top:-10%}.io-vivo-warp .portrait-blur-img img{border-radius:20px}.io-vivo-warp .io-vivo-section-portrait-intro{padding-bottom:7.8125vw;height:414.6022vw}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-main-copy{position:relative;top:0;padding-top:11.71875vw}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-sticky{padding-bottom:7.8125vw}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-items{width:90%;margin:0 auto;padding-top:7.8125vw}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-items .io-vivo-section-portrait-intro-items-box{width:52.08333vw}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-items .io-vivo-section-portrait-intro-items-box .io-vivo-section-portrait-intro-items-img{border-radius:20px;overflow:hidden;height:68.68961vw}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-items .io-vivo-section-portrait-intro-items-box h3{padding-top:3.38542vw}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-items-right{display:flex;justify-content:flex-end}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom{position:sticky;bottom:7.8125vw;padding-top:10.41667vw;width:90%;margin:auto}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom .io-vivo-section-portrait-intro-btn-box{justify-content:space-around;display:flex}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom span{width:15.625vw;display:block;position:relative;z-index:10}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom span img{transition:all .5s ease-out;transform:scale(.8)}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom span em{position:absolute;width:100%;height:100%;background-color:hsla(0,0%,100%,.5);opacity:1;z-index:10;transform:scale(.8);transition:all .5s ease-out}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom span.onactive img{transform:scale(1)}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom span.onactive em{transform:scale(1);opacity:0}.io-vivo-warp .io-vivo-section-portrait-intro .io-vivo-section-portrait-intro-bottom:after{content:" ";position:absolute;width:100%;height:130%;bottom:-7.8125vw;background:linear-gradient(0deg,#fff 35%,transparent)}.io-vivo-warp .io-vivo-section-design2 .design2-blue-phone img{height:52.43446vh;top:43vh;right:5.20833vw}.io-vivo-warp .io-vivo-section-design2 .design2-dark-phone img{height:52.43446vh;top:43vh;right:5.20833vw;transform-origin:0 0}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy{width:100%;height:100%}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-copy2-tit{position:absolute;top:calc(11.71875vw + 2.48rem);width:90%;left:5%}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-copy2-tit p{width:100%;margin-top:2.60417vw}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns{position:absolute;top:70vh;left:5%}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div{padding-top:2.60417vw}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div p{width:7.8125vw;height:7.68229vw;border:1px solid hsla(0,0%,100%,0);padding:2px}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div p:first-child{border-radius:100%;overflow:hidden;margin-right:10px}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-copy .io-vivo-section-design2-btns div p.onactive{border:1px solid #5197ff}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-caizhi{width:20.83333vw;height:20.83333vw;left:10%;top:22%}.io-vivo-warp .io-vivo-section-design2 .io-vivo-section-design2-caizhi:before{content:" ";position:absolute;height:2px;width:150%;top:50%;right:-150%;background-color:hsla(0,0%,100%,.9)}.io-vivo-warp .io-vivo-section-design2 .io-vivo-main-copy.io-vivo-section-design2-copy6{height:auto;top:75%}.io-vivo-warp .io-vivo-section-design3 .io-vivo-main-copy{text-align:right;top:68%}.io-vivo-warp .io-vivo-section-design3 .io-vivo-main-copy h3{padding-bottom:5px}.io-vivo-warp .io-vivo-section-design3 .io-vivo-section-design3-img{width:100%;right:0;top:10%}.io-vivo-warp .io-vivo-section-design3 img{width:240%;margin-left:-36%}.io-vivo-section-want-copy3:after{width:200%;height:400%;left:-50%;top:-95%}.io-vivo-section-want-cinematic-img{width:100%;bottom:4%}.io-vivo-section-want-cinematic-mask{transform:scale(5) translate(-50%);width:23.05671vh;height:49.4382vh;left:50%;transform-origin:0 50%}.io-vivo-section-want-cinematic-mask .io-vivo-section-want-cinematic-mask-phone{position:relative}.io-vivo-section-want-cinematic-mask #want-vido{width:23.04466vh;height:42.69663vh;top:51.5%;left:50%;transform:translate(-50%,-50%)}.io-vivo-section-want-cinematic-mask .want-vido-mask{width:23.05671vh;height:49.4382vh;top:50%;left:50%;transform:translate(-50%,-50%)}.io-vivo-section-origin2{height:238.84207vw}.io-vivo-section-origin2 .io-vivo-main-copy{padding-top:11.71875vw}.io-vivo-section-origin2 .io-vivo-section-origin2-items{margin:11.71875vw auto 0;width:90%;display:flex;flex-wrap:wrap;justify-content:space-between;padding-bottom:11.71875vw}.io-vivo-section-origin2 .io-vivo-section-origin2-item{width:41.66667vw;height:88.17104vw;position:relative}.io-vivo-section-origin2 .io-vivo-section-origin2-item div:first-child{position:absolute;z-index:1;width:100%;height:100%;opacity:0;transition:opacity .5s ease-out}.io-vivo-section-origin2 .io-vivo-section-origin2-item.onactive div:first-child{opacity:1}.io-vivo-section-origin2 .io-vivo-section-origin2-item2{transform:translateY(62%)}.io-vivo-section-origin2 .io-vivo-section-origin2-item3{transform:translateY(10%)}.io-vivo-section-origin3-img{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.io-vivo-section-origin3-img .io-vivo-section-origin3-img2{position:absolute;top:0}.io-vivo-section-origin3-img img{width:auto;height:99.27349vw}.io-vivo-section-motor{height:185.41667vw}.io-vivo-section-motor .io-vivo-section-motor-copy1,.io-vivo-section-remote .io-vivo-section-remote-copy1{top:11.71875vw}.io-vivo-section-remote .io-vivo-section-remote-img{height:113.36876vw;overflow:hidden;position:relative;padding-top:55%}.io-vivo-section-remote .io-vivo-section-remote-img .io-vivo-section-remote-img1{width:48.17708vw;height:139.82147vw;top:10.5%}.io-vivo-section-remote .io-vivo-section-remote-img .io-vivo-section-remote-img1 picture{position:relative;z-index:20}.io-vivo-section-remote .io-vivo-section-remote-img .io-vivo-section-remote-img1 div{position:absolute;width:48.17708vw;height:139.82147vw;z-index:5;top:0}.io-vivo-section-remote .io-vivo-section-remote-img .io-vivo-section-remote-img1 div span{background-color:#000;display:block;width:100%;height:20px;bottom:-15px;position:absolute}.io-vivo-section-remote .io-vivo-section-remote-img .io-vivo-section-remote-img1 div:after,.io-vivo-section-remote .io-vivo-section-remote-img .io-vivo-section-remote-img1 div:before{content:" ";position:absolute;width:10px;height:100%;top:0;background-color:#000}.io-vivo-section-remote .io-vivo-section-remote-img .io-vivo-section-remote-img1 div:before{left:-9px}.io-vivo-section-remote .io-vivo-section-remote-img .io-vivo-section-remote-img1 div:after{right:-9px}.io-vivo-section-remote .io-vivo-section-remote-img .slider-box{margin:0 auto;height:100%}.io-vivo-section-remote .io-vivo-section-remote-img .slider-box .slider-warp-main{height:90%}.io-vivo-section-remote .io-vivo-section-remote-img .slider-box li img{width:auto;height:100%;margin:0 auto}.io-vivo-section-remote .slider-img-btns{width:19%;opacity:0;height:54%;top:63%}.io-vivo-section-origin4 .io-vivo-section-origin4-img{margin-top:calc(10vh + 2.48rem)}.io-vivo-section-origin4 .io-vivo-section-origin4-phone{transform:scale(.81);position:relative;width:39.6975vh;height:85.39326vh;transform-origin:50% 0}.io-vivo-section-origin4 .io-vivo-section-origin4-copy{box-sizing:border-box;padding:12.35955vh 5% 0;width:calc(100% - 14px);height:calc(100% - 14px)}.io-vivo-section-origin4 .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy1-main{margin-top:4.55729vw}.io-vivo-section-origin4 .io-vivo-section-origin4-copy p{margin-top:3.38542vw}.io-vivo-section-origin4 .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy-bj{left:0}.io-vivo-section-origin4 .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy21 div{padding-top:8.59375vw}.io-vivo-section-origin4 .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy21 div span{width:40%}.io-vivo-section-origin4 .io-vivo-section-origin4-copy .io-vivo-section-origin4-copy21 div span img{width:9.89583vw;margin:0 auto 8px}.io-vivo-section-origin5 .io-vivo-section-origin5-phone{transform:scale(.81) translateY(14%);position:relative;width:39.6975vh;height:85.39326vh}.io-vivo-section-origin5 .io-vivo-section-origin5-phone .io-vivo-section-origin5-copy{width:calc(100% - 14px);height:calc(100% - 14px)}.io-vivo-section-origin5 .io-vivo-section-origin5-phone #io-vivo-hz{width:40.39395vh;height:87.05256vh}.io-vivo-section-origin5 .io-vivo-section-origin5-copy-main{width:90%;top:71.16105vh;left:5%;text-align:center}.io-vivo-section-origin5 .io-vivo-section-origin5-copy-main p{margin-top:1.95313vw;padding:0 15%}.io-vivo-section-origin5 .io-vivo-section-origin5-copy-main .io-vivo-section-origin5-main-copy2{position:absolute;top:0;width:100%}.io-vivo-section-origin5 .io-vivo-section-origin5-copy-main .io-vivo-section-origin5-main-copy2 p{padding:0}.io-vivo-section-origin5 .io-vivo-section-origin5-copy-main .io-vivo-section-origin5-main-copy2 div{margin-top:5.20833vw;align-items:center}.io-vivo-section-origin5 .io-vivo-section-origin5-bg-black img{width:39.6975vh;top:48.05487vh}.io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2 .io-vivo-section-origin5-copy-main21{width:90%;left:5%;text-align:center;top:calc(5vh + 2.48rem)}.io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2 .io-vivo-section-origin5-copy-main22{width:90%;left:5%;text-align:center;top:51.53711vh}.io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2 .io-vivo-section-origin5-copy-main22>div{margin-top:6vh}.io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2 .io-vivo-section-origin5-copy-main22>div img{margin:4vh auto 0}.io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2 .io-vivo-section-origin5-copy-main22>div img:first-child{width:54.6875vw}.io-vivo-section-origin5 .io-vivo-section-origin5-copy-main2 .io-vivo-section-origin5-copy-main22>div img:last-child{width:13.80208vw}.io-vivo-section-origin6 .io-vivo-section-origin6-phone{width:26.465vh;height:56.92884vh;bottom:3.74532vh}.io-vivo-section-origin6 .io-vivo-section-origin6-phone .io-vivo-section-origin6-copy{width:100%;height:100%}.io-vivo-section-origin6 .io-vivo-section-origin6-phone #io-vivo-flower{width:26.465vh;height:58.80076vh}#want-vido{width:210px;height:389.08333px}#want-vido,.want-vido-mask{top:50.2%;left:50%;transform:translate(-50%,-50%)}.want-vido-mask{width:240px;height:444.66667px}.want-vido-mask img:first-child{top:6px}.io-vivo-section-end{height:56.80556%}.io-vivo-section-end .io-vivo-section-end-copy{width:80%;left:10%;top:12%}.io-vivo-section-design4 .io-vivo-section-design4-img{top:35vh}.io-vivo-section-design4 .io-vivo-section-design4-img div{width:39.14947vh}.io-vivo-section-design4 .io-vivo-section-design4-img div img{width:39.14947vh;height:112.35955vh}.io-vivo-section-design4 .io-vivo-section-design4-copy2{position:absolute;width:100%;height:auto;top:66.4794vh}.io-vivo-section-design4 .io-vivo-section-design4-copy2 p{width:90%;margin:0 auto}.io-vivo-section-design5{height:185.27778vw}.io-vivo-section-design5 .io-vivo-section-design5-copy1{top:11.71875vw;width:90%;position:absolute;left:5%}.io-vivo-section-design5 .io-vivo-section-design5-copy1 h4{margin-top:2.60417vw}.io-vivo-section-design7 .io-vivo-main-copy.io-vivo-section-design7-copy6{height:auto;top:60%}.io-vivo-section-zoom-img{position:absolute;width:39.80032vh;height:52.47376vh;bottom:3.74813vh;left:50%;transform:translateX(-50%)}.io-vivo-section-zoom-img div{width:100%;height:100%;position:absolute}.io-vivo-section-zoom-img div img{width:100%;height:100%}.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}}@-webkit-keyframes scrollMoveTips{0%{transform:translate(-50%)}to{transform:translate(-50%,10px)}}@keyframes scrollMoveTips{0%{transform:translate(-50%)}to{transform:translate(-50%,10px)}}@-webkit-keyframes hiddenEles{0%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes hiddenEles{0%{opacity:1}to{opacity:0;visibility:hidden}}.slider-warp{box-sizing:border-box;width:60%;margin:0 auto;height:auto;position:relative}.slider-warp-main{width:100%;height:100%;position:absolute;overflow:hidden}.slider-img-lr{width:10000%;display:flex;justify-content:start}.slider-img-lr li{width:1%;transform-origin:50% 50%;position:relative}.slider-img-lr li.on{z-index:1}.slider-img-lr-st li{transform-origin:50% 0}.slider-img-lr-sb li{transform-origin:50% 100%}.slider-img-lr-shrink li{margin:0 -.02%}.slider-img-alp{position:relative}.slider-img-alp li{position:absolute;z-index:1;top:0;left:0;opacity:0}.slider-img-alp li.on{position:relative;opacity:1;z-index:2}.slider-img-point{display:flex;justify-content:center;position:absolute;z-index:2;bottom:10px;width:100%}.slider-img-point span{cursor:pointer;display:block;width:20px;height:20px;box-sizing:border-box;text-indent:-9999em;position:relative}.slider-img-point span:before{content:" ";background-color:#bbb;border-radius:100%;position:absolute;width:10px;height:10px;top:5px;left:5px;transition:all .5s ease;transform:scale(.9)}.slider-img-point span:hover:before{background-color:#456fff}.slider-img-point span.on:before{background-color:#1c69d4;transform:scale(1.1)}.slider-img-btns{background-color:rgba(28,105,212,0);position:absolute;top:50%;transform:translateY(-50%);height:auto;z-index:10;color:#fff;cursor:pointer}.slider-img-btns svg{width:100%;height:100%}.slider-img-btns-left{transform:translateY(-50%) rotate(180deg)}@media screen and (min-width:769px){.slider-img-btns{width:50px;height:50px}.slider-img-btns-left{left:5%}.slider-img-btns-right{right:5%}}@media screen and (min-width:280px) and (max-width:768px){.slider-img-btns{width:30px;height:30px}.slider-img-btns-left{left:0}.slider-img-btns-right{right:0}}