@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{font-size:70%;line-height:0;position:relative;vertical-align:baseline}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:#252525;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-end;align-items:center;position:relative}.io-vivo-sub-nav .io-vivo-sub-nav-box h6{position:absolute;color:#fff;font-weight:300;width:50%}.io-vivo-sub-nav .io-vivo-sub-nav-box h6 span{position:relative;color:#929292;white-space:nowrap;word-spacing:-1px}.io-vivo-sub-nav .io-vivo-sub-nav-box h6 span:before{content:" ";position:absolute;height:80%;top:10%;background-color:#929292;width:1px}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-sub-nav-list a{display:block;cursor:pointer;color:#fff;text-decoration:none;transition:all .5s ease}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-sub-nav-list a.onactive{color:#456fff}.io-vivo-sub-nav .io-vivo-subnav-conuntdown span{color:#fff}.io-vivo-sub-nav .io-vivo-subnav-conuntdown .io-vivo-countdown-times-space1{padding-right:3px}.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{border-radius:30px;position:relative;background-color:#456fff;display:flex;justify-content:center;align-items:center}.io-vivo-btn-style1 a span,.io-vivo-btn-style3 a span{display:block}.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;width:100%;overflow:hidden;height:0}.io-vivo-btn-style3 .io-vivo-pre-list a{background-color:hsla(0,0%,100%,0);color:#242933;box-sizing:border-box;justify-content:flex-start}.io-vivo-btn-style3 .io-vivo-pre-list a:hover{color:#456fff}.io-vivo-btn-style3 .io-vivo-pre-list a:before{content:" ";position:absolute;top:50%;transform:translateY(-50%);overflow:hidden;background-position:0 0;background-repeat:no-repeat;background-size:100%;border-radius:8px}.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{border-radius:30px;position:relative;border:1px solid #fff;background-color:#fff;box-sizing:border-box;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{color:#000;border-radius:30px;position:relative;border:1px solid #000;box-sizing:border-box}.io-vivo-btn-style12 a:hover{color:#000}.io-vivo-layer-mask{width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:18;position:fixed;top:0;left:0;visibility:hidden;opacity:0}.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:#000;background-color:#e5e5e5}.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:-webkit-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{background-color:#fff;width:100%;height:100vh;overflow:hidden}.io-vivo-warp .io-vivo-kv picture{width:auto;position:relative}.io-vivo-warp .io-vivo-kv picture img{height:100%;width:auto;position:absolute;left:50%;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{position:absolute;z-index:10;text-align:center}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-left h1{margin:0 auto}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark{position:absolute;font-size:12px;text-align:right}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark-left{position:absolute;font-size:12px}.io-vivo-warp .io-vivo-kv a.io-vivo-live-btn{color:#fff;border:1px solid #456fff;background-color:#456fff}.io-vivo-warp .io-vivo-kv a.io-vivo-live-btn:hover{color:#fff}.io-vivo-warp .io-vivo-beauty{height:300vh}.io-vivo-warp .io-vivo-section-beauty-sticky{height:100vh}.io-vivo-warp .io-vivo-section-beauty-sticky .io-vivo-section-beauty-box2{position:absolute;width:100%;height:100vh;top:0;z-index:10}.io-vivo-warp .io-vivo-section-beauty-sticky .io-vivo-section-beauty-box3{position:absolute;width:100%;height:100vh;top:0;z-index:12}.io-vivo-warp .io-vivo-main-copy{position:absolute;z-index:10}.io-vivo-warp .io-vivo-power{height:100vh;overflow:hidden}.io-vivo-warp .io-vivo-phone{height:400vh}.io-vivo-warp .io-vivo-phone .io-vivo-phone-box-txt{position:absolute;z-index:10;display:flex;flex-direction:column;justify-content:space-around;overflow:hidden}.io-vivo-warp .io-vivo-phone .io-vivo-phone-box-txt div{position:relative}.io-vivo-warp .io-vivo-phone .io-vivo-phone-box-txt div p{position:relative;z-index:10}.io-vivo-warp .io-vivo-phone .io-vivo-phone-box-txt div p em{word-spacing:-1px;font-style:normal;position:absolute;width:auto;height:100%;background-color:#e5e5e5;top:0;left:0;overflow:hidden}.io-vivo-warp .io-vivo-phone .io-vivo-phone-box-txt div p em i{color:transparent}.io-vivo-warp .io-vivo-phone .io-vivo-phone-box-txt div strong{position:relative;z-index:10}.io-vivo-warp .io-vivo-phone .io-vivo-phone-box-txt div span{width:100%;height:2px;background:linear-gradient(270deg,#fff,#fff 15px,transparent 0,transparent);background-size:22px 100%;position:absolute;top:60%;right:0;transform:translateY(-50%)}.io-vivo-warp .io-vivo-section-phone-sticky{height:100vh}.io-vivo-warp .io-vivo-design{height:300vh}.io-vivo-warp .io-vivo-section-design-sticky{height:100vh}.io-vivo-warp #design-imgs{position:absolute;bottom:0;transform-origin:50% 95%}.io-vivo-warp #design-imgs canvas{position:absolute;top:0;left:0}.io-vivo-warp .io-vivo-coming{width:100%;overflow:hidden}.io-vivo-warp .io-vivo-coming .io-vivo-coming-copy{position:absolute;z-index:10;width:100%;text-align:center}.io-vivo-warp .io-vivo-coming .io-vivo-coming-copy h1{margin:0 auto}.io-vivo-warp .io-vivo-coming picture{position:relative;height:100%}.io-vivo-warp .io-vivo-coming picture img{position:absolute;bottom:0}.io-vivo-warp .io-vivo-coming a.io-vivo-live-btn{color:#000}.io-vivo-warp .io-vivo-coming a.io-vivo-live-btn:hover{color:#fff}.io-vivo-warp .io-vivo-countdown{width:100%;overflow:hidden;height:100vh}.io-vivo-warp .io-vivo-countdown .io-vivo-coming-copy{position:absolute;z-index:10;width:100%;text-align:center}.io-vivo-warp .io-vivo-countdown .io-vivo-coming-copy h1{margin:0 auto}.io-vivo-warp .io-vivo-countdown .io-vivo-day-num{padding-right:5px}.io-vivo-warp .io-vivo-countdown .io-vivo-countdown-times{display:flex;justify-content:center}.io-vivo-warp .io-vivo-countdown .io-vivo-countdown-times span:after{content:attr(data-name);display:block}.io-vivo-warp .io-vivo-countdown-id .io-vivo-coming-copy{color:#fff}.io-vivo-warp .io-vivo-countdown-id picture{width:auto;position:relative;height:100%}.io-vivo-warp .io-vivo-countdown-id picture img{height:100%;width:auto;position:absolute;left:50%;transform:translateX(-50%)}.io-vivo-warp .io-vivo-countdown-my picture{position:relative;height:100%}.io-vivo-warp .io-vivo-countdown-my picture img{position:absolute;bottom:-3%}.io-vivo-warp .text-img-bj{background-image:linear-gradient(0deg,#0dccff,#4760ff 60%);background-position:0;background-size:calc(100% - 1px) 100%;background-repeat:no-repeat;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-right:1px;font-style:normal}.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}.close-video{transform:rotate(-45deg);transition:transform .4s ease;background-image:none!important}.close-video:before{left:0;top:calc(50% - 1px);width:100%;height:2px}.close-video:after,.close-video:before{content:" ";background-color:#fff;position:absolute}.close-video:after{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."}.io-vivo-remark>div p.io-vivo-remark-sigle{padding-left:0;margin-left:0}.io-vivo-remark>div p.io-vivo-remark-sigle:before{content:""}@media screen and (min-width:769px){.io-vivo-sub-nav-place{height:60px}.io-vivo-sub-nav{top:0;height:60px;font-size:18px}.io-vivo-sub-nav .io-vivo-sub-nav-box{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-btn-style3 a{padding:8px 10px 8px 18px;font-size:16px}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-btn-style3 a span:nth-child(2){height:22px;overflow:hidden}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-btn-style3 a span svg{width:22px;margin-top:1px}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-btn-style3 .io-vivo-pre-list{padding-top:31px}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-btn-style3 .io-vivo-pre-list ul{padding:12px 0}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-btn-style3 .io-vivo-pre-list ul li a{height:55px;padding:0 30px 0 79px!important}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-btn-style3 .io-vivo-pre-list ul li a:before{width:36px;height:36px;left:30px}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-sub-nav-open{display:none}.io-vivo-sub-nav h6{font-size:18px;left:20px}.io-vivo-sub-nav h6 span{padding-left:24px;font-size:16px}.io-vivo-sub-nav h6 span:before{left:10px}.io-vivo-sub-nav .io-vivo-sub-nav-list{display:flex;margin-right:15px}.io-vivo-sub-nav .io-vivo-sub-nav-list a{margin:0 15px}.io-vivo-sub-nav .io-vivo-sub-nav-list a:hover{color:#456fff}.io-vivo-warp .io-vivo-kv{transform:translateY(-86px);margin-bottom:-86px}.io-vivo-warp .io-vivo-kv picture{height:100%}.io-vivo-warp .io-vivo-kv picture img{height:98%;bottom:-4%}.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:9.89583vw}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h1.h15g{width:16.66667vw}.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{top:calc(50% + 60px);transform:translateY(-50%)}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-left h1{width:9.89583vw}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-left h1.h15g{width:16.66667vw}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-left h1.h1local{width:20.83333vw}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-left h2{padding-top:1.85185vh}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark{right:30px;bottom:30px;width:100%;transform-origin:100% 100%}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark-left{left:30px;bottom:30px;width:100%;transform-origin:0 100%}.io-vivo-warp .io-vivo-kv .io-vivo-btn-style2{padding-top:3.7037vh}.io-vivo-warp .io-vivo-beauty picture{position:absolute;width:100%;bottom:0;transform:translateY(7%)}.io-vivo-warp .io-vivo-main-copy{width:100%;text-align:center;top:calc(4.16667vh + 60px)}.io-vivo-warp .io-vivo-main-copy p{padding-top:2.31481vh;width:100%;margin:0 auto}.io-vivo-warp #design-imgs{width:177.77778vh;height:100vh;left:calc(50vw - 88.88889vh)}.io-vivo-warp .io-vivo-power img{width:auto;height:53.7037vh;position:absolute;left:50%;transform:translateX(-50%);bottom:2.77778vh}.io-vivo-warp .io-vivo-phone .io-vivo-phone-box{width:54.56245vh;height:74.07407vh;position:absolute;left:calc(50% + 16.02772vh);transform:translateX(-50%);bottom:-20.37037vh}.io-vivo-warp .io-vivo-phone .io-vivo-phone-box .io-vivo-phone-box-txt{width:42.2859vh;height:27.59259vh;right:45.01402vh;top:5.83333vh}.io-vivo-warp .io-vivo-phone .io-vivo-phone-box .io-vivo-phone-box-txt div p em{padding-right:20px}.io-vivo-warp .io-vivo-coming{height:100vh}.io-vivo-warp .io-vivo-coming .io-vivo-coming-copy{top:calc(4.81481vh + 60px)}.io-vivo-warp .io-vivo-coming .io-vivo-coming-copy h1{width:9.89583vw}.io-vivo-warp .io-vivo-coming .io-vivo-coming-copy h1.h15g{width:16.66667vw}.io-vivo-warp .io-vivo-coming .io-vivo-coming-copy h2{padding-top:1.85185vh}.io-vivo-warp .io-vivo-coming .io-vivo-btn-style2{padding-top:3.7037vh}.io-vivo-warp .io-vivo-countdown{height:100vh}.io-vivo-warp .io-vivo-countdown .io-vivo-coming-copy{top:calc(4.81481vh + 60px)}.io-vivo-warp .io-vivo-countdown .io-vivo-coming-copy h1{width:15.625vw}.io-vivo-warp .io-vivo-countdown .io-vivo-coming-copy h2{padding-top:1.85185vh}.io-vivo-warp .io-vivo-countdown .io-vivo-countdown-times-space{padding:0 .625vw;width:auto}.io-vivo-warp .io-vivo-countdown .io-vivo-countdown-day{padding-top:3.7037vh}.io-vivo-warp .io-vivo-countdown .io-vivo-countdown-times{padding-top:.92593vh}.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-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-font60{font-size:60px}.io-vivo-tit-font52{font-size:52px}.io-vivo-tit-font40{font-size:40px}.io-vivo-tit-font36{font-size:36px}.io-vivo-tit-font34{font-size:34px}.io-vivo-tit-font30{font-size:30px}.io-vivo-copy-font26{font-size:26px}.io-vivo-copy-font22{font-size:22px}.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-tit-font60{font-size:52px}.io-vivo-tit-font52{font-size:44px}.io-vivo-tit-font40{font-size:34px}.io-vivo-tit-font36{font-size:30px}.io-vivo-tit-font34{font-size:28px}.io-vivo-tit-font30{font-size:24px}.io-vivo-copy-font26{font-size:20px}.io-vivo-copy-font22{font-size:18px}.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-tit-font60{font-size:40px}.io-vivo-tit-font52{font-size:32px}.io-vivo-tit-font42{font-size:28px}.io-vivo-tit-font36{font-size:26px}.io-vivo-tit-font34{font-size:22px}.io-vivo-tit-font30{font-size:18px}.io-vivo-copy-font26{font-size:16px}.io-vivo-copy-font22{font-size:12x}.io-vivo-countdown-times span{width:45px}.io-vivo-countdown-times span:after{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: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-box .io-vivo-btn-style3 a{padding:1.5625vw 1.43229vw 1.5625vw 2.86458vw;font-size:.32rem}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-btn-style3 a span:nth-child(2){overflow:hidden;position:relative;height:20px;width:20px}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-btn-style3 a span svg{width:20px;height:20px;position:absolute;top:0;left:0}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-btn-style3 .io-vivo-pre-list{padding-top:.73rem}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-btn-style3 .io-vivo-pre-list ul{padding:1.5625vw 0}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-btn-style3 .io-vivo-pre-list ul li a{height:1.2rem;padding:0 .6rem 0 1.62rem!important}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-btn-style3 .io-vivo-pre-list ul li a:before{width:.72rem;height:.72rem;left:.6rem}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-sub-nav-open{position:absolute;left:50%;transform:translateX(-50%);color:#fff}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-sub-nav-open svg{transform:rotate(90deg);transition:transform .5s ease-out;width:32px;height:32px;margin-top:3px}.io-vivo-sub-nav .io-vivo-sub-nav-box .io-vivo-sub-nav-open.onactive svg{transform:rotate(270deg)}.io-vivo-sub-nav h6{font-size:.38rem;left:.4rem;white-space:nowrap}.io-vivo-sub-nav h6 span{padding-left:.4rem;font-size:.35rem}.io-vivo-sub-nav h6 span:before{left:.15rem}.io-vivo-sub-nav .io-vivo-sub-nav-list{background-color:#252525;position:absolute;left:0;top:1.24rem;width:100%;height:0;overflow:hidden;transition:height .5s ease-out}.io-vivo-sub-nav .io-vivo-sub-nav-list a{display:block;color:#fefefe;font-size:.28rem;float:none;line-height:1.12rem;text-align:center;border-top:1px solid #3b3b3b;margin:0}.io-vivo-sub-nav .io-vivo-sub-nav-list.onactive{height:calc(2.24rem + 3px)}.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-warp .io-vivo-tit-font60{font-size:8vw}.io-vivo-warp .io-vivo-tit-font54{font-size:7.2vw}.io-vivo-warp .io-vivo-tit-font52{font-size:6.93333vw}.io-vivo-warp .io-vivo-tit-font40{font-size:5.33333vw}.io-vivo-warp .io-vivo-tit-font36{font-size:4.8vw}.io-vivo-warp .io-vivo-kv-subcopy{font-size:3.46667vw}.io-vivo-warp .io-vivo-tit-font32{font-size:4.26667vw}.io-vivo-warp .io-vivo-tit-font30{font-size:4vw}.io-vivo-warp .io-vivo-copy-font26{font-size:3.46667vw;line-height:4.8vw}.io-vivo-warp .io-vivo-countdown-times span{width:11.46667vw}.io-vivo-warp .io-vivo-countdown-times span:after{font-size:3.46667vw}.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{bottom:-2.5%}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy{top:calc(6.7734vh + 60px + 1.24rem)}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h1{width:26.30208vw}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h1.h15g{width:43.61979vw}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy h2{padding-top:1.84729vh}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-left{width:100%;text-align:center;top:calc(6.7734vh + 60px + 1.24rem)}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-left h1{width:26.30208vw}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-left h1.h15g{width:43.61979vw}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-left h1.h1local{width:57.29167vw}.io-vivo-warp .io-vivo-kv .io-vivo-kv-copy-left h2{padding-top:1.84729vh}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark{width:180%;right:10px;bottom:10px;transform:scale(.7);transform-origin:100% 100%}.io-vivo-warp .io-vivo-kv .io-vivo-kv-remark-left{width:180%;left:10px;bottom:10px;transform:scale(.5);transform-origin:0 100%}.io-vivo-warp .io-vivo-kv .io-vivo-btn-style2{padding-top:3.69458vh}.io-vivo-warp .io-vivo-main-copy{width:82%;left:9%;top:calc(4.92611vh + 1.24rem)}.io-vivo-warp .io-vivo-main-copy p{padding-top:2.15517vh}.io-vivo-warp .io-vivo-beauty picture picture{height:100%;position:relative}.io-vivo-warp .io-vivo-beauty picture img{height:100%;width:auto;position:absolute;left:50%;transform:translateX(-50%)}.io-vivo-warp #design-imgs{width:46.18227vh;height:100vh;left:calc(50vw - 23.09113vh)}.io-vivo-warp .io-vivo-phone .io-vivo-phone-box{width:54.42806vh;height:73.89163vh;position:absolute;left:102%;transform:translateX(-50%);bottom:-11.69951vh}.io-vivo-warp .io-vivo-phone .io-vivo-phone-box .io-vivo-phone-box-txt{width:57.33333vw;height:27.70936vh;right:44.44958vh;top:5.84975vh}.io-vivo-warp .io-vivo-phone .io-vivo-phone-box .io-vivo-phone-box-txt div p em{padding-right:15px}.io-vivo-warp .io-vivo-power img{width:auto;height:51.60099vh;position:absolute;left:50%;transform:translateX(-50%);bottom:7.38916vh}.io-vivo-warp .io-vivo-coming{height:100vh}.io-vivo-warp .io-vivo-coming .io-vivo-coming-copy{top:calc(7.38916vh + 1.24rem)}.io-vivo-warp .io-vivo-coming .io-vivo-coming-copy h1{width:26.30208vw}.io-vivo-warp .io-vivo-coming .io-vivo-coming-copy h1.h15g{width:43.61979vw}.io-vivo-warp .io-vivo-coming .io-vivo-coming-copy h2{padding-top:1.84729vh}.io-vivo-warp .io-vivo-coming .io-vivo-btn-style2{padding-top:3.69458vh}.io-vivo-warp .io-vivo-countdown{height:100vh}.io-vivo-warp .io-vivo-countdown .io-vivo-coming-copy{top:calc(7.38916vh + 1.24rem)}.io-vivo-warp .io-vivo-countdown .io-vivo-coming-copy h1{width:39.32292vw}.io-vivo-warp .io-vivo-countdown .io-vivo-coming-copy h1.h15g{width:43.61979vw}.io-vivo-warp .io-vivo-countdown .io-vivo-coming-copy h2{padding-top:1.84729vh}.io-vivo-warp .io-vivo-countdown .io-vivo-countdown-times-space{padding:0 1.30208vw;width:auto}.io-vivo-warp .io-vivo-countdown .io-vivo-countdown-day{padding-top:3.69458vh}.io-vivo-warp .io-vivo-countdown .io-vivo-countdown-times{padding-top:1.23153vh}.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}}@-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}}


.io-vivo-warp #design-imgs canvas {
    display: none;
}