@charset "UTF-8";*,.gb-threesixty-static,a,button,img{-webkit-tap-highlight-color:transparent}.iconfont-symbol-products:before,.pd-stage-arrows em:after,.pd-stage-arrows em:before{font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:iconfont-symbol-products;src:url(iconfont-symbol-products.eot);src:url(iconfont-symbol-products.eot?#iefix) format('eot'),url(iconfont-symbol-products.woff2) format('woff2'),url(iconfont-symbol-products.woff) format('woff'),url(iconfont-symbol-products.ttf) format('truetype'),url(iconfont-symbol-products.svg#iconfont-symbol-products) format('svg');font-weight:400;font-style:normal}.iconfont-symbol-products:before{display:inline-block;font-family:iconfont-symbol-products;font-weight:400;line-height:1}.ico-360-degree:before{content:"\EA01"}.ico-customer-service:before{content:"\EA02"}.ico-direct-arrow:before{content:"\EA03"}.ico-dividedPay:before{content:"\EA04"}.ico-exchange:before{content:"\EA05"}.ico-gift-box:before{content:"\EA06"}.ico-offline-store:before{content:"\EA07"}.ico-pay-alipay:before{content:"\EA08"}.ico-pay-huabei:before{content:"\EA09"}.ico-pay-weichat:before{content:"\EA0A"}.ico-postage:before{content:"\EA0B"}.ico-quality-goods:before{content:"\EA0C"}.ico-service-support:before{content:"\EA0D"}.ico-sns-qq:before{content:"\EA0E"}.ico-sns-weichat:before{content:"\EA0F"}.ico-symbol-arrows:before{content:"\EA10"}.ico-symbol-close:before{content:"\EA11"}.ico-symbol-plus:before{content:"\EA13"}.ico-video-play:before{content:"\EA14"}.ico-video-replay:before{content:"\EA15"}.ico-symbol-plus-svg svg{width:14px;height:14px;fill:#fff}.ico-symbol-close1 svg{width:20px;height:20px;fill:#fbfbfb;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.visually-text{margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);position:absolute}.expandc-open,.expandc-open .expandc-animate{overflow-y:hidden}.expandc-complete{overflow-y:auto}.expandc-close,.expandc-close .expandc-animate{overflow-y:hidden}.expand-container-button{height:1px;z-index:9;position:absolute;width:100%;left:0;right:0;bottom:160px;text-align:center}@media (max-width:1440px){.expand-container-button{bottom:120px}}@media (max-width:1080px){.expand-container-button{bottom:100px}}@media (max-width:720px){.expand-container-button{bottom:80px}}.expand-container-button.ec-botton-close{pointer-events:none;position:fixed;bottom:120px;opacity:0;-webkit-transform:translateY(120px);-ms-transform:translateY(120px);transform:translateY(120px);-webkit-transition:opacity .8s cubic-bezier(.2,0,.2,1),-webkit-transform .5s cubic-bezier(.2,0,.2,1);transition:opacity .8s cubic-bezier(.2,0,.2,1),-webkit-transform .5s cubic-bezier(.2,0,.2,1);transition:opacity .8s cubic-bezier(.2,0,.2,1),transform .5s cubic-bezier(.2,0,.2,1);transition:opacity .8s cubic-bezier(.2,0,.2,1),transform .5s cubic-bezier(.2,0,.2,1),-webkit-transform .5s cubic-bezier(.2,0,.2,1)}@media (max-width:1440px){.expand-container-button.ec-botton-close{bottom:80px;-webkit-transform:translateY(80px);-ms-transform:translateY(80px);transform:translateY(80px)}}.show-close-btn .expand-container-button.ec-botton-close{opacity:1;pointer-events:auto;-webkit-transform:none;-ms-transform:none;transform:none}.expand-container-button .ec-button-wrapper{display:inline-block;margin:auto}.expand-container-button .ec-button-wrapper p{font-size:18px}@media (max-width:1440px){.expand-container-button .ec-button-wrapper p{font-size:16px}}@media (max-width:1080px){.expand-container-button .ec-button-wrapper p{font-size:14px}}.expand-container-button .ec-button-wrapper a{display:inline-block;margin-top:15px;font-size:22px;position:relative;overflow:hidden;border-radius:50%;text-decoration:none}.no-csstransforms3d .expand-container-button .ec-button-wrapper a{display:table;margin-left:auto;margin-right:auto}.expand-container-button .ec-button-wrapper a b{width:50px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle}.no-csstransforms3d .expand-container-button .ec-button-wrapper a b{display:table-cell}@media (max-width:1440px){.expand-container-button .ec-button-wrapper a{margin-top:10px;font-size:18px}.expand-container-button .ec-button-wrapper a b{width:40px;height:40px}}.expand-container-button .ec-button-wrapper.ec-open-btn a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#009ee2;color:#fff;border-radius:50px;padding:0 15px;font-size:14px;height:50px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.windows .expand-container-button .ec-button-wrapper.ec-open-btn a{font-size:15px}.expand-container-button .ec-button-wrapper.ec-open-btn a b{width:22px;height:22px;border:1px solid #fff;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:10px;border-radius:50%}.expand-container-button .ec-button-wrapper.ec-open-btn a p{display:inline-block;color:#fff;margin-bottom:0}@media (max-width:1080px){.expand-container-button .ec-button-wrapper.ec-open-btn a{height:42px;padding:0 10px}.expand-container-button .ec-button-wrapper.ec-open-btn a b{margin-right:6px}}.expand-container-button .ec-button-wrapper.ec-open-btn a:hover{background-color:#00a5ec}.expand-container-button .ec-button-wrapper.ec-close-btn a{background-color:rgba(0,0,0,.85);color:#fff}.expand-container-mask{overflow:hidden;z-index:2;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);opacity:0;pointer-events:none;display:none}.expandc-open .expandc-animate .expand-container-mask{display:block;-webkit-transition:opacity .3s cubic-bezier(.2,0,.2,1);transition:opacity .3s cubic-bezier(.2,0,.2,1)}.expandc-open .expandc-animating .expand-container-mask{will-change:opacity;opacity:1}.expandc-complete .expandc-animate .expand-container-mask{display:none}.expandc-close .expandc-animate .expand-container-mask{display:block;opacity:1;-webkit-transition:opacity 1s cubic-bezier(.2,0,.2,1);transition:opacity 1s cubic-bezier(.2,0,.2,1)}.expandc-complete .expandc-animate .product-main-wrapper .product-main-content,.product-detail-wrapper [data-detail-content]{display:none}.expandc-close .expandc-animating .expand-container-mask{opacity:0;will-change:opacity}.product-main-wrapper{position:relative;z-index:1}.product-main-wrapper .product-main-content{position:relative}.expandc-open .expandc-animate .product-main-wrapper .product-main-content{-webkit-transform-origin:50vw 50vh;-ms-transform-origin:50vw 50vh;transform-origin:50vw 50vh;-webkit-transition:-webkit-transform 1s cubic-bezier(.2,0,.2,1);transition:-webkit-transform 1s cubic-bezier(.2,0,.2,1);transition:transform 1s cubic-bezier(.2,0,.2,1);transition:transform 1s cubic-bezier(.2,0,.2,1),-webkit-transform 1s cubic-bezier(.2,0,.2,1)}.expandc-open .expandc-animating .product-main-wrapper .product-main-content{will-change:transform;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}.expandc-close .expandc-animate .product-main-wrapper .product-main-content{-webkit-transform-origin:50vw 50vh;-ms-transform-origin:50vw 50vh;transform-origin:50vw 50vh;-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95);-webkit-transition:-webkit-transform .8s cubic-bezier(.2,0,.2,1);transition:-webkit-transform .8s cubic-bezier(.2,0,.2,1);transition:transform .8s cubic-bezier(.2,0,.2,1);transition:transform .8s cubic-bezier(.2,0,.2,1),-webkit-transform .8s cubic-bezier(.2,0,.2,1)}.expandc-close .expandc-animating .product-main-wrapper .product-main-content{will-change:transform;-webkit-transform:none;-ms-transform:none;transform:none}.product-detail-wrapper{background-color:#fff;z-index:9;position:fixed;left:0;right:0;top:0;height:100vh;min-height:100vh;display:none;-webkit-transform:translateZ(0);transform:translateZ(0)}.ie .product-detail-wrapper{overflow:hidden!important;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.product-detail-wrapper [data-detail-content].current{display:block}.expandc-open .expandc-animate .product-detail-wrapper{display:block;-webkit-transform:translate(0,100vh);-ms-transform:translate(0,100vh);transform:translate(0,100vh);-webkit-transition:-webkit-transform .5s cubic-bezier(.2,0,.2,1);transition:-webkit-transform .5s cubic-bezier(.2,0,.2,1);transition:transform .5s cubic-bezier(.2,0,.2,1);transition:transform .5s cubic-bezier(.2,0,.2,1),-webkit-transform .5s cubic-bezier(.2,0,.2,1)}.expandc-open .expandc-animating .product-detail-wrapper{will-change:transform;-webkit-transform:none;-ms-transform:none;transform:none}.expandc-complete .expandc-animate .product-detail-wrapper{display:block;position:relative;height:auto}.expandc-close .expandc-animate .product-detail-wrapper{display:block;position:fixed;height:100vh;overflow:hidden;-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:-webkit-transform .8s cubic-bezier(.2,0,.2,1);transition:-webkit-transform .8s cubic-bezier(.2,0,.2,1);transition:transform .8s cubic-bezier(.2,0,.2,1);transition:transform .8s cubic-bezier(.2,0,.2,1),-webkit-transform .8s cubic-bezier(.2,0,.2,1)}.expandc-close .expandc-animating .product-detail-wrapper{overflow:hidden;will-change:transform;-webkit-transform:translate(0,100vh);-ms-transform:translate(0,100vh);transform:translate(0,100vh)}.gb-threesixty-static{position:relative;z-index:1;padding-top:46px;padding-bottom:38px}@media (min-width:1921px){.gb-threesixty-static{padding-top:60px;padding-bottom:50px}}@media (max-width:1440px){.gb-threesixty-static{padding-top:36px;padding-bottom:30px}}@media (max-width:1080px){.gb-threesixty-static{padding-top:26px;padding-bottom:21px}}.gb-threesixty-static .ts-loading{position:absolute;left:50%;top:50%;z-index:1;margin:-20px 0 0 -20px;width:35px;height:35px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;background-size:cover;background-repeat:no-repeat;background-image:url(../img/loading.svg)}.gb-threesixty-static .ts-wrapper{position:relative;width:700px;height:700px;margin:auto;opacity:1}@media (max-width:720px){.gb-threesixty-static{padding-top:24px;padding-bottom:50px}.gb-threesixty-static .ts-wrapper{width:100vw;height:100vw}}.gb-threesixty-static .ts-wrapper .ts-container{width:100%;height:100%;z-index:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.gb-threesixty-static .ts-wrapper .ts-container ul{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:1}.gb-threesixty-static .ts-wrapper .ts-container ul.unvisible{opacity:0}.gb-threesixty-static .ts-wrapper .ts-container ul li{overflow:hidden;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;visibility:hidden;background:url(../img/white1.jpg) center no-repeat;background-size:cover}.gb-threesixty-static .ts-wrapper .ts-container ul li.visible{visibility:visible}._animate,.stage .hidden{visibility:hidden}.gb-threesixty-static .ts-wrapper .ts-container ul li img{width:100%;height:auto}.gb-threesixty-static .ts-wrapper .ts-status{position:absolute;left:15%;right:15%;bottom:-20px;z-index:2;color:#333;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.gb-threesixty-static .ts-wrapper .ts-status span.loading{font-size:12px;display:inline-block}.gb-threesixty-static .ts-wrapper .ts-status span.threesixty-degree{display:none;-webkit-transform:scaleY(.4);-ms-transform:scaleY(.4);transform:scaleY(.4)}@media (max-width:720px){.gb-threesixty-static .ts-wrapper .ts-status span.threesixty-degree{display:inline-block}}.gb-threesixty-static .ts-wrapper .ts-status span.threesixty-degree b{color:#999;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:25px;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes rotate-360degree{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-360degree{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.gb-threesixty-static .ts-wrapper .ts-control{position:absolute;left:15%;right:15%;bottom:-20px;z-index:3;color:#ccc}@media (max-width:720px){.gb-threesixty-static .ts-wrapper .ts-control{display:none}}.gb-threesixty-static .ts-wrapper .ts-control:before{content:'';height:2px;background-color:#f2f2f2;display:block}.gb-threesixty-static .ts-wrapper .ts-control span{font-size:12px;position:absolute;top:-.6em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;z-index:1}.gb-threesixty-static .ts-wrapper .ts-control span.start{right:102%;text-align:right}.gb-threesixty-static .ts-wrapper .ts-control span.end{left:102%;text-align:left}.gb-threesixty-static .ts-wrapper .ts-control i{width:20px;height:20px;overflow:hidden;position:absolute;z-index:2;top:50%;left:0;background-color:#fff;margin-top:-11px;border:1px solid #e4e4e4;border-radius:50%;-webkit-transition:-webkit-box-shadow .3s ease,-webkit-transform .1s ease;transition:-webkit-box-shadow .3s ease,-webkit-transform .1s ease;transition:box-shadow .3s ease,transform .1s ease;transition:box-shadow .3s ease,transform .1s ease,-webkit-box-shadow .3s ease,-webkit-transform .1s ease}.gb-threesixty-static .ts-wrapper .ts-control i:hover{-webkit-box-shadow:0 0 5px rgba(0,0,0,.1);box-shadow:0 0 5px rgba(0,0,0,.1)}.gb-threesixty-static .ts-wrapper .ts-color{z-index:4;position:absolute;left:0;right:0;top:-106px}@media (min-width:1921px){.gb-threesixty-static .ts-wrapper .ts-color{top:-140px}}@media (max-width:1440px){.gb-threesixty-static .ts-wrapper .ts-color{top:-84px}}.gb-threesixty-static .ts-wrapper .ts-color ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-bottom:2.5em;margin:auto}@media (max-width:1080px){.gb-threesixty-static .ts-wrapper .ts-color{top:-58px}.gb-threesixty-static .ts-wrapper .ts-color ul{padding-bottom:1em}}.gb-threesixty-static .ts-wrapper .ts-color ul li{width:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (min-width:1921px){.gb-threesixty-static .ts-wrapper .ts-color ul li{width:90px}}@media (max-width:1440px){.gb-threesixty-static .ts-wrapper .ts-color ul li{width:60px}}.gb-threesixty-static .ts-wrapper .ts-color ul li a{width:35px;height:35px;display:block;overflow:hidden;border-radius:50%;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:-webkit-box-shadow .3s ease;transition:-webkit-box-shadow .3s ease;transition:box-shadow .3s ease;transition:box-shadow .3s ease,-webkit-box-shadow .3s ease}.gb-threesixty-static .ts-wrapper .ts-color ul li a.border{border:1px solid #d2d2d2}.gb-threesixty-static .ts-wrapper .ts-color ul li a.current,.gb-threesixty-static .ts-wrapper .ts-color ul li a:hover{-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2)}.gb-threesixty-static .ts-wrapper .ts-color span.name{font-family:"方正悠黑_GB18030 PR";font-size:24px;display:block;text-align:center;color:#000}.gb-threesixty-static .ts-wrapper .ts-color span.name span{display:none}.gb-threesixty-static.loaded .ts-loading{-webkit-transition:background 0s linear 1s;transition:background 0s linear 1s;background-image:none}.gb-threesixty-static.loaded .ts-wrapper{-webkit-transition:opacity .2s ease;transition:opacity .2s ease;opacity:1}.gb-threesixty-static.drag .ts-wrapper .ts-container{cursor:-webkit-grabbing;cursor:grabbing}.lazy-imageom-ready{opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.lazy-imageom-animated{opacity:1}body,html{min-width:320px;overflow:visible!important}figure,picture{outline:0;padding:0;margin:0}.um-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.um-row .col-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.um-row .col-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.um-row .col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.um-row .col-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.um-row .col-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.um-row .col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.um-row .col-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.um-row .col-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.um-row .col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.um-row .col-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.um-row .col-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.um-row .col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:1921px){.gb-threesixty-static .ts-wrapper .ts-color ul li a{width:45px;height:45px}.gb-threesixty-static .ts-wrapper .ts-color span.name{font-size:30px}.um-row .col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.um-row .col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.um-row .col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.um-row .col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.um-row .col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.um-row .col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.um-row .col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.um-row .col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.um-row .col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.um-row .col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.um-row .col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.um-row .col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (max-width:1440px){.gb-threesixty-static .ts-wrapper .ts-color ul li a{width:30px;height:30px}.gb-threesixty-static .ts-wrapper .ts-color span.name{font-size:18px}.um-row .col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.um-row .col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.um-row .col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.um-row .col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.um-row .col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.um-row .col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.um-row .col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.um-row .col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.um-row .col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.um-row .col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.um-row .col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.um-row .col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (max-width:1080px){#vivo-head-wrap .gb-vivo-head .gb-nav-tool,#vivo-head-wrap .v_h_search{overflow:hidden}.um-row .col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.um-row .col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.um-row .col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.um-row .col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.um-row .col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.um-row .col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.um-row .col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.um-row .col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.um-row .col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.um-row .col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.um-row .col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.um-row .col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.J_detail_navi{position:fixed;background-color:rgba(0,0,0,.85)}.J_detail_navi_img{background-image:url(../img/vivopd-logo.png);background-repeat:no-repeat;background-position:center left!important;background-size:auto 80%}.x21-camera .figure picture.l1,.x21-camera .figure picture.p1,.x21-camera .figure picture.p2,.x21-camera-1 .detail-previews ul li.f1 figure,.x21-camera-1 .detail-previews ul li.f2 figure,.x21-camera-1 .figure figure,.x21-camera-2 .figure figure.f1,.x21-camera-2 .figure figure.f2,.x21-camera-3 .figure figure.f1,.x21-camera-4 .figure figure,.x21-fingerprint .figure figure,.x21-fingerprint-1 .figure figure,.x21-hifi .figure figure,.x21-hifi-1 .figure figure,.x21-hifi-2 .figure figure,.x21-high .figure figure.f1,.x21-high .figure figure.f2,.x21-high .figure figure.f3,.x21-high .figure figure.f4,.x21-high-1 .figure figure,.x21-high-1 .specification-preview .hint,.x21-high-2 .figure figure.f1,.x21-high-2 .figure figure.f2,.x21-jovi .figure:before,.x21-jovi-2 .figure figure,.x21-jovi-3 .figure figure,.x21-performance .figure picture.p1,.x21-performance .figure picture.p2{background-position:center;background-repeat:no-repeat}@media (max-width:720px){.gb-threesixty-static .ts-wrapper .ts-color{top:-56px}.gb-threesixty-static .ts-wrapper .ts-color span.name{font-size:14px}.um-row .col-mb-1{-webkit-box-flex:0;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.um-row .col-mb-2{-webkit-box-flex:0;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.um-row .col-mb-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.um-row .col-mb-4{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.um-row .col-mb-5{-webkit-box-flex:0;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.um-row .col-mb-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.um-row .col-mb-7{-webkit-box-flex:0;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.um-row .col-mb-8{-webkit-box-flex:0;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.um-row .col-mb-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.um-row .col-mb-10{-webkit-box-flex:0;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.um-row .col-mb-11{-webkit-box-flex:0;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.um-row .col-mb-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.J_detail_navi_img{margin-top:.4rem!important}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.J_detail_navi_img{background-image:url(../img/vivopd-logo-x2.png)}}.topNavMaxScreen .topNavBox .phoneName{min-width:125px!important}#vivo-wrap{position:relative;width:100%;overflow:hidden}a,button,img{outline:0;border:none;text-decoration:none}#vivo-product-wrap{font-family:-apple-system,BlinkMacSystemFont,PingFang,Heiti SC 黑体-简,"Microsoft YaHei","Helvetica Neue",Helvetica,Arial;font-size:14px;text-align:left;position:relative;width:100%;z-index:1}#pd-fly-layer{font-size:14px;position:fixed;top:0;left:0;right:0;width:100%;z-index:99999;display:none}#pd-fly-layer i{width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;background-color:rgba(0,0,0,.7)}#pd-fly-layer .pd-fly-wrap{position:relative;z-index:1}#pd-fly-layer .pd-fly-showbox{position:absolute;z-index:2;left:50%;top:50%}#pd-fly-layer .pd-fly-showbox .pd-fly-close{width:50px;height:50px;line-height:50px;text-align:center;overflow:hidden;position:absolute;right:-80px;top:-80px;font-weight:100;z-index:9;color:rgba(255,255,255,.8);font-size:40px}@media (max-width:720px){#pd-fly-layer .pd-fly-showbox .pd-fly-close{right:20px;top:20px;font-size:30px}#pd-fly-layer .pd-fly-showbox .pd-fly-close .icon-supper_close{font-size:28px}}#pd-fly-layer .pd-fly-showbox .pd-fly-close b{-webkit-transition:opacity .3s ease;transition:opacity .3s ease}#pd-fly-layer .pd-fly-showbox .pd-fly-close:hover b{opacity:.6}#pd-fly-layer .pd-fly-showbox .pd-fly-content{position:relative;overflow:hidden;background-color:#000;width:100%;height:100%;z-index:1}.stage .text-center{text-align:center}.stage .text-left{text-align:left}.stage .text-right{text-align:right}.stage .text-justify{text-align:justify}.pd-stage-arrows{z-index:999;position:fixed;width:100%;left:0;top:10000px;text-align:center}.pd-stage-arrows.fadeout em{-webkit-animation-play-state:running;animation-play-state:running}.pd-stage-arrows em{position:absolute;display:inline-block;width:40px;height:40px;left:50%;bottom:0;margin-left:-15px;line-height:30px;color:#fff;font-size:14px;-webkit-animation:fadeout-down 1s ease-out infinite;animation:fadeout-down 1s ease-out infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.stage a.circle-link,.stage a.line-link{display:inline-block;color:#0087cd;overflow:hidden}.pd-stage-arrows em:after,.pd-stage-arrows em:before{opacity:.5;left:0;bottom:-15px;position:absolute;display:inline-block;speak:none;font-family:pd-service-iconfont;font-weight:400;font-variant:normal;text-transform:none;content:"";width:100%;height:100%}.stage,.stage .title h3,.stage .title h4{font-family:"方正悠黑简体_纤 PR"}.pd-stage-arrows em:after{bottom:-6px}@-webkit-keyframes fadeout-down{0%{opacity:0}40%,60%{opacity:1}100%{-webkit-transform:translateY(60%);transform:translateY(60%);opacity:0}}@keyframes fadeout-down{0%{opacity:0}40%,60%{opacity:1}100%{-webkit-transform:translateY(60%);transform:translateY(60%);opacity:0}}.stage a.line-link{font-size:14px;line-height:1.2em;padding-bottom:8px;position:relative;margin:auto 2em}.stage a.line-link:after{content:'';left:50%;bottom:0;margin-left:-5px;position:absolute;overflow:hidden;height:1px;width:10px;background-color:#0087cd;-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.stage a.line-link:hover:after{-webkit-transform:scaleX(6);-ms-transform:scaleX(6);transform:scaleX(6)}.stage a.line-link.line-link1:hover:after{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.stage a.line-link.line-link2:hover:after{-webkit-transform:scaleX(2);-ms-transform:scaleX(2);transform:scaleX(2)}.stage a.line-link.line-link3:hover:after{-webkit-transform:scaleX(3);-ms-transform:scaleX(3);transform:scaleX(3)}.stage a.line-link.line-link4:hover:after{-webkit-transform:scaleX(4);-ms-transform:scaleX(4);transform:scaleX(4)}.stage a.line-link.line-link5:hover:after{-webkit-transform:scaleX(5);-ms-transform:scaleX(5);transform:scaleX(5)}.stage a.line-link.line-link6:hover:after{-webkit-transform:scaleX(6);-ms-transform:scaleX(6);transform:scaleX(6)}.stage a.line-link.line-link7:hover:after{-webkit-transform:scaleX(7);-ms-transform:scaleX(7);transform:scaleX(7)}.stage a.line-link.line-link8:hover:after{-webkit-transform:scaleX(8);-ms-transform:scaleX(8);transform:scaleX(8)}.stage a.line-link.line-link9:hover:after{-webkit-transform:scaleX(9);-ms-transform:scaleX(9);transform:scaleX(9)}.stage a.line-link.line-link10:hover:after{-webkit-transform:scaleX(10);-ms-transform:scaleX(10);transform:scaleX(10)}.stage a.line-link.line-link11:hover:after{-webkit-transform:scaleX(11);-ms-transform:scaleX(11);transform:scaleX(11)}.stage a.line-link.line-link12:hover:after{-webkit-transform:scaleX(12);-ms-transform:scaleX(12);transform:scaleX(12)}.stage a.line-link.line-link13:hover:after{-webkit-transform:scaleX(13);-ms-transform:scaleX(13);transform:scaleX(13)}.stage a.line-link.line-link14:hover:after{-webkit-transform:scaleX(14);-ms-transform:scaleX(14);transform:scaleX(14)}.stage a.line-link.line-link15:hover:after{-webkit-transform:scaleX(15);-ms-transform:scaleX(15);transform:scaleX(15)}.stage a.line-link.line-link16:hover:after{-webkit-transform:scaleX(16);-ms-transform:scaleX(16);transform:scaleX(16)}.stage a.line-link.line-link17:hover:after{-webkit-transform:scaleX(17);-ms-transform:scaleX(17);transform:scaleX(17)}.stage a.line-link.line-link18:hover:after{-webkit-transform:scaleX(18);-ms-transform:scaleX(18);transform:scaleX(18)}.stage a.line-link.line-link19:hover:after{-webkit-transform:scaleX(19);-ms-transform:scaleX(19);transform:scaleX(19)}.stage a.line-link.line-link20:hover:after{-webkit-transform:scaleX(20);-ms-transform:scaleX(20);transform:scaleX(20)}.stage a.line-link.line-link21:hover:after{-webkit-transform:scaleX(21);-ms-transform:scaleX(21);transform:scaleX(21)}.stage a.line-link.line-link22:hover:after{-webkit-transform:scaleX(22);-ms-transform:scaleX(22);transform:scaleX(22)}.stage a.line-link.line-link23:hover:after{-webkit-transform:scaleX(23);-ms-transform:scaleX(23);transform:scaleX(23)}.stage a.line-link.line-link24:hover:after{-webkit-transform:scaleX(24);-ms-transform:scaleX(24);transform:scaleX(24)}.stage a.line-link.line-link25:hover:after{-webkit-transform:scaleX(25);-ms-transform:scaleX(25);transform:scaleX(25)}.stage a.line-link.line-link26:hover:after{-webkit-transform:scaleX(26);-ms-transform:scaleX(26);transform:scaleX(26)}.stage a.line-link.line-link27:hover:after{-webkit-transform:scaleX(27);-ms-transform:scaleX(27);transform:scaleX(27)}.stage a.line-link.line-link28:hover:after{-webkit-transform:scaleX(28);-ms-transform:scaleX(28);transform:scaleX(28)}.stage a.line-link.line-link29:hover:after{-webkit-transform:scaleX(29);-ms-transform:scaleX(29);transform:scaleX(29)}.stage a.line-link.line-link30:hover:after{-webkit-transform:scaleX(30);-ms-transform:scaleX(30);transform:scaleX(30)}.stage a.circle-link{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;border:1px solid #0087cd;border-radius:70px;font-weight:700;-webkit-transition:color .5s ease,background-color .5s ease;transition:color .5s ease,background-color .5s ease;width:210px;height:40px;line-height:40px;font-size:16px;margin:auto 20px}.stage .figure,.x21-camera-2 .figure,button{box-sizing:content-box}@media (min-width:1921px){.stage a.circle-link{width:220px;height:42px;line-height:42px;font-size:18px}}@media (max-width:1440px){.stage a.circle-link{width:170px;height:40px;line-height:40px;font-size:14px;margin:auto 10px}}@media (max-width:1080px){.stage a.circle-link{width:150px;height:36px;line-height:35px}}@media (max-width:720px){.stage a.circle-link{margin:auto 10px}}.stage,.stage .content,.stage .stage-innertips{margin:auto;position:relative}.stage a.circle-link:hover{background-color:#0087cd;color:#fff}.stage .hide{display:none}.stage .show{display:block}.stage .visible{visibility:visible}.stage{width:100%;height:auto;z-index:1;overflow:hidden}.stage .content{width:1200px}@media (min-width:1921px){.stage .content{width:1200px}}@media (max-width:1440px){.stage .content{width:1000px}}@media (max-width:1080px){.stage .content{width:auto}}@media (max-width:720px){.stage .content{width:auto}}.stage .stage-innertips{z-index:99;width:1200px}@media (min-width:1921px){.stage .stage-innertips{width:1200px}}@media (max-width:1440px){.stage .stage-innertips{width:1000px}}@media (max-width:1080px){.stage .stage-innertips{width:auto}}.stage .stage-innertips span.light-text{color:#4a4a4a;position:absolute;bottom:20px;right:0;opacity:.5}@media (max-width:720px){.stage .stage-innertips{width:100%}.stage .stage-innertips span.light-text{right:10px;font-size:12px;bottom:10px;white-space:nowrap}}.stage.stage-footertips{background-color:#000;padding:50px 0;font-size:18px}.stage.stage-footertips h5{color:#fff;margin:.5em;display:block}.stage.stage-footertips p{color:#999;padding-left:.5em;line-height:1.4em;text-align:justify}@media (max-width:720px){.stage.stage-footertips{font-size:14px;padding:20px;width:auto}.stage .title h2{font-weight:400;font-family:"方正悠黑简体_纤 PR"}}.stage .pd-suppercontain-close a b:before,.stage .pd-suppercontain-open a b:before,.stage a.pd-detail-replay b:before,.stage a.pd-detail-videopause b:before,.stage a.pd-detail-videoplay b:before{speak:none;font-family:pd-service-iconfont;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal}.stage.stage-tips{background-color:#000;padding:50px 0}.stage.stage-tips .tip-content{width:1200px;margin:auto;color:#fff;font-size:16px}@media (max-width:1240px){.stage.stage-tips .tip-content{margin:0 16px;width:auto}}@media (max-width:1080px){.stage.stage-tips{padding:25px 0}.stage.stage-tips .tip-content{font-size:12px}}.stage.stage-tips .tip-content p{line-height:1.6em;padding-bottom:15px}.stage.stage-tips .tip-content p+p{color:#999;padding-bottom:0}.stage .title h1{font-size:80px;line-height:1em;padding-bottom:40px}@media (max-width:720px){.stage .title h2{padding-bottom:10px;font-size:22px}.stage .title h3{font-weight:400;padding-bottom:20px}}@media (min-width:1921px){.stage .title h3{font-size:50px}}@media (max-width:1440px){.stage .title h3{font-size:30px}}@media (max-width:1080px){.stage .title h3{font-size:30px}}.stage .title h4{line-height:1em;padding-bottom:15px;font-size:20px}@media (min-width:1921px){.stage .title h4{font-size:30px}}@media (max-width:1080px){.stage .title h4{font-size:14px}}@media (max-width:720px){.stage .title h4{font-weight:400;font-size:14px}}.stage .title p{text-align:center}@media (max-width:1440px){.stage .title h4{font-size:14px}.stage .title p{font-size:16px}}.stage .title p.des{font-size:14px;line-height:1.2em;color:#999}@media (max-width:720px){.stage .title p{font-size:14px;text-align:left}.stage .title p br{display:none}}.stage .figure{position:relative;overflow:hidden}.stage a.pd-detail-replay{line-height:14px;color:#0087cd}.android .stage a.pd-detail-replay{display:none}.stage a.pd-detail-replay b{margin-left:.2em;font-size:14px;vertical-align:text-top;line-height:14px}.stage a.pd-detail-replay b:before{display:inline-block;content:"";overflow:visible}.stage a.pd-detail-replay.play{color:#999}.stage a.pd-detail-videoplay{position:absolute;z-index:9;left:50%;top:50%;overflow:visible;margin-top:-60px;margin-left:-60px;text-align:center}.android .stage a.pd-detail-videoplay{display:none}.stage a.pd-detail-videoplay b{color:#fff}@media (max-width:720px){.stage a.pd-detail-videoplay{position:absolute;margin-top:-35px;margin-left:-35px}.stage a.pd-detail-videoplay b{width:70px;height:70px;font-size:68px;line-height:70px}}.stage a.pd-detail-videoplay b:before{display:inline-block;content:"";overflow:visible}.stage a.pd-detail-videopause{visibility:hidden;position:absolute;z-index:9;right:10px;top:10px}.android .stage a.pd-detail-videopause{display:none}.stage a.pd-detail-videopause b{color:#fff;height:30px;width:30px;text-align:center;font-size:20px;line-height:30px}.stage a.pd-detail-videopause b:before{display:inline-block;content:"";overflow:visible}.stage i.video-layer:after,.x21-hifi-1 .figure .waves picture:before,.x21-jovi .figure:before,.x21-rom .figure:before{content:''}.stage i.video-layer{position:relative;width:100%;height:100%;overflow:hidden;text-align:center}.mobile .stage i.video-layer{width:100%;height:auto}.stage i.video-layer.active video{opacity:1}.stage i.video-layer:after{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%}.stage i.video-layer video{position:relative;width:100%;height:auto;margin:auto;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.android .stage i.video-layer video{width:100%;margin:auto;opacity:1;z-index:10;visibility:visible;display:block}.stage .pd-suppercontain-close,.stage .pd-suppercontain-open{font-size:18px;text-align:center;position:absolute;width:100%;height:1px;bottom:100px;z-index:9}@media (max-width:720px){.stage .pd-suppercontain-close,.stage .pd-suppercontain-open{bottom:50px;font-size:16px;line-height:16px}}.stage .pd-suppercontain-close a,.stage .pd-suppercontain-open a{color:#333;line-height:21px;display:inline-block}.stage .pd-suppercontain-close a b,.stage .pd-suppercontain-open a b{display:inline-block;overflow:hidden;border-radius:50%;text-align:center;position:relative;font-size:14px;margin-left:.5em;color:#fff;background-color:#0087cd;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.stage .pd-suppercontain-close a b:before,.stage .pd-suppercontain-open a b:before{display:inline-block;overflow:visible;content:""}.windows .stage .pd-suppercontain-close a b,.windows .stage .pd-suppercontain-open a b{font-size:15px}.stage .pd-suppercontain-close a b.icon-supper_open,.stage .pd-suppercontain-open a b.icon-supper_open{width:21px;height:21px;line-height:21px}.windows.firefox .stage .pd-suppercontain-close a b.icon-supper_open,.windows.firefox .stage .pd-suppercontain-open a b.icon-supper_open{line-height:24px;margin-top:-3px}.stage .pd-suppercontain-close a b.icon-supper_close,.stage .pd-suppercontain-open a b.icon-supper_close{width:41px;height:41px;line-height:41px}.windows .stage .pd-suppercontain-close a b.icon-supper_close,.windows .stage .pd-suppercontain-open a b.icon-supper_close{line-height:40px}.windows.firefox .stage .pd-suppercontain-close a b.icon-supper_close,.windows.firefox .stage .pd-suppercontain-open a b.icon-supper_close{line-height:44px}.android .stage .pd-suppercontain-close a b,.android .stage .pd-suppercontain-open a b{vertical-align:top;margin-top:-2px}.stage .pd-suppercontain-close{top:100px;bottom:auto}.stage .pd-suppercontain-close a b{font-size:18px;margin-left:0;background-color:rgba(0,0,0,.5)}.stage .pd-suppercontain-close a b:before{content:""}.stage .pd-stage,.stage .pd-suppercontain{left:0;width:100%;overflow:hidden;position:relative}.stage .pd-suppercontain-close a:hover b{background-color:rgba(0,0,0,.3)}.stage .pd-suppercontain{z-index:9;background-color:#fff}.stage .pd-suppercontain.pd-supper-expand{display:block}.stage .icon-images b,.stage .icon-images:before{display:inline-block;overflow:hidden}.stage .pd-suppercontain.pd-supper-expand .pd-detail-stage{visibility:visible;-webkit-transform:translateZ(0);transform:translateZ(0)}.stage .pd-suppercontain-box{position:relative;z-index:1;background-color:#fff}.stage .pd-suppercontain-box.bg-gray{background-color:#fafafa}.stage .pd-suppercontain-box.bg-black{background-color:#000}.stage .pd-suppercontain-box.bg-white,.x21-high,.x21-high-1{background-color:#fff}.stage .pd-suppercontain-box .tmp{height:1000px}.stage .pd-suppercontent{margin:auto;padding:180px 0;position:relative;width:1200px}@media (min-width:1921px){.stage .pd-suppercontent{width:1200px}}@media (max-width:1440px){.stage .pd-suppercontent{width:1200px}}@media (max-width:1280px){.stage .pd-suppercontent{width:auto;padding:180px 0 100px}}@media (max-width:720px){.stage .pd-suppercontain-close{top:50px}.stage .pd-suppercontent{padding:90px 0 50px}}.stage .pd-detail-stage{position:relative;visibility:hidden;padding:50px 0 120px}@media (min-width:1921px){.stage .pd-detail-stage{padding:50px 0 150px}.stage .pd-detail-title{width:850px}}@media (max-width:1440px){.stage .pd-detail-stage{padding:40px 0 80px}}@media (max-width:720px){.stage .pd-detail-stage{padding:20px 0 40px}}.stage .pd-detail-stage:last-child{padding-bottom:0}.stage .pd-detail-title{position:relative;text-align:center;margin:auto;z-index:2;width:850px}@media (max-width:1440px){.stage .pd-detail-title{width:600px}}@media (max-width:1080px){.stage .pd-detail-title{width:600px}}@media (max-width:720px){.stage .pd-detail-title{width:auto;margin:0 2em}}.stage .pd-detail-title h2{font-family:"方正悠黑简体 PR";color:#333;line-height:1.5em;font-size:40px;margin-bottom:30px}@media (min-width:1921px){.stage .pd-detail-title h2{font-size:60px;margin-bottom:30px}}@media (max-width:1440px){.stage .pd-detail-title h2{font-size:32px;margin-bottom:15px}}@media (max-width:720px){.stage .pd-detail-title h2{font-size:20px;line-height:1.4em}}.stage .pd-detail-title p{color:#666;line-height:1.5em;text-align:center;font-size:16px}@media (min-width:1921px){.stage .pd-detail-title p{font-size:20px}}@media (max-width:1440px){.stage .pd-detail-title p{font-size:16px}}@media (max-width:1080px){.stage .pd-detail-title h2{margin-bottom:15px}.stage .pd-detail-title p{font-size:16px}}.stage .pd-detail-figure{z-index:1;margin-top:70px;position:relative;left:50%}.stage .replay-btn,.stage .section{z-index:9;position:absolute;left:0;right:0}@media (max-width:720px){.stage .pd-detail-title p{text-align:left;font-size:14px}.stage .pd-detail-figure{margin-top:50px}}.stage .icon-images b{text-align:center}.stage{min-width:320px;font-size:14px;color:#666}.stage .section{top:0}.stage .replay-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:-45px;text-align:center}.x21-high .figure,.x21-high .section{position:relative}@media (min-width:1921px){.stage .replay-btn{top:-60px}}@media (max-width:1440px){.stage .replay-btn{top:-36px}}@media (max-width:1080px){.stage .replay-btn{top:-25px}}@media (max-width:720px){.stage .replay-btn{top:-24px}}.android .stage .replay-btn{display:none}.stage .replay-btn a{font-size:16px;line-height:1;color:#0087cd;-webkit-transition:color .3s ease;transition:color .3s ease}@media (min-width:1921px){.stage .replay-btn a{font-size:20px}}@media (max-width:1440px){.stage .replay-btn a{font-size:14px}}.stage .replay-btn a b{margin-left:.2em;vertical-align:top}.stage .replay-btn a.play{color:#666;pointer-events:none}.stage .data ul{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.stage .data ul li{text-align:center;padding:0 50px;color:#000}.stage .data ul li h3{font-family:"AvenirNext-DemiBold PR";line-height:1;margin-bottom:10px;font-weight:600;font-size:40px;word-spacing:-15px}@media (min-width:1921px){.stage .data ul li h3{font-size:60px;word-spacing:-30px}}@media (max-width:1440px){.stage .data ul li h3{font-size:30px;margin-bottom:5px}}@media (max-width:1080px){.stage .replay-btn{top:-30px}.stage .data ul li h3{font-size:28px}}@media (max-width:720px){.stage .data ul{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:90%}.stage .data ul li{padding:0 30px 0 0}.stage .data ul li h3{word-spacing:-10px}}.stage .data ul li span{font-family:"方正悠黑简体 PR";font-size:16px}.stage .data ul li span.n{padding-top:7px;display:block}@media (min-width:1921px){.stage .data ul li span{font-size:20px}.stage .data ul li span.n{padding-top:8px}}@media (max-width:1440px){.stage .data ul li span{font-size:14px}.stage .data ul li span.n{padding-top:5px}}@media (max-width:720px){.stage .data ul li span.n{padding-top:4px}}.stage .data ul li em{vertical-align:bottom;position:relative;top:-5px;padding-left:.2em;font-family:"AvenirNext-DemiBold PR";font-weight:600;font-style:normal;font-size:20px}@media (min-width:1921px){.stage .data ul li em{font-size:35px}}@media (max-width:1440px){.stage .data ul li em{font-size:16px;top:-2px}}@media (max-width:1080px){.stage .data ul li span.n{padding-top:4px}.stage .data ul li em{font-size:14px}}.stage .data.layout-left ul{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.stage .data.layout-left ul li{text-align:left;padding:0}@media (min-width:1921px){.stage .title{padding-top:120px}}@media (max-width:1440px){.stage .title{padding-top:72px}}@media (max-width:1080px){.stage .title{padding-top:51px}}.stage .title h3{line-height:1em;color:#000;font-size:36px;padding-bottom:20px}@media (min-width:1921px){.stage .title h3{font-size:54px;padding-bottom:40px}}@media (max-width:720px){.stage .title{padding-top:48px}.stage .title h3{font-size:18px;padding-bottom:15px}}.stage .title h2{font-family:"方正悠黑_GB18030 PR";color:#000;font-size:45px;padding-bottom:19px;line-height:69px}@media (min-width:1921px){.stage .title h2{font-size:60px;padding-bottom:25px;line-height:90px}}@media (max-width:1440px){.stage .title h2{font-size:40px;padding-bottom:15px;line-height:54px}}@media (max-width:1080px){.stage .title h2{font-size:30px;padding-bottom:11px;line-height:38px}}@media (max-width:720px){.stage .title h2{padding-bottom:10px;font-weight:400;line-height:1.4;text-align:left;margin:0 20px}}.stage .title p{font-family:"方正悠黑简体 PR";color:#000;line-height:1.5;font-size:18px}@media (min-width:1921px){.stage .title p{font-size:24px}}@media (max-width:1080px){.stage .title p{font-size:16px}}.stage .title p.intro{color:#000;line-height:2;font-size:18px;width:820px}.x21-high .section .title{padding-top:50px}@media (min-width:1921px){.stage .title p.intro{font-size:24px;width:1080px}.x21-high .section .title{padding-top:60px}}@media (max-width:1440px){.stage .title p.intro{width:auto}.x21-high .section .title{padding-top:50px}}@media (max-width:1080px){.stage .title p.intro{font-size:16px;width:560px;line-height:1.5}.stage .title p.intro br{display:none}.x21-high .section .title{padding-top:40px}}.x21-high .section .title h2 br{display:none}@media (max-width:720px){.stage .title p.intro{margin:auto 20px!important;width:auto!important;line-height:1.8}.x21-high .section .title{padding-top:30px}.x21-high .section .title h2 br{display:block}}.x21-high .section .title p.intro{margin:auto;width:820px}.x21-high .section .golink{text-align:center;padding-top:38px}@media (min-width:1921px){.x21-high .section .title p.intro{width:1080px}.x21-high .section .golink{padding-top:50px}}@media (max-width:1440px){.x21-high .section .title p.intro{width:auto}.x21-high .section .golink{padding-top:30px}}@media (max-width:1080px){.x21-high .section .title p.intro{width:480px}.x21-high .section .title p.intro br{display:none}.x21-high .section .golink{padding-top:21px}}.x21-high .section .golink a{text-align:center;margin:0 10px;width:152px}@media (min-width:1921px){.x21-high .section .golink a{width:200px}}@media (max-width:1440px){.x21-high .section .golink a{width:120px}}@media (max-width:1080px){.x21-high .section .golink a{width:84px}}@media (max-width:720px){.x21-high .section .golink{padding-top:20px}.x21-high .section .golink a{width:80px}}@media (max-width:1080px){.x21-high .section .golink a{width:110px}}.x21-high .figure{z-index:1;overflow:visible;width:495px;height:545px;left:50%;margin-left:-247px;margin-top:228px;margin-bottom:320px}@media (min-width:1921px){.x21-high .figure{width:652px;height:718px;margin-left:-326px;margin-top:300px;margin-bottom:420px}}@media (max-width:1440px){.x21-high .figure{width:391px;height:430px;margin-left:-195px;margin-top:180px;margin-bottom:252px}}@media (max-width:1080px){.x21-high .figure{width:273px;height:301px;margin-left:-136px;margin-top:126px;margin-bottom:177px}}@media (max-width:720px){.x21-high .figure{margin-top:120px;margin-bottom:168px;left:51%;-webkit-transform:scale(.85);-ms-transform:scale(.85);transform:scale(.85)}}.x21-high .figure figure{position:absolute;top:0;left:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.x21-high .figure figure.f1{top:332px;left:-161px;background-image:url(../img/x21-high-img1-1.jpg);background-size:613px 348px;width:613px;height:348px;-webkit-transform:translate3d(10px,-10px,0) rotate(2deg);transform:translate3d(10px,-10px,0) rotate(2deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}@media (min-width:1921px){.x21-high .figure figure.f1{top:436px;left:-212px}}@media (max-width:1440px){.x21-high .figure figure.f1{top:262px;left:-127px}}@media (max-width:1080px){.x21-high .figure figure.f1{top:184px;left:-89px}}@media (max-width:720px){.x21-high .figure figure.f1{top:175px;left:-84px}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-high .figure figure.f1{background-image:url(../img/x21-high-img1-1-x2.jpg)}}@media (min-width:1921px){.x21-high .figure figure.f1{background-image:url(../img/x21-high-img1-1-lg.jpg);background-size:807px 459px;width:807px;height:459px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-high .figure figure.f1{background-image:url(../img/x21-high-img1-1-lg-x2.jpg)}}@media (max-width:1440px){.x21-high .figure figure.f1{background-image:url(../img/x21-high-img1-1-md.jpg);background-size:484px 275px;width:484px;height:275px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-high .figure figure.f1{background-image:url(../img/x21-high-img1-1-md-x2.jpg)}}@media (max-width:1080px){.x21-high .figure figure.f1{background-image:url(../img/x21-high-img1-1-sm.jpg);background-size:338px 192px;width:338px;height:192px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-high .figure figure.f1{background-image:url(../img/x21-high-img1-1-sm-x2.jpg)}}.x21-high .figure figure.f2{top:145px;left:-91px;background-image:url(../img/x21-high-img1-2.png);background-size:580px 481px;width:580px;height:481px;-webkit-transform:translate3d(5px,-5px,0) rotate(1deg);transform:translate3d(5px,-5px,0) rotate(1deg);-webkit-transform-origin:80% 80%;-ms-transform-origin:80% 80%;transform-origin:80% 80%}@media (min-width:1921px){.x21-high .figure figure.f2{top:190px;left:-120px}}@media (max-width:1440px){.x21-high .figure figure.f2{top:114px;left:-72px}}@media (max-width:1080px){.x21-high .figure figure.f2{top:80px;left:-50px}}@media (max-width:720px){.x21-high .figure figure.f2{top:76px;left:-48px}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-high .figure figure.f2{background-image:url(../img/x21-high-img1-2-x2.png)}}@media (min-width:1921px){.x21-high .figure figure.f2{background-image:url(../img/x21-high-img1-2-lg.png);background-size:764px 633px;width:764px;height:633px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-high .figure figure.f2{background-image:url(../img/x21-high-img1-2-lg-x2.png)}}@media (max-width:1440px){.x21-high .figure figure.f2{background-image:url(../img/x21-high-img1-2-md.png);background-size:458px 379px;width:458px;height:379px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-high .figure figure.f2{background-image:url(../img/x21-high-img1-2-md-x2.png)}}@media (max-width:1080px){.x21-high .figure figure.f2{background-image:url(../img/x21-high-img1-2-sm.png);background-size:320px 265px;width:320px;height:265px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-high .figure figure.f2{background-image:url(../img/x21-high-img1-2-sm-x2.png)}}.x21-high .figure figure.f3{top:-6px;left:-10px;position:relative;background-image:url(../img/x21-high-img1-3.png);background-size:495px 545px;width:495px;height:545px;-webkit-transform:translate3d(-5px,5px,0) rotate(-1deg);transform:translate3d(-5px,5px,0) rotate(-1deg);-webkit-transform-origin:80% 100%;-ms-transform-origin:80% 100%;transform-origin:80% 100%}@media (min-width:1921px){.x21-high .figure figure.f3{top:-8px;left:5px}}@media (max-width:1440px){.x21-high .figure figure.f3{top:-4px;left:-21px}}@media (max-width:1080px){.x21-high .figure figure.f3{top:-3px;left:-32px}}@media (max-width:720px){.x21-high .figure figure.f3{top:-3px;left:-24px}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-high .figure figure.f3{background-image:url(../img/x21-high-img1-3-x2.png)}}@media (min-width:1921px){.x21-high .figure figure.f3{background-image:url(../img/x21-high-img1-3-lg.png);background-size:652px 718px;width:652px;height:718px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-high .figure figure.f3{background-image:url(../img/x21-high-img1-3-lg-x2.png)}}@media (max-width:1440px){.x21-high .figure figure.f3{background-image:url(../img/x21-high-img1-3-md.png);background-size:391px 430px;width:391px;height:430px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-high .figure figure.f3{background-image:url(../img/x21-high-img1-3-md-x2.png)}}@media (max-width:1080px){.x21-high .figure figure.f3{background-image:url(../img/x21-high-img1-3-sm.png);background-size:273px 301px;width:273px;height:301px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-high .figure figure.f3{background-image:url(../img/x21-high-img1-3-sm-x2.png)}}.x21-high .figure figure.f4{top:-182px;left:214px;background-image:url(../img/x21-high-img1-4.png);background-size:324px 631px;width:324px;height:631px;-webkit-transform:translate3d(-10px,10px,0) rotate(-2deg);transform:translate3d(-10px,10px,0) rotate(-2deg);-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;transform-origin:100% 50%}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-high .figure figure.f4{background-image:url(../img/x21-high-img1-4-x2.png)}}@media (min-width:1921px){.x21-high .figure figure.f4{top:-240px;left:300px;background-image:url(../img/x21-high-img1-4-lg.png);background-size:427px 831px;width:427px;height:831px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-high .figure figure.f4{background-image:url(../img/x21-high-img1-4-lg-x2.png)}}@media (max-width:1440px){.x21-high .figure figure.f4{top:-144px;left:156px;background-image:url(../img/x21-high-img1-4-md.png);background-size:256px 498px;width:256px;height:498px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-high .figure figure.f4{background-image:url(../img/x21-high-img1-4-md-x2.png)}}@media (max-width:1080px){.x21-high .figure figure.f4{top:-100px;left:92px;background-image:url(../img/x21-high-img1-4-sm.png);background-size:179px 349px;width:179px;height:349px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-high .figure figure.f4{background-image:url(../img/x21-high-img1-4-sm-x2.png)}}.x21-high .figure.start figure{-webkit-transition:-webkit-transform 3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform 3s cubic-bezier(.645,.045,.355,1);transition:transform 3s cubic-bezier(.645,.045,.355,1);transition:transform 3s cubic-bezier(.645,.045,.355,1),-webkit-transform 3s cubic-bezier(.645,.045,.355,1);-webkit-transform:none;-ms-transform:none;transform:none}.x21-high .figure.start figure.f1{-webkit-transition-delay:.5s;transition-delay:.5s}.x21-high .figure.start figure.f2{-webkit-transition-delay:.6s;transition-delay:.6s}.x21-high .figure.start figure.f3{-webkit-transition-delay:.7s;transition-delay:.7s}.x21-high .figure.start figure.f4{-webkit-transition-delay:.8s;transition-delay:.8s}.x21-high-1 .section{position:relative}.x21-high-1 .section .title{padding-top:180px}@media (min-width:1921px){.x21-high-1 .section .title{padding-top:200px}}@media (max-width:1440px){.x21-high-1 .section .title{padding-top:160px}}@media (max-width:1080px){.x21-high-1 .section .title{padding-top:140px}}@media (max-width:720px){.x21-high .figure figure.f4{top:-96px;left:98px}.x21-high-1 .section .title{padding-top:75px}}.x21-high-1 .section .title p.intro{margin:auto;width:874px}@media (min-width:1921px){.x21-high-1 .section .title p.intro{width:1150px}}@media (max-width:1440px){.x21-high-1 .section .title p.intro{width:auto}}@media (max-width:1080px){.x21-high-1 .section .title p.intro{width:540px}.x21-high-1 .section .title p.intro br{display:none}}.x21-high-1 .figure{position:relative;z-index:1;width:858px;height:674px;left:50%;margin-left:-429px;margin-top:76px}@media (min-width:1921px){.x21-high-1 .figure{width:1130px;height:888px;margin-left:-565px;margin-top:100px}}@media (max-width:1440px){.x21-high-1 .figure{width:678px;height:532px;margin-left:-339px;margin-top:60px}}@media (max-width:1080px){.x21-high-1 .figure{width:474px;height:372px;margin-left:-237px;margin-top:42px}}@media (max-width:720px){.x21-high-1 .figure{width:339px;height:266px;margin-left:-169px;margin-top:40px}}.x21-high-1 .figure figure{position:relative;background-image:url(../img/x21-high-1-img1.jpg);background-size:858px 674px;width:858px;height:674px;left:50%;margin-left:-429px;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-high-1 .figure figure{background-image:url(../img/x21-high-1-img1-x2.jpg)}}@media (min-width:1921px){.x21-high-1 .figure figure{background-image:url(../img/x21-high-1-img1-lg.jpg);background-size:1130px 888px;width:1130px;height:888px;margin-left:-565px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-high-1 .figure figure{background-image:url(../img/x21-high-1-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-high-1 .figure figure{background-image:url(../img/x21-high-1-img1-md.jpg);background-size:678px 532px;width:678px;height:532px;margin-left:-339px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-high-1 .figure figure{background-image:url(../img/x21-high-1-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-high-1 .figure figure{background-image:url(../img/x21-high-1-img1-sm.jpg);background-size:474px 372px;width:474px;height:372px;margin-left:-237px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-high-1 .figure figure{background-image:url(../img/x21-high-1-img1-sm-x2.jpg)}}@media (max-width:720px){.x21-high-1 .figure figure{background-image:url(../img/x21-high-1-img1-sm.jpg);background-size:339px 266px;background-position:center;background-repeat:no-repeat;width:339px;height:266px;left:50%;margin-left:-169px}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-high-1 .figure figure{background-image:url(../img/x21-high-1-img1-sm-x2.jpg)}}.x21-high-1 .figure.start figure{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:-webkit-transform 2s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform 2s cubic-bezier(.645,.045,.355,1);transition:transform 2s cubic-bezier(.645,.045,.355,1);transition:transform 2s cubic-bezier(.645,.045,.355,1),-webkit-transform 2s cubic-bezier(.645,.045,.355,1)}.x21-high-1 .specification-preview{width:900px;padding-top:76px;padding-bottom:76px;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex}@media (min-width:1921px){.x21-high-1 .specification-preview{width:1200px;padding-top:100px;padding-bottom:100px}}@media (max-width:1440px){.x21-high-1 .specification-preview{width:740px;padding-top:60px;padding-bottom:60px}}@media (max-width:1080px){.x21-high-1 .specification-preview{width:500px;padding-top:42px;padding-bottom:42px}}@media (max-width:720px){.x21-high-1 .specification-preview{width:auto;padding-top:40px;padding-bottom:40px}}.x21-high-1 .specification-preview .spec{width:1%;-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:"方正悠黑_GB18030 PR";color:#000}.x21-high-1 .specification-preview .spec ul{padding-top:46px;display:block}@media (min-width:1921px){.x21-high-1 .specification-preview .spec ul{padding-top:60px}}@media (max-width:1440px){.x21-high-1 .specification-preview .spec ul{padding-top:36px}}.x21-high-1 .specification-preview .spec ul li{text-align:left;display:block;padding-bottom:2em}@media (max-width:1080px){.x21-high-1 .specification-preview .spec ul{padding-top:26px}.x21-high-1 .specification-preview .spec ul li{padding-bottom:1em}}.x21-high-1 .specification-preview .spec ul li p{padding-bottom:.2em;font-size:22px}@media (min-width:1921px){.x21-high-1 .specification-preview .spec ul li p{font-size:34px}}@media (max-width:1440px){.x21-high-1 .specification-preview .spec ul li p{font-size:18px}}@media (max-width:1080px){.x21-high-1 .specification-preview .spec ul li p{font-size:14px}}.x21-high-1 .specification-preview .spec ul li h3{font-size:42px}@media (min-width:1921px){.x21-high-1 .specification-preview .spec ul li h3{font-size:55px}}@media (max-width:1440px){.x21-high-1 .specification-preview .spec ul li h3{font-size:30px}}@media (max-width:1080px){.x21-high-1 .specification-preview .spec ul li h3{font-size:20px}}.x21-high-1 .specification-preview .spec h2{font-size:42px}.x21-high-1 .specification-preview .hint{background-image:url(../img/x21-high-1-img2.jpg);background-size:621px 351px;width:621px;height:351px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-high-1 .specification-preview .hint{background-image:url(../img/x21-high-1-img2-x2.jpg)}}@media (min-width:1921px){.x21-high-1 .specification-preview .spec h2{font-size:55px}.x21-high-1 .specification-preview .hint{background-image:url(../img/x21-high-1-img2-lg.jpg);background-size:818px 463px;width:818px;height:463px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-high-1 .specification-preview .hint{background-image:url(../img/x21-high-1-img2-lg-x2.jpg)}}@media (max-width:1440px){.x21-high-1 .specification-preview .spec h2{font-size:30px}.x21-high-1 .specification-preview .hint{background-image:url(../img/x21-high-1-img2-md.jpg);background-size:490px 277px;width:490px;height:277px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-high-1 .specification-preview .hint{background-image:url(../img/x21-high-1-img2-md-x2.jpg)}}@media (max-width:1080px){.x21-high-1 .specification-preview .spec h2{font-size:20px}.x21-high-1 .specification-preview .hint{background-image:url(../img/x21-high-1-img2-sm.jpg);background-size:343px 194px;width:343px;height:194px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-high-1 .specification-preview .hint{background-image:url(../img/x21-high-1-img2-sm-x2.jpg)}}@media (max-width:720px){.x21-high-1 .specification-preview .hint{background-image:url(../img/x21-high-1-img2-sm.jpg);background-size:100% auto;background-position:center;background-repeat:no-repeat;width:100%;height:220px}.x21-high-1 .specification-preview{margin:0;overflow:hidden;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;padding-top:40px;padding-bottom:40px}.x21-high-1 .specification-preview .spec{margin:0 20px;padding-top:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.x21-high-1 .specification-preview .spec ul{margin-right:1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding-top:0}.x21-high-1 .specification-preview .spec ul li{margin-right:2em;padding-bottom:0}.x21-high-1 .specification-preview .spec ul li h3{line-height:1.4}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-high-1 .specification-preview .hint{background-image:url(../img/x21-high-1-img2-sm-x2.jpg)}}.x21-high-2{background-color:#fafafa}.x21-fingerprint,.x21-fingerprint-1,.x21-high-3{background-color:#fff}.x21-high-2 .section{position:absolute}.x21-high-2 .figure,.x21-high-2 .figure figure{position:relative;z-index:1}.x21-high-2 .section .title{padding-top:40px;color:#000;width:630px;margin-left:681px;margin-top:490px}.x21-high-2 .section .title h2{color:#000}.x21-high-2 .section .title p.intro{text-align:left;width:100%}@media (min-width:1921px){.x21-high-2 .section .title{width:820px;margin-left:731px;margin-top:555px}.x21-high-2 .section .title p.intro{width:100%}}@media (max-width:1440px){.x21-high-2 .section .title{width:540px;margin-left:560px;margin-top:315px}.x21-high-2 .section .title p.intro br{display:none}}@media (max-width:1080px){.x21-high-2 .section .title{width:400px}}@media (max-width:1023px){.x21-high-2 .section .title{margin-left:412px;width:340px}}.x21-high-2 .figure{overflow:visible;width:76px;height:950px;left:50%;margin-left:-38px}@media (min-width:1921px){.x21-high-2 .figure{width:100px;height:1250px;margin-left:-50px}}@media (max-width:1440px){.x21-high-2 .figure{width:60px;height:750px;margin-left:-30px}}@media (max-width:1080px){.x21-high-2 .figure{width:42px;margin-left:-21px;height:700px}}@media (max-width:720px){.x21-high-2 .section .title h2,.x21-high-2 .section .title p.intro{color:#000}.x21-high-2 .section .title{padding-top:158px}.x21-high-2 .section .title h2 br{display:none}.x21-high-2 .figure{height:660px}}.x21-high-2 .figure figure.f1{top:0;z-index:2;left:-530px;background-image:url(../img/x21-high-2-img1.png);background-size:1642px 490px;width:1642px;height:490px;-webkit-transform:translate3d(80px,-30px,0);transform:translate3d(80px,-30px,0)}@media (min-width:1921px){.x21-high-2 .figure figure.f1{left:-900px}.x21-high-2 .section .title p.intro{width:100%}}@media (max-width:1440px){.x21-high-2 .figure figure.f1{left:-545px}.x21-high-2 .section .title p.intro{width:100%}}@media (max-width:1080px){.x21-high-2 .figure figure.f1{left:344px}.x21-high-2 .section .title p.intro{width:100%}}@media (max-width:720px){.x21-high-2 .figure figure.f1{left:190%}.x21-high-2 .section .title p.intro{width:100%}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-high-2 .figure figure.f1{background-image:url(../img/x21-high-2-img1-x2.png)}}@media (min-width:1921px){.x21-high-2 .figure figure.f1{background-image:url(../img/x21-high-2-img1-lg.png);background-size:2161px 645px;width:2161px;height:645px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-high-2 .figure figure.f1{background-image:url(../img/x21-high-2-img1-lg-x2.png)}}@media (max-width:1440px){.x21-high-2 .figure figure.f1{background-image:url(../img/x21-high-2-img1-md.png);background-size:1297px 387px;width:1297px;height:387px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-high-2 .figure figure.f1{background-image:url(../img/x21-high-2-img1-md-x2.png)}}@media (max-width:1080px){.x21-high-2 .figure figure.f1{background-image:url(../img/x21-high-2-img1-sm.png);background-size:908px 271px;width:908px;height:271px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-high-2 .figure figure.f1{background-image:url(../img/x21-high-2-img1-sm-x2.png)}}@media (max-width:1080px){.x21-high-2 .figure figure.f1{background-image:url(../img/x21-high-2-img1-md.png);background-size:771px 230px;background-position:center;background-repeat:no-repeat;width:771px;height:230px;left:50%;margin-left:-340px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-high-2 .figure figure.f1{background-image:url(../img/x21-high-2-img1-md-x2.png)}}@media (max-width:720px){.x21-high-2 .figure figure.f1{background-image:url(../img/x21-high-2-img1-sm.png);background-size:404px 121px;background-position:center;background-repeat:no-repeat;width:404px;height:121px;left:200px}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-high-2 .figure figure.f1{background-image:url(../img/x21-high-2-img1-sm-x2.png)}}.x21-high-2 .figure figure.f2{position:absolute;bottom:0;left:-750px;background-image:url(../img/x21-high-2-img2.jpg);background-size:800px 460px;width:800px;height:460px;-webkit-transform:translate3d(-80px,30px,0);transform:translate3d(-80px,30px,0)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-high-2 .figure figure.f2{background-image:url(../img/x21-high-2-img2-x2.jpg)}}@media (min-width:1921px){.x21-high-2 .figure figure.f2{background-image:url(../img/x21-high-2-img2-lg.jpg);background-size:1275px 732px;width:1275px;height:732px;left:-1150px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-high-2 .figure figure.f2{background-image:url(../img/x21-high-2-img2-lg-x2.jpg)}}@media (max-width:1440px){.x21-high-2 .figure figure.f2{background-image:url(../img/x21-high-2-img2-md.jpg);background-size:710px 407px;width:710px;height:407px;left:-666px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-high-2 .figure figure.f2{background-image:url(../img/x21-high-2-img2-md-x2.jpg)}}@media (max-width:1080px){.x21-high-2 .figure figure.f2{background-image:url(../img/x21-high-2-img2-sm.jpg);background-size:536px 308px;width:536px;height:308px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-high-2 .figure figure.f2{background-image:url(../img/x21-high-2-img2-sm-x2.jpg)}}@media (max-width:1080px){.x21-high-2 .figure figure.f2{background-image:url(../img/x21-high-2-img2-md.jpg);background-position:center;background-repeat:no-repeat;background-size:765px 439px;width:765px;height:439px;left:-737px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-high-2 .figure figure.f2{background-image:url(../img/x21-high-2-img2-md-x2.jpg)}}@media (max-width:720px){.x21-high-2 .figure figure.f2{background-image:url(../img/x21-high-2-img2-sm.jpg);background-size:406px 233px;background-position:center;background-repeat:no-repeat;width:406px;height:233px;left:-225px;bottom:0}.x21-high-2 .section .title{margin-top:0;width:100%;padding-top:140px;margin-left:0}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-high-2 .figure figure.f2{background-image:url(../img/x21-high-2-img2-sm-x2.jpg)}}.x21-high-2 .figure.start figure{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:-webkit-transform 2.5s cubic-bezier(.645,.045,.355,1) .2s;transition:-webkit-transform 2.5s cubic-bezier(.645,.045,.355,1) .2s;transition:transform 2.5s cubic-bezier(.645,.045,.355,1) .2s;transition:transform 2.5s cubic-bezier(.645,.045,.355,1) .2s,-webkit-transform 2.5s cubic-bezier(.645,.045,.355,1) .2s}.x21-high-3 .section{position:relative}.x21-high-3 .section .title h2 br{display:none}.x21-high-3 .section .title p.intro{margin:auto;width:820px}.x21-high-3 .golink{padding-bottom:137px;text-align:center}@media (min-width:1921px){.x21-high-3 .section .title p.intro{width:1080px}.x21-high-3 .golink{padding-bottom:180px}}@media (max-width:1440px){.x21-high-3 .section .title p.intro{width:680px}.x21-high-3 .golink{padding-bottom:108px}}@media (max-width:1080px){.x21-high-3 .golink{padding-bottom:76px}}@media (max-width:720px){.x21-high-3 .section .title h2 br{display:block}.x21-high-3 .golink{padding-bottom:72px}.x21-fingerprint .section{top:360px}}.x21-fingerprint .section .title{padding-top:76px}@media (min-width:1921px){.x21-fingerprint .section .title{padding-top:100px}}@media (max-width:1440px){.x21-fingerprint .section .title{padding-top:60px}}@media (max-width:1080px){.x21-high-3 .golink{padding-bottom:100px}.x21-fingerprint .section .title{padding-top:42px}}.x21-fingerprint .section .title h2 br{display:none}.x21-fingerprint .section .title h2{color:#fff}@media (max-width:720px){.x21-fingerprint .section .title{padding-top:40px}.x21-fingerprint .section .title h2 br{display:block}.x21-fingerprint .section .title h2{color:#000}}.x21-fingerprint .section .title p.intro{color:#fff;margin:auto;width:684px}.x21-fingerprint .figure{position:relative;z-index:1;padding-bottom:210px}@media (min-width:1921px){.x21-fingerprint .section .title p.intro{width:900px}.x21-fingerprint .figure{padding-bottom:250px}}@media (max-width:1440px){.x21-fingerprint .section .title p.intro{width:auto}.x21-fingerprint .figure{padding-bottom:190px}}@media (max-width:1080px){.x21-fingerprint .section .title p.intro{width:420px}.x21-fingerprint .section .title p.intro br{display:none}.x21-fingerprint .figure{padding-bottom:170px}}.x21-fingerprint .figure figure{display:block;position:relative;margin-top:-106px;background-image:url(../img/x21-fingerprint-img1.jpg);background-size:879px 1014px;width:879px;height:1014px;left:50%;margin-left:-439px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-fingerprint .figure figure{background-image:url(../img/x21-fingerprint-img1-x2.jpg)}}@media (min-width:1921px){.x21-fingerprint .figure figure{margin-top:-140px;background-image:url(../img/x21-fingerprint-img1-lg.jpg);background-size:1157px 1335px;width:1157px;height:1335px;margin-left:-578px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-fingerprint .figure figure{background-image:url(../img/x21-fingerprint-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-fingerprint .figure figure{margin-top:-84px;background-image:url(../img/x21-fingerprint-img1-md.jpg);background-size:694px 801px;width:694px;height:801px;margin-left:-347px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-fingerprint .figure figure{background-image:url(../img/x21-fingerprint-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-fingerprint .figure figure{margin-top:-58px;background-image:url(../img/x21-fingerprint-img1-sm.jpg);background-size:485px 560px;width:485px;height:560px;margin-left:-242px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-fingerprint .figure figure{background-image:url(../img/x21-fingerprint-img1-sm-x2.jpg)}}@media (max-width:720px){.x21-fingerprint .section .title p.intro{color:#000}.x21-fingerprint .figure{padding-bottom:440px}.x21-fingerprint .figure figure{background-image:url(../img/x21-fingerprint-img1-sm.jpg);background-size:347px 400px;background-position:center;background-repeat:no-repeat;width:347px;height:400px;left:50%;margin-left:-173px;margin-top:-50px}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-fingerprint .figure figure{background-image:url(../img/x21-fingerprint-img1-sm-x2.jpg)}}.x21-fingerprint .figure .stage-innertips{width:auto;text-align:center;left:0}.x21-fingerprint .figure .stage-innertips .light-text{right:auto;bottom:-38px;position:relative}.x21-fingerprint-1 .section{position:relative}.x21-fingerprint-1 .section .title{padding-top:180px}.x21-fingerprint-1 .section .title p.intro{margin:auto;width:874px}@media (min-width:1921px){.x21-fingerprint .figure .stage-innertips .light-text{bottom:-50px}.x21-fingerprint-1 .section .title{padding-top:200px}.x21-fingerprint-1 .section .title p.intro{width:1150px}}@media (max-width:1440px){.x21-fingerprint .figure .stage-innertips .light-text{bottom:-30px}.x21-fingerprint-1 .section .title{padding-top:160px}.x21-fingerprint-1 .section .title p.intro{width:auto}}@media (max-width:1080px){.x21-fingerprint .figure .stage-innertips .light-text{bottom:-21px}.x21-fingerprint-1 .section .title{padding-top:140px}.x21-fingerprint-1 .section .title p.intro{width:540px}.x21-fingerprint-1 .section .title p.intro br{display:none}}.x21-fingerprint-1 .figure{position:relative;z-index:1;width:713px;height:848px;left:50%;margin-left:-356px;margin-top:76px}@media (min-width:1921px){.x21-fingerprint-1 .figure{width:939px;height:1116px;margin-left:-469px;margin-top:100px}}@media (max-width:1440px){.x21-fingerprint-1 .figure{width:563px;height:669px;margin-left:-281px;margin-top:60px}}@media (max-width:1080px){.x21-fingerprint-1 .figure{width:394px;height:468px;margin-left:-197px;margin-top:42px}}@media (max-width:720px){.x21-fingerprint .figure .stage-innertips .light-text{bottom:-20px}.x21-fingerprint-1 .section .title{padding-top:0}.x21-fingerprint-1 .figure{width:328px;height:390px;margin-left:-164px;margin-top:40px;padding-bottom:100px}}.x21-fingerprint-1 .figure figure{position:relative;display:block;background-image:url(../img/x21-fingerprint-1-img1.jpg);background-size:713px 848px;width:713px;height:848px;left:50%;margin-left:-356px;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-fingerprint-1 .figure figure{background-image:url(../img/x21-fingerprint-1-img1-x2.jpg)}}@media (min-width:1921px){.x21-fingerprint-1 .figure figure{background-image:url(../img/x21-fingerprint-1-img1-lg.jpg);background-size:939px 1116px;width:939px;height:1116px;margin-left:-469px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-fingerprint-1 .figure figure{background-image:url(../img/x21-fingerprint-1-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-fingerprint-1 .figure figure{background-image:url(../img/x21-fingerprint-1-img1-md.jpg);background-size:563px 669px;width:563px;height:669px;margin-left:-281px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-fingerprint-1 .figure figure{background-image:url(../img/x21-fingerprint-1-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-fingerprint-1 .figure figure{background-image:url(../img/x21-fingerprint-1-img1-sm.jpg);background-size:394px 468px;width:394px;height:468px;margin-left:-197px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-fingerprint-1 .figure figure{background-image:url(../img/x21-fingerprint-1-img1-sm-x2.jpg)}}@media (max-width:720px){.x21-fingerprint-1 .figure figure{background-image:url(../img/x21-fingerprint-1-img1-sm.jpg);background-size:328px 390px;background-position:center;background-repeat:no-repeat;width:328px;height:390px;left:50%;margin-left:-164px}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-fingerprint-1 .figure figure{background-image:url(../img/x21-fingerprint-1-img1-sm-x2.jpg)}}.x21-fingerprint-1 .figure.start figure{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:-webkit-transform 1.5s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform 1.5s cubic-bezier(.645,.045,.355,1);transition:transform 1.5s cubic-bezier(.645,.045,.355,1);transition:transform 1.5s cubic-bezier(.645,.045,.355,1),-webkit-transform 1.5s cubic-bezier(.645,.045,.355,1)}.x21-camera{background-color:#fafafa}.x21-camera-1,.x21-camera-2,.x21-camera-3,.x21-camera-4,.x21-jovi,.x21-jovi-2,.x21-jovi-3,.x21-performance{background-color:#fff}.x21-camera .section{position:relative}.x21-camera .section .title p.intro{margin:auto;width:836px}@media (min-width:1921px){.x21-camera .section .title p.intro{width:1100px}}@media (max-width:1440px){.x21-camera .section .title p.intro{width:660px}}@media (max-width:1080px){.x21-camera .section .title p.intro{width:462px}}@media (max-width:720px){.x21-camera .section .title p.intro{width:440px}}@media (max-width:1080px){.x21-camera .section .title p.intro{width:420px}.x21-camera .section .title p.intro br{display:none}}.x21-camera .figure{overflow:visible;width:443px;height:760px;left:50%;margin-left:-221px;margin-top:92px}@media (min-width:1921px){.x21-camera .figure{width:584px;height:1000px;margin-left:-292px;margin-top:120px}}@media (max-width:1440px){.x21-camera .figure{width:350px;height:600px;margin-left:-175px;margin-top:72px}}@media (max-width:1080px){.x21-camera .figure{width:245px;height:420px;margin-left:-122px;margin-top:51px}}@media (max-width:720px){.x21-camera .figure{margin-top:48px}}.x21-camera .figure picture{top:0;margin:0;padding:0;position:relative;display:block}.x21-camera .figure picture.l1,.x21-camera .figure picture.p2{position:absolute}.x21-camera .figure picture.p1{left:-83px;background-image:url(../img/x21-camera-img1.jpg);background-size:443px 878px;width:443px;height:878px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-camera .figure picture.p1{background-image:url(../img/x21-camera-img1-x2.jpg)}}@media (min-width:1921px){.x21-camera .figure picture.p1{left:-110px;background-image:url(../img/x21-camera-img1-lg.jpg);background-size:584px 1156px;width:584px;height:1156px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-camera .figure picture.p1{background-image:url(../img/x21-camera-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-camera .figure picture.p1{left:-66px;background-image:url(../img/x21-camera-img1-md.jpg);background-size:350px 693px;width:350px;height:693px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-camera .figure picture.p1{background-image:url(../img/x21-camera-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-camera .figure picture.p1{left:-46px;background-image:url(../img/x21-camera-img1-sm.jpg);background-size:245px 485px;width:245px;height:485px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-camera .figure picture.p1{background-image:url(../img/x21-camera-img1-sm-x2.jpg)}}.x21-camera .figure picture.l1{top:251px;background-image:url(../img/x21-camera-light1.png);background-size:353px 647px;width:353px;height:647px}@media (min-width:1921px){.x21-camera .figure picture.l1{top:330px}}@media (max-width:1440px){.x21-camera .figure picture.l1{top:198px}}@media (max-width:1080px){.x21-camera .figure picture.l1{top:139px}}@media (max-width:720px){.x21-camera .figure picture.p1{left:-44px}.x21-camera .figure picture.l1{top:132px}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-camera .figure picture.l1{background-image:url(../img/x21-camera-light1-x2.png)}}@media (min-width:1921px){.x21-camera .figure picture.l1{background-image:url(../img/x21-camera-light1-lg.png);background-size:465px 852px;width:465px;height:852px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-camera .figure picture.l1{background-image:url(../img/x21-camera-light1-lg-x2.png)}}@media (max-width:1440px){.x21-camera .figure picture.l1{background-image:url(../img/x21-camera-light1-md.png);background-size:279px 511px;width:279px;height:511px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-camera .figure picture.l1{background-image:url(../img/x21-camera-light1-md-x2.png)}}@media (max-width:1080px){.x21-camera .figure picture.l1{background-image:url(../img/x21-camera-light1-sm.png);background-size:195px 357px;width:195px;height:357px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-camera .figure picture.l1{background-image:url(../img/x21-camera-light1-sm-x2.png)}}.x21-camera .figure picture.p2{top:168px;left:84px;background-image:url(../img/x21-camera-img2.png);background-size:436px 706px;width:436px;height:706px}.x21-camera-1 .detail-previews,.x21-camera-1 .figure,.x21-camera-1 .figure figure,.x21-camera-1 .section,.x21-camera-2 .figure figure,.x21-camera-2 .section{position:relative}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-camera .figure picture.p2{background-image:url(../img/x21-camera-img2-x2.png)}}@media (min-width:1921px){.x21-camera .figure picture.p2{top:220px;left:110px;background-image:url(../img/x21-camera-img2-lg.png);background-size:574px 930px;width:574px;height:930px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-camera .figure picture.p2{background-image:url(../img/x21-camera-img2-lg-x2.png)}}@media (max-width:1440px){.x21-camera .figure picture.p2{top:132px;left:66px;background-image:url(../img/x21-camera-img2-md.png);background-size:344px 558px;width:344px;height:558px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-camera .figure picture.p2{background-image:url(../img/x21-camera-img2-md-x2.png)}}@media (max-width:1080px){.x21-camera .figure picture.p2{top:93px;left:47px;background-image:url(../img/x21-camera-img2-sm.png);background-size:241px 390px;width:241px;height:390px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-camera .figure picture.p2{background-image:url(../img/x21-camera-img2-sm-x2.png)}}.x21-camera-1 .section .title{padding-top:180px}@media (min-width:1921px){.x21-camera-1 .section .title{padding-top:200px}}@media (max-width:1440px){.x21-camera-1 .section .title{padding-top:160px}}@media (max-width:1080px){.x21-camera-1 .section .title{padding-top:140px}}@media (max-width:720px){.x21-camera .figure picture.p2{top:88px;left:44px}.x21-camera-1 .section .title{padding-top:75px}}.x21-camera-1 .section .title p.intro{margin:auto;width:874px}@media (min-width:1921px){.x21-camera-1 .section .title p.intro{width:1150px}}@media (max-width:1440px){.x21-camera-1 .section .title p.intro{width:auto}}@media (max-width:1080px){.x21-camera-1 .section .title p.intro{width:540px}.x21-camera-1 .section .title p.intro br{display:none}}.x21-camera-1 .figure{z-index:1;overflow:visible;width:1113px;height:411px;left:50%;margin-left:-556px;margin-top:76px}@media (min-width:1921px){.x21-camera-1 .figure{width:1465px;height:542px;margin-left:-732px;margin-top:100px}}@media (max-width:1440px){.x21-camera-1 .figure{width:879px;height:325px;margin-left:-439px;margin-top:60px}}@media (max-width:1080px){.x21-camera-1 .figure{width:615px;height:227px;margin-left:-307px;margin-top:42px}}@media (max-width:720px){.x21-camera-1 .figure{width:439px;height:162px;margin-left:-219px;margin-top:40px}}.x21-camera-1 .figure figure{background-image:url(../img/x21-camera-1-img1.jpg);background-size:1113px 411px;width:1113px;height:411px;left:50%;margin-left:-556px;-webkit-transform:scaleY(.98) translate3d(0,30px,0);transform:scaleY(.98) translate3d(0,30px,0);-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-camera-1 .figure figure{background-image:url(../img/x21-camera-1-img1-x2.jpg)}}@media (min-width:1921px){.x21-camera-1 .figure figure{background-image:url(../img/x21-camera-1-img1-lg.jpg);background-size:1465px 542px;width:1465px;height:542px;margin-left:-732px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-camera-1 .figure figure{background-image:url(../img/x21-camera-1-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-camera-1 .figure figure{background-image:url(../img/x21-camera-1-img1-md.jpg);background-size:879px 325px;width:879px;height:325px;margin-left:-439px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-camera-1 .figure figure{background-image:url(../img/x21-camera-1-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-camera-1 .figure figure{background-image:url(../img/x21-camera-1-img1-sm.jpg);background-size:615px 227px;width:615px;height:227px;margin-left:-307px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-camera-1 .figure figure{background-image:url(../img/x21-camera-1-img1-sm-x2.jpg)}}@media (max-width:720px){.x21-camera-1 .figure figure{background-image:url(../img/x21-camera-1-img1-sm.jpg);background-size:439px 162px;background-position:center;background-repeat:no-repeat;width:439px;height:162px;margin-left:0;left:15%}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-camera-1 .figure figure{background-image:url(../img/x21-camera-1-img1-sm-x2.jpg)}}.x21-camera-1 .figure.start figure{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:-webkit-transform 1.5s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform 1.5s cubic-bezier(.645,.045,.355,1);transition:transform 1.5s cubic-bezier(.645,.045,.355,1);transition:transform 1.5s cubic-bezier(.645,.045,.355,1),-webkit-transform 1.5s cubic-bezier(.645,.045,.355,1)}.x21-camera-1 .detail-previews{margin-top:76px}.x21-camera-1 .detail-previews ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.x21-camera-1 .detail-previews ul li figure{display:inline-block;position:relative;opacity:0}.x21-camera-1 .detail-previews ul li.f1{text-align:left;margin-right:20px}.x21-camera-1 .detail-previews ul li.f1 figure{background-image:url(../img/x21-camera-2-img1.jpg);background-size:552px 389px;width:552px;height:389px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-camera-1 .detail-previews ul li.f1 figure{background-image:url(../img/x21-camera-2-img1-x2.jpg)}}@media (min-width:1921px){.x21-camera-1 .detail-previews{margin-top:100px}.x21-camera-1 .detail-previews ul li.f1{margin-right:30px}.x21-camera-1 .detail-previews ul li.f1 figure{background-image:url(../img/x21-camera-2-img1-lg.jpg);background-size:727px 512px;width:727px;height:512px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-camera-1 .detail-previews ul li.f1 figure{background-image:url(../img/x21-camera-2-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-camera-1 .detail-previews{margin-top:60px}.x21-camera-1 .detail-previews ul li.f1{margin-right:10px}.x21-camera-1 .detail-previews ul li.f1 figure{background-image:url(../img/x21-camera-2-img1-md.jpg);background-size:436px 307px;width:436px;height:307px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-camera-1 .detail-previews ul li.f1 figure{background-image:url(../img/x21-camera-2-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-camera-1 .detail-previews{margin-top:42px}.x21-camera-1 .detail-previews ul li.f1 figure{background-image:url(../img/x21-camera-2-img1-sm.jpg);background-size:305px 215px;width:305px;height:215px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-camera-1 .detail-previews ul li.f1 figure{background-image:url(../img/x21-camera-2-img1-sm-x2.jpg)}}@media (max-width:720px){.x21-camera-1 .detail-previews{margin-top:40px}.x21-camera-1 .detail-previews ul li.f1 figure{background-image:url(../img/x21-camera-2-img1-sm.jpg);background-size:100% auto;background-position:center;background-repeat:no-repeat;width:100%;height:250px}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-camera-1 .detail-previews ul li.f1 figure{background-image:url(../img/x21-camera-2-img1-sm-x2.jpg)}}.x21-camera-1 .detail-previews ul li.f2{text-align:right;margin-left:20px}.x21-camera-1 .detail-previews ul li.f2 figure{background-image:url(../img/x21-camera-2-img2.jpg);background-size:552px 389px;width:552px;height:389px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-camera-1 .detail-previews ul li.f2 figure{background-image:url(../img/x21-camera-2-img2-x2.jpg)}}@media (min-width:1921px){.x21-camera-1 .detail-previews ul li.f2{margin-left:30px}.x21-camera-1 .detail-previews ul li.f2 figure{background-image:url(../img/x21-camera-2-img2-lg.jpg);background-size:727px 512px;width:727px;height:512px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-camera-1 .detail-previews ul li.f2 figure{background-image:url(../img/x21-camera-2-img2-lg-x2.jpg)}}@media (max-width:1440px){.x21-camera-1 .detail-previews ul li.f2{margin-left:10px}.x21-camera-1 .detail-previews ul li.f2 figure{background-image:url(../img/x21-camera-2-img2-md.jpg);background-size:436px 307px;width:436px;height:307px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-camera-1 .detail-previews ul li.f2 figure{background-image:url(../img/x21-camera-2-img2-md-x2.jpg)}}@media (max-width:1080px){.x21-camera-1 .detail-previews ul li.f2 figure{background-image:url(../img/x21-camera-2-img2-sm.jpg);background-size:305px 215px;width:305px;height:215px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-camera-1 .detail-previews ul li.f2 figure{background-image:url(../img/x21-camera-2-img2-sm-x2.jpg)}}@media (max-width:720px){.x21-camera-1 .detail-previews ul li.f2 figure{background-image:url(../img/x21-camera-2-img2-sm.jpg);background-size:100% auto;background-position:center;background-repeat:no-repeat;width:100%;height:250px}.x21-camera-1 .detail-previews ul{margin:0;-ms-flex-wrap:wrap;flex-wrap:wrap}.x21-camera-1 .detail-previews ul li{width:100%!important;margin-right:0!important;margin-left:0!important}.x21-camera-1 .detail-previews ul li~li{margin-top:2em}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-camera-1 .detail-previews ul li.f2 figure{background-image:url(../img/x21-camera-2-img2-sm-x2.jpg)}}.x21-camera-1 .detail-previews.start ul li figure{opacity:1;-webkit-transition:opacity .8s cubic-bezier(.645,.045,.355,1);transition:opacity .8s cubic-bezier(.645,.045,.355,1)}.x21-camera-1 .detail-previews.start ul li.f2 figure{-webkit-transition-delay:.2s;transition-delay:.2s}.x21-camera-2 .section .title h2 br{display:none}.x21-camera-2 .section .title p.intro{margin:auto;width:988px}@media (min-width:1921px){.x21-camera-2 .section .title p.intro{width:1300px}}@media (max-width:1440px){.x21-camera-2 .section .title p.intro{width:780px}}@media (max-width:1080px){.x21-camera-2 .section .title p.intro{width:546px}}@media (max-width:720px){.x21-camera-2 .section .title h2 br{display:block}.x21-camera-2 .section .title p.intro{width:520px}}@media (max-width:1080px){.x21-camera-2 .section .title p.intro{width:420px}.x21-camera-2 .section .title p.intro br{display:none}}.x21-camera-2 .figure{overflow:visible;width:336px;height:909px;left:50%;margin-left:-168px;padding-top:213px;padding-bottom:122px}@media (min-width:1921px){.x21-camera-2 .figure{width:443px;height:1197px;margin-left:-221px;padding-top:280px;padding-bottom:160px}}@media (max-width:1440px){.x21-camera-2 .figure{width:265px;height:718px;margin-left:-132px;padding-top:168px;padding-bottom:96px}}@media (max-width:1080px){.x21-camera-2 .figure{width:186px;height:502px;margin-left:-93px;padding-top:118px;padding-bottom:68px}}.x21-camera-2 .figure figure.f1,.x21-camera-2 .figure figure.f2{position:absolute}.x21-camera-2 .figure figure.f1{left:-121px;top:61px;background-image:url(../img/x21-camera-3-img1.jpg);background-size:336px 909px;width:336px;height:909px}@media (min-width:1921px){.x21-camera-2 .figure figure.f1{left:-160px;top:80px}}@media (max-width:1440px){.x21-camera-2 .figure figure.f1{left:-96px;top:48px}}@media (max-width:1080px){.x21-camera-2 .figure figure.f1{left:-67px;top:34px}}@media (max-width:720px){.x21-camera-2 .figure{padding-top:112px;padding-bottom:64px}.x21-camera-2 .figure figure.f1{left:-64px;top:32px}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-camera-2 .figure figure.f1{background-image:url(../img/x21-camera-3-img1-x2.jpg)}}@media (min-width:1921px){.x21-camera-2 .figure figure.f1{background-image:url(../img/x21-camera-3-img1-lg.jpg);background-size:443px 1197px;width:443px;height:1197px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-camera-2 .figure figure.f1{background-image:url(../img/x21-camera-3-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-camera-2 .figure figure.f1{background-image:url(../img/x21-camera-3-img1-md.jpg);background-size:265px 718px;width:265px;height:718px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-camera-2 .figure figure.f1{background-image:url(../img/x21-camera-3-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-camera-2 .figure figure.f1{background-image:url(../img/x21-camera-3-img1-sm.jpg);background-size:186px 502px;width:186px;height:502px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-camera-2 .figure figure.f1{background-image:url(../img/x21-camera-3-img1-sm-x2.jpg)}}.x21-camera-2 .figure figure.f2{left:122px;top:320px;background-image:url(../img/x21-camera-3-img2.png);background-size:338px 909px;width:338px;height:909px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-camera-2 .figure figure.f2{background-image:url(../img/x21-camera-3-img2-x2.png)}}@media (min-width:1921px){.x21-camera-2 .figure figure.f2{left:160px;top:420px;background-image:url(../img/x21-camera-3-img2-lg.png);background-size:445px 1197px;width:445px;height:1197px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-camera-2 .figure figure.f2{background-image:url(../img/x21-camera-3-img2-lg-x2.png)}}@media (max-width:1440px){.x21-camera-2 .figure figure.f2{left:96px;top:252px;background-image:url(../img/x21-camera-3-img2-md.png);background-size:267px 718px;width:267px;height:718px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-camera-2 .figure figure.f2{background-image:url(../img/x21-camera-3-img2-md-x2.png)}}@media (max-width:1080px){.x21-camera-2 .figure figure.f2{left:68px;top:177px;background-image:url(../img/x21-camera-3-img2-sm.png);background-size:186px 502px;width:186px;height:502px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-camera-2 .figure figure.f2{background-image:url(../img/x21-camera-3-img2-sm-x2.png)}}.x21-camera-3 .section{position:relative}.x21-camera-3 .section .title h2 br{display:block}.x21-camera-3 .section .title p.intro{margin:auto;width:821px}@media (min-width:1921px){.x21-camera-3 .section .title p.intro{width:1080px}}@media (max-width:1440px){.x21-camera-3 .section .title p.intro{width:648px}}@media (max-width:1080px){.x21-camera-3 .section .title p.intro{width:454px}}@media (max-width:720px){.x21-camera-2 .figure figure.f2{left:64px;top:168px}.x21-camera-3 .section .title h2 br{display:block}.x21-camera-3 .section .title p.intro{width:432px}}@media (max-width:1080px){.x21-camera-3 .section .title p.intro{width:420px}.x21-camera-3 .section .title p.intro br{display:none}}.x21-camera-3 .figure{overflow:visible;width:281px;height:757px;left:50%;margin-left:-140px;margin-top:76px;padding-bottom:76px}@media (min-width:1921px){.x21-camera-3 .figure{width:370px;height:997px;margin-left:-185px;margin-top:100px;padding-bottom:100px}}@media (max-width:1440px){.x21-camera-3 .figure{width:222px;height:598px;margin-left:-111px;margin-top:60px;padding-bottom:60px}}@media (max-width:1080px){.x21-camera-3 .figure{width:155px;height:418px;margin-left:-77px;margin-top:42px;padding-bottom:42px}}.x21-camera-3 .figure figure{position:absolute;top:0}.x21-camera-4 .figure figure,.x21-camera-4 .section,.x21-jovi .figure,.x21-jovi .figure:before,.x21-jovi .section,.x21-jovi-2 .figure figure,.x21-jovi-2 .section,.x21-jovi-3 .figure figure,.x21-jovi-3 .section,.x21-performance .figure picture,.x21-performance .section{position:relative}.x21-camera-3 .figure figure.f1{left:-159px;background-image:url(../img/x21-camera-5-img1.jpg);background-size:281px 757px;width:281px;height:757px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-camera-3 .figure figure.f1{background-image:url(../img/x21-camera-5-img1-x2.jpg)}}@media (min-width:1921px){.x21-camera-3 .figure figure.f1{left:-210px;background-image:url(../img/x21-camera-5-img1-lg.jpg);background-size:370px 997px;width:370px;height:997px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-camera-3 .figure figure.f1{background-image:url(../img/x21-camera-5-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-camera-3 .figure figure.f1{left:-126px;background-image:url(../img/x21-camera-5-img1-md.jpg);background-size:222px 598px;width:222px;height:598px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-camera-3 .figure figure.f1{background-image:url(../img/x21-camera-5-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-camera-3 .figure figure.f1{left:-88px;background-image:url(../img/x21-camera-5-img1-sm.jpg);background-size:155px 418px;width:155px;height:418px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-camera-3 .figure figure.f1{background-image:url(../img/x21-camera-5-img1-sm-x2.jpg)}}.x21-camera-3 .figure figure.f2{right:-159px;background-image:url(../img/x21-camera-5-img2.jpg);background-size:280px 756px;width:280px;height:756px;background-position:center;background-repeat:no-repeat}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-camera-3 .figure figure.f2{background-image:url(../img/x21-camera-5-img2-x2.jpg)}}@media (min-width:1921px){.x21-camera-3 .figure figure.f2{right:-210px;background-image:url(../img/x21-camera-5-img2-lg.jpg);background-size:369px 995px;width:369px;height:995px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-camera-3 .figure figure.f2{background-image:url(../img/x21-camera-5-img2-lg-x2.jpg)}}@media (max-width:1440px){.x21-camera-3 .figure figure.f2{right:-126px;background-image:url(../img/x21-camera-5-img2-md.jpg);background-size:221px 597px;width:221px;height:597px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-camera-3 .figure figure.f2{background-image:url(../img/x21-camera-5-img2-md-x2.jpg)}}@media (max-width:1080px){.x21-camera-3 .figure figure.f2{right:-88px;background-image:url(../img/x21-camera-5-img2-sm.jpg);background-size:154px 417px;width:154px;height:417px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-camera-3 .figure figure.f2{background-image:url(../img/x21-camera-5-img2-sm-x2.jpg)}}.x21-camera-4 .section .title h2 br{display:none}@media (max-width:720px){.x21-camera-3 .figure{margin-top:40px;padding-bottom:40px}.x21-camera-3 .figure figure.f1{left:-84px}.x21-camera-3 .figure figure.f2{right:-84px}.x21-camera-4 .section .title h2 br{display:block}}.x21-camera-4 .section .title p.intro{margin:auto;width:988px}@media (min-width:1921px){.x21-camera-4 .section .title p.intro{width:1300px}}@media (max-width:1440px){.x21-camera-4 .section .title p.intro{width:780px}}@media (max-width:1080px){.x21-camera-4 .section .title p.intro{width:546px}}@media (max-width:720px){.x21-camera-4 .section .title p.intro{width:520px}}@media (max-width:1080px){.x21-camera-4 .section .title p.intro{width:420px}.x21-camera-4 .section .title p.intro br{display:none}}.x21-camera-4 .section .title i{color:#4a4a4a;opacity:.5;width:100%;display:block;margin-top:23px}@media (min-width:1921px){.x21-camera-4 .section .title i{margin-top:30px}}@media (max-width:1440px){.x21-camera-4 .section .title i{margin-top:18px}}@media (max-width:1080px){.x21-camera-4 .section .title i{margin-top:13px}}@media (max-width:720px){.x21-camera-4 .section .title i{margin-top:12px;text-align:left;margin-left:20px}}.x21-camera-4 .figure{overflow:visible;width:348px;height:716px;left:50%;margin-left:-174px;margin-top:76px;padding-bottom:76px}@media (min-width:1921px){.x21-camera-4 .figure{width:459px;height:943px;margin-left:-229px;margin-top:100px;padding-bottom:100px}}@media (max-width:1440px){.x21-camera-4 .figure{width:275px;height:565px;margin-left:-137px;margin-top:60px;padding-bottom:60px}}@media (max-width:1080px){.x21-camera-4 .figure{width:192px;height:396px;margin-left:-96px;margin-top:42px;padding-bottom:42px}}@media (max-width:720px){.x21-camera-4 .figure{margin-top:40px;padding-bottom:70px}}.x21-camera-4 .figure figure{background-image:url(../img/x21-camera-4-img1.jpg);background-size:348px 716px;width:348px;height:716px;left:50%;margin-left:-174px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-camera-4 .figure figure{background-image:url(../img/x21-camera-4-img1-x2.jpg)}}@media (min-width:1921px){.x21-camera-4 .figure figure{background-image:url(../img/x21-camera-4-img1-lg.jpg);background-size:459px 943px;width:459px;height:943px;margin-left:-229px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-camera-4 .figure figure{background-image:url(../img/x21-camera-4-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-camera-4 .figure figure{background-image:url(../img/x21-camera-4-img1-md.jpg);background-size:275px 565px;width:275px;height:565px;margin-left:-137px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-camera-4 .figure figure{background-image:url(../img/x21-camera-4-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-camera-4 .figure figure{background-image:url(../img/x21-camera-4-img1-sm.jpg);background-size:192px 396px;width:192px;height:396px;margin-left:-96px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-camera-4 .figure figure{background-image:url(../img/x21-camera-4-img1-sm-x2.jpg)}}.x21-camera-4 .golink{padding-bottom:137px;text-align:center}@media (min-width:1921px){.x21-camera-4 .golink{padding-bottom:180px}}@media (max-width:1440px){.x21-camera-4 .golink{padding-bottom:108px}}@media (max-width:1080px){.x21-camera-4 .golink{padding-bottom:76px}}@media (max-width:720px){.x21-camera-4 .golink{padding-bottom:72px}.x21-jovi .section .title h2 br{display:block}}.x21-jovi .section .title p.intro{margin:auto;width:866px}@media (min-width:1921px){.x21-jovi .section .title p.intro{width:1200px}}@media (max-width:1440px){.x21-jovi .section .title p.intro{width:auto}}@media (max-width:1080px){.x21-camera-4 .golink{padding-bottom:100px}.x21-jovi .section .title p.intro{width:480px}.x21-jovi .section .title p.intro br{display:none}}.x21-jovi .figure{z-index:1;padding-top:61px;padding-bottom:200px}.x21-jovi .figure:before{display:block;background-image:url(../img/x21-jovi-img1.jpg);background-size:959px 467px;width:959px;height:467px;left:50%;margin-left:-479px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-jovi .figure:before{background-image:url(../img/x21-jovi-img1-x2.jpg)}}@media (min-width:1921px){.x21-jovi .figure{padding-top:80px;padding-bottom:220px}.x21-jovi .figure:before{background-image:url(../img/x21-jovi-img1-lg.jpg);background-size:1262px 612px;width:1262px;height:612px;margin-left:-631px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-jovi .figure:before{background-image:url(../img/x21-jovi-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-jovi .figure{padding-top:48px;padding-bottom:180px}.x21-jovi .figure:before{background-image:url(../img/x21-jovi-img1-md.jpg);background-size:757px 369px;width:757px;height:369px;margin-left:-378px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-jovi .figure:before{background-image:url(../img/x21-jovi-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-jovi .figure{padding-top:34px;padding-bottom:160px}.x21-jovi .figure:before{background-image:url(../img/x21-jovi-img1-sm.jpg);background-size:530px 258px;width:530px;height:258px;margin-left:-265px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-jovi .figure:before{background-image:url(../img/x21-jovi-img1-sm-x2.jpg)}}@media (max-width:720px){.x21-jovi .figure{padding-top:32px;padding-bottom:85px}.x21-jovi .figure:before{background-image:url(../img/x21-jovi-img1-xs.jpg);background-size:340px 166px;background-position:center;background-repeat:no-repeat;width:340px;height:166px;left:50%;margin-left:-170px}.x21-jovi-2 .section .title h2 br{display:none}.x21-jovi-2 .section .title{padding-top:75px}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-jovi .figure:before{background-image:url(../img/x21-jovi-img1-xs-x2.jpg)}}@media (max-width:340px){.x21-jovi .figure:before{background-image:url(../img/x21-jovi-img1-xs.jpg);background-size:300px 146px;background-position:center;background-repeat:no-repeat;width:300px;height:146px;left:50%;margin-left:-150px}}.x21-jovi-2 .section .title p.intro{margin:auto;width:800px}@media (min-width:1921px){.x21-jovi-2 .section .title p.intro{width:1100px}}@media (max-width:1440px){.x21-jovi-2 .section .title{padding-top:160px}.x21-jovi-2 .section .title p.intro{width:auto}}@media (max-width:1080px){.x21-jovi-2 .section .title p.intro{width:480px}.x21-jovi-2 .section .title p.intro br{display:none}}.x21-jovi-2 .figure{overflow:visible;width:868px;height:780px;left:50%;margin-left:-434px;margin-top:76px;padding-bottom:76px}@media (min-width:1921px){.x21-jovi-2 .figure{width:1142px;height:1026px;margin-left:-571px;margin-top:100px;padding-bottom:0}}@media (max-width:1440px){.x21-jovi-2 .figure{width:685px;height:616px;margin-left:-343px}}@media (max-width:1080px){.x21-jovi-2 .figure{width:480px;height:431px;margin-left:-240px}}@media (max-width:720px){.x21-jovi-2 .figure{width:414px;height:795px;margin-left:-207px}}@media (max-width:375px){.x21-jovi-2 .figure{width:375px;height:720px;margin-left:-187px}}@media (max-width:360px){.x21-jovi-2 .figure{width:360px;height:691px;margin-left:-180px}}@media (max-width:340px){.x21-jovi-2 .figure{width:340px;height:653px;margin-left:-170px}}@media (max-width:320px){.x21-jovi-2 .figure{width:320px;height:615px;margin-left:-160px}}.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1.jpg);background-size:868px 780px;width:868px;height:780px;left:50%;margin-left:-434px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1-x2.jpg)}}@media (min-width:1921px){.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1-lg.jpg);background-size:1142px 1026px;width:1142px;height:1026px;margin-left:-571px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-jovi-2 .figure{margin-top:60px;padding-bottom:0}.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1-md.jpg);background-size:685px 616px;width:685px;height:616px;margin-left:-343px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-jovi-2 .figure{margin-top:42px;padding-bottom:0}.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1-sm.jpg);background-size:480px 431px;width:480px;height:431px;margin-left:-240px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1-sm-x2.jpg)}}@media (max-width:720px){.x21-jovi-2 .figure{margin-top:40px;padding-bottom:0}.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1-xs.jpg);background-size:414px 795px;width:414px;height:795px;margin-left:-207px}.x21-jovi-3 .section .title h2 br{display:none}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1-xs-x2.jpg)}}@media (max-width:375px){.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1-xs-x2.jpg);background-size:375px 720px;width:375px;height:720px;margin-left:-187px}}@media (max-width:360px){.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1-xs-x2.jpg);background-size:360px 691px;width:360px;height:691px;margin-left:-180px}}@media (max-width:340px){.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1-xs-x2.jpg);background-size:340px 653px;width:340px;height:653px;margin-left:-170px}}@media (max-width:320px){.x21-jovi-2 .figure figure{background-image:url(../img/x21-jovi-2-img1-xs.jpg);background-size:320px 615px;width:320px;height:615px;margin-left:-160px}}.x21-jovi-3 .section .title p.intro{margin:auto;width:800px}@media (min-width:1921px){.x21-jovi-3 .section .title p.intro{width:1100px}}@media (max-width:1440px){.x21-jovi-3 .section .title p.intro{width:auto}}@media (max-width:1080px){.x21-jovi-3 .section .title p.intro{width:540px}.x21-jovi-3 .section .title p.intro br{display:none}}.x21-jovi-3 .figure{overflow:visible;width:270px;height:773px;left:50%;margin-left:-135px;margin-top:76px}@media (min-width:1921px){.x21-jovi-3 .figure{width:355px;height:1017px;margin-left:-177px;margin-top:100px}}@media (max-width:1440px){.x21-jovi-3 .figure{width:213px;height:610px;margin-left:-106px;margin-top:60px}}@media (max-width:1080px){.x21-jovi-3 .figure{width:149px;height:427px;margin-left:-74px;margin-top:42px}}.x21-jovi-3 .figure figure{background-image:url(../img/x21-jovi-3-img1.jpg);background-size:270px 773px;width:270px;height:773px;left:50%;margin-left:-135px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-jovi-3 .figure figure{background-image:url(../img/x21-jovi-3-img1-x2.jpg)}}@media (min-width:1921px){.x21-jovi-3 .figure figure{background-image:url(../img/x21-jovi-3-img1-lg.jpg);background-size:355px 1017px;width:355px;height:1017px;margin-left:-177px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-jovi-3 .figure figure{background-image:url(../img/x21-jovi-3-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-jovi-3 .figure figure{background-image:url(../img/x21-jovi-3-img1-md.jpg);background-size:213px 610px;width:213px;height:610px;margin-left:-106px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-jovi-3 .figure figure{background-image:url(../img/x21-jovi-3-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-jovi-3 .figure figure{background-image:url(../img/x21-jovi-3-img1-sm.jpg);background-size:149px 427px;width:149px;height:427px;margin-left:-74px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-jovi-3 .figure figure{background-image:url(../img/x21-jovi-3-img1-sm-x2.jpg)}}.x21-performance .section .title h2 br{display:none}@media (max-width:720px){.x21-jovi-3 .figure{margin-top:40px padding-bottom:70px}.x21-performance .section .title h2 br{display:block}}.x21-performance .section .title p.intro{margin:auto;width:836px}@media (min-width:1921px){.x21-performance .section .title p.intro{width:1100px}}@media (max-width:1440px){.x21-performance .section .title p.intro{width:auto}}@media (max-width:1080px){.x21-performance .section .title p.intro{width:420px}.x21-performance .section .title p.intro br{display:none}}.x21-performance .figure{overflow:visible;width:978px;height:553px;left:50%;margin-left:-489px;margin-top:137px;padding-bottom:0}@media (min-width:1921px){.x21-performance .figure{width:1287px;height:701px;margin-left:-643px;margin-top:180px;padding-bottom:0}}@media (max-width:1440px){.x21-performance .figure{width:772px;height:446px;margin-left:-386px;margin-top:108px;padding-bottom:0}}@media (max-width:1080px){.x21-performance .figure{width:540px;height:337px;margin-left:-270px;margin-top:76px;padding-bottom:0}}@media (max-width:720px){.x21-performance .figure{width:386px;height:263px;margin-left:-100px;margin-top:72px;padding-bottom:0}}.x21-performance .figure picture{top:0;display:block}.x21-performance .figure picture.p1{top:-53px;left:90px;background-image:url(../img/x21-performance-img1.jpg);background-size:997px 469px;width:997px;height:469px;-webkit-transform:translate3d(-20px,10px,0);transform:translate3d(-20px,10px,0)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-performance .figure picture.p1{background-image:url(../img/x21-performance-img1-x2.jpg)}}@media (min-width:1921px){.x21-performance .figure picture.p1{top:-70px;left:118px;background-image:url(../img/x21-performance-img1-lg.jpg);background-size:1312px 618px;width:1312px;height:618px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-performance .figure picture.p1{background-image:url(../img/x21-performance-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-performance .figure picture.p1{top:-42px;left:71px;background-image:url(../img/x21-performance-img1-md.jpg);background-size:787px 370px;width:787px;height:370px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-performance .figure picture.p1{background-image:url(../img/x21-performance-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-performance .figure picture.p1{top:-29px;left:50px;background-image:url(../img/x21-performance-img1-sm.jpg);background-size:551px 259px;width:551px;height:259px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-performance .figure picture.p1{background-image:url(../img/x21-performance-img1-sm-x2.jpg)}}@media (max-width:720px){.x21-performance .figure picture.p1{background-image:url(../img/x21-performance-img1-sm.jpg);background-size:393px 185px;background-position:center;background-repeat:no-repeat;width:393px;height:185px;left:44px;top:-28px}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-performance .figure picture.p1{background-image:url(../img/x21-performance-img1-sm-x2.jpg)}}.x21-performance .figure picture.p2{position:absolute;top:54px;left:-89px;background-image:url(../img/x21-performance-img2.png);background-size:959px 467px;width:959px;height:467px;-webkit-transform:translate3d(20px,-10px,0);transform:translate3d(20px,-10px,0)}.x21-hifi .figure,.x21-hifi .section{position:relative}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-performance .figure picture.p2{background-image:url(../img/x21-performance-img2-x2.png)}}@media (min-width:1921px){.x21-performance .figure picture.p2{top:70px;left:-118px;background-image:url(../img/x21-performance-img2-lg.png);background-size:1262px 615px;width:1262px;height:615px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-performance .figure picture.p2{background-image:url(../img/x21-performance-img2-lg-x2.png)}}@media (max-width:1440px){.x21-performance .figure picture.p2{top:42px;left:-70px;background-image:url(../img/x21-performance-img2-md.png);background-size:757px 369px;width:757px;height:369px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-performance .figure picture.p2{background-image:url(../img/x21-performance-img2-md-x2.png)}}@media (max-width:1080px){.x21-performance .figure picture.p2{top:30px;left:-49px;background-image:url(../img/x21-performance-img2-sm.png);background-size:530px 258px;width:530px;height:258px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-performance .figure picture.p2{background-image:url(../img/x21-performance-img2-sm-x2.png)}}@media (max-width:720px){.x21-performance .figure picture.p2{background-image:url(../img/x21-performance-img2-sm.png);background-size:378px 184px;background-position:center;background-repeat:no-repeat;width:378px;height:184px;left:-44px;top:28px}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-performance .figure picture.p2{background-image:url(../img/x21-performance-img2-sm-x2.png)}}.x21-performance .figure.start picture{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:-webkit-transform 2s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform 2s cubic-bezier(.645,.045,.355,1);transition:transform 2s cubic-bezier(.645,.045,.355,1);transition:transform 2s cubic-bezier(.645,.045,.355,1),-webkit-transform 2s cubic-bezier(.645,.045,.355,1)}.x21-hifi{background-color:#141414}.stage-service,.x21-hifi-1,.x21-hifi-2{background-color:#fff}.x21-hifi .section .title h2,.x21-hifi .section .title p.intro{color:#fff}.x21-hifi .section .title p.intro{margin:auto;width:auto}@media (max-width:1080px){.x21-hifi .section .title p.intro{width:480px}.x21-hifi .section .title p.intro br{display:none}}.x21-hifi .figure{overflow:visible;z-index:1;width:653px;height:836px;left:50%;margin-left:-326px;margin-top:61px}@media (min-width:1921px){.x21-hifi .figure{width:860px;height:1100px;margin-left:-430px;margin-top:80px}}@media (max-width:1440px){.x21-hifi .figure{width:516px;height:660px;margin-left:-258px;margin-top:48px}}@media (max-width:1080px){.x21-hifi .figure{width:361px;height:462px;margin-left:-180px;margin-top:34px}}@media (max-width:720px){.x21-hifi .figure{width:326px;height:418px;margin-left:-163px;margin-top:32px}}.x21-hifi .figure figure{display:block;position:relative;background-image:url(../img/x21-hifi-img1.png);background-size:653px 848px;width:653px;height:848px;left:50%;margin-left:-326px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-hifi .figure figure{background-image:url(../img/x21-hifi-img1-x2.png)}}@media (min-width:1921px){.x21-hifi .figure figure{background-image:url(../img/x21-hifi-img1-lg.png);background-size:860px 1117px;width:860px;height:1117px;margin-left:-430px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-hifi .figure figure{background-image:url(../img/x21-hifi-img1-lg-x2.png)}}@media (max-width:1440px){.x21-hifi .figure figure{background-image:url(../img/x21-hifi-img1-md.png);background-size:516px 670px;width:516px;height:670px;margin-left:-258px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-hifi .figure figure{background-image:url(../img/x21-hifi-img1-md-x2.png)}}@media (max-width:1080px){.x21-hifi .figure figure{background-image:url(../img/x21-hifi-img1-sm.png);background-size:361px 469px;width:361px;height:469px;margin-left:-180px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-hifi .figure figure{background-image:url(../img/x21-hifi-img1-sm-x2.png)}}@media (max-width:720px){.x21-hifi .figure figure{background-image:url(../img/x21-hifi-img1-sm.png);background-size:326px 424px;background-position:center;background-repeat:no-repeat;width:326px;height:424px;left:50%;margin-left:-163px}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-hifi .figure figure{background-image:url(../img/x21-hifi-img1-sm-x2.png)}}.x21-hifi-1 .section{position:absolute}.x21-hifi-1 .section .content{width:1000px}@media (min-width:1921px){.x21-hifi-1 .section .content{width:1200px}}@media (max-width:1440px){.x21-hifi-1 .section .content{width:860px}}@media (max-width:1080px){.x21-hifi-1 .section{position:relative}.x21-hifi-1 .section .content{width:650px}}@media (max-width:720px){.x21-hifi-1 .section .content{width:auto}}.x21-hifi-1 .section .title{padding-top:329px;width:55%}@media (min-width:1921px){.x21-hifi-1 .section .title{padding-top:440px}}@media (max-width:1440px){.x21-hifi-1 .section .title{padding-top:240px}}@media (max-width:1080px){.x21-hifi-1 .section .title{padding-top:180px;width:auto}.x21-hifi-1 .section .title p.intro{margin:auto;width:auto}}@media (max-width:720px){.x21-hifi-1 .section .title{padding-top:75px}}.x21-hifi-1 .section .title p.intro{text-align:left;margin:auto}.x21-hifi-1 .figure{overflow:visible;left:60%;padding-top:198px;padding-bottom:107px}@media (min-width:1921px){.x21-hifi-1 .figure{padding-top:260px;padding-bottom:140px}}@media (max-width:1440px){.x21-hifi-1 .figure{padding-top:156px;padding-bottom:84px}}@media (max-width:1080px){.x21-hifi-1 .figure{left:40%;padding-top:110px;padding-bottom:59px}}@media (max-width:720px){.x21-hifi-1 .figure{left:50%;padding-top:30px;padding-bottom:50px;margin-left:-97px}}.x21-hifi-1 .figure figure{position:relative;z-index:2;background-image:url(../img/x21-hifi-1-img1.png);background-size:354px 727px;width:354px;height:727px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-hifi-1 .figure figure{background-image:url(../img/x21-hifi-1-img1-x2.png)}}@media (min-width:1921px){.x21-hifi-1 .figure figure{background-image:url(../img/x21-hifi-1-img1-lg.png);background-size:466px 957px;width:466px;height:957px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-hifi-1 .figure figure{background-image:url(../img/x21-hifi-1-img1-lg-x2.png)}}@media (max-width:1440px){.x21-hifi-1 .figure figure{background-image:url(../img/x21-hifi-1-img1-md.png);background-size:279px 574px;width:279px;height:574px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-hifi-1 .figure figure{background-image:url(../img/x21-hifi-1-img1-md-x2.png)}}@media (max-width:1080px){.x21-hifi-1 .figure figure{background-image:url(../img/x21-hifi-1-img1-sm.png);background-size:195px 401px;width:195px;height:401px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-hifi-1 .figure figure{background-image:url(../img/x21-hifi-1-img1-sm-x2.png)}}.x21-hifi-1 .figure .waves{position:absolute;top:768px;left:122px;width:121px;height:121px;-webkit-transform:scaleY(.2);-ms-transform:scaleY(.2);transform:scaleY(.2)}@media (min-width:1921px){.x21-hifi-1 .figure .waves{top:1010px;left:160px;width:160px;height:160px}}@media (max-width:1440px){.x21-hifi-1 .figure .waves{top:606px;left:96px;width:96px;height:96px}}@media (max-width:1080px){.x21-hifi-1 .figure .waves{top:425px;left:68px}}@media (max-width:720px){.x21-hifi-1 .figure .waves{top:404px;left:64px}}@media (max-width:1080px){.x21-hifi-1 .figure .waves{width:67px;height:67px}}.x21-hifi-1 .figure .waves picture{width:100%;height:100%;position:absolute;top:380px}@media (min-width:1921px){.x21-hifi-1 .figure .waves picture{top:500px}}@media (max-width:1440px){.x21-hifi-1 .figure .waves picture{top:300px}}@media (max-width:1080px){.x21-hifi-1 .figure .waves picture{top:210px}}@media (max-width:720px){.x21-hifi-1 .figure .waves picture{top:200px}}.x21-hifi-1 .figure .waves picture:before{display:block;overflow:hidden;position:relative;height:100%;background-image:url(../img/x21-wave-x2.png);background-size:cover;background-repeat:no-repeat}.x21-hifi-1 .figure.start .waves picture{-webkit-animation:playwave-ant 2s infinite linear;animation:playwave-ant 2s infinite linear}.x21-hifi-1 .figure.start .waves picture.w1{-webkit-animation-delay:.6s;animation-delay:.6s}.x21-hifi-1 .figure.start .waves picture.w2{-webkit-animation-delay:.3s;animation-delay:.3s}.x21-hifi-1 .figure.start .waves picture.w2:before{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.x21-hifi-1 .figure.start .waves picture.w3:before{-webkit-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}@-webkit-keyframes playwave-ant{100%{opacity:0;-webkit-transform:scale(5);transform:scale(5)}}@keyframes playwave-ant{100%{opacity:0;-webkit-transform:scale(5);transform:scale(5)}}.x21-hifi-1 .golink{padding-bottom:137px;text-align:center}@media (min-width:1921px){.x21-hifi-1 .golink{padding-bottom:180px}}@media (max-width:1440px){.x21-hifi-1 .golink{padding-bottom:108px}}@media (max-width:1080px){.x21-hifi-1 .figure .waves picture{top:-20px}.x21-hifi-1 .golink{padding-bottom:76px}}@media (max-width:720px){.x21-hifi-1 .golink{padding-bottom:72px}}@media (max-width:1080px){.x21-hifi-1 .golink{padding-bottom:100px}}.x21-hifi-2 .section{position:absolute;width:32%;top:50%;transform:translateY(-50%);left:5%}.x21-hifi-2 .section .content{width:100%}.x21-hifi-2 .section .content .title h2,.x21-hifi-2 .section .content .title p.intro{color:#fff;text-align:left;width:100%}.x21-hifi-2 .section .content .title h2{width:120%}@media (max-width:720px){.x21-hifi-2 .section{position:relative;top:0;transform:translateY(0);left:0;width:100%}.x21-hifi-2 .section .content .title h2,.x21-hifi-2 .section .content .title p.intro{color:#000}.x21-hifi-2 .section .content .title h2{width:auto}.x21-hifi-2 .section .title h2 br{display:none}.x21-hifi-2 .section .title{padding-top:15px;padding-bottom:15px}}.x21-hifi-2 .img-bg{width:100%;max-width:1920px;margin:0 auto}.x21-hifi-2 .figure{overflow:visible;width:1946px;height:988px;left:50%;margin-left:-873px;margin-top:76px;padding-bottom:76px}@media (min-width:1921px){.x21-hifi-2 .figure{width:2560px;height:1300px;margin-left:-1280px;margin-top:100px;padding-bottom:0}}@media (max-width:1440px){.x21-hifi-2 .figure{width:1536px;height:780px;margin-left:-728px}}@media (max-width:1080px){.x21-hifi-2 .figure{width:1075px;height:546px;margin-left:-537px}}@media (max-width:720px){.x21-hifi-2 .figure{width:375px;height:191px;margin-left:-167px}}@media (max-width:340px){.x21-hifi-2 .figure{width:340px;height:173px;margin-left:-170px}}.x21-hifi-2 .figure figure{position:relative;background-image:url(../img/x21-hifi-2-img1.jpg);background-size:1946px 988px;width:1946px;height:988px;left:50%;margin-left:-873px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-hifi-2 .figure figure{background-image:url(../img/x21-hifi-2-img1-x2.jpg)}}@media (min-width:1921px){.x21-hifi-2 .figure figure{background-image:url(../img/x21-hifi-2-img1-lg.jpg);background-size:2560px 1300px;width:2560px;height:1300px;margin-left:-1280px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-hifi-2 .figure figure{background-image:url(../img/x21-hifi-2-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-hifi-2 .figure{margin-top:60px;padding-bottom:0}.x21-hifi-2 .figure figure{background-image:url(../img/x21-hifi-2-img1-md.jpg);background-size:1536px 780px;width:1536px;height:780px;margin-left:-728px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-hifi-2 .figure figure{background-image:url(../img/x21-hifi-2-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-hifi-2 .figure{margin-top:42px;padding-bottom:0}.x21-hifi-2 .figure figure{background-image:url(../img/x21-hifi-2-img1-sm.jpg);background-size:1075px 546px;width:1075px;height:546px;margin-left:-537px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-hifi-2 .figure figure{background-image:url(../img/x21-hifi-2-img1-sm-x2.jpg)}}@media (max-width:720px){.x21-hifi-2 .figure{margin-top:40px;padding-bottom:0}.x21-hifi-2 .figure figure{background-image:url(../img/x21-hifi-2-img1-xs.jpg);background-size:375px 191px;width:375px;height:191px;margin-left:-167px}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-hifi-2 .figure figure{background-image:url(../img/x21-hifi-2-img1-xs-x2.jpg)}}@media (max-width:340px){.x21-hifi-2 .figure figure{background-image:url(../img/x21-hifi-2-img1-xs.jpg);background-size:340px 173px;width:340px;height:173px;margin-left:-170px}}.stage-service{position:relative;overflow:hidden}.stage-service .ac-service-content,.stage-service .ac-special-content{padding:40px 0;margin:auto;width:1200px}@media (min-width:1921px){.stage-service .ac-service-content,.stage-service .ac-special-content{width:1200px}}@media (max-width:1440px){.stage-service .ac-service-content,.stage-service .ac-special-content{width:1200px}}@media (max-width:1080px){.stage-service .ac-service-content,.stage-service .ac-special-content{width:""}}@media (max-width:1232px){.stage-service .ac-service-content,.stage-service .ac-special-content{width:auto;margin:0 16px}}.stage-service.border-top-grey .ac-service-content,.stage-service.border-top-grey .ac-special-content{border-top-color:#e5e5e5;border-top-width:1px;border-top-style:solid}.stage-service.border-bottom-grey .ac-service-content,.stage-service.border-bottom-grey .ac-special-content{border-bottom-color:#e5e5e5;border-bottom-width:1px;border-bottom-style:solid}.stage-service .ac-special-content ul{display:table;position:relative;margin:auto;-webkit-box-sizing:content-box;box-sizing:content-box}@media (max-width:720px){.stage-service .ac-service-content,.stage-service .ac-special-content{padding:20px 0}.stage-service .ac-special-content ul{width:80%}}.stage-service .ac-special-content ul li{position:relative;vertical-align:text-top;-webkit-box-sizing:content-box;box-sizing:content-box;display:table-cell;width:1%;color:#999;font-family:"方正悠黑简体 PR"}.android .stage-service .ac-special-content ul li:nth-child(3),.android .stage-service .ac-special-content ul li:nth-child(4){margin-bottom:-5px}@media (max-width:720px){.stage-service .ac-special-content ul li{display:inline-block;width:50%;text-align:left;padding:.5em 0}}.stage-service .ac-special-content ul li b{display:inline-block;overflow:hidden;position:relative;vertical-align:middle;font-size:20px;margin-right:5px}.android .stage-service .ac-special-content ul li b{vertical-align:text-top;margin-top:-8px}.stage-service .ac-special-content ul li b:before{position:relative;top:-1px;vertical-align:middle}.stage-service .ac-service-content ul{display:table;position:relative;overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%}@media (max-width:720px){.stage-service .ac-service-content ul{display:block}}.stage-service .ac-service-content ul li{position:relative;overflow:hidden;vertical-align:top;-webkit-box-sizing:content-box;box-sizing:content-box;display:table-cell;width:1%}@media (max-width:720px){.stage-service .ac-service-content ul li{width:100%;display:block;margin-top:20px}.stage-service .ac-service-content ul li:first-child{margin-top:0}}.stage-service .ac-service-content ul li b{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:30px 0;overflow:hidden;font-size:68px;color:#666}.windows.firefox .stage-service .ac-service-content ul li b:after{line-height:80px}.stage-service .ac-service-content ul li h3{color:#333;font-size:18px}.stage-service .ac-service-content ul li p{font-size:14px;line-height:1.5em;padding:20px 60px 0;color:#666}@media (max-width:1160px){.stage-service .ac-service-content ul li p{padding:20px 2em 0}}@media (max-width:966px){.stage-service .ac-service-content ul li p{padding:20px 1em 0}}@media (max-width:768px){.stage-service .ac-service-content ul li p{padding:15px 2em 0}}.stage-service .ac-service-content ul li .ext-more-link{padding-top:20px}@media (max-width:720px){.stage-service .ac-service-content ul li b{margin:20px 0}.stage-service .ac-service-content ul li .ext-more-link{padding-top:15px}}.x21-rom{background:url(../img/rom-bg.jpg) bottom center no-repeat #000;background-size:contain}.x21-rom .section{position:relative}.x21-rom .section .title h2,.x21-rom .section .title p.intro{color:#fff;margin:0 auto}@media (max-width:720px){.x21-rom .section .title h2,.x21-rom .section .title p.intro{margin:0 20px}}.x21-rom .figure{position:relative;z-index:1;padding-top:61px;padding-bottom:200px}.x21-rom .figure:before{display:block;position:relative;width:1444px;height:200px;left:50%;margin-left:-722px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-rom{background:url(../img/rom-bg-x2.jpg) bottom center no-repeat #000;background-size:contain}}@media (min-width:1921px){.x21-rom .figure{padding-top:80px;padding-bottom:220px}.x21-rom .figure:before{width:1900px;height:200px;margin-left:-950px}.x21-rom{background:url(../img/rom-bg-lg.jpg) bottom center no-repeat #000;background-size:contain}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-rom{background:url(../img/rom-bg-lg-x2.jpg) bottom center no-repeat #000;background-size:contain}}@media (max-width:1440px){.x21-rom .figure{padding-top:48px;padding-bottom:180px}.x21-rom .figure:before{width:757px;height:200px;margin-left:-378px}.x21-rom{background:url(../img/rom-bg-md.jpg) bottom center no-repeat #000;background-size:contain}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-rom{background:url(../img/rom-bg-md-x2.jpg) bottom center no-repeat #000;background-size:contain}}@media (max-width:1080px){.x21-rom .figure{padding-top:34px;padding-bottom:160px}.x21-rom .figure:before{width:798px;height:113px;margin-left:-399px}.x21-rom{background:url(../img/rom-bg-sm.jpg) bottom center no-repeat #000;background-size:contain}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-rom{background:url(../img/rom-bg-sm-x2.jpg) bottom center no-repeat #000;background-size:contain}}@media (max-width:720px){.x21-rom .figure{padding-top:32px;padding-bottom:253px}.x21-rom .figure:before{width:360px;height:70px;left:50%;margin-left:-180px}.x21-rom{background:url(../img/rom-bg-xs.jpg) bottom center no-repeat #000;background-size:contain}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-rom{background:url(../img/rom-bg-xs-x2.jpg) bottom center no-repeat #000;background-size:contain}}.x21-fingerprint-2{background-color:#fff}.x21-fingerprint-2 .section{position:relative}.x21-fingerprint-2 .section .title{padding-top:180px}.x21-fingerprint-2 .section .title p.intro{margin:auto;width:874px}@media (min-width:1921px){.x21-fingerprint-2 .section .title{padding-top:200px}.x21-fingerprint-2 .section .title p.intro{width:1150px}}@media (max-width:1440px){.x21-fingerprint-2 .section .title{padding-top:160px}.x21-fingerprint-2 .section .title p.intro{width:auto}}@media (max-width:1080px){.x21-fingerprint-2 .section .title{padding-top:140px}.x21-fingerprint-2 .section .title p.intro{width:540px}.x21-fingerprint-2 .section .title p.intro br{display:none}}.x21-fingerprint-2 .figure{position:relative;z-index:1;width:776px;height:1194px;left:50%;margin-left:-388px;margin-top:76px}@media (min-width:1921px){.x21-fingerprint-2 .figure{width:1021px;height:1571px;margin-left:-510px;margin-top:100px}}@media (max-width:1440px){.x21-fingerprint-2 .figure{width:613px;height:943px;margin-left:-306px;margin-top:60px}}@media (max-width:1080px){.x21-fingerprint-2 .figure{width:429px;height:660px;margin-left:-214px;margin-top:42px}}@media (max-width:720px){.x21-fingerprint-2 .section .title{padding-top:75px}.x21-fingerprint-2 .figure{width:328px;height:505px;margin-left:-164px;margin-top:40px;padding-bottom:100px}}.x21-fingerprint-2 .figure figure{position:relative;display:block;background-image:url(../img/x21-fingerprint-2-img1.jpg);background-size:776px 1194px;width:776px;height:1194px;left:50%;margin-left:-388px;background-position:center;background-repeat:no-repeat;-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.x21-fingerprint-2 .figure figure{background-image:url(../img/x21-fingerprint-2-img1-x2.jpg)}}@media (min-width:1921px){.x21-fingerprint-2 .figure figure{background-image:url(../img/x21-fingerprint-2-img1-lg.jpg);background-size:1021px 1571px;width:1021px;height:1571px;margin-left:-510px}}@media only screen and (min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-width:1921px) and (min-resolution:1.5dppx),(min-width:1921px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:1921px) and (min-resolution:144dpi){.x21-fingerprint-2 .figure figure{background-image:url(../img/x21-fingerprint-2-img1-lg-x2.jpg)}}@media (max-width:1440px){.x21-fingerprint-2 .figure figure{background-image:url(../img/x21-fingerprint-2-img1-md.jpg);background-size:613px 943px;width:613px;height:943px;margin-left:-306px}}@media only screen and (max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1440px) and (min-resolution:1.5dppx),(max-width:1440px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1440px) and (min-resolution:144dpi){.x21-fingerprint-2 .figure figure{background-image:url(../img/x21-fingerprint-2-img1-md-x2.jpg)}}@media (max-width:1080px){.x21-fingerprint-2 .figure figure{background-image:url(../img/x21-fingerprint-2-img1-sm.jpg);background-size:429px 660px;width:429px;height:660px;margin-left:-214px}}@media only screen and (max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1080px) and (min-resolution:1.5dppx),(max-width:1080px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1080px) and (min-resolution:144dpi){.x21-fingerprint-2 .figure figure{background-image:url(../img/x21-fingerprint-2-img1-sm-x2.jpg)}}@media (max-width:720px){.x21-fingerprint-2 .figure figure{background-image:url(../img/x21-fingerprint-2-img1-sm.jpg);background-size:328px 505px;background-position:center;background-repeat:no-repeat;width:328px;height:505px;left:50%;margin-left:-164px}}@media only screen and (max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:720px) and (min-resolution:1.5dppx),(max-width:720px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:720px) and (min-resolution:144dpi){.x21-fingerprint-2 .figure figure{background-image:url(../img/x21-fingerprint-2-img1-sm-x2.jpg)}}.x21-fingerprint-2 .figure.start figure{-webkit-transform:none;-ms-transform:none;transform:none;-webkit-transition:-webkit-transform 1.5s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform 1.5s cubic-bezier(.645,.045,.355,1);transition:transform 1.5s cubic-bezier(.645,.045,.355,1);transition:transform 1.5s cubic-bezier(.645,.045,.355,1),-webkit-transform 1.5s cubic-bezier(.645,.045,.355,1)}.stage.stage-tips2{padding-top:0}.vivo-x21-kv{max-width:1920px;margin:0 auto}.vivo-x21-kv.hasHead{padding-top:110px}@media (max-width:1024px){.vivo-x21-kv{padding-top:50px}.vivo-x21-kv.hasHead{padding-top:60px}}@media (max-width:767px){.vivo-x21-kv,.vivo-x21-kv.hasHead{padding-top:40px}}.hide{display:none!important}@font-face{font-family:"方正悠黑简体_纤 PR";src:url(myriadpro-light.eot);src:url(myriadpro-light.eot?#ie-fixed) format("embedded-opentype"),url(myriadpro-light.woff) format("woff"),url(myriadpro-light.ttf) format("truetype");font-style:normal;font-weight:200}@font-face{font-family:"方正悠黑简体 PR";src:url(myriadpro-light.eot);src:url(myriadpro-light.eot?#ie-fixed) format("embedded-opentype"),url(myriadpro-light.woff) format("woff"),url(myriadpro-light.ttf) format("truetype");font-style:normal;font-weight:200}@font-face{font-family:"AvenirNext-DemiBold PR";src:url(AvenirNext-DemiBold.eot);src:url(AvenirNext-DemiBold.eot?#ie-fixed) format("embedded-opentype"),url(AvenirNext-DemiBold.woff2) format("woff2"),url(AvenirNext-DemiBold.woff) format("woff"),url(AvenirNext-DemiBold.ttf) format("truetype"),url(AvenirNext-DemiBold.svg) format("svg");font-style:normal;font-weight:200}@font-face{font-family:"方正悠黑_GB18030 PR";src:url(AvenirNextLTPro-Demi.eot);src:url(AvenirNextLTPro-Demi.eot?#ie-fixed) format("embedded-opentype"),url(AvenirNextLTPro-Demi.woff) format("woff"),url(AvenirNextLTPro-Demi.ttf) format("truetype");font-style:normal;font-weight:200}#airbox{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999}#airbox em.loading{width:55px;height:55px;line-height:55px;overflow:hidden;position:absolute;top:50%;left:50%;margin:-27px 0 0 -27px;background:url(images/loading-ico.gif) no-repeat;z-index:999999;text-align:center;font-size:12px;color:#219edf;font-family:Arial;font-style:normal;display:none}.clear,p{margin:0;padding:0}#hideScore,#sharePic,.clear,.head .headC .pc_logo .logoTxt{overflow:hidden;font-size:0;line-height:0}#airbox .popup-page{width:100%;height:100%;overflow:hidden;color:#666;z-index:2;position:relative;display:none;-webkit-perspective:2000;-moz-perspective:2000;-ms-perspective:2000;perspective:2000;-webkit-transform-origin:50%;-moz-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%}.popup_page_mark{position:fixed;left:0;top:0;z-index:-1;width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:.5}#airbox .popup-inner{width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;opacity:0;visibility1:hidden;-ms-transition-delay:.3s;-o-transition-delay:.3s;-webkit-transform:scale(.1) rotate3d(0,-1,0 ,-180deg);-moz-transform:scale(.1) rotate3d(0,-1,0 ,-180deg);-ms-transform:scale(.1) rotate3d(0,-1,0 ,-180deg);transform:scale(.1) rotate3d(0,-1,0 ,-180deg);-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-ms-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;transform-origin:center}.head,body,html{background:#FFF}#airbox .popup-page.open .popup-inner{opacity:1;visibility1:visible;-webkit-transform:scale(1) rotate3d(0,-1,0 ,0deg);-moz-transform:scale(1) rotate3d(0,-1,0 ,0deg);-ms-transform:scale(1) rotate3d(0,-1,0 ,0deg);transform:scale(1) rotate3d(0,-1,0 ,0deg)}@font-face{font-family:"Myriad Pro";font-style:normal;font-weight:200;src:url(parameter/myriadpro-light.woff) format("woff"),url(parameter/myriadpro-light.ttf) format("truetype")}*{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}body,html{position:relative;z-index:3;width:100%;font-family:"Myriad Pro",helvetica,arial,"Microsoft Yahei",sans-serif;overflow-x:hidden;margin:0!important;padding:0!important}.clear{clear:both;width:0;height:0}.clearfix{zoom:1}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.hold{display:block;width:100%}#hideScore,#sharePic{position:absolute;left:0;top:0;z-index:-9999;width:0;height:0}.head{position:fixed;left:0;top:0;z-index:998;width:100%;margin-bottom:3px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);-ms-box-shadow:0 1px 3px rgba(0,0,0,.1);-o-box-shadow:0 1px 3px rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.1)}.head .headC{height:50px;margin:0 auto}.head .headC .pc_logo{position:relative;z-index:2;float:left;display:block;margin-top:15px}.head .headC .pc_logo img{display:block;width:auto;height:20px}.head .headC .pc_logo .logoTxt{position:absolute;left:0;top:0;z-index:-1;display:block;width:0;height:0}.head .headC .pc_logo .btmIco{position:absolute;left:50%;top:6px;z-index:3;display:block;width:14px;padding:10px;margin:0 0 0 -16px}.head .headC .pc_logo .btmIco img{display:block;width:14px;height:auto;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.head .headC .pc_logo .btmIcoAc img{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.head .headC .phoneHeadTop{width:100%;background:#008cd6}.head .headC .phoneHeadTop .inset{padding:8px 15px 13px}.head .headC .phoneHeadTop .inset .logo{float:left;height:20px}.head .headC .phoneHeadTop .inset .menuBtn{float:right;display:block;height:20px}.head .headC .phoneHeadTop .inset img{display:inline-block;width:auto;height:20px}.head .headC .menu{float:right}.head .headC .menu li{float:left;margin-left:25px}.head .headC .menu li a{display:block;height:50px;line-height:50px;font-size:16px;color:#000;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-ms-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}.head .headC .menu li a .icos{float:left;display:block;width:20px;height:20px;margin:15px 6px 0 0;background:url(../img/head/menuico.png) no-repeat;background-image:-webkit-image-set(url(../img/vivo-products-ico.png) 1x,url(../img/vivo-products-ico-x2.png) 2x)}.head .headC .menu li a .ico1{background-position:0 0}.head .headC .menu li a .ico2{background-position:-40px 0}.head .headC .menu li a .ico4{background-position:-20px 0}.head .headC .menu li a .ico3{background-position:-60px 0}.head .headC .menu li a .ico5{background-position:-80px 0}.head .headC .menu li a:hover{color:#008cd6}.head .headC .menu li a:hover .ico1{background-position:0 -20px}.head .headC .menu li a:hover .ico2{background-position:-40px -20px}.head .headC .menu li a:hover .ico4{background-position:-20px -20px}.head .headC .menu li a:hover .ico3{background-position:-60px -20px}.head .headC .menu li a:hover .ico5{background-position:-80px -20px}#mainPage .hold{display:block;width:100%}#mainPage .areas{position:relative;z-index:1}.mainPage .areas .areaC{position:relative;width:100%;margin:0 auto}#mainPage .areas img{height:auto}.mainPage .areas .areaC .mes .openBtn{position:absolute;display:block;white-space:nowrap;font-size:16px;padding-right:4%;line-height:1.5em;color:#FFF}#mainPage .areas .areaC .mes .openBtn .inset{display:inline-block;width:48px;height:24px;margin:0 10px;padding:3px;background-color:#48403b;vertical-align:middle;text-align:left;-webkit-transition:all .5s ease;-webkit-border-radius:18px;-moz-border-radius:18px;-ms-border-radius:18px;-o-border-radius:18px;border-radius:18px}#mainPage .areas .areaC .mes .openBtnAc .inset{background-color:#008cd6}.mainPage .areas .areaC .mes .openBtn .inset i{display:inline-block;width:24px;height:24px;background:#FFF;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}#mainPage .areas .areaC .mes .openBtnAc .inset i{margin-left:50%}.mainPage .areas{border:none!important}.mainPage .areas .areaC .mes{position:absolute}button{background:0 0;border:0;color:inherit;cursor:pointer;font:inherit;line-height:inherit;overflow:visible;vertical-align:inherit;visibility:visible}button:focus{border:none;outline:0}#mainPage .picMB{display:none!important}#mainPage .picPC{display:block!important}.btmDataArea{width:100%;background:#f7f7f7;text-align:center;font-family:"Myriad Pro","Helvetica Neue",Helvetica,Arial;display:none}.btmDataArea .btnTop{display:inline-block;padding:30px 0 40px}.btmDataArea .btnTop a{color:#008cd6;line-height:1.5em;text-align:center;font-size:16px;list-style:none}.btmDataArea .btnTop a span{list-style:none}.btmDataArea .btnTop .btnInset img{-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;transition:all linear .3s}.btmDataArea .btnTop .btnInset .bgAc{position:absolute;left:0;top:0;z-index:2;display:none;width:100%;height:100%}.btmDataArea .btnTop .btnInset .bgAc img{display:block;width:100%}.btmDataArea .btnTop .btnInset{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;position:relative;z-index:2;display:block;width:14px;height:14px;padding:10px;background:#008cd6;margin:5px auto 0;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.btmDataArea .btnTop .btnInset:hover .hold{-webkit-transform:scale(1.3) rotate(180deg);-moz-transform:scale(1.3) rotate(180deg);-ms-transform:scale(1.3) rotate(180deg);-o-transform:scale(1.3) rotate(180deg);transform:scale(1.3) rotate(180deg)}#btmDataArea .btmDataAreaAc .btnInset .bgAc{position:static;display:block}#btmDataArea .btmDataAreaAc .btnInset .hold{display:none}.btmDataArea .phoneData{background:#FFF;display:none;border-top:1px #ccc dashed}.btmDataArea .phoneData dl{width:100%;padding:0 5%;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.btmDataArea .phoneData dl dt{padding:10px 0;font-size:18px;border-bottom:1px #666 solid;font-weight:700}.btmDataArea .phoneData dl h6{font-size:12px;line-height:18px;font-weight:400;margin:0}.btmDataArea .phoneData dl dd{padding:10px 0;font-size:12px;line-height:18px;border-bottom:1px #e2e2e2 solid}.btmDataArea .phoneData dl dd span{float:left;display:block;width:40%}.btmDataArea .phoneData dl dd p{float:left;width:60%;margin-bottom:0}.return_top{position:fixed;right:15px;bottom:55px;z-index:99999;display:none;width:40px;margin-left:-20px;cursor:pointer}.return_top img{display:block;width:100%}#dataPop,.mainPage .myBanner{display:none}.return_top_box{width:100%;height:110px;background:#222;display:none}#dataPop{position:fixed;left:0;top:0;z-index:999999999;width:100%;height:100%}.head_module{width:100%;position:absolute;top:0;z-index:99999}.unvisible .stage{visibility:inherit}@media (max-width:767px){#vivo-wrap .vivo-x21-kv{padding-top:0}}@media (min-width:767px) and (max-width:1025px){.vivo-x21-kv{padding-top:0}}.stage .title{padding-top:50px}@media screen and (min-width:640px) and (max-width:1200px){#head .headC .pc_logo .btmIco,#head .headC .phoneHeadTop,#mainPage .myBanner{display:none}#head .headC .menu{margin-bottom:0}#head .headC .menu li{margin-left:20px}#head .headC .menu li a{font-size:14px}#mainPage .areas .areaC .mes dt{line-height:1.5em;font-size:30px}#mainPage .areas .areaC .mes dt span{line-height:1.4em;font-size:24px}#mainPage .areas .areaC .mes dd p{line-height:1.6em}#mainPage .areas .areaC .mes dd p.small{line-height:1.2em}#videoPop .inset{top:15%;left:5%;width:90%}#btmDataArea .btnTop{padding:20px 0 30px}}@media (min-width:768px) and (max-width:991px){#head .headC .menu{margin-right:20px}}@media (min-width:992px) and (max-width:1024px){#head .headC .menu{margin-right:20px}section.root-section button.popBtn{bottom:50px}}@media (min-width:768px){.h-hidden-xs{display:block!important}.h-visible-xs-block{display:none!important}.h-xs-block{display:inline!important}.h-sm-block{display:block!important}.pc_icon{display:block}.mb_icon{display:none}}@media (min-width:1200px){#head .headC .pc_logo .btmIco,#head .headC .phoneHeadTop{display:none}#head .headC .pc_logo{margin-left:0}#head .headC .menu{margin-right:0;margin-bottom:0}#head .headC .menu li{margin-left:25px}#head .headC .menu li a{font-size:14px}}@media screen and (max-width:767px){#head .headC .phoneHeadTop{display:none}#head .headC .pc_logo .btmIco{margin:0 0 0 -17px;display:block}#mainPage .areas .areaC .mes b{font-size:26px}#videoPop .inset{left:0;top:30%;width:100%;margin-left:0;margin-top:0}#videoPop .inset .closeBtn{right:0;top:-35px}#head{position:fixed}#head .headC{width:100%;height:auto}#head .headC .pc_logo{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;float:none;height:20px;padding:10px 15px;margin-top:0;margin-left:0;background:#FFF}#head .headC .menu{float:none;margin-right:0;margin-bottom:0}#head .headC .menu li{float:none;margin:0;padding:0;border-top:1px #ececec solid}#head .headC .menu li a{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:28px;padding:15px;line-height:28px;background:#f6f7f9}#head .headC .menu li a .icos{margin-top:4px}#mainPage .areas .areaC{width:100%}.h-hidden-xs{display:none!important}.h-visible-xs-block{display:block!important}.xing{display:none!important}.h-xs-block{display:block!important}.h-sm-block{display:inline-block!important}.position-relative-left-12{position:relative;left:-5px}.pc_icon{display:none}#mainPage .areas .areaC .mes dd span,.mb_icon{display:block}#mainPage dl{margin-bottom:0}#mainPage .areas .areaC .mes dt{font-size:30px}#mainPage .areas .areaC .mes dt span{font-size:21px}#mainPage .areas .areaC p{font-size:16px;line-height:1.7em}#mainPage .areas .areaC p.sm{font-size:12px}#mainPage .areas .areaC .mes .openBtn{font-size:18px;padding-right:0}#mainPage .areas .areaC .mes dt b{line-height:1.3em;padding-bottom:10px}#mainPage .picMB{display:block!important}#mainPage .picPC{display:none!important}#btmDataArea,#mainPage .return_top_box{display:block}#mainPage .myBanner{display:block;border-top:1px #ccc solid}#mainPage .myBanner .spWin .spBpx li img{width:100%;height:auto}#mainPage .myBanner .ctrBtns{width:30px;height:60px;margin-top:-30px}#mainPage .myBanner .btmBtn{bottom:10px}#btmDataArea{background:#FFF}#btmDataArea .btnTop{padding:20px 0 30px}.oVivo_icon_wrap .content{border-top:1px solid #D4D4D4}}