/**
 * Powered by uimix.com;
 * Vivo product project - 产品库页面开发框架;
 * Version: 3.1.9;
 * Released on: 2025-07-22;
 */
@charset "UTF-8";.visually-text{margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);position:absolute}.hide{display:none}.expandc-open{overflow-y:hidden}.expandc-open .expandc-animate{overflow-y:hidden}.expandc-complete{overflow-y:auto}.expandc-close{overflow-y:hidden}.expandc-close .expandc-animate{overflow-y:hidden}.expand-container-button{height:1px;z-index:9;position:absolute;width:100%;left:0;right:0;bottom:130px;text-align:center}@media (max-width:1440px){.expand-container-button{bottom:110px}}@media (max-width:1080px){.expand-container-button{bottom:80px}}.expand-container-button.gradient,.expand-container-button.inline{position:relative;width:auto;bottom:auto;display:inline-block;height:auto}.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%}.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:#a874e3;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 #fff solid;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}@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:#ad7ce5}.expand-container-button .ec-button-wrapper.ec-close-btn a{background-color:rgba(0,0,0,.85);color:#fff}.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line{margin:0;background-color:transparent;color:#fff;font-size:16px;border:1px #a874e3 solid;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line b{width:28px;height:28px;border:none;background-color:#a874e3;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line b:before{font-weight:700}.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line p{font-family:"方正悠黑简体 PR";color:#a874e3;-webkit-transition:color .3s ease;transition:color .3s ease;font-size:20px}@media (max-width:1440px){.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line p{font-size:18px}}@media (max-width:1080px){.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line p{font-size:16px}}.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line:hover{border-color:#8d4ada}.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line:hover b{background-color:#8d4ada}.expand-container-button.inline .ec-button-wrapper.ec-open-btn a.line:hover p{color:#8d4ada}.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line{margin:0;background-image:-webkit-gradient(linear,left top,right top,from(#95e2f8),to(#a874e3));background-image:-webkit-linear-gradient(left,#95e2f8 0,#a874e3 100%);background-image:linear-gradient(90deg,#95e2f8 0,#a874e3 100%);color:#fff;font-size:16px;border:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box}.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line:before{content:'';position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;z-index:1;top:1px;left:1px;right:1px;bottom:1px;border-radius:50px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line b{display:none;width:28px;height:28px;border:none;background-color:#a874e3;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line b:before{font-weight:700}.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line p{position:relative;z-index:2;font-family:"方正悠黑简体 PR";color:#000;-webkit-transition:color .3s ease;transition:color .3s ease;font-size:18px}@media (min-width:1921px){.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line p{font-size:20px}}@media (max-width:1080px){.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line p{font-size:16px}}.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line .active:before,.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line:hover:before{opacity:0}.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line .active p,.expand-container-button.gradient .ec-button-wrapper.ec-open-btn a.line:hover p{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-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-complete .expandc-animate .product-main-wrapper .product-main-content{display:none}.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]{display:none}.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)}.visually-text{margin:-1px;padding:0;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);position:absolute}.hide{display:none}.topNavMaxScreen.J_detail_navi{background-color:#fff}body #vivo-foot-path,body footer{background-color:#f7f7f7}.lazy-imageom{background-image:none!important}.lazy-imageom:after,.lazy-imageom:before{background-image:none!important}.lazy-imageom-ready{opacity:0;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.lazy-imageom-animated{opacity:1}.stage .text-center{text-align:center}.stage a.line-link{display:inline-block;font-size:14px;line-height:1.2em;padding-bottom:8px;position:relative;color:#415fff;margin:auto 2em;overflow:hidden}.stage a.line-link:after{content:'';left:50%;bottom:0;margin-left:-5px;position:absolute;overflow:hidden;height:1px;width:10px;background-color:#415fff;-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)}#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:#fff}#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%}@media (max-width:720px){#pd-fly-layer .pd-fly-showbox{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}#pd-fly-layer .pd-fly-showbox .pd-fly-close{width:80px;height:80px;line-height:50px;text-align:center;overflow:hidden;position:fixed;right:10px;top:5px;font-weight:100;z-index:9;color:rgba(255,255,255,.8);font-size:40px;background-image:url(../images/close_hover.svg);background-repeat:no-repeat;background-position:center}@media (max-width:1180px){#pd-fly-layer .pd-fly-showbox .pd-fly-close{text-align:center;left:90%;top:10px}}@media (max-width:720px){#pd-fly-layer .pd-fly-showbox .pd-fly-close{right:20px;top:80px;font-size:30px;left:80%}#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 b:before{content:''}#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;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#pd-fly-layer .pd-fly-showbox .pd-fly-content video{width:100%!important;height:auto!important}.umx-stage{position:relative;overflow:hidden}.umx-stage .umx-section{position:relative;width:100%;padding-top:160px;z-index:2}@media (min-width:1921px){.umx-stage .umx-section{padding-top:200px}}@media (max-width:1000px){.umx-stage .umx-section{padding-top:48px}}.umx-stage .umx-section .umx-title{text-align:left;margin:0 auto;width:1000px}@media (min-width:1921px){.umx-stage .umx-section .umx-title{width:1200px}}@media (max-width:1440px){.umx-stage .umx-section .umx-title{width:800px}}@media (max-width:1000px){.umx-stage .umx-section .umx-title{width:auto;text-align:left}}.umx-stage .umx-section .umx-title .umx-main-title,.umx-stage .umx-section .umx-title .umx-vice-title{line-height:1.3;-webkit-font-smoothing:antialiased;font-family:HanyiVar-vivo-hwid-70;font-weight:400}@media (max-width:1000px){.umx-stage .umx-section .umx-title .umx-main-title,.umx-stage .umx-section .umx-title .umx-vice-title{width:auto;letter-spacing:.5px;padding-left:24px;padding-right:24px}}.umx-stage .umx-section .umx-title .umx-main-title sup,.umx-stage .umx-section .umx-title .umx-vice-title sup{position:relative;top:-10px;font-size:32px}@media (max-width:1440px){.umx-stage .umx-section .umx-title .umx-main-title sup,.umx-stage .umx-section .umx-title .umx-vice-title sup{top:-6px;font-size:18px}}@media (max-width:1000px){.umx-stage .umx-section .umx-title .umx-main-title sup,.umx-stage .umx-section .umx-title .umx-vice-title sup{font-size:12px}}.umx-stage .umx-section .umx-title .umx-main-title sup:hover a,.umx-stage .umx-section .umx-title .umx-vice-title sup:hover a{color:#415fff}.umx-stage .umx-section .umx-title .umx-intro{line-height:1.5;font-family:HanyiVar-vivo-hwid-60;-webkit-font-smoothing:antialiased;font-weight:400}@media (max-width:1000px){.umx-stage .umx-section .umx-title .umx-intro{margin-bottom:14px;padding-left:24px;padding-right:24px;width:auto}}.umx-stage .umx-section .umx-title .umx-intro sup{font-size:12px;position:relative;top:-4px}@media (max-width:1000px){.umx-stage .umx-section .umx-title .umx-intro sup{top:-2px}}.umx-stage .umx-section .umx-title .umx-intro sup:hover a{color:#415fff}.umx-stage .umx-section .umx-title .umx-innertips{font-family:HanyiVar-vivo-hwid-60;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5;margin-top:22px;letter-spacing:.7px}@media (max-width:1440px){.umx-stage .umx-section .umx-title .umx-innertips{margin-top:16px}}@media (max-width:1000px){.umx-stage .umx-section .umx-title .umx-innertips{letter-spacing:.5px;padding-left:24px;padding-right:24px}}.umx-stage .umx-section .umx-title .umx-main-title-bigger{font-size:60px}@media (min-width:1921px){.umx-stage .umx-section .umx-title .umx-main-title-bigger{font-size:84px}}@media (max-width:1000px){.umx-stage .umx-section .umx-title .umx-main-title-bigger{font-size:40px}}.umx-stage .umx-comma::after{content:"， ";position:absolute}.umx-stage .umx-full::after{content:"。 ";position:absolute}.umx-stage .umx-mb-hide{display:block}@media (max-width:1000px){.umx-stage .umx-mb-hide{display:none}}.umx-stage .umx-mb-show{display:none}@media (max-width:1000px){.umx-stage .umx-mb-show{display:block}}.umx-stage .umx-buttonBuy{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-left:-310px;margin-top:580px}@media (min-width:1921px){.umx-stage .umx-buttonBuy{margin-left:-393px;margin-top:728px}}@media (max-width:1440px){.umx-stage .umx-buttonBuy{margin-left:-272px;margin-top:451px}}@media (max-width:1000px){.umx-stage .umx-buttonBuy{margin-left:0;margin-top:48vw}}.umx-stage .umx-buttonBuy .umx-buttonBuy-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:1000px){.umx-stage .umx-buttonBuy .umx-buttonBuy-section{width:200px}}.umx-stage .umx-buttonBuy .umx-purchase{-webkit-transition:border .3s cubic-bezier(.645,.045,.355,1);transition:border .3s cubic-bezier(.645,.045,.355,1);border:2px solid #000;border-radius:50px}.umx-stage .umx-buttonBuy .umx-purchase a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 28px}@media (min-width:1921px){.umx-stage .umx-buttonBuy .umx-purchase a{padding:24px 32px}}@media (max-width:1000px){.umx-stage .umx-buttonBuy .umx-purchase a{padding:14px}}.umx-stage .umx-buttonBuy .umx-purchase a p{font-size:16px;line-height:1;font-family:HanyiVar-vivo-hwid-60;margin-right:8px;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1)}@media (min-width:1921px){.umx-stage .umx-buttonBuy .umx-purchase a p{font-size:22px}}@media (max-width:1000px){.umx-stage .umx-buttonBuy .umx-purchase a p{font-size:12px;margin-right:4px}}.umx-stage .umx-buttonBuy .umx-purchase a svg{fill:#000;-webkit-transition:fill .3s cubic-bezier(.645,.045,.355,1);transition:fill .3s cubic-bezier(.645,.045,.355,1);width:7px;height:12px}@media (min-width:1921px){.umx-stage .umx-buttonBuy .umx-purchase a svg{width:10px;height:18px}}@media (max-width:1000px){.umx-stage .umx-buttonBuy .umx-purchase a svg{width:6px;height:10px}}.umx-stage .umx-buttonBuy .umx-purchase:hover{border:2px solid #415fff}.umx-stage .umx-buttonBuy .umx-purchase:hover a p{color:#415fff}.umx-stage .umx-buttonBuy .umx-purchase:hover a svg{fill:#415fff}.umx-stage .umx-buttonBuy .umx-purchase:active{background:rgba(65,95,255,.3);border:2px solid #415fff}.umx-stage .umx-buttonBuy .umx-purchase:active a p{color:#415fff}.umx-stage .umx-buttonBuy .umx-purchase:active a svg{fill:#415fff}.umx-stage .umx-buttonBuy .umx-purchase:last-child{margin-left:24px}@media (max-width:1000px){.umx-stage .umx-buttonBuy .umx-purchase:last-child{margin-left:12px}}.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase{border:2px solid #fff}.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase a svg{fill:#fff}.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase a p{color:#fff}.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase:hover{border:2px solid #415fff}.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase:hover a p{color:#415fff}.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase:hover a svg{fill:#415fff}.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase:active{background:rgba(65,95,255,.3);border:2px solid #415fff}.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase:active a p{color:#415fff}.umx-stage .umx-buttonBuy .umx-dark-mode .umx-purchase:active a svg{fill:#415fff}.umx-stage .umx-productBuy{display:inline-block;margin-top:26px;margin-bottom:26px;position:relative;width:100%}@media (max-width:1000px){.umx-stage .umx-productBuy{padding-left:24px}}.umx-stage .umx-productBuy .umx-productBuy-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:1000px){.umx-stage .umx-productBuy .umx-productBuy-box{-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}}.umx-stage .umx-productBuy .umx-productBuy-box a{-webkit-font-smoothing:antialiased;position:relative;will-change:transform;-webkit-transition:border .3s cubic-bezier(.645,.045,.355,1);transition:border .3s cubic-bezier(.645,.045,.355,1);display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:2px solid rgba(65,95,255,0)}.umx-stage .umx-productBuy .umx-productBuy-box a p{-webkit-font-smoothing:antialiased;font-size:20px;line-height:20px;margin-bottom:1px;font-family:HanyiVar-vivo-hwid-60;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}@media (max-width:1000px){.umx-stage .umx-productBuy .umx-productBuy-box a p{font-size:16px;line-height:16px}}.umx-stage .umx-productBuy .umx-productBuy-box a::after{content:'';display:inline-block;position:absolute;width:10px;height:10px;right:-12px;border-width:0 2px 2px 0;-webkit-box-sizing:border-box;box-sizing:border-box;top:5px;border-style:solid;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);vertical-align:middle;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}@media (max-width:1000px){.umx-stage .umx-productBuy .umx-productBuy-box a::after{width:8px;height:8px;right:-10px;top:auto;margin-top:-13px;border-width:0 2px 2px 0}}.umx-stage .umx-productBuy .umx-productBuy-box a::before{content:'';position:absolute;left:0;right:0;top:21px;height:2px;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.umx-stage .umx-productBuy .umx-productBuy-box a:hover::after{color:#415fff}.umx-stage .umx-productBuy .umx-productBuy-box a:hover::before{background:#415fff}.umx-stage .umx-productBuy .umx-productBuy-box a:hover p{color:#415fff}.umx-stage .umx-productBuy.umx-productBuy-dark{color:#fff}.umx-stage.umx-stage-tips{background-color:#fff;padding:50px 0}@media (max-width:1080px){.umx-stage.umx-stage-tips{padding:25px 0}}.umx-stage.umx-stage-tips .umx-tip-content{margin:auto;color:#fff;width:1000px}@media (min-width:1921px){.umx-stage.umx-stage-tips .umx-tip-content{width:1200px}}@media (max-width:1440px){.umx-stage.umx-stage-tips .umx-tip-content{width:1000px}}@media (max-width:1080px){.umx-stage.umx-stage-tips .umx-tip-content{width:auto}}@media (max-width:720px){.umx-stage.umx-stage-tips .umx-tip-content{width:auto}}.umx-stage.umx-stage-tips .umx-tip-content h4{font-family:HanyiVar-vivo-hwid-75;padding-bottom:15px;font-weight:700}@media (max-width:1000px){.umx-stage.umx-stage-tips .umx-tip-content h4{margin:0 24px}}@media (max-width:1000px){.umx-stage.umx-stage-tips .umx-tip-content h4{margin:0 24px}}.umx-stage.umx-stage-tips .umx-tip-content li{font-family:HanyiVar-vivo-hwid-65;line-height:26px;text-align:left;color:rgba(134,134,139,.8);list-style:decimal;margin-left:25px;font-size:14px}@media (max-width:1000px){.umx-stage.umx-stage-tips .umx-tip-content li{line-height:20px;font-size:12px;margin:0 24px}}@media (max-width:720px){.umx-stage.umx-stage-tips .umx-tip-content li{margin-left:24px}}@media (max-width:1000px){.umx-stage.umx-stage-tips .umx-tip-content ul{padding-bottom:60px;margin:0 24px}}.umx-stage.umx-stage-tips.umx-drak-mode{background-color:#000}.umx-stage.umx-stage-tips.umx-drak-mode h4{color:#fff}.umx-stage.umx-stage-tips.umx-drak-mode ul li{color:rgba(134,134,139,.8)}.umx-stage .umx-data-items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width:1000px){.umx-stage .umx-data-items{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-left:24px;padding-right:24px}}.umx-stage .umx-data-items li{-webkit-font-smoothing:antialiased}.umx-stage .umx-data-items li strong{-webkit-font-smoothing:antialiased;font-family:HanyiVar-vivo-hwid-65;font-weight:400;line-height:1.5;margin:6px 0 5px 0;position:relative;display:block}@media (max-width:1000px){.umx-stage .umx-data-items li strong{margin:6px 0 0 0}}.umx-stage .umx-data-items li strong span{-webkit-font-smoothing:antialiased;font-family:HanyiVar-vivo-hwid-55}.umx-stage .umx-data-items li p{-webkit-font-smoothing:antialiased;font-family:HanyiVar-vivo-hwid-55;font-weight:400;line-height:1.5}.umx-stage .umx-data-items li:last-child{margin-right:0;margin-bottom:0}.umx-stage .umx-popup-bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background-color:rgba(0,0,0,.8)}.umx-stage .umx-popup-scroll{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;overflow:auto}.umx-stage.active .umx-popup-bg,.umx-stage.active .umx-popup-scroll{display:block}.umx-stage .umx-popup-container{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-radius:10px;margin-top:120px;margin-bottom:120px;background:#151515}.umx-stage .umx-popup-container .svg-box{position:absolute;height:100%;overflow:inherit;top:66px;right:60px;z-index:10}@media (max-width:1440px){.umx-stage .umx-popup-container .svg-box{top:50px;right:30px}}@media (max-width:1000px){.umx-stage .umx-popup-container .svg-box{top:26px;right:36px}}.umx-stage .umx-popup-container .svg-box svg{position:-webkit-sticky;position:sticky;z-index:10;top:70px;width:50px;height:36px;cursor:pointer}@media (min-width:1921px){.umx-stage .umx-popup-container .svg-box svg{width:40px;height:40px}}@media (max-width:1440px){.umx-stage .umx-popup-container .svg-box svg{width:38px;height:27px}}@media (max-width:1000px){.umx-stage .umx-popup-container .svg-box svg{width:36px;height:25px}}.umx-stage .umx-open-popup{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);cursor:pointer;margin-top:20px;font-size:16px;border:2px solid #fff;color:#fff;border-radius:50px;padding:8px 18px 8px 18px;font-family:HYQH-55S;font-weight:400;-webkit-transition:border .5s ease,color .5s ease;transition:border .5s ease,color .5s ease;z-index:998}@media (max-width:1000px){.umx-stage .umx-open-popup{font-size:16px}}.umx-stage .umx-open-popup:hover{-webkit-transition:border .5s ease,color .5s ease;transition:border .5s ease,color .5s ease;border:2px solid #415fff;color:#415fff}._tween{-webkit-transform:translate3d(0,50px,0);transform:translate3d(0,50px,0);opacity:0}.lt9 ._tween{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}.start ._tween{will-change:transform;-webkit-transition:opacity .5s cubic-bezier(.645,.045,.355,1),-webkit-transform 1s cubic-bezier(.645,.045,.355,1);transition:opacity .5s cubic-bezier(.645,.045,.355,1),-webkit-transform 1s cubic-bezier(.645,.045,.355,1);transition:transform 1s cubic-bezier(.645,.045,.355,1),opacity .5s cubic-bezier(.645,.045,.355,1);transition:transform 1s cubic-bezier(.645,.045,.355,1),opacity .5s cubic-bezier(.645,.045,.355,1),-webkit-transform 1s cubic-bezier(.645,.045,.355,1);opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}.start ._tween._tween_1{-webkit-transition-delay:.1s;transition-delay:.1s}.start ._tween._tween_2{-webkit-transition-delay:.2s;transition-delay:.2s}.start ._tween._tween_3{-webkit-transition-delay:.3s;transition-delay:.3s}.start ._tween._tween_4{-webkit-transition-delay:.4s;transition-delay:.4s}.start ._tween._tween_5{-webkit-transition-delay:.5s;transition-delay:.5s}.start ._tween._tween_6{-webkit-transition-delay:.6s;transition-delay:.6s}.start ._tween._tween_7{-webkit-transition-delay:.7s;transition-delay:.7s}.start ._tween._tween_8{-webkit-transition-delay:.8s;transition-delay:.8s}.start ._tween._tween_9{-webkit-transition-delay:.9s;transition-delay:.9s}.start ._tween._tween_10{-webkit-transition-delay:1s;transition-delay:1s}.stage-showcase .stage-sc-figure .SC-accessories-a{background-image:url(../images/vp-parts-img1.jpg);background-size:456px 304px;width:456px;height:304px;left:50%;margin-left:-228px;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){.stage-showcase .stage-sc-figure .SC-accessories-a{background-image:url(../images/vp-parts-img1-x2.jpg)}}.webp .stage-showcase .stage-sc-figure .SC-accessories-a{background-image:url(../images/vp-parts-img1.jpg.webp)}@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){.webp .stage-showcase .stage-sc-figure .SC-accessories-a{background-image:url(../images/vp-parts-img1-x2.jpg.webp)}}@media (min-width:1921px){.stage-showcase .stage-sc-figure .SC-accessories-a{background-image:url(../images/vp-parts-img1-lg.jpg);background-size:600px 400px;width:600px;height:400px;margin-left:-300px}}@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){.stage-showcase .stage-sc-figure .SC-accessories-a{background-image:url(../images/vp-parts-img1-lg-x2.jpg)}}@media (min-width:1921px){.webp .stage-showcase .stage-sc-figure .SC-accessories-a{background-image:url(../images/vp-parts-img1-lg.jpg.webp)}}@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){.webp .stage-showcase .stage-sc-figure .SC-accessories-a{background-image:url(../images/vp-parts-img1-lg-x2.jpg.webp)}}@media (max-width:720px){.stage-showcase .stage-sc-figure .SC-accessories-a{background-image:url(../images/vp-parts-img1-mb.jpg);background-size:250px 175px;background-position:center;background-repeat:no-repeat;width:250px;height:175px;left:50%;margin-left:-125px;margin-left:-125px!important}}@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){.stage-showcase .stage-sc-figure .SC-accessories-a{background-image:url(../images/vp-parts-img1-mb-x2.jpg)}}.stage-showcase .stage-sc-figure .SC-phone-a{background-image:url(../images/vp-products-img1.png);background-size:304px 228px;width:304px;height:228px;left:50%;margin-left:-152px;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){.stage-showcase .stage-sc-figure .SC-phone-a{background-image:url(../images/vp-products-img1-x2.png)}}.webp .stage-showcase .stage-sc-figure .SC-phone-a{background-image:url(../images/vp-products-img1.png.webp)}@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){.webp .stage-showcase .stage-sc-figure .SC-phone-a{background-image:url(../images/vp-products-img1-x2.png.webp)}}@media (min-width:1921px){.stage-showcase .stage-sc-figure .SC-phone-a{background-image:url(../images/vp-products-img1-lg.png);background-size:400px 300px;width:400px;height:300px;margin-left:-200px}}@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){.stage-showcase .stage-sc-figure .SC-phone-a{background-image:url(../images/vp-products-img1-lg-x2.png)}}@media (min-width:1921px){.webp .stage-showcase .stage-sc-figure .SC-phone-a{background-image:url(../images/vp-products-img1-lg.png.webp)}}@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){.webp .stage-showcase .stage-sc-figure .SC-phone-a{background-image:url(../images/vp-products-img1-lg-x2.png.webp)}}@media (max-width:720px){.stage-showcase .stage-sc-figure .SC-phone-a{background-image:url(../images/vp-products-img1.png);background-size:200px 150px;background-position:center;background-repeat:no-repeat;width:200px;height:150px;left:50%;margin-left:-100px;margin-left:-100px!important}}@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){.stage-showcase .stage-sc-figure .SC-phone-a{background-image:url(../images/vp-products-img1-x2.png)}}.stage-showcase .stage-sc-figure .SC-phone-b{background-image:url(../images/vp-products-img2.png);background-size:304px 228px;width:304px;height:228px;left:50%;margin-left:-152px;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){.stage-showcase .stage-sc-figure .SC-phone-b{background-image:url(../images/vp-products-img2-x2.png)}}.webp .stage-showcase .stage-sc-figure .SC-phone-b{background-image:url(../images/vp-products-img2.png.webp)}@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){.webp .stage-showcase .stage-sc-figure .SC-phone-b{background-image:url(../images/vp-products-img2-x2.png.webp)}}@media (min-width:1921px){.stage-showcase .stage-sc-figure .SC-phone-b{background-image:url(../images/vp-products-img2-lg.png);background-size:400px 300px;width:400px;height:300px;margin-left:-200px}}@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){.stage-showcase .stage-sc-figure .SC-phone-b{background-image:url(../images/vp-products-img2-lg-x2.png)}}@media (min-width:1921px){.webp .stage-showcase .stage-sc-figure .SC-phone-b{background-image:url(../images/vp-products-img2-lg.png.webp)}}@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){.webp .stage-showcase .stage-sc-figure .SC-phone-b{background-image:url(../images/vp-products-img2-lg-x2.png.webp)}}@media (max-width:720px){.stage-showcase .stage-sc-figure .SC-phone-b{background-image:url(../images/vp-products-img2.png);background-size:200px 150px;background-position:center;background-repeat:no-repeat;width:200px;height:150px;left:50%;margin-left:-100px;margin-left:-100px!important}}@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){.stage-showcase .stage-sc-figure .SC-phone-b{background-image:url(../images/vp-products-img2-x2.png)}}.stage-showcase .stage-sc-figure .SC-protection-a{background-image:url(../images/vp-broken-img1.png);background-size:228px 319px;width:228px;height:319px;left:50%;margin-left:-114px;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){.stage-showcase .stage-sc-figure .SC-protection-a{background-image:url(../images/vp-broken-img1-x2.png)}}.webp .stage-showcase .stage-sc-figure .SC-protection-a{background-image:url(../images/vp-broken-img1.png.webp)}@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){.webp .stage-showcase .stage-sc-figure .SC-protection-a{background-image:url(../images/vp-broken-img1-x2.png.webp)}}@media (min-width:1921px){.stage-showcase .stage-sc-figure .SC-protection-a{background-image:url(../images/vp-broken-img1-lg.png);background-size:300px 420px;width:300px;height:420px;margin-left:-150px}}@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){.stage-showcase .stage-sc-figure .SC-protection-a{background-image:url(../images/vp-broken-img1-lg-x2.png)}}@media (min-width:1921px){.webp .stage-showcase .stage-sc-figure .SC-protection-a{background-image:url(../images/vp-broken-img1-lg.png.webp)}}@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){.webp .stage-showcase .stage-sc-figure .SC-protection-a{background-image:url(../images/vp-broken-img1-lg-x2.png.webp)}}@media (max-width:720px){.stage-showcase .stage-sc-figure .SC-protection-a{background-image:url(../images/vp-broken-img1.png);background-size:150px 210px;background-position:center;background-repeat:no-repeat;width:150px;height:210px;left:50%;margin-left:-75px;margin-left:-75px!important}}@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){.stage-showcase .stage-sc-figure .SC-protection-a{background-image:url(../images/vp-broken-img1-x2.png)}}.product-main-content{background-color:#fff}#pd-fly-layer{background-color:#000}#pd-fly-layer i{background-color:#000}body{overflow:inherit}html{overflow:inherit}html.limit-fly{overflow-y:hidden}footer{overflow-x:hidden}@media (max-width:1199px){.vp-head-wap .vp-head-wrap-wap{width:100%}}.vp-head-wap .vp-head-mainbar-pc{position:absolute;background-color:#fff;width:100%}#vivo-product-wrap{overflow:inherit}#vivo-wrap{position:relative;width:100%;overflow:inherit}.umx-stage_sticky{overflow:inherit}.umx-stickyBox{width:100%;height:100vh;position:-webkit-sticky;position:sticky;overflow:hidden;top:0}@media (max-width:1000px){.umx-stickyBox{overflow-x:hidden}}body,html{min-width:320px}figure,picture{outline:0;padding:0;margin:0}@media (max-width:1080px){#vivo-head-wrap .gb-vivo-head .gb-nav-tool,#vivo-head-wrap .v_h_search{overflow:hidden}}.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){.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){.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){.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%}}@media (max-width:720px){.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{position:fixed;background-color:rgba(0,0,0,.85)}.J_detail_navi_img{background-image:url(../images/vivopd-logo.png);background-repeat:no-repeat;background-position:center left!important;background-size:auto 80%}@media (max-width:720px){.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(../images/vivopd-logo-x2.png)}}.topNavMaxScreen .topNavBox .phoneName{min-width:125px!important}a,button,img{outline:0;border:none;text-decoration:none;-webkit-tap-highlight-color:transparent}#vivo-product-wrap{font-size:14px;text-align:left;position:relative;width:100%;z-index:1}.umx-stage{font-family:HanyiVar-vivo-hwid-60}.umx-stage .umx-section{padding-top:140px}@media (min-width:1921px){.umx-stage .umx-section{padding-top:160px}}@media (max-width:1000px){.umx-stage .umx-section{padding-top:60px}}.umx-stage .umx-section .umx-title .umx-vice-title{color:#000;font-size:32px;margin-bottom:10px;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:HanyiVar-vivo-hwid-60}@media (max-width:1440px){.umx-stage .umx-section .umx-title .umx-vice-title{font-size:26px}}@media (max-width:1000px){.umx-stage .umx-section .umx-title .umx-vice-title{font-size:24px}}.umx-stage .umx-section .umx-title .umx-main-title{font-family:HanyiVar-vivo-hwid-60;font-size:64px;margin-bottom:16px;color:#1d1d1f;-webkit-box-sizing:border-box;box-sizing:border-box}@media (max-width:1440px){.umx-stage .umx-section .umx-title .umx-main-title{font-size:42px;margin-bottom:10px}}@media (max-width:1000px){.umx-stage .umx-section .umx-title .umx-main-title{font-size:32px;margin-bottom:12px}}.umx-stage .umx-section .umx-title .umx-intro{-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0,0,0,.7);font-size:20px}@media (min-width:1921px){.umx-stage .umx-section .umx-title .umx-intro{font-size:20px}}@media (max-width:1440px){.umx-stage .umx-section .umx-title .umx-intro{font-size:16px}}@media (max-width:1000px){.umx-stage .umx-section .umx-title .umx-intro{font-size:15px}}.umx-stage .umx-section .umx-title .umx-innertips{color:rgba(0,0,0,.3);font-size:16px}@media (max-width:1440px){.umx-stage .umx-section .umx-title .umx-innertips{font-size:14px}}@media (max-width:1000px){.umx-stage .umx-section .umx-title .umx-innertips{font-size:11px}}.umx-stage .umx-data-items{margin-top:40px}@media (min-width:1921px){.umx-stage .umx-data-items{margin-top:80px}}@media (max-width:1000px){.umx-stage .umx-data-items{margin-top:20px}}.umx-stage .umx-data-items li{margin-bottom:24px}@media (max-width:1000px){.umx-stage .umx-data-items li{width:50%;margin-bottom:20px}}.umx-stage .umx-data-items li strong{font-size:56px;font-family:HanyiVar-vivo-hwid-60;line-height:1.2}@media (max-width:1440px){.umx-stage .umx-data-items li strong{font-size:16px}}@media (max-width:1000px){.umx-stage .umx-data-items li strong{font-size:28px}}.umx-stage .umx-data-items li strong sup{position:absolute;font-size:12px}@media (max-width:1440px){.umx-stage .umx-data-items li strong sup{font-size:10px}}.umx-stage .umx-data-items li p{color:rgba(0,0,0,.6);font-size:18px;font-family:HanyiVar-vivo-hwid-60}@media (max-width:1440px){.umx-stage .umx-data-items li p{font-size:16px}}@media (max-width:1000px){.umx-stage .umx-data-items li p{font-size:16px}}.umx-stage .umx-data-items li p sup{font-size:12px;position:relative}@media (max-width:1000px){.umx-stage .umx-data-items li p sup{font-size:10px}}.umx-stage .umx-data-items li:last-child{margin-right:0;margin-bottom:0}.umx-stage .umx-popup-container{width:1000px}@media (max-width:1440px){.umx-stage .umx-popup-container{width:637px}}@media (max-width:1000px){.umx-stage .umx-popup-container{width:100vw}}.umx-stage .umx-popup-section{position:relative;width:100%;height:1500px;background-color:#bc8f8f}.umx-dark-mode{background:#000}.umx-dark-mode .umx-section .umx-title .umx-main-title{color:#fff}.umx-dark-mode .umx-section .umx-title .umx-vice-title{color:#fff}.umx-dark-mode .umx-section .umx-title .umx-intro{color:rgba(255,255,255,.6)}.umx-dark-mode .umx-section .umx-title .umx-data-items ul li strong{color:#fff}.umx-dark-mode .umx-section .umx-title .umx-data-items ul li p{color:rgba(255,255,255,.6)}.umx-stage.umx-stage-tips.umx-drak-mode{background-color:#fff}.umx-stage.umx-stage-tips.umx-drak-mode ul li{color:#86868b}.xnote-kv{overflow:hidden;position:relative}.xnote-kv .umx-figure-box{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1920px;height:960px}@media (min-width:1921px){.xnote-kv .umx-figure-box{width:2560px;height:1300px}}@media (max-width:1440px){.xnote-kv .umx-figure-box{width:1440px;height:700px}}@media (max-width:1000px){.xnote-kv .umx-figure-box{width:100vw;height:174.93333vw}}.xnote-kv .umx-figure-box .umx-figure figure{position:absolute}.xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-lg.jpg);background-size:1920px 960px;background-position:center;background-repeat:no-repeat;width:1920px;height:960px;left:50%;margin-left:-960px}@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){.xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-lg-x2.jpg)}}.webp .xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-lg.jpg.webp)}@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){.webp .xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-xl.jpg);background-size:2560px 1300px;background-position:center;background-repeat:no-repeat;width:2560px;height:1300px;left:50%;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){.xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-xl.jpg.webp)}}@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){.webp .xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-md.jpg);background-size:1440px 700px;background-position:center;background-repeat:no-repeat;width:1440px;height:700px;left:50%;margin-left:-720px}}@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){.xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-md.jpg.webp)}}@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){.webp .xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-mb.jpg);background-size:375px 667px;background-position:center;background-repeat:no-repeat;width:375px;height:667px;left:50%;margin-left:-187px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-kv-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-kv .umx-figure-box .umx-figure figure.umx-f1{background-size:100vw 177.86667vw;width:100vw;height:177.86667vw;margin-left:0;left:0}}.xnote-mirrorvideo{position:relative}.xnote-mirrorvideo .umx-figure-box{position:relative;width:100vw;height:56.25vw;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:1000px){.xnote-mirrorvideo .umx-figure-box{width:100vw;height:177.86667vw}}.xnote-mirrorvideo .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-mirrorvideo .umx-figure-box .umx-figure .umx-mirrorvideo-video-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%}@media (max-width:1000px){.xnote-mirrorvideo .umx-figure-box .umx-figure .umx-mirrorvideo-video-box{display:none}}.xnote-mirrorvideo .umx-figure-box .umx-figure .umx-mirrorvideo-video-box video{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ie .xnote-mirrorvideo .umx-figure-box .umx-figure .umx-mirrorvideo-video-box video{height:auto}.xnote-mirrorvideo .umx-figure-box .umx-figure .umx-f1{display:none}@media (max-width:1000px){.xnote-mirrorvideo .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-mirrorvideo-img1-mb.jpg);background-size:375px 667px;background-position:center;background-repeat:no-repeat;width:375px;height:667px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-mirrorvideo .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-mirrorvideo-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-mirrorvideo .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-mirrorvideo-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-mirrorvideo .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-mirrorvideo-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-mirrorvideo .umx-figure-box .umx-figure .umx-f1{background-size:100vw 177.86667vw;width:100vw;height:177.86667vw;margin-left:0;display:block}}.xnote-mirrorvideo .umx-button{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px;height:40px;display:none}@media (max-width:1000px){.xnote-mirrorvideo .umx-button{display:block}}.xnote-mirrorvideo .umx-button svg{position:absolute;cursor:pointer}.xnote-mirrorvideo .umx-button svg.umx-video-pause{opacity:0}.xnote-color-top{position:relative}.xnote-color-top .umx-section{padding:150px 0;position:relative}@media (max-width:1440px){.xnote-color-top .umx-section{padding:96px 0}}.xnote-color-top .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.xnote-color-top .umx-section .umx-title .umx-main-title{width:100%;font-size:102px;font-family:HanyiVar-vivo-hwid-70}@media (min-width:1921px){.xnote-color-top .umx-section .umx-title .umx-main-title{font-size:136px}}@media (max-width:1440px){.xnote-color-top .umx-section .umx-title .umx-main-title{font-size:76px}}@media (max-width:1000px){.xnote-color-top .umx-section .umx-title .umx-main-title{font-size:56px;margin-bottom:38px}}.xnote-color-top .umx-section .umx-title .umx-intro{color:#000;font-size:24px;font-family:HanyiVar-vivo-hwid-70}@media (min-width:1921px){.xnote-color-top .umx-section .umx-title .umx-intro{font-size:32px}}@media (max-width:1440px){.xnote-color-top .umx-section .umx-title .umx-intro{font-size:18px}}@media (max-width:1000px){.xnote-color-top .umx-section .umx-title .umx-intro{font-size:18px;margin-left:100px}}.xnote-color{position:relative;height:300vh}@media (max-width:1000px){.xnote-color{height:auto}}@media (max-width:1000px){.xnote-color .umx-stickyBox{height:auto}}@media (max-width:1000px){.xnote-color.umx-mb-hide{display:none}}.xnote-color.umx-mb-show{display:none}@media (max-width:1000px){.xnote-color.umx-mb-show{display:block}}.xnote-color .umx-f-blue{background-color:#ebf0f2;z-index:5}.xnote-color .umx-f-black{background-color:#e9e9e9;z-index:2}.xnote-color .umx-f-red{background-color:#f7efe9;z-index:4}.xnote-color .umx-f-grey{background-color:#eae6e1;z-index:3}.xnote-color .umx-figure-box{position:absolute;width:calc(100vw - 80px);height:calc(100vh - 80px);left:50%;top:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}@media (max-width:1000px){.xnote-color .umx-figure-box{width:100vw;height:176vw}}.xnote-color .umx-figure-box .umx-f{position:absolute;width:100%;height:100%;overflow:hidden}@media (max-width:1000px){.xnote-color .umx-figure-box .umx-f{opacity:0;-webkit-transition:all .3s;transition:all .3s}}.xnote-color .umx-figure-box .umx-f.umx-current{opacity:1}.xnote-color .umx-figure-box figure{position:absolute;margin-top:240px}@media (max-width:1440px){.xnote-color .umx-figure-box figure{margin-top:160px}}@media (max-width:1000px){.xnote-color .umx-figure-box figure{margin-top:50px}}.xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-lg.jpg);background-size:724px 1578px;background-position:center;background-repeat:no-repeat;width:724px;height:1578px;left:50%;margin-left:-362px}@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){.xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-lg-x2.jpg)}}.webp .xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-lg.jpg.webp)}@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){.webp .xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-xl.jpg);background-size:965px 2104px;background-position:center;background-repeat:no-repeat;width:965px;height:2104px;left:50%;margin-left:-482px}}@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){.xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-xl.jpg.webp)}}@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){.webp .xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-md.jpg);background-size:543px 1184px;background-position:center;background-repeat:no-repeat;width:543px;height:1184px;left:50%;margin-left:-271px}}@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){.xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-md.jpg.webp)}}@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){.webp .xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-mb.jpg);background-size:201px 437px;background-position:center;background-repeat:no-repeat;width:201px;height:437px;left:50%;margin-left:-100px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-color .umx-figure-box figure.umx-f1{background-image:url(../images/xnote-color-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-color .umx-figure-box figure.umx-f1{background-size:53.6vw 116.53333vw;width:53.6vw;height:116.53333vw}}.xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-lg.jpg);background-size:724px 1578px;background-position:center;background-repeat:no-repeat;width:724px;height:1578px;left:50%;margin-left:-362px}@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){.xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-lg-x2.jpg)}}.webp .xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-lg.jpg.webp)}@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){.webp .xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-xl.jpg);background-size:965px 2104px;background-position:center;background-repeat:no-repeat;width:965px;height:2104px;left:50%;margin-left:-482px}}@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){.xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-xl.jpg.webp)}}@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){.webp .xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-md.jpg);background-size:543px 1184px;background-position:center;background-repeat:no-repeat;width:543px;height:1184px;left:50%;margin-left:-271px}}@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){.xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-md.jpg.webp)}}@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){.webp .xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-mb.jpg);background-size:201px 437px;background-position:center;background-repeat:no-repeat;width:201px;height:437px;left:50%;margin-left:-100px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-color .umx-figure-box figure.umx-f2{background-image:url(../images/xnote-color-img2-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-color .umx-figure-box figure.umx-f2{background-size:53.6vw 116.53333vw;width:53.6vw;height:116.53333vw}}.xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-lg.jpg);background-size:724px 1578px;background-position:center;background-repeat:no-repeat;width:724px;height:1578px;left:50%;margin-left:-362px}@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){.xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-lg-x2.jpg)}}.webp .xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-lg.jpg.webp)}@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){.webp .xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-xl.jpg);background-size:965px 2104px;background-position:center;background-repeat:no-repeat;width:965px;height:2104px;left:50%;margin-left:-482px}}@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){.xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-xl.jpg.webp)}}@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){.webp .xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-md.jpg);background-size:543px 1184px;background-position:center;background-repeat:no-repeat;width:543px;height:1184px;left:50%;margin-left:-271px}}@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){.xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-md.jpg.webp)}}@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){.webp .xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-mb.jpg);background-size:201px 437px;background-position:center;background-repeat:no-repeat;width:201px;height:437px;left:50%;margin-left:-100px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-color .umx-figure-box figure.umx-f3{background-image:url(../images/xnote-color-img3-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-color .umx-figure-box figure.umx-f3{background-size:53.6vw 116.53333vw;width:53.6vw;height:116.53333vw}}.xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-lg.jpg);background-size:724px 1578px;background-position:center;background-repeat:no-repeat;width:724px;height:1578px;left:50%;margin-left:-362px}@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){.xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-lg-x2.jpg)}}.webp .xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-lg.jpg.webp)}@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){.webp .xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-xl.jpg);background-size:965px 2104px;background-position:center;background-repeat:no-repeat;width:965px;height:2104px;left:50%;margin-left:-482px}}@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){.xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-xl.jpg.webp)}}@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){.webp .xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-md.jpg);background-size:543px 1184px;background-position:center;background-repeat:no-repeat;width:543px;height:1184px;left:50%;margin-left:-271px}}@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){.xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-md.jpg.webp)}}@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){.webp .xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-mb.jpg);background-size:201px 437px;background-position:center;background-repeat:no-repeat;width:201px;height:437px;left:50%;margin-left:-100px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-color .umx-figure-box figure.umx-f4{background-image:url(../images/xnote-color-img4-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-color .umx-figure-box figure.umx-f4{background-size:53.6vw 116.53333vw;width:53.6vw;height:116.53333vw}}.xnote-color .umx-point-box{position:relative;height:100vh;top:0}@media (max-width:1000px){.xnote-color .umx-point-box{height:176vw}}.xnote-color .umx-point-box .umx-point{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:124px}@media (max-width:1440px){.xnote-color .umx-point-box .umx-point{left:102px}}@media (max-width:1024px){.xnote-color .umx-point-box .umx-point{left:50px}}@media (max-width:1000px){.xnote-color .umx-point-box .umx-point{left:50%;top:auto;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:40px}}@media (max-width:1000px){.xnote-color .umx-point-box .umx-point ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.xnote-color .umx-point-box .umx-point ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:40px}@media (max-width:1000px){.xnote-color .umx-point-box .umx-point ul li{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;margin-top:0}}.xnote-color .umx-point-box .umx-point ul li .umx-i-box{position:relative;width:28px;height:28px;background-color:#fff;border-radius:50%;margin-right:25px}@media (max-width:1000px){.xnote-color .umx-point-box .umx-point ul li .umx-i-box{margin:0 10px;opacity:.3;background-color:transparent;-webkit-transition:all .3s;transition:all .3s}}.xnote-color .umx-point-box .umx-point ul li .umx-i-box.umx-i-box1{-webkit-box-shadow:-6px -2px 13px -2px #223b5d;box-shadow:-6px -2px 13px -2px #223b5d}.xnote-color .umx-point-box .umx-point ul li .umx-i-box.umx-i-box2{-webkit-box-shadow:-6px -2px 13px -2px #5d3222;box-shadow:-6px -2px 13px -2px #5d3222}.xnote-color .umx-point-box .umx-point ul li .umx-i-box.umx-i-box3{-webkit-box-shadow:-6px -2px 13px -2px #585a5c;box-shadow:-6px -2px 13px -2px #585a5c}.xnote-color .umx-point-box .umx-point ul li .umx-i-box.umx-i-box4{-webkit-box-shadow:-6px -2px 13px -2px #4f5155;box-shadow:-6px -2px 13px -2px #4f5155}.xnote-color .umx-point-box .umx-point ul li i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:26px;height:26px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%}.xnote-color .umx-point-box .umx-point ul li i img,.xnote-color .umx-point-box .umx-point ul li i svg{width:26px;height:26px}.xnote-color .umx-point-box .umx-point ul li p{font-size:18px}@media (max-width:1000px){.xnote-color .umx-point-box .umx-point ul li p{opacity:0;margin-top:15px;-webkit-transition:opacity .3s;transition:opacity .3s}}.xnote-color .umx-point-box .umx-point ul li:nth-child(1){margin:0}.xnote-color .umx-point-box .umx-point ul li.umx-current .umx-i-box{opacity:1}.xnote-color .umx-point-box .umx-point ul li.umx-current p{opacity:1}@media (max-width:1000px){.xnote-color .umx-point-box .umx-point .umx-txt-box{position:relative;margin-top:15px;width:100%}}@media (max-width:1000px){.xnote-color .umx-point-box .umx-point .umx-txt-box p{position:absolute;width:100%;top:0;text-align:center;font-size:18px;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}}.xnote-color .umx-point-box .umx-point .umx-txt-box p:first-child{position:relative}.xnote-color .umx-point-box .umx-point .umx-txt-box p.umx-current{opacity:1}.xnote-mini{position:relative}.xnote-mini .umx-section{position:relative}.xnote-mini .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;position:relative;left:100px;width:1200px}@media (max-width:1000px){.xnote-mini .umx-section .umx-title{display:block;width:auto;left:0}}.xnote-mini .umx-section .umx-title .umx-txt-right{width:55%}@media (max-width:1000px){.xnote-mini .umx-section .umx-title .umx-txt-right{width:100%}}.xnote-mini .umx-section .umx-title .umx-main-title{width:45%;line-height:1}@media (max-width:1000px){.xnote-mini .umx-section .umx-title .umx-main-title{width:100%}}.xnote-mini .umx-section .umx-title .umx-intro{margin-bottom:0}@media (max-width:1000px){.xnote-mini .umx-section .umx-title .umx-intro{margin-bottom:15px}}.xnote-mini .umx-section .umx-title .umx-intro span{color:#000}.xnote-mini .umx-section .umx-title .umx-intro span{color:#000}.xnote-mini .umx-figure-box{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1200px;height:1306px;margin-top:100px}@media (min-width:1921px){.xnote-mini .umx-figure-box{width:1600px;height:1740px}}@media (max-width:1440px){.xnote-mini .umx-figure-box{width:900px;height:980px}}@media (max-width:1000px){.xnote-mini .umx-figure-box{width:89.33333vw;height:397.86667vw;margin-top:50px}}.xnote-mini .umx-figure-box .umx-f-box{position:absolute;width:570px}@media (min-width:1921px){.xnote-mini .umx-figure-box .umx-f-box{width:760px}}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box{width:427px}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box{width:89.33333vw}}.xnote-mini .umx-figure-box .umx-f-box .umx-txt{position:absolute;z-index:3;padding:60px 0 0 100px;-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width:1921px){.xnote-mini .umx-figure-box .umx-f-box .umx-txt{padding:80px 0 0 100px}}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box .umx-txt{padding:46px 0 0 76px}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box .umx-txt{padding:30px 0 0 34px}}.xnote-mini .umx-figure-box .umx-f-box .umx-txt .umx-p1{font-size:32px}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box .umx-txt .umx-p1{font-size:24px}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box .umx-txt .umx-p1{font-size:22px}}.xnote-mini .umx-figure-box .umx-f-box .umx-txt .umx-p1 sup{position:absolute;font-size:16px}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box .umx-txt .umx-p1 sup{font-size:12px}}.xnote-mini .umx-figure-box .umx-f-box .umx-txt .umx-p1 span{font-size:22px}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box .umx-txt .umx-p1 span{font-size:16px}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box .umx-txt .umx-p1 span{font-size:14px}}.xnote-mini .umx-figure-box .umx-f-box .umx-txt .umx-p2{font-size:18px;margin-top:18px;color:#86868b}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box .umx-txt .umx-p2{font-size:14px;margin-top:14px}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box .umx-txt .umx-p2{font-size:12px;margin-top:10px}}.xnote-mini .umx-figure-box .umx-f-box.umx-f-box1{height:292px}@media (min-width:1921px){.xnote-mini .umx-figure-box .umx-f-box.umx-f-box1{height:390px}}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box.umx-f-box1{height:219px}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box.umx-f-box1{height:45.86667vw}}.xnote-mini .umx-figure-box .umx-f-box.umx-f-box2{height:624px;right:0}@media (min-width:1921px){.xnote-mini .umx-figure-box .umx-f-box.umx-f-box2{height:832px}}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box.umx-f-box2{height:468px}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box.umx-f-box2{height:93.33333vw;top:51.2vw}}.xnote-mini .umx-figure-box .umx-f-box.umx-f-box3{height:954px;bottom:0}@media (min-width:1921px){.xnote-mini .umx-figure-box .umx-f-box.umx-f-box3{height:1270px}}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box.umx-f-box3{height:715px}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box.umx-f-box3{height:149.33333vw;bottom:98.66667vw}}.xnote-mini .umx-figure-box .umx-f-box.umx-f-box4{height:622px;bottom:0;right:0}@media (min-width:1921px){.xnote-mini .umx-figure-box .umx-f-box.umx-f-box4{height:828px}}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box.umx-f-box4{height:466px}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box.umx-f-box4{height:93.33333vw}}.xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-lg.jpg);background-size:570px 292px;background-position:center;background-repeat:no-repeat;width:570px;height:292px}@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){.xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-lg-x2.jpg)}}.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-lg.jpg.webp)}@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){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-xl.jpg);background-size:760px 390px;background-position:center;background-repeat:no-repeat;width:760px;height:390px}}@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){.xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-xl.jpg.webp)}}@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){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-md.jpg);background-size:427px 219px;background-position:center;background-repeat:no-repeat;width:427px;height:219px}}@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){.xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-md.jpg.webp)}}@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){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-mb.jpg);background-size:335px 172px;background-position:center;background-repeat:no-repeat;width:335px;height:172px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-image:url(../images/xnote-mini-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box .umx-f1{background-size:89.33333vw 45.86667vw;width:89.33333vw;height:45.86667vw;margin-left:0;left:0}}.xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-lg.jpg);background-size:570px 624px;background-position:center;background-repeat:no-repeat;width:570px;height:624px}@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){.xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-lg-x2.jpg)}}.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-lg.jpg.webp)}@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){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-xl.jpg);background-size:760px 832px;background-position:center;background-repeat:no-repeat;width:760px;height:832px}}@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){.xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-xl.jpg.webp)}}@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){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-md.jpg);background-size:427px 468px;background-position:center;background-repeat:no-repeat;width:427px;height:468px}}@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){.xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-md.jpg.webp)}}@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){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-mb.jpg);background-size:335px 350px;background-position:center;background-repeat:no-repeat;width:335px;height:350px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-image:url(../images/xnote-mini-img2-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box .umx-f2{background-size:89.33333vw 93.33333vw;width:89.33333vw;height:93.33333vw;margin-left:0;left:0}}.xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-lg.jpg);background-size:570px 954px;background-position:center;background-repeat:no-repeat;width:570px;height:954px}@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){.xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-lg-x2.jpg)}}.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-lg.jpg.webp)}@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){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-xl.jpg);background-size:760px 1270px;background-position:center;background-repeat:no-repeat;width:760px;height:1270px}}@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){.xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-xl.jpg.webp)}}@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){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-md.jpg);background-size:427px 715px;background-position:center;background-repeat:no-repeat;width:427px;height:715px}}@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){.xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-md.jpg.webp)}}@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){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-mb.jpg);background-size:335px 560px;background-position:center;background-repeat:no-repeat;width:335px;height:560px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-image:url(../images/xnote-mini-img3-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box .umx-f3{background-size:89.33333vw 149.33333vw;width:89.33333vw;height:149.33333vw;margin-left:0;left:0}}.xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-lg.jpg);background-size:570px 622px;background-position:center;background-repeat:no-repeat;width:570px;height:622px}@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){.xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-lg-x2.jpg)}}.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-lg.jpg.webp)}@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){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-xl.jpg);background-size:760px 828px;background-position:center;background-repeat:no-repeat;width:760px;height:828px}}@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){.xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-xl.jpg.webp)}}@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){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-md.jpg);background-size:427px 466px;background-position:center;background-repeat:no-repeat;width:427px;height:466px}}@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){.xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-md.jpg.webp)}}@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){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-mb.jpg);background-size:335px 350px;background-position:center;background-repeat:no-repeat;width:335px;height:350px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-image:url(../images/xnote-mini-img4-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-mini .umx-figure-box .umx-f-box .umx-f4{background-size:89.33333vw 93.33333vw;width:89.33333vw;height:93.33333vw;margin-left:0;left:0}}.xnote-screen-top{position:relative}.xnote-screen-top .umx-section{padding:150px 0;position:relative}@media (max-width:1440px){.xnote-screen-top .umx-section{padding:96px 0}}@media (max-width:1000px){.xnote-screen-top .umx-section{padding:96px 0 0}}.xnote-screen-top .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.xnote-screen-top .umx-section .umx-title .umx-main-title{width:100%;font-size:102px;font-family:HanyiVar-vivo-hwid-70}@media (min-width:1921px){.xnote-screen-top .umx-section .umx-title .umx-main-title{font-size:136px}}@media (max-width:1440px){.xnote-screen-top .umx-section .umx-title .umx-main-title{font-size:76px}}@media (max-width:1000px){.xnote-screen-top .umx-section .umx-title .umx-main-title{font-size:56px;margin-bottom:38px}}.xnote-screen-top .umx-section .umx-title .umx-intro{color:#000;font-size:24px;font-family:HanyiVar-vivo-hwid-70}@media (min-width:1921px){.xnote-screen-top .umx-section .umx-title .umx-intro{font-size:32px}}@media (max-width:1440px){.xnote-screen-top .umx-section .umx-title .umx-intro{font-size:18px}}@media (max-width:1000px){.xnote-screen-top .umx-section .umx-title .umx-intro{font-size:18px;margin-left:100px}}.xnote-screen-top .umx-section .umx-title .umx-intro sup{font-size:16px}@media (max-width:1440px){.xnote-screen-top .umx-section .umx-title .umx-intro sup{font-size:12px}}.xnote-screen{position:relative}.xnote-screen .umx-section{padding-top:0}@media (max-width:1000px){.xnote-screen .umx-section{padding-top:30px}}.xnote-screen .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:1000px){.xnote-screen .umx-section .umx-title{display:block}}.xnote-screen .umx-section .umx-title .umx-title-left{width:50%}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-title-left{width:100%}}.xnote-screen .umx-section .umx-title .umx-main-title{margin-bottom:40px}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-main-title{margin-bottom:12px}}.xnote-screen .umx-section .umx-title .umx-logo{margin-top:54px;background-image:url(../images/xnote-screen-logo-lg.jpg);background-size:323px 150px;background-position:center;background-repeat:no-repeat;width:323px;height:150px}@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){.xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-lg-x2.jpg)}}.webp .xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-lg.jpg.webp)}@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){.webp .xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-xl.jpg);background-size:430px 200px;background-position:center;background-repeat:no-repeat;width:430px;height:200px}}@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){.xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-md.jpg);background-size:242px 112px;background-position:center;background-repeat:no-repeat;width:242px;height:112px;margin-top:44px}}@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){.xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-md.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-mb.jpg);background-size:335px 154px;background-position:center;background-repeat:no-repeat;width:335px;height:154px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-section .umx-title .umx-logo{background-image:url(../images/xnote-screen-logo-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-logo{background-size:89.33333vw 41.06667vw;width:89.33333vw;height:41.06667vw;margin-left:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);position:relative;margin-top:20px}}.xnote-screen .umx-section .umx-title .umx-title-right{width:48%}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-title-right{width:100%}}.xnote-screen .umx-section .umx-title .umx-data-items{margin-top:0}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items{margin-top:50px}}.xnote-screen .umx-section .umx-title .umx-data-items ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.xnote-screen .umx-section .umx-title .umx-data-items ul li{width:46%;margin-bottom:50px}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-data-items ul li{margin-bottom:40px}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li{margin-bottom:44px}}.xnote-screen .umx-section .umx-title .umx-data-items ul li p{margin-top:20px}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-data-items ul li p{margin-top:6px;font-size:14px}}.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-lg.jpg);background-size:107px 33px;background-position:center;background-repeat:no-repeat;width:107px;height:33px}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-lg-x2.jpg)}}.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-lg.jpg.webp)}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-xl.jpg);background-size:143px 43px;background-position:center;background-repeat:no-repeat;width:143px;height:43px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-md.jpg);background-size:80px 24px;background-position:center;background-repeat:no-repeat;width:80px;height:24px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-md.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-mb.jpg);background-size:71px 22px;background-position:center;background-repeat:no-repeat;width:71px;height:22px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-image:url(../images/xnote-screen-icon1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon1{background-size:18.93333vw 5.86667vw;width:18.93333vw;height:5.86667vw;margin-left:0;left:0}}.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-lg.jpg);background-size:91px 48px;background-position:center;background-repeat:no-repeat;width:91px;height: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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-lg-x2.jpg)}}.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-lg.jpg.webp)}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-xl.jpg);background-size:122px 64px;background-position:center;background-repeat:no-repeat;width:122px;height:64px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-md.jpg);background-size:69px 36px;background-position:center;background-repeat:no-repeat;width:69px;height:36px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-md.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-mb.jpg);background-size:61px 32px;background-position:center;background-repeat:no-repeat;width:61px;height:32px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-image:url(../images/xnote-screen-icon2-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon2{background-size:16.26667vw 8.53333vw;width:16.26667vw;height:8.53333vw;margin-left:0;left:0}}.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-lg.jpg);background-size:62px 33px;background-position:center;background-repeat:no-repeat;width:62px;height:33px}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-lg-x2.jpg)}}.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-lg.jpg.webp)}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-xl.jpg);background-size:83px 44px;background-position:center;background-repeat:no-repeat;width:83px;height:44px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-md.jpg);background-size:47px 24px;background-position:center;background-repeat:no-repeat;width:47px;height:24px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-md.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-mb.jpg);background-size:80px 33px;background-position:center;background-repeat:no-repeat;width:80px;height:33px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-image:url(../images/xnote-screen-icon3-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon3{background-size:21.33333vw 8.8vw;width:21.33333vw;height:8.8vw;margin-left:0;left:0}}.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-lg.jpg);background-size:120px 51px;background-position:center;background-repeat:no-repeat;width:120px;height:51px}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-lg-x2.jpg)}}.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-lg.jpg.webp)}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-xl.jpg);background-size:160px 67px;background-position:center;background-repeat:no-repeat;width:160px;height:67px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-md.jpg);background-size:90px 38px;background-position:center;background-repeat:no-repeat;width:90px;height:38px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-md.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-mb.jpg);background-size:41px 22px;background-position:center;background-repeat:no-repeat;width:41px;height:22px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-image:url(../images/xnote-screen-icon4-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon4{background-size:10.93333vw 5.86667vw;width:10.93333vw;height:5.86667vw;margin-left:0;left:0}}.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-lg.jpg);background-size:203px 33px;background-position:center;background-repeat:no-repeat;width:203px;height:33px}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-lg-x2.jpg)}}.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-lg.jpg.webp)}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-xl.jpg);background-size:271px 43px;background-position:center;background-repeat:no-repeat;width:271px;height:43px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-md.jpg);background-size:153px 24px;background-position:center;background-repeat:no-repeat;width:153px;height:24px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-md.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-mb.jpg);background-size:137px 154px;background-position:center;background-repeat:no-repeat;width:137px;height:154px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-image:url(../images/xnote-screen-icon5-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon5{background-size:36.53333vw 5.86667vw;width:36.53333vw;height:5.86667vw;margin-left:0;left:0}}.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-lg.jpg);background-size:115px 33px;background-position:center;background-repeat:no-repeat;width:115px;height:33px}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-lg-x2.jpg)}}.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-lg.jpg.webp)}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-xl.jpg);background-size:153px 43px;background-position:center;background-repeat:no-repeat;width:153px;height:43px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-md.jpg);background-size:86px 24px;background-position:center;background-repeat:no-repeat;width:86px;height:24px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-md.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-mb.jpg);background-size:77px 22px;background-position:center;background-repeat:no-repeat;width:77px;height:22px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-image:url(../images/xnote-screen-icon6-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon6{background-size:20.53333vw 5.86667vw;width:20.53333vw;height:5.86667vw;margin-left:0;left:0}}.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-lg.jpg);background-size:166px 24px;background-position:center;background-repeat:no-repeat;width:166px;height: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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-lg-x2.jpg)}}.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-lg.jpg.webp)}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-xl.jpg);background-size:220px 31px;background-position:center;background-repeat:no-repeat;width:220px;height:31px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-md.jpg);background-size:124px 18px;background-position:center;background-repeat:no-repeat;width:124px;height:18px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-md.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-mb.jpg);background-size:111px 17px;background-position:center;background-repeat:no-repeat;width:111px;height:17px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-image:url(../images/xnote-screen-icon7-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon7{background-size:29.6vw 4.53333vw;width:29.6vw;height:4.53333vw;margin-left:0;left:0}}.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-lg.jpg);background-size:214px 24px;background-position:center;background-repeat:no-repeat;width:214px;height: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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-lg-x2.jpg)}}.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-lg.jpg.webp)}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-xl.jpg);background-size:284px 31px;background-position:center;background-repeat:no-repeat;width:284px;height:31px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-md.jpg);background-size:160px 18px;background-position:center;background-repeat:no-repeat;width:160px;height:18px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-md.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-mb.jpg);background-size:143px 17px;background-position:center;background-repeat:no-repeat;width:143px;height:17px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-image:url(../images/xnote-screen-icon8-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon8{background-size:38.13333vw 4.53333vw;width:38.13333vw;height:4.53333vw;margin-left:0;left:0}}.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-lg.jpg);background-size:286px 33px;background-position:center;background-repeat:no-repeat;width:286px;height:33px}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-lg-x2.jpg)}}.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-lg.jpg.webp)}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-xl.jpg);background-size:381px 44px;background-position:center;background-repeat:no-repeat;width:381px;height:44px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-md.jpg);background-size:215px 24px;background-position:center;background-repeat:no-repeat;width:215px;height:24px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-md.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-mb.jpg);background-size:192px 22px;background-position:center;background-repeat:no-repeat;width:192px;height:22px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-image:url(../images/xnote-screen-icon9-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon9{background-size:51.2vw 5.86667vw;width:51.2vw;height:5.86667vw;margin-left:0;left:0}}.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-lg.jpg);background-size:114px 27px;background-position:center;background-repeat:no-repeat;width:114px;height:27px}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-lg-x2.jpg)}}.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-lg.jpg.webp)}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-xl.jpg);background-size:151px 36px;background-position:center;background-repeat:no-repeat;width:151px;height:36px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-md.jpg);background-size:86px 21px;background-position:center;background-repeat:no-repeat;width:86px;height:21px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-md.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-mb.jpg);background-size:77px 19px;background-position:center;background-repeat:no-repeat;width:77px;height:19px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-image:url(../images/xnote-screen-icon10-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon10{background-size:20.53333vw 5.06667vw;width:20.53333vw;height:5.06667vw;margin-left:0;left:0}}.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-lg.jpg);background-size:168px 37px;background-position:center;background-repeat:no-repeat;width:168px;height:37px}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-lg-x2.jpg)}}.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-lg.jpg.webp)}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-xl.jpg);background-size:206px 46px;background-position:center;background-repeat:no-repeat;width:206px;height:46px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-md.jpg);background-size:122px 28px;background-position:center;background-repeat:no-repeat;width:122px;height:28px}}@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){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-md.jpg.webp)}}@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){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-mb.jpg);background-size:111px 26px;background-position:center;background-repeat:no-repeat;width:111px;height:26px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-image:url(../images/xnote-screen-icon11-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li .umx-icon11{background-size:29.6vw 6.93333vw;width:29.6vw;height:6.93333vw;margin-left:0;left:0}}.xnote-screen .umx-section .umx-title .umx-data-items ul li.umx-odd{width:50%}@media (max-width:1000px){.xnote-screen .umx-section .umx-title .umx-data-items ul li.umx-odd{width:46%}}.xnote-screen .umx-figure-box{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:803px;height:827px}@media (min-width:1921px){.xnote-screen .umx-figure-box{width:1134px;height:1158px}}@media (max-width:1440px){.xnote-screen .umx-figure-box{width:566px;height:580px}}@media (max-width:1000px){.xnote-screen .umx-figure-box{width:89.86667vw;height:92.53333vw;margin-top:60px}}.xnote-screen .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-screen .umx-figure-box .umx-figure figure{position:absolute}.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-lg.jpg);background-size:399px 827px;background-position:center;background-repeat:no-repeat;width:399px;height:827px}@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){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-lg-x2.jpg)}}.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-lg.jpg.webp)}@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){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-xl.jpg);background-size:559px 1158px;background-position:center;background-repeat:no-repeat;width:559px;height:1158px}}@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){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-md.jpg);background-size:280px 580px;background-position:center;background-repeat:no-repeat;width:280px;height:580px}}@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){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-md.jpg.webp)}}@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){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-mb.jpg);background-size:167px 347px;background-position:center;background-repeat:no-repeat;width:167px;height:347px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-image:url(../images/xnote-screen-img1_1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_1{background-size:44.53333vw 92.53333vw;width:44.53333vw;height:92.53333vw}}.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{right:0;bottom:0;background-image:url(../images/xnote-screen-img1_2-lg.jpg);background-size:354px 770px;background-position:center;background-repeat:no-repeat;width:354px;height:770px}@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){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-lg-x2.jpg)}}.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-lg.jpg.webp)}@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){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-xl.jpg);background-size:495px 1077px;background-position:center;background-repeat:no-repeat;width:495px;height:1077px}}@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){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-md.jpg);background-size:248px 540px;background-position:center;background-repeat:no-repeat;width:248px;height:540px}}@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){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-md.jpg.webp)}}@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){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-mb.jpg);background-size:148px 323px;background-position:center;background-repeat:no-repeat;width:148px;height:323px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-image:url(../images/xnote-screen-img1_2-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-figure-box .umx-figure figure.umx-f1_2{background-size:39.46667vw 86.13333vw;width:39.46667vw;height:86.13333vw}}.xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-lg.jpg);background-size:1512px 590px;background-position:center;background-repeat:no-repeat;width:1512px;height:590px}@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){.xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-lg-x2.jpg)}}.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-lg.jpg.webp)}@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){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-xl.jpg);background-size:2016px 786px;background-position:center;background-repeat:no-repeat;width:2016px;height:786px}}@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){.xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-xl.jpg.webp)}}@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){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-md.jpg);background-size:1134px 442px;background-position:center;background-repeat:no-repeat;width:1134px;height:442px}}@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){.xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-md.jpg.webp)}}@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){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-mb.jpg);background-size:365px 143px;background-position:center;background-repeat:no-repeat;width:365px;height:143px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-image:url(../images/xnote-screen-img2_1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-screen .umx-figure-box .umx-figure figure.umx-f2_1{background-size:97.33333vw 38.13333vw;width:97.33333vw;height:38.13333vw}}.xnote-screen .umx-figure-box .umx-figure figure .umx-txt{position:absolute;width:100%;text-align:center;bottom:-40px}@media (max-width:1000px){.xnote-screen .umx-figure-box .umx-figure figure .umx-txt{bottom:-30px}}.xnote-screen .umx-figure-box .umx-figure figure .umx-txt p{font-family:HanyiVar-vivo-hwid-70;font-size:18px}@media (max-width:1440px){.xnote-screen .umx-figure-box .umx-figure figure .umx-txt p{font-size:14px}}.xnote-screen .umx-figure-box.umx-figure-box2{margin-top:350px;width:1512px;height:590px}@media (min-width:1921px){.xnote-screen .umx-figure-box.umx-figure-box2{width:2016px;height:786px}}@media (max-width:1440px){.xnote-screen .umx-figure-box.umx-figure-box2{width:1134px;height:442px;margin-top:240px}}@media (max-width:1000px){.xnote-screen .umx-figure-box.umx-figure-box2{margin-top:100px;width:97.33333vw;height:38.13333vw}}.xnote-unlock{position:relative}.xnote-unlock .umx-figure-box{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:744px;height:936px;margin:-100px 0 100px 60px;overflow:hidden}@media (min-width:1921px){.xnote-unlock .umx-figure-box{width:992.496px;height:1248.624px;margin:-100px 0 100px 100px}}@media (max-width:1440px){.xnote-unlock .umx-figure-box{width:558px;height:702px;margin:-100px 0 100px 60px}}@media (max-width:1000px){.xnote-unlock .umx-figure-box{margin:0;margin-top:24px;width:100vw;height:auto}}.xnote-unlock .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-unlock .umx-figure-box .umx-figure .umx-video{position:relative;width:100%;height:100%}@media (max-width:1000px){.xnote-unlock .umx-figure-box .umx-figure .umx-video{width:100.08889vw;height:120vw}}.xnote-unlock .umx-figure-box .umx-figure .umx-video .umx-unlock-video-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%}.xnote-unlock .umx-figure-box .umx-figure .umx-video .umx-unlock-video-box video{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01)}.xnote-unlock .umx-figure-box .umx-figure .umx-video .umx-unlock-video-box-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}.xnote-unlock .umx-figure-box .umx-figure .umx-data-items{position:absolute;right:0;bottom:20px}@media (min-width:1921px){.xnote-unlock .umx-figure-box .umx-figure .umx-data-items{bottom:47px}}@media (max-width:1440px){.xnote-unlock .umx-figure-box .umx-figure .umx-data-items{bottom:40px}}@media (max-width:1000px){.xnote-unlock .umx-figure-box .umx-figure .umx-data-items{position:relative;bottom:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box}}@media (max-width:1000px){.xnote-unlock .umx-figure-box .umx-figure .umx-data-items ul{width:100%}}@media (max-width:1000px){.xnote-unlock .umx-figure-box .umx-figure .umx-data-items ul li{width:100%}}.xnote-unlock .umx-figure-box .umx-figure .umx-data-items ul li strong{font-size:32px}@media (min-width:1921px){.xnote-unlock .umx-figure-box .umx-figure .umx-data-items ul li strong{font-size:42px}}@media (max-width:1440px){.xnote-unlock .umx-figure-box .umx-figure .umx-data-items ul li strong{font-size:24px}}.xnote-unlock .umx-figure-box .umx-figure .umx-data-items ul li p{font-size:18px}@media (min-width:1921px){.xnote-unlock .umx-figure-box .umx-figure .umx-data-items ul li p{font-size:24px}}@media (max-width:1440px){.xnote-unlock .umx-figure-box .umx-figure .umx-data-items ul li p{font-size:14px}}.xnote-unlock .umx-figure-box .umx-figure .umx-data-items ul li span{font-size:16px}@media (min-width:1921px){.xnote-unlock .umx-figure-box .umx-figure .umx-data-items ul li span{font-size:26px;font-weight:700}}@media (max-width:1000px){.xnote-unlock .umx-figure-box .umx-figure .umx-data-items ul li:nth-of-type(3){position:absolute;top:80px;left:200px}}.xnote-unlock-bottom{position:relative;height:150vh}.xnote-unlock-bottom .umx-figure-box{position:absolute;top:60%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1000px;height:920px}@media (min-width:1921px){.xnote-unlock-bottom .umx-figure-box{width:1200px;height:1221px}}@media (max-width:1440px){.xnote-unlock-bottom .umx-figure-box{width:800px;height:687px}}@media (max-width:1000px){.xnote-unlock-bottom .umx-figure-box{width:100vw;height:138.4vw;top:50%}}.xnote-unlock-bottom .umx-figure-box .umx-txt{width:100%;z-index:5;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;top:40%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media (min-width:1921px){.xnote-unlock-bottom .umx-figure-box .umx-txt{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}@media (max-width:1000px){.xnote-unlock-bottom .umx-figure-box .umx-txt{position:relative;top:0;padding:0 24px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:none;-ms-transform:none;transform:none}}.xnote-unlock-bottom .umx-figure-box .umx-txt .umx-p1{font-size:32px;color:#000;margin-bottom:14px}@media (max-width:1440px){.xnote-unlock-bottom .umx-figure-box .umx-txt .umx-p1{font-size:24px}}.xnote-unlock-bottom .umx-figure-box .umx-txt .umx-p2{font-size:18px;color:#86868b}@media (max-width:1440px){.xnote-unlock-bottom .umx-figure-box .umx-txt .umx-p2{font-size:14px}}@media (max-width:1000px){.xnote-unlock-bottom .umx-figure-box .umx-txt.umx-txt2{position:absolute;top:0}}@media (max-width:1000px){.xnote-unlock-bottom .umx-figure-box .umx-txt-box{position:relative}}@media (max-width:1000px){.xnote-unlock-bottom .umx-figure-box .umx-f-box{position:relative;width:100vw;height:138.4vw;margin-top:30px}}.xnote-unlock-bottom .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-unlock-bottom .umx-figure-box .umx-figure figure{position:absolute;right:-100px}@media (max-width:1440px){.xnote-unlock-bottom .umx-figure-box .umx-figure figure{right:0}}@media (max-width:1000px){.xnote-unlock-bottom .umx-figure-box .umx-figure figure{right:0}}.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-lg.jpg);background-size:553px 920px;background-position:center;background-repeat:no-repeat;width:553px;height:920px}@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){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-lg-x2.jpg)}}.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-lg.jpg.webp)}@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){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-xl.jpg);background-size:732px 1221px;background-position:center;background-repeat:no-repeat;width:732px;height:1221px}}@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){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-xl.jpg.webp)}}@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){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-md.jpg);background-size:412px 687px;background-position:center;background-repeat:no-repeat;width:412px;height:687px}}@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){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-md.jpg.webp)}}@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){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-mb.jpg);background-size:375px 519px;background-position:center;background-repeat:no-repeat;width:375px;height:519px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-unlock-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f1{background-size:100vw 138.4vw;width:100vw;height:138.4vw;position:relative}}.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-lg.jpg);background-size:553px 920px;background-position:center;background-repeat:no-repeat;width:553px;height:920px}@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){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-lg-x2.jpg)}}.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-lg.jpg.webp)}@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){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-xl.jpg);background-size:732px 1221px;background-position:center;background-repeat:no-repeat;width:732px;height:1221px}}@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){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-xl.jpg.webp)}}@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){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-md.jpg);background-size:412px 687px;background-position:center;background-repeat:no-repeat;width:412px;height:687px}}@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){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-md.jpg.webp)}}@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){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-mb.jpg);background-size:375px 519px;background-position:center;background-repeat:no-repeat;width:375px;height:519px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-unlock-img2-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-unlock-bottom .umx-figure-box .umx-figure figure.umx-f2{background-size:100vw 138.4vw;width:100vw;height:138.4vw;top:0}}.xnote-chip{position:relative;height:300vh}@media (max-width:1000px){.xnote-chip{height:auto}}@media (max-width:1000px){.xnote-chip .umx-stickyBox{height:auto}}.xnote-chip .umx-section-mask{position:absolute;width:58vw;z-index:1;height:100%;right:0;background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 31%,rgba(0,0,0,.8) 32%,#000 100%);background:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0)),color-stop(31%,rgba(0,0,0,.8)),color-stop(32%,rgba(0,0,0,.8)),to(black));background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 31%,rgba(0,0,0,.8) 32%,#000 100%)}@media (max-width:1000px){.xnote-chip .umx-section-mask{display:none}}.xnote-chip .umx-section1{position:absolute}@media (max-width:1000px){.xnote-chip .umx-section1{padding-top:100px;position:relative}}.xnote-chip .umx-section1 .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:1000px){.xnote-chip .umx-section1 .umx-title{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.xnote-chip .umx-section1 .umx-title .umx-main-title{width:60%}@media (max-width:1000px){.xnote-chip .umx-section1 .umx-title .umx-main-title{width:100%;font-size:56px}}.xnote-chip .umx-section1 .umx-title .umx-intro{margin-top:20px}@media (max-width:1000px){.xnote-chip .umx-section1 .umx-title .umx-intro{width:100%;font-size:18px;margin-top:44px;color:#fff;width:70%;margin-left:auto}}.xnote-chip .umx-section3{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:1000px){.xnote-chip .umx-section3{position:relative;top:0;-webkit-transform:none;-ms-transform:none;transform:none;padding-top:0;margin-bottom:60px}}.xnote-chip .umx-section3 .umx-title .umx-main-title{font-size:42px}@media (max-width:1000px){.xnote-chip .umx-section3 .umx-title .umx-main-title{font-size:32px}}.xnote-chip .umx-section3 .umx-title .umx-intro,.xnote-chip .umx-section3 .umx-title .umx-main-title{width:400px;margin-left:auto}@media (max-width:1440px){.xnote-chip .umx-section3 .umx-title .umx-intro,.xnote-chip .umx-section3 .umx-title .umx-main-title{width:330px}}@media (max-width:1000px){.xnote-chip .umx-section3 .umx-title .umx-intro,.xnote-chip .umx-section3 .umx-title .umx-main-title{width:auto}}.xnote-chip .umx-section2{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-top:0}@media (max-width:1000px){.xnote-chip .umx-section2{position:relative;top:0;-webkit-transform:none;-ms-transform:none;transform:none}}.xnote-chip .umx-section2 .umx-title .umx-data-items{margin-top:0;position:relative;padding:22px 0}@media (max-width:1440px){.xnote-chip .umx-section2 .umx-title .umx-data-items{padding:20px 0}}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items{padding:0}}.xnote-chip .umx-section2 .umx-title .umx-data-items .umx-items-line-row{position:absolute;width:70%;height:1px;bottom:0;left:0;background:-webkit-linear-gradient(left,#86868b 0,rgba(187,187,191,0) 100%);background:-webkit-gradient(linear,left top,right top,from(#86868b),to(rgba(187,187,191,0)));background:linear-gradient(to right,#86868b 0,rgba(187,187,191,0) 100%)}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items .umx-items-line-row{display:none}}.xnote-chip .umx-section2 .umx-title .umx-data-items ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items ul{padding:0 24px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block}}.xnote-chip .umx-section2 .umx-title .umx-data-items ul li{margin-bottom:0;margin-right:70px}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items ul li{width:100%;border-bottom:1px solid #fff;padding:24px 0}}.xnote-chip .umx-section2 .umx-title .umx-data-items ul li p{color:#86868b;font-size:14px;line-height:1}.xnote-chip .umx-section2 .umx-title .umx-data-items ul li p sup{font-size:12px}.xnote-chip .umx-section2 .umx-title .umx-data-items ul li strong{font-size:36px}@media (max-width:1440px){.xnote-chip .umx-section2 .umx-title .umx-data-items ul li strong{font-size:26px}}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items ul li strong{font-size:28px}}.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li{width:13%;border-bottom:none}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li{width:100%}}.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li:first-child,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li:first-child,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li:first-child{width:6%;margin-right:42px}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li:first-child,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li:first-child,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li:first-child{width:100%;margin-right:0;padding:24px 0 0 0}}.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li:first-child p,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li:first-child p,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li:first-child p{font-size:24px;color:#fff}@media (max-width:1440px){.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li:first-child p,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li:first-child p,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li:first-child p{font-size:18px}}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li:first-child p,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li:first-child p,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li:first-child p{font-size:28px}}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li:last-child,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li:last-child,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li:last-child{border-bottom:1px solid #fff}}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li:nth-child(2),.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li:nth-child(2),.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li:nth-child(2){width:35%;margin-right:0;position:absolute;right:0}}.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li strong,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li strong,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li strong{font-size:42px}@media (max-width:1440px){.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li strong,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li strong,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li strong{font-size:32px}}.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li strong svg,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li strong svg,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li strong svg{position:absolute;left:-14px}@media (max-width:1440px){.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li strong svg,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li strong svg,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li strong svg{width:6px;height:6px;left:-10px}}.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li strong span,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li strong span,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li strong span{font-size:24px}@media (max-width:1440px){.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li strong span,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li strong span,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li strong span{font-size:18px}}.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li .umx-line-box,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li .umx-line-box,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li .umx-line-box{width:80px}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li .umx-line-box,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li .umx-line-box,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li .umx-line-box{width:120px}}.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li .umx-line-box p,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li .umx-line-box p,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li .umx-line-box p{width:120%;margin-bottom:6px}.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li .umx-line-box .umx-line,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li .umx-line-box .umx-line,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li .umx-line-box .umx-line{height:8px;width:110%;background:#fff;background:-webkit-linear-gradient(left,#fff 0,#393939 100%);background:-webkit-gradient(linear,left top,right top,from(white),to(#393939));background:linear-gradient(to right,#fff 0,#393939 100%)}.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li .umx-line-box .umx-line.umx-line2,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li .umx-line-box .umx-line.umx-line2,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li .umx-line-box .umx-line.umx-line2{background:#4c4c4c;width:100%}.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li .umx-line-box .umx-line.umx-line1_1,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li .umx-line-box .umx-line.umx-line1_1,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li .umx-line-box .umx-line.umx-line1_1{width:130%}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li .umx-line-box .umx-line.umx-line1_1,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li .umx-line-box .umx-line.umx-line1_1,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li .umx-line-box .umx-line.umx-line1_1{width:120%}}.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li .umx-line-box .umx-line.umx-line1_2,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li .umx-line-box .umx-line.umx-line1_2,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li .umx-line-box .umx-line.umx-line1_2{width:360%}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li .umx-line-box .umx-line.umx-line1_2,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li .umx-line-box .umx-line.umx-line1_2,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li .umx-line-box .umx-line.umx-line1_2{width:130%}}.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li .umx-line-box.umx-line-box2,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li .umx-line-box.umx-line-box2,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li .umx-line-box.umx-line-box2{margin-top:12px}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items2 ul li .umx-line-box.umx-line-box2,.xnote-chip .umx-section2 .umx-title .umx-data-items3 ul li .umx-line-box.umx-line-box2,.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li .umx-line-box.umx-line-box2{margin-top:20px}}@media (max-width:1000px){.xnote-chip .umx-section2 .umx-title .umx-data-items4 ul li:last-child{border-bottom:none}}.xnote-chip .umx-figure-box{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:2383px;height:1340px}@media (min-width:1921px){.xnote-chip .umx-figure-box{width:3317px;height:1865px}}@media (max-width:1440px){.xnote-chip .umx-figure-box{width:1880px;height:1057px}}@media (max-width:1000px){.xnote-chip .umx-figure-box{position:relative;width:100vw;height:125.06667vw;left:50%;top:0;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}}.xnote-chip .umx-figure-box .umx-figure figure{position:absolute}.xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-lg.jpg);background-size:2383px 1340px;background-position:center;background-repeat:no-repeat;width:2383px;height:1340px;left:50%;margin-left:-1191px}@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){.xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-lg-x2.jpg)}}.webp .xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-lg.jpg.webp)}@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){.webp .xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-xl.jpg);background-size:3317px 1865px;background-position:center;background-repeat:no-repeat;width:3317px;height:1865px;left:50%;margin-left:-1658px}}@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){.xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-xl.jpg.webp)}}@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){.webp .xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-md.jpg);background-size:1880px 1057px;background-position:center;background-repeat:no-repeat;width:1880px;height:1057px;left:50%;margin-left:-940px}}@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){.xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-md.jpg.webp)}}@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){.webp .xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-mb.jpg);background-size:375px 469px;background-position:center;background-repeat:no-repeat;width:375px;height:469px;left:50%;margin-left:-187px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-chip-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-chip .umx-figure-box .umx-figure figure.umx-f1{background-size:100vw 125.06667vw;width:100vw;height:125.06667vw;margin-left:0;left:0}}.xnote-hardware{position:relative}.xnote-hardware .umx-figure-box{position:relative;width:1840px;height:1035px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:-100px}@media (min-width:1921px){.xnote-hardware .umx-figure-box{width:2400px;height:1350px}}@media (max-width:1440px){.xnote-hardware .umx-figure-box{width:1600px;height:900px}}@media (max-width:1000px){.xnote-hardware .umx-figure-box{width:100.08889vw;height:177.95556vw;margin-top:-40vw}}.xnote-hardware .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-hardware .umx-figure-box .umx-figure .umx-hardware-video-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%}.xnote-hardware .umx-figure-box .umx-figure .umx-hardware-video-box video{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.xnote-hardware .umx-figure-box .umx-figure .umx-hardware-video-box-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}.xnote-battery{position:relative;height:200vh}.xnote-battery .umx-battery-maskTxt{position:absolute;height:10vh;width:100%;background:-webkit-linear-gradient(top,#000 0,rgba(0,0,0,.7) 56%,rgba(0,0,0,.46) 71%,rgba(0,0,0,0) 100%);background:-webkit-gradient(linear,left top,left bottom,from(black),color-stop(56%,rgba(0,0,0,.7)),color-stop(71%,rgba(0,0,0,.46)),to(rgba(0,0,0,0)));background:linear-gradient(to bottom,#000 0,rgba(0,0,0,.7) 56%,rgba(0,0,0,.46) 71%,rgba(0,0,0,0) 100%);top:0;z-index:5}@media (max-width:1000px){.xnote-battery .umx-battery-maskTxt{height:20vh}}@media (max-width:1000px){.xnote-battery .umx-battery-mask{position:absolute;width:100%;height:100%;background-color:#000;opacity:.6}}.xnote-battery .umx-section{position:absolute;padding-top:0;top:50%;-webkit-transform:translateY(-25%);-ms-transform:translateY(-25%);transform:translateY(-25%)}@media (max-width:1000px){.xnote-battery .umx-section{-webkit-transform:translateY(-75%);-ms-transform:translateY(-75%);transform:translateY(-75%)}}.xnote-battery .umx-section .umx-title .umx-data-items{margin-top:0}.xnote-battery .umx-section .umx-title .umx-data-items ul{width:40%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media (max-width:1000px){.xnote-battery .umx-section .umx-title .umx-data-items ul{width:100%}}.xnote-battery .umx-section .umx-title .umx-data-items ul li{width:100%;border-bottom:1px solid #fff;padding:24px 0;margin-bottom:0}@media (max-width:1440px){.xnote-battery .umx-section .umx-title .umx-data-items ul li{padding:18px 0}}.xnote-battery .umx-section .umx-title .umx-data-items ul li strong{font-size:40px;margin-top:0}@media (max-width:1440px){.xnote-battery .umx-section .umx-title .umx-data-items ul li strong{font-size:30px}}@media (max-width:1000px){.xnote-battery .umx-section .umx-title .umx-data-items ul li strong{font-size:28px}}.xnote-battery .umx-section .umx-title .umx-data-items ul li strong span{font-size:24px}@media (max-width:1440px){.xnote-battery .umx-section .umx-title .umx-data-items ul li strong span{font-size:16px}}@media (max-width:1000px){.xnote-battery .umx-section .umx-title .umx-data-items ul li strong span{font-size:14px}}.xnote-battery .umx-section .umx-title .umx-data-items ul li p{font-size:18px}@media (max-width:1440px){.xnote-battery .umx-section .umx-title .umx-data-items ul li p{font-size:14px}}@media (max-width:1000px){.xnote-battery .umx-section .umx-title .umx-data-items ul li p{font-size:16px}}.xnote-battery .umx-section .umx-title .umx-data-items ul li img,.xnote-battery .umx-section .umx-title .umx-data-items ul li svg{width:63px;height:63px;margin-bottom:6px}.xnote-battery .umx-section .umx-title .umx-data-items ul li.umx-li-s{width:50%}.xnote-battery .umx-section .umx-title .umx-data-items ul li:last-child,.xnote-battery .umx-section .umx-title .umx-data-items ul li:nth-child(10),.xnote-battery .umx-section .umx-title .umx-data-items ul li:nth-child(5),.xnote-battery .umx-section .umx-title .umx-data-items ul li:nth-child(6),.xnote-battery .umx-section .umx-title .umx-data-items ul li:nth-child(9){border:none}.xnote-battery .umx-section .umx-title .umx-data-items ul li.umx-li5 svg{position:absolute;left:-16px;top:10px;width:12px;height:12px}@media (max-width:1440px){.xnote-battery .umx-section .umx-title .umx-data-items ul li.umx-li5 svg{width:10px;height:10px;top:6px;left:-14px}}.xnote-battery .umx-figure-box{position:absolute;width:475.2px;height:1089px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:1600px){.xnote-battery .umx-figure-box{-webkit-transform:translate(-50%,-50%) scale(.8);-ms-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8)}}@media (max-width:1440px){.xnote-battery .umx-figure-box{width:360px;height:825px;-webkit-transform:translate(-50%,-50%) scale(.9);-ms-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9)}}@media (max-width:1024px){.xnote-battery .umx-figure-box{-webkit-transform:translate(-50%,-50%) scale(.75);-ms-transform:translate(-50%,-50%) scale(.75);transform:translate(-50%,-50%) scale(.75);-webkit-transform-origin:50% 83%;-ms-transform-origin:50% 83%;transform-origin:50% 83%}}@media (max-width:1000px){.xnote-battery .umx-figure-box{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);width:100.08889vw;height:124.44444vw}}.xnote-battery .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-battery .umx-figure-box .umx-figure #xnote-battery-canvas{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%}.xnote-battery .umx-figure-box .umx-figure .umx-battery-video-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%}.xnote-battery .umx-figure-box .umx-figure .umx-battery-video-box video{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.xnote-battery .umx-figure-box .umx-figure .umx-battery-video-box-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}.xnote-system{position:relative;height:150vh}.xnote-system .umx-mask{position:absolute;z-index:5;width:100%;height:100%;top:0;background-color:#000;opacity:.6}.xnote-system .umx-section .umx-title{width:100%;text-align:center}@media (max-width:1000px){.xnote-system .umx-section .umx-title .umx-main-title{font-size:34px}}.xnote-system .umx-section .umx-title .umx-data-items{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.xnote-system .umx-section .umx-title .umx-data-items ul{width:100%}.xnote-system .umx-section .umx-title .umx-data-items ul li{margin-bottom:0}@media (max-width:1000px){.xnote-system .umx-section .umx-title .umx-data-items ul li{width:100%}}.xnote-system .umx-section .umx-title .umx-data-items ul li strong{font-size:56px;margin:0}@media (min-width:1921px){.xnote-system .umx-section .umx-title .umx-data-items ul li strong{font-size:72px}}@media (max-width:1000px){.xnote-system .umx-section .umx-title .umx-data-items ul li strong{font-size:42px}}@media (max-width:1000px){.xnote-system .umx-section .umx-title .umx-data-items ul li strong{font-size:28px}}.xnote-system .umx-section .umx-title .umx-data-items ul li strong span{font-size:28px}@media (min-width:1921px){.xnote-system .umx-section .umx-title .umx-data-items ul li strong span{font-size:36px}}@media (max-width:1440px){.xnote-system .umx-section .umx-title .umx-data-items ul li strong span{font-size:22px}}.xnote-system .umx-section .umx-title .umx-data-items ul li strong sup{position:relative;font-size:14px}@media (min-width:1921px){.xnote-system .umx-section .umx-title .umx-data-items ul li strong sup{font-size:18px}}@media (max-width:1440px){.xnote-system .umx-section .umx-title .umx-data-items ul li strong sup{font-size:12px}}.xnote-system .umx-section .umx-title .umx-data-items ul li p{font-size:18px;color:#86868b}@media (min-width:1921px){.xnote-system .umx-section .umx-title .umx-data-items ul li p{font-size:24px}}@media (max-width:1440px){.xnote-system .umx-section .umx-title .umx-data-items ul li p{font-size:14px}}@media (max-width:1000px){.xnote-system .umx-section .umx-title .umx-data-items ul li p{font-size:16px}}.xnote-system .umx-section .umx-title .umx-data-items ul li:last-child{margin-bottom:0}.xnote-system .umx-section .umx-title .umx-data-items ul li:nth-child(2){margin:60px 0}@media (min-width:1921px){.xnote-system .umx-section .umx-title .umx-data-items ul li:nth-child(2){margin:80px 0}}@media (max-width:1440px){.xnote-system .umx-section .umx-title .umx-data-items ul li:nth-child(2){margin:40px 0}}.xnote-system .umx-section1{z-index:9}.xnote-system .umx-intro-p{position:relative;font-size:16px;color:#86868b;top:32vw}.xnote-system .umx-section2{z-index:9;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-top:0}.xnote-system .umx-figure-box{position:absolute;width:1920px;height:1080px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (min-width:1921px){.xnote-system .umx-figure-box{width:2561.28px;height:1440.72px}}@media (max-width:1440px){.xnote-system .umx-figure-box{width:1440px;height:810px}}@media (max-width:1000px){.xnote-system .umx-figure-box{width:100.08889vw;height:177.95556vw}}.xnote-system .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-system .umx-figure-box .umx-figure .umx-system-video-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%}.xnote-system .umx-figure-box .umx-figure .umx-system-video-box video{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.xnote-system .umx-figure-box .umx-figure .umx-system-video-box-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}.xnote-system-bottom .xnote-system-i{background:#181818;padding-bottom:84px}@media (min-width:1921px){.xnote-system-bottom .xnote-system-i{padding-bottom:150px}}@media (max-width:1000px){.xnote-system-bottom .xnote-system-i{padding-bottom:50px}}.xnote-system-bottom .xnote-system-i .umx-section{padding-top:90px}.xnote-system-bottom .xnote-system-i .umx-section .umx-title{text-align:center}@media (max-width:1000px){.xnote-system-bottom .xnote-system-i .umx-section .umx-title{text-align:left}}.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items{margin-top:76px}@media (max-width:1440px){.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items{margin-top:58px}}.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:1000px){.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul{display:block}}.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul li{text-align:left}@media (max-width:1000px){.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul li{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:30px}}@media (max-width:1440px){.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul li img,.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul li svg{width:80px;height:80px}}@media (max-width:1000px){.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul li img,.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul li svg{width:70px;height:70px}}.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul li strong{font-size:22px;margin:16px 0 8px 0}@media (min-width:1921px){.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul li strong{font-size:30px;margin:30px 0 18px 0}}@media (min-width:1921px){.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul li strong{font-size:16px;margin:20px 0 14px 0}}@media (max-width:1000px){.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul li strong{font-size:18px;margin:0 0 6px 0}}.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul li p{font-size:16px;color:#86868b}@media (min-width:1921px){.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul li p{font-size:20px}}@media (max-width:1000px){.xnote-system-bottom .xnote-system-i .umx-section .umx-title .umx-data-items ul li .umx-li-b{margin-left:12px}}.xnote-zeiss-top{position:relative}.xnote-zeiss-top .umx-section{padding:150px 0;position:relative}@media (max-width:1440px){.xnote-zeiss-top .umx-section{padding:100px 0}}@media (max-width:1000px){.xnote-zeiss-top .umx-section{padding:100px 0 60px}}.xnote-zeiss-top .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.xnote-zeiss-top .umx-section .umx-title .umx-main-title{width:100%;font-size:102px;font-family:HanyiVar-vivo-hwid-70}@media (max-width:1440px){.xnote-zeiss-top .umx-section .umx-title .umx-main-title{font-size:76px;margin-bottom:36px}}@media (max-width:1000px){.xnote-zeiss-top .umx-section .umx-title .umx-main-title{font-size:56px;margin-bottom:38px}}.xnote-zeiss-top .umx-section .umx-title .umx-intro{color:#fff;font-size:24px;font-family:HanyiVar-vivo-hwid-70}@media (max-width:1440px){.xnote-zeiss-top .umx-section .umx-title .umx-intro{font-size:18px}}@media (max-width:1000px){.xnote-zeiss-top .umx-section .umx-title .umx-intro{font-size:18px}}.xnote-zeiss{height:300vh}.xnote-zeiss .umx-stickyBox{min-height:1080px}@media (max-width:1440px){.xnote-zeiss .umx-stickyBox{min-height:750px}}@media (max-width:1440px){.xnote-zeiss .umx-stickyBox{min-height:100vh}}.xnote-zeiss .umx-stickyBox .umx-s1{position:absolute;top:40px;z-index:11}@media (max-width:1440px){.xnote-zeiss .umx-stickyBox .umx-s1{padding-top:80px}}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s1{top:0;position:relative}}.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .white{color:#fff}.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-title-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:16px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-title-top{padding-left:24px;padding-right:24px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-title-top img,.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-title-top svg{height:62px;width:62px;margin-right:34px}@media (max-width:1440px){.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-title-top img,.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-title-top svg{height:47px;width:47px;margin-right:24px}}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-title-top img,.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-title-top svg{height:45px;width:45px;margin-right:23px}}.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-title-top .umx-main-title{margin-bottom:0;line-height:1;text-align:left}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-title-top .umx-main-title{padding-left:0;padding-right:0;font-size:30px}}.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-intro,.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-main-title{text-align:center}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-intro,.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-main-title{text-align:left}}.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-intro-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-intro-box{display:block}}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-intro-box.umx-mb-hide{display:none}}.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-intro-box.umx-mb-show{display:none}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-intro-box.umx-mb-show{display:block}}.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-intro-box .umx-intro{text-align:left}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-intro-box .umx-intro{margin-bottom:0}}.xnote-zeiss .umx-stickyBox .umx-s1 .umx-title .umx-intro-box .umx-intro1{color:#fff;margin-right:30px}.xnote-zeiss .umx-stickyBox .umx-s2{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-top:0;z-index:2}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s2{top:0;-webkit-transform:inherit;-ms-transform:inherit;transform:inherit;opacity:1;-webkit-transition:opacity .1s;transition:opacity .1s;padding-top:60px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}@media (max-width:360px){.xnote-zeiss .umx-stickyBox .umx-s2{-webkit-transform:translateY(-58%);-ms-transform:translateY(-58%);transform:translateY(-58%)}}.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title{width:1000px}@media (min-width:1921px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title{width:1200px}}@media (max-width:1440px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title{width:900px}}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title{width:auto}}.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items{width:46%}@media (min-width:1921px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items{width:48%}}@media (max-width:1440px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items{width:48%}}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items{margin-left:0;margin-top:0;width:100%}}.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items li{width:50%;margin-bottom:66px}@media (max-width:1440px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items li{margin-bottom:40px}}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items li{margin-bottom:20px}}.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items li strong{font-size:22px;margin:0 0 16px 0;color:#fff}@media (min-width:1921px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items li strong{font-size:30px}}@media (max-width:1440px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items li strong{font-size:18px;margin:0 0 12px 0}}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items li strong{margin:0 0 15px 0}}.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items li p{font-size:16px;color:#86868b}@media (min-width:1921px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items li p{font-size:20px}}@media (max-width:1440px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items li p{font-size:12px}}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-s2 .umx-title .umx-data-items li p{font-size:14px}}.xnote-zeiss .umx-stickyBox .umx-figure-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1920px;height:1080px;bottom:0}@media (min-width:1921px){.xnote-zeiss .umx-stickyBox .umx-figure-box{width:2169.6px;height:1220.4px}}@media (max-width:1440px){.xnote-zeiss .umx-stickyBox .umx-figure-box{width:1440px;height:810px}}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-figure-box{width:100vw;height:126.66667vw;z-index:10;bottom:auto;margin-top:20px}}.xnote-zeiss .umx-stickyBox .umx-figure-box #xnote-zeiss-canvas{position:relative;width:100%;height:100%}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-figure-box #xnote-zeiss-canvas{display:none}}.xnote-zeiss .umx-stickyBox .umx-figure-box .umx-canvas-f{display:none}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-figure-box .umx-canvas-f{background-image:url(../images/xnote-zeiss-canvas-mb.png);background-size:335px 469px;background-position:center;background-repeat:no-repeat;width:335px;height:469px;left:50%;margin-left:-167px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-zeiss .umx-stickyBox .umx-figure-box .umx-canvas-f{background-image:url(../images/xnote-zeiss-canvas-mb-x2.png)}}@media (max-width:1000px){.webp .xnote-zeiss .umx-stickyBox .umx-figure-box .umx-canvas-f{background-image:url(../images/xnote-zeiss-canvas-mb.png.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-zeiss .umx-stickyBox .umx-figure-box .umx-canvas-f{background-image:url(../images/xnote-zeiss-canvas-mb-x2.png.webp)}}@media (max-width:1000px){.xnote-zeiss .umx-stickyBox .umx-figure-box .umx-canvas-f{position:relative;background-size:89.33333vw 125.06667vw;width:89.33333vw;height:125.06667vw;display:block}}.xnote-security{overflow:hidden;position:relative}.xnote-security .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media (max-width:1000px){.xnote-security .umx-section .umx-title{-ms-flex-wrap:wrap;flex-wrap:wrap}}.xnote-security .umx-section .umx-title .umx-intro,.xnote-security .umx-section .umx-title .umx-main-title{margin-bottom:0}.xnote-security .umx-section .umx-title .umx-main-title{width:50%;line-height:1}@media (max-width:1000px){.xnote-security .umx-section .umx-title .umx-main-title{width:100%;margin-bottom:12px}}.xnote-security .umx-figure-box{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1204px;height:656px;margin:100px 0}@media (min-width:1921px){.xnote-security .umx-figure-box{width:1604px;height:874px}}@media (max-width:1440px){.xnote-security .umx-figure-box{width:900px;height:492px;margin:50px 0}}@media (max-width:1000px){.xnote-security .umx-figure-box{width:92vw;height:auto;margin:24px 0 0}}.xnote-security .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-security .umx-figure-box .umx-figure .umx-box-f{position:absolute;width:572px;background-color:#181818;overflow:hidden}@media (min-width:1921px){.xnote-security .umx-figure-box .umx-figure .umx-box-f{width:762px}}@media (max-width:1440px){.xnote-security .umx-figure-box .umx-figure .umx-box-f{width:429px}}@media (max-width:1000px){.xnote-security .umx-figure-box .umx-figure .umx-box-f{width:92vw;position:relative;margin-bottom:12px}}.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt{z-index:5;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;padding:76px 0 0 100px}@media (min-width:1921px){.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt{padding:100px 0 0 102px}}@media (max-width:1440px){.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt{padding:40px 0 0 56px}}@media (max-width:1000px){.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt{padding:36px 15px 0 15px}}.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p1{font-size:32px;color:#fff;margin-bottom:14px}@media (min-width:1921px){.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p1{font-size:42px;margin-bottom:20px}}@media (max-width:1440px){.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p1{font-size:24px;margin-bottom:11px}}@media (max-width:1000px){.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p1{margin-bottom:6px;font-size:24px}}.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p1 sup{position:absolute;font-size:16px}@media (max-width:1440px){.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p1 sup{font-size:10px}}.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p2{font-size:18px;color:#86868b}@media (min-width:1921px){.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p2{font-size:24px}}@media (max-width:1440px){.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p2{font-size:14px}}@media (max-width:1000px){.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p2{font-size:16px}}.xnote-security .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p2 sup{font-size:12px}.xnote-security .umx-figure-box .umx-figure .umx-box1{height:781px}@media (min-width:1921px){.xnote-security .umx-figure-box .umx-figure .umx-box1{height:874px}}@media (max-width:1440px){.xnote-security .umx-figure-box .umx-figure .umx-box1{height:586px}}@media (max-width:1000px){.xnote-security .umx-figure-box .umx-figure .umx-box1{height:117.33333vw}}.xnote-security .umx-figure-box .umx-figure .umx-box2{height:656px}@media (min-width:1921px){.xnote-security .umx-figure-box .umx-figure .umx-box2{height:874px}}@media (max-width:1440px){.xnote-security .umx-figure-box .umx-figure .umx-box2{height:492px}}@media (max-width:1000px){.xnote-security .umx-figure-box .umx-figure .umx-box2{height:117.33333vw}}.xnote-security .umx-figure-box .umx-figure .umx-box3,.xnote-security .umx-figure-box .umx-figure .umx-box4,.xnote-security .umx-figure-box .umx-figure .umx-box5{height:180px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;right:0}@media (min-width:1921px){.xnote-security .umx-figure-box .umx-figure .umx-box3,.xnote-security .umx-figure-box .umx-figure .umx-box4,.xnote-security .umx-figure-box .umx-figure .umx-box5{height:238px}}@media (max-width:1440px){.xnote-security .umx-figure-box .umx-figure .umx-box3,.xnote-security .umx-figure-box .umx-figure .umx-box4,.xnote-security .umx-figure-box .umx-figure .umx-box5{height:134px}}@media (max-width:1000px){.xnote-security .umx-figure-box .umx-figure .umx-box3,.xnote-security .umx-figure-box .umx-figure .umx-box4,.xnote-security .umx-figure-box .umx-figure .umx-box5{width:92vw;height:152px}}.xnote-security .umx-figure-box .umx-figure .umx-box3 img,.xnote-security .umx-figure-box .umx-figure .umx-box3 svg,.xnote-security .umx-figure-box .umx-figure .umx-box4 img,.xnote-security .umx-figure-box .umx-figure .umx-box4 svg,.xnote-security .umx-figure-box .umx-figure .umx-box5 img,.xnote-security .umx-figure-box .umx-figure .umx-box5 svg{display:block;margin:0 48px 0 45px}@media (min-width:1921px){.xnote-security .umx-figure-box .umx-figure .umx-box3 img,.xnote-security .umx-figure-box .umx-figure .umx-box3 svg,.xnote-security .umx-figure-box .umx-figure .umx-box4 img,.xnote-security .umx-figure-box .umx-figure .umx-box4 svg,.xnote-security .umx-figure-box .umx-figure .umx-box5 img,.xnote-security .umx-figure-box .umx-figure .umx-box5 svg{width:106px;height:106px}}@media (max-width:1440px){.xnote-security .umx-figure-box .umx-figure .umx-box3 img,.xnote-security .umx-figure-box .umx-figure .umx-box3 svg,.xnote-security .umx-figure-box .umx-figure .umx-box4 img,.xnote-security .umx-figure-box .umx-figure .umx-box4 svg,.xnote-security .umx-figure-box .umx-figure .umx-box5 img,.xnote-security .umx-figure-box .umx-figure .umx-box5 svg{width:60px;height:51px}}@media (max-width:1000px){.xnote-security .umx-figure-box .umx-figure .umx-box3 img,.xnote-security .umx-figure-box .umx-figure .umx-box3 svg,.xnote-security .umx-figure-box .umx-figure .umx-box4 img,.xnote-security .umx-figure-box .umx-figure .umx-box4 svg,.xnote-security .umx-figure-box .umx-figure .umx-box5 img,.xnote-security .umx-figure-box .umx-figure .umx-box5 svg{width:54px;height:54px;margin:0 19px 0 15px}}.xnote-security .umx-figure-box .umx-figure .umx-box3 .umx-txt,.xnote-security .umx-figure-box .umx-figure .umx-box4 .umx-txt,.xnote-security .umx-figure-box .umx-figure .umx-box5 .umx-txt{position:relative;padding:0}@media (max-width:1000px){.xnote-security .umx-figure-box .umx-figure .umx-box3{bottom:0}}.xnote-security .umx-figure-box .umx-figure .umx-box4{bottom:240px}@media (min-width:1921px){.xnote-security .umx-figure-box .umx-figure .umx-box4{bottom:318px}}@media (max-width:1440px){.xnote-security .umx-figure-box .umx-figure .umx-box4{bottom:176px}}@media (max-width:1000px){.xnote-security .umx-figure-box .umx-figure .umx-box4{bottom:auto}}.xnote-security .umx-figure-box .umx-figure .umx-box5{bottom:0}.xnote-security .umx-figure-box .umx-figure figure{position:absolute}.xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-lg.jpg);background-size:572px 656px;background-position:center;background-repeat:no-repeat;width:572px;height:656px;left:50%;margin-left:-286px}@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){.xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-lg-x2.jpg)}}.webp .xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-lg.jpg.webp)}@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){.webp .xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-xl.jpg);background-size:762px 874px;background-position:center;background-repeat:no-repeat;width:762px;height:874px;left:50%;margin-left:-381px}}@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){.xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-xl.jpg.webp)}}@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){.webp .xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-md.jpg);background-size:429px 492px;background-position:center;background-repeat:no-repeat;width:429px;height:492px;left:50%;margin-left:-214px}}@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){.xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-md.jpg.webp)}}@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){.webp .xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-mb.jpg);background-size:345px 440px;background-position:center;background-repeat:no-repeat;width:345px;height:440px;left:50%;margin-left:-172px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-security-img2-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-security .umx-figure-box .umx-figure figure.umx-f2{background-size:92vw 117.33333vw;width:92vw;height:117.33333vw}}.xnote-camera{overflow:hidden;position:relative;background-color:#181818}.xnote-camera .umx-figure-box{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1200px;height:1250px;margin:100px 0}@media (min-width:1921px){.xnote-camera .umx-figure-box{width:1390px;height:1662px}}@media (max-width:1440px){.xnote-camera .umx-figure-box{width:886px;height:938px}}@media (max-width:1000px){.xnote-camera .umx-figure-box{width:92vw;height:auto;margin:50px 0 36px}}.xnote-camera .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-camera .umx-figure-box .umx-figure .umx-box-f{position:absolute;width:580px;height:347px;background-color:#181818;overflow:hidden}@media (min-width:1921px){.xnote-camera .umx-figure-box .umx-figure .umx-box-f{width:670px;height:462px}}@media (max-width:1440px){.xnote-camera .umx-figure-box .umx-figure .umx-box-f{width:428px;height:260px}}@media (max-width:1000px){.xnote-camera .umx-figure-box .umx-figure .umx-box-f{position:relative;width:100%;height:308px;margin-bottom:24px}}.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt{z-index:5;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;padding:60px 0 0 100px}@media (min-width:1921px){.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt{padding:80px 0 0 100px}}@media (max-width:1440px){.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt{padding:45px 0 0 40px}}@media (max-width:1000px){.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt{padding:46px 0 0 15px}}.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p1{font-size:32px;color:#fff;margin-bottom:14px}@media (min-width:1921px){.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p1{font-size:42px;margin-bottom:20px}}@media (max-width:1440px){.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p1{font-size:24px;margin-bottom:11px}}@media (max-width:1000px){.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p1{margin-bottom:6px;font-size:24px}}.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p1 sup{position:absolute;font-size:16px}@media (max-width:1440px){.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p1 sup{font-size:10px}}.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p2{font-size:18px;color:#86868b}@media (min-width:1921px){.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p2{font-size:24px}}@media (max-width:1440px){.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p2{font-size:14px}}@media (max-width:1000px){.xnote-camera .umx-figure-box .umx-figure .umx-box-f .umx-txt .umx-p2{font-size:16px}}.xnote-camera .umx-figure-box .umx-figure .umx-box2{right:0}.xnote-camera .umx-figure-box .umx-figure .umx-box3{bottom:0;width:100%;height:863px;background-color:#010101}@media (min-width:1921px){.xnote-camera .umx-figure-box .umx-figure .umx-box3{width:100%;height:1151px}}@media (max-width:1440px){.xnote-camera .umx-figure-box .umx-figure .umx-box3{width:100%;height:647px}}@media (max-width:1000px){.xnote-camera .umx-figure-box .umx-figure .umx-box3{width:92vw;height:auto;padding-bottom:30px}}.xnote-camera .umx-figure-box .umx-figure .umx-box3 .umx-txt{position:relative}@media (min-width:1921px){.xnote-camera .umx-figure-box .umx-figure .umx-box3 .umx-txt{padding:111px 0 0 100px}}@media (max-width:1440px){.xnote-camera .umx-figure-box .umx-figure .umx-box3 .umx-txt{padding:50px 0 0 40px}}@media (max-width:1000px){.xnote-camera .umx-figure-box .umx-figure .umx-box3 .umx-txt{padding:40px 0 0 15px}}@media (min-width:1921px){.xnote-camera .umx-figure-box .umx-figure .umx-box3 .umx-txt .umx-p1{margin-bottom:25px}}@media (max-width:1440px){.xnote-camera .umx-figure-box .umx-figure .umx-box3 .umx-txt .umx-p1{margin-bottom:14px}}@media (max-width:1000px){.xnote-camera .umx-figure-box .umx-figure .umx-box3 .umx-txt .umx-p1{margin-bottom:6px}}.xnote-camera .umx-figure-box .umx-figure figure{position:absolute}.xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-lg.jpg);background-size:580px 347px;background-position:center;background-repeat:no-repeat;width:580px;height:347px;left:50%;margin-left:-290px}@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){.xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-lg-x2.jpg)}}.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-lg.jpg.webp)}@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){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-xl.jpg);background-size:670px 462px;background-position:center;background-repeat:no-repeat;width:670px;height:462px;left:50%;margin-left:-335px}}@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){.xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-xl.jpg.webp)}}@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){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-md.jpg);background-size:428px 260px;background-position:center;background-repeat:no-repeat;width:428px;height:260px;left:50%;margin-left:-214px}}@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){.xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-md.jpg.webp)}}@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){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-mb.jpg);background-size:345px 308px;background-position:center;background-repeat:no-repeat;width:345px;height:308px;left:50%;margin-left:-172px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-camera-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-camera .umx-figure-box .umx-figure figure.umx-f1{background-size:92vw 82.13333vw;width:92vw;height:82.13333vw;margin-left:0;left:0}}.xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-lg.jpg);background-size:580px 347px;background-position:center;background-repeat:no-repeat;width:580px;height:347px;left:50%;margin-left:-290px}@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){.xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-lg-x2.jpg)}}.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-lg.jpg.webp)}@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){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-xl.jpg);background-size:670px 462px;background-position:center;background-repeat:no-repeat;width:670px;height:462px;left:50%;margin-left:-335px}}@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){.xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-xl.jpg.webp)}}@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){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-md.jpg);background-size:428px 260px;background-position:center;background-repeat:no-repeat;width:428px;height:260px;left:50%;margin-left:-214px}}@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){.xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-md.jpg.webp)}}@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){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-mb.jpg);background-size:345px 308px;background-position:center;background-repeat:no-repeat;width:345px;height:308px;left:50%;margin-left:-172px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-camera-img2-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-camera .umx-figure-box .umx-figure figure.umx-f2{background-size:92vw 82.13333vw;width:92vw;height:82.13333vw;margin-left:0;left:0}}.xnote-camera .umx-figure-box .umx-figure figure.umx-f3{position:relative;margin-top:36px;background-image:url(../images/xnote-camera-img3-lg.jpg);background-size:1000px 563px;background-position:center;background-repeat:no-repeat;width:1000px;height:563px;left:50%;margin-left:-500px}@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){.xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-lg-x2.jpg)}}.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-lg.jpg.webp)}@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){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-xl.jpg);background-size:1200px 700px;background-position:center;background-repeat:no-repeat;width:1200px;height:700px;left:50%;margin-left:-600px;margin-top:60px}}@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){.xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-xl.jpg.webp)}}@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){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-md.jpg);background-size:800px 450px;background-position:center;background-repeat:no-repeat;width:800px;height:450px;left:50%;margin-left:-400px;margin-top:30px}}@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){.xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-md.jpg.webp)}}@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){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-mb.jpg);background-size:315px 481px;background-position:center;background-repeat:no-repeat;width:315px;height:481px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-camera-img3-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-camera .umx-figure-box .umx-figure figure.umx-f3{background-size:84vw 128.26667vw;width:84vw;height:128.26667vw;margin-left:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}.xnote-surpernight{position:relative}.xnote-surpernight .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media (max-width:1000px){.xnote-surpernight .umx-section .umx-title{display:block}}.xnote-surpernight .umx-section .umx-title .umx-intro,.xnote-surpernight .umx-section .umx-title .umx-main-title{margin-bottom:0}.xnote-surpernight .umx-section .umx-title .umx-main-title{width:50%}@media (max-width:1000px){.xnote-surpernight .umx-section .umx-title .umx-main-title{width:100%;margin-bottom:12px}}.xnote-surpernight .umx-figure-box{position:relative;width:1227px;height:592.5px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:80px 0 120px}@media (min-width:1921px){.xnote-surpernight .umx-figure-box{width:1636px;height:790px;margin:100px 0 150px}}@media (max-width:1440px){.xnote-surpernight .umx-figure-box{width:818px;height:395px;margin:60px 0 100px}}@media (max-width:1000px){.xnote-surpernight .umx-figure-box{width:95.97867vw;height:46.34667vw;margin:50px 0 80px}}.xnote-surpernight .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-surpernight .umx-figure-box .umx-figure .umx-surpernight-video-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%}.xnote-surpernight .umx-figure-box .umx-figure .umx-surpernight-video-box video{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.xnote-surpernight .umx-figure-box .umx-figure .umx-surpernight-video-box-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}.xnote-photo-top{position:relative}.xnote-photo-top .umx-section{padding:250px 0 200px;position:relative}@media (max-width:1440px){.xnote-photo-top .umx-section{padding:108px 0 100px}}@media (max-width:1000px){.xnote-photo-top .umx-section{padding:80px 0 0}}.xnote-photo-top .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.xnote-photo-top .umx-section .umx-title .umx-main-title{width:100%;font-size:102px;font-family:HanyiVar-vivo-hwid-70}@media (max-width:1440px){.xnote-photo-top .umx-section .umx-title .umx-main-title{font-size:76px;margin-bottom:36px}}@media (max-width:1000px){.xnote-photo-top .umx-section .umx-title .umx-main-title{font-size:56px;margin-bottom:38px}}.xnote-photo-top .umx-section .umx-title .umx-intro{color:#000;font-size:24px;font-family:HanyiVar-vivo-hwid-70}@media (max-width:1440px){.xnote-photo-top .umx-section .umx-title .umx-intro{font-size:18px}}@media (max-width:1000px){.xnote-photo-top .umx-section .umx-title .umx-intro{font-size:18px}}.xnote-photo{position:relative;height:200vh}.xnote-photo .umx-section{padding:250px 0 200px;position:relative}@media (max-width:1440px){.xnote-photo .umx-section{padding:108px 0 100px}}@media (max-width:1000px){.xnote-photo .umx-section{padding:80px 0 0}}.xnote-photo .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.xnote-photo .umx-section .umx-title .umx-main-title{width:50%;margin-bottom:0}@media (max-width:1000px){.xnote-photo .umx-section .umx-title .umx-main-title{width:100%;margin-bottom:12px}}.xnote-photo .umx-section .umx-title .umx-intro{position:relative;top:-10px}.xnote-photo .umx-figure-box{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1100px;height:auto;margin-top:40px}@media (min-width:1921px){.xnote-photo .umx-figure-box{width:1200px;margin-top:0}}@media (max-width:1440px){.xnote-photo .umx-figure-box{width:900px}}@media (max-width:1024px){.xnote-photo .umx-figure-box{-webkit-transform:translate(-50%,-50%) scale(.8);-ms-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8)}}@media (max-width:1000px){.xnote-photo .umx-figure-box{width:84.26667vw;height:112.26667vw;margin-top:0;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@media (max-width:360px){.xnote-photo .umx-figure-box{-webkit-transform:translate(-50%,-50%) scale(.85);-ms-transform:translate(-50%,-50%) scale(.85);transform:translate(-50%,-50%) scale(.85)}}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-mb-p{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:30px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}}.xnote-photo .umx-figure-box .umx-txt{position:absolute;top:44%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-left:700px;width:50%}@media (min-width:1921px){.xnote-photo .umx-figure-box .umx-txt{margin-left:800px}}@media (max-width:1440px){.xnote-photo .umx-figure-box .umx-txt{margin-left:520px}}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-txt{margin-left:0;position:relative;top:0;-webkit-transform:none;-ms-transform:none;transform:none;width:100%}}.xnote-photo .umx-figure-box .umx-txt ul{width:100%}.xnote-photo .umx-figure-box .umx-txt ul li{position:absolute;width:100%;top:0}.xnote-photo .umx-figure-box .umx-txt ul li p{text-align:center;font-size:32px;color:#fff}@media (min-width:1921px){.xnote-photo .umx-figure-box .umx-txt ul li p{font-size:42px}}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-txt ul li p{font-size:18px;text-align:left}}.xnote-photo .umx-figure-box .umx-txt ul li:first-child{position:relative}.xnote-photo .umx-figure-box .umx-point{position:relative;width:50%;height:30px;margin-top:40px}@media (max-width:1440px){.xnote-photo .umx-figure-box .umx-point{margin-top:20px}}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-point{margin-top:0;width:auto}}.xnote-photo .umx-figure-box .umx-point ul{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-point ul{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}.xnote-photo .umx-figure-box .umx-point ul li{width:8px;height:8px;background:#fff;opacity:.2;margin:0 6px;border-radius:20px}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-point ul li{width:4px;height:4px}}.xnote-photo .umx-figure-box .umx-figure{position:relative;width:100%;height:761.4px}@media (min-width:1921px){.xnote-photo .umx-figure-box .umx-figure{height:902.4px}}@media (max-width:1440px){.xnote-photo .umx-figure-box .umx-figure{height:589px}}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-figure{width:100%;height:100%}}.xnote-photo .umx-figure-box .umx-figure figure{position:absolute;-webkit-transform-origin:bottom left;-ms-transform-origin:bottom left;transform-origin:bottom left}.xnote-photo .umx-figure-box .umx-figure figure.umx-f1{z-index:4;background-image:url(../images/xnote-photo-img1-lg.jpg);background-size:570px 761px;background-position:center;background-repeat:no-repeat;width:570px;height:761px}@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){.xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-lg-x2.jpg)}}.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-lg.jpg.webp)}@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){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-xl.jpg);background-size:676px 902px;background-position:center;background-repeat:no-repeat;width:676px;height:902px}}@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){.xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-xl.jpg.webp)}}@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){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-md.jpg);background-size:441px 589px;background-position:center;background-repeat:no-repeat;width:441px;height:589px}}@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){.xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-md.jpg.webp)}}@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){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-mb.jpg);background-size:316px 421px;background-position:center;background-repeat:no-repeat;width:316px;height:421px;left:50%;margin-left:-158px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-photo-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f1{background-size:84.26667vw 112.26667vw;width:84.26667vw;height:112.26667vw}}.xnote-photo .umx-figure-box .umx-figure figure.umx-f2{z-index:3;-webkit-transform:translate(20px,-20px);-ms-transform:translate(20px,-20px);transform:translate(20px,-20px);background-image:url(../images/xnote-photo-img2-lg.jpg);background-size:570px 761px;background-position:center;background-repeat:no-repeat;width:570px;height:761px}@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){.xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-lg-x2.jpg)}}.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-lg.jpg.webp)}@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){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-xl.jpg);background-size:676px 902px;background-position:center;background-repeat:no-repeat;width:676px;height:902px}}@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){.xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-xl.jpg.webp)}}@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){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-md.jpg);background-size:441px 589px;background-position:center;background-repeat:no-repeat;width:441px;height:589px}}@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){.xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-md.jpg.webp)}}@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){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-mb.jpg);background-size:316px 421px;background-position:center;background-repeat:no-repeat;width:316px;height:421px;left:50%;margin-left:-158px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-photo-img2-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f2{background-size:84.26667vw 112.26667vw;width:84.26667vw;height:112.26667vw;-webkit-transform:translate(10px,-10px);-ms-transform:translate(10px,-10px);transform:translate(10px,-10px)}}.xnote-photo .umx-figure-box .umx-figure figure.umx-f3{z-index:2;-webkit-transform:translate(40px,-40px);-ms-transform:translate(40px,-40px);transform:translate(40px,-40px);background-image:url(../images/xnote-photo-img3-lg.jpg);background-size:570px 761px;background-position:center;background-repeat:no-repeat;width:570px;height:761px}@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){.xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-lg-x2.jpg)}}.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-lg.jpg.webp)}@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){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-xl.jpg);background-size:676px 902px;background-position:center;background-repeat:no-repeat;width:676px;height:902px}}@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){.xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-xl.jpg.webp)}}@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){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-md.jpg);background-size:441px 589px;background-position:center;background-repeat:no-repeat;width:441px;height:589px}}@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){.xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-md.jpg.webp)}}@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){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-mb.jpg);background-size:316px 421px;background-position:center;background-repeat:no-repeat;width:316px;height:421px;left:50%;margin-left:-158px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-photo-img3-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f3{background-size:84.26667vw 112.26667vw;width:84.26667vw;height:112.26667vw;-webkit-transform:translate(20px,-20px);-ms-transform:translate(20px,-20px);transform:translate(20px,-20px)}}.xnote-photo .umx-figure-box .umx-figure figure.umx-f4{z-index:1;-webkit-transform:translate(60px,-60px);-ms-transform:translate(60px,-60px);transform:translate(60px,-60px);background-image:url(../images/xnote-photo-img4-lg.jpg);background-size:570px 761px;background-position:center;background-repeat:no-repeat;width:570px;height:761px}@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){.xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-lg-x2.jpg)}}.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-lg.jpg.webp)}@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){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-xl.jpg);background-size:676px 902px;background-position:center;background-repeat:no-repeat;width:676px;height:902px}}@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){.xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-xl.jpg.webp)}}@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){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-md.jpg);background-size:441px 589px;background-position:center;background-repeat:no-repeat;width:441px;height:589px}}@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){.xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-md.jpg.webp)}}@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){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-mb.jpg);background-size:316px 421px;background-position:center;background-repeat:no-repeat;width:316px;height:421px;left:50%;margin-left:-158px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-photo-img4-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-photo .umx-figure-box .umx-figure figure.umx-f4{background-size:84.26667vw 112.26667vw;width:84.26667vw;height:112.26667vw;-webkit-transform:translate(30px,-30px);-ms-transform:translate(30px,-30px);transform:translate(30px,-30px)}}.xnote-group{position:relative}@media (min-width:1921px){.xnote-group .umx-section .umx-title{width:1400px}}@media (max-width:1440px){.xnote-group .umx-section .umx-title{width:787px}}@media (max-width:1000px){.xnote-group .umx-section .umx-title{width:auto}}.xnote-group .umx-figure-box{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1000px;height:654px;margin:35px 0 100px 240px}@media (min-width:1921px){.xnote-group .umx-figure-box{width:2560px;height:980px;margin:45px 0 100px 240px}}@media (max-width:1440px){.xnote-group .umx-figure-box{width:750px;height:451px;margin:35px 0 100px 170px}}@media (max-width:1000px){.xnote-group .umx-figure-box{width:87.2vw;height:62.4vw;margin:0}}.xnote-group .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}@media (min-width:1921px){.xnote-group .umx-figure-box .umx-figure{width:1333px;height:872px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}.xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-lg.jpg);background-size:1000px 654px;background-position:center;background-repeat:no-repeat;width:1000px;height:654px}@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){.xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-lg-x2.jpg)}}.webp .xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-lg.jpg.webp)}@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){.webp .xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-xl.jpg);background-size:1333px 872px;background-position:center;background-repeat:no-repeat;width:1333px;height:872px}}@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){.xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-xl.jpg.webp)}}@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){.webp .xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-md.jpg);background-size:750px 451px;background-position:center;background-repeat:no-repeat;width:750px;height:451px}}@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){.xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-md.jpg.webp)}}@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){.webp .xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-mb.jpg);background-size:327px 234px;background-position:center;background-repeat:no-repeat;width:327px;height:234px;left:50%;margin-left:-163px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-group-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-group .umx-figure-box .umx-figure figure.umx-f1{background-size:87.2vw 62.4vw;width:87.2vw;height:62.4vw;margin-left:0;left:0}}.xnote-file{overflow:hidden;position:relative}.xnote-file .umx-figure-box{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1200px;height:683px;margin:48px 0 150px}@media (min-width:1921px){.xnote-file .umx-figure-box{width:1600px;height:911px;margin:60px 0 180px}}@media (max-width:1440px){.xnote-file .umx-figure-box{width:900px;height:512px;margin:40px 0 80px}}@media (max-width:1000px){.xnote-file .umx-figure-box{width:84vw;height:98.13333vw;margin:40px 0 60px}}.xnote-file .umx-figure-box .umx-figure figure{position:absolute}.xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-lg.jpg);background-size:1200px 683px;background-position:center;background-repeat:no-repeat;width:1200px;height:683px;left:50%;margin-left:-600px}@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){.xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-lg-x2.jpg)}}.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-lg.jpg.webp)}@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){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-xl.jpg);background-size:1600px 911px;background-position:center;background-repeat:no-repeat;width:1600px;height:911px;left:50%;margin-left:-800px}}@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){.xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-xl.jpg.webp)}}@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){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-md.jpg);background-size:900px 512px;background-position:center;background-repeat:no-repeat;width:900px;height:512px;left:50%;margin-left:-450px}}@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){.xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-md.jpg.webp)}}@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){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-mb.jpg);background-size:315px 368px;background-position:center;background-repeat:no-repeat;width:315px;height:368px;left:50%;margin-left:-157px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-file-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-file .umx-figure-box .umx-figure figure.umx-f1{background-size:84vw 98.13333vw;width:84vw;height:98.13333vw}}.xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-lg.jpg);background-size:1200px 683px;background-position:center;background-repeat:no-repeat;width:1200px;height:683px;left:50%;margin-left:-600px}@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){.xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-lg-x2.jpg)}}.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-lg.jpg.webp)}@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){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-xl.jpg);background-size:1600px 911px;background-position:center;background-repeat:no-repeat;width:1600px;height:911px;left:50%;margin-left:-800px}}@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){.xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-xl.jpg.webp)}}@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){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-md.jpg);background-size:900px 512px;background-position:center;background-repeat:no-repeat;width:900px;height:512px;left:50%;margin-left:-450px}}@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){.xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-md.jpg.webp)}}@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){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-mb.jpg);background-size:315px 368px;background-position:center;background-repeat:no-repeat;width:315px;height:368px;left:50%;margin-left:-157px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-file-img2-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-file .umx-figure-box .umx-figure figure.umx-f2{background-size:84vw 98.13333vw;width:84vw;height:98.13333vw}}.xnote-coordination{position:relative}.xnote-coordination .umx-figure-box{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1200px;height:auto;margin:50px 0 100px}@media (min-width:1921px){.xnote-coordination .umx-figure-box{width:2560px;height:1814px}}@media (max-width:1440px){.xnote-coordination .umx-figure-box{width:1440px;height:1020px;margin:18px 0 0}}@media (max-width:1000px){.xnote-coordination .umx-figure-box{width:100vw;height:341.06667vw}}.xnote-coordination .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-coordination .umx-figure-box .umx-figure .umx-txt{z-index:5;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;padding:60px 0 0 100px}.xnote-coordination .umx-figure-box .umx-figure .umx-txt .umx-p1{font-size:32px;color:#000;margin-bottom:14px}.xnote-coordination .umx-figure-box .umx-figure .umx-txt .umx-p2{font-size:18px;color:#86868b}.xnote-coordination .umx-figure-box .umx-figure .umx-box1{position:relative;width:100%;height:614px;overflow:hidden}@media (min-width:1921px){.xnote-coordination .umx-figure-box .umx-figure .umx-box1{width:1400px;height:818px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}@media (max-width:1440px){.xnote-coordination .umx-figure-box .umx-figure .umx-box1{width:880px;height:460px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}@media (max-width:1000px){.xnote-coordination .umx-figure-box .umx-figure .umx-box1{width:100%;height:368px}}.xnote-coordination .umx-figure-box .umx-figure .umx-box1 .umx-box1-video{position:absolute;width:100%;height:100%}.xnote-coordination .umx-figure-box .umx-figure .umx-box1 .umx-box1-video .umx-coordination-video-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%}.xnote-coordination .umx-figure-box .umx-figure .umx-box1 .umx-box1-video .umx-coordination-video-box video{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ie .xnote-coordination .umx-figure-box .umx-figure .umx-box1 .umx-box1-video .umx-coordination-video-box video{height:auto}.xnote-coordination .umx-figure-box .umx-figure .umx-box1 .umx-box1-video .umx-coordination-video-box-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}.xnote-coordination .umx-figure-box .umx-figure .umx-box1 .umx-button{position:absolute;width:50px;height:50px;bottom:30px;right:30px}@media (max-width:1000px){.xnote-coordination .umx-figure-box .umx-figure .umx-box1 .umx-button{display:none}}.xnote-coordination .umx-figure-box .umx-figure .umx-box1 .umx-button svg{position:absolute;cursor:pointer}.xnote-coordination .umx-figure-box .umx-figure .umx-box1 .umx-button svg.umx-video-pause{opacity:0}.xnote-coordination .umx-figure-box .umx-figure .umx-box2{position:relative;width:100%;height:687px;margin-top:30px;overflow:hidden}@media (min-width:1921px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2{width:1400px;height:916px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:60px}}@media (max-width:1440px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2{width:880px;height:575px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}@media (max-width:1000px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2{width:100%;height:100%;margin-top:0}}.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-1,.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2{position:absolute;width:570px;height:687px;overflow:hidden}@media (min-width:1921px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-1,.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2{width:670px;height:100%}}@media (max-width:1440px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-1,.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2{width:428px;height:100%}}@media (max-width:1000px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-1,.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2{position:relative;margin:0 auto;width:92vw;height:117.33333vw;margin-top:12px}}@media (min-width:1921px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-1 .umx-txt,.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2 .umx-txt{padding:74px 0 0 100px}}@media (max-width:1440px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-1 .umx-txt,.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2 .umx-txt{padding:42px 0 0 40px}}@media (max-width:1000px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-1 .umx-txt,.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2 .umx-txt{padding:36px 0 0 15px}}@media (min-width:1921px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-1 .umx-txt .umx-p1,.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2 .umx-txt .umx-p1{font-size:42px;margin-bottom:15px}}@media (max-width:1440px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-1 .umx-txt .umx-p1,.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2 .umx-txt .umx-p1{font-size:24px;margin-bottom:9px}}@media (max-width:1000px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-1 .umx-txt .umx-p1,.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2 .umx-txt .umx-p1{font-size:24px;margin-bottom:6px}}@media (min-width:1921px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-1 .umx-txt .umx-p2,.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2 .umx-txt .umx-p2{font-size:22px}}@media (max-width:1440px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-1 .umx-txt .umx-p2,.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2 .umx-txt .umx-p2{font-size:12px}}@media (max-width:1000px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-1 .umx-txt .umx-p2,.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2 .umx-txt .umx-p2{font-size:16px}}.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2{right:0}@media (min-width:1921px){.xnote-coordination .umx-figure-box .umx-figure .umx-box2 .umx-box2-2{margin-left:60px}}.xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-lg.jpg);background-size:1200px 615px;background-position:center;background-repeat:no-repeat;width:1200px;height:615px}@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){.xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-lg-x2.jpg)}}.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-lg.jpg.webp)}@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){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-xl.jpg);background-size:1400px 819px;background-position:center;background-repeat:no-repeat;width:1400px;height:819px}}@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){.xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-xl.jpg.webp)}}@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){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-md.jpg);background-size:880px 461px;background-position:center;background-repeat:no-repeat;width:880px;height:461px}}@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){.xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-md.jpg.webp)}}@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){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-mb.jpg);background-size:375px 368px;background-position:center;background-repeat:no-repeat;width:375px;height:368px;left:50%;margin-left:-187px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-image:url(../images/xnote-coordination-video-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-coordination .umx-figure-box .umx-figure figure.umx-video{background-size:100vw 98.13333vw;width:100vw;height:98.13333vw;margin-left:0;left:0}}.xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-lg.jpg);background-size:570px 687px;background-position:center;background-repeat:no-repeat;width:570px;height:687px}@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){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-lg-x2.jpg)}}.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-lg.jpg.webp)}@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){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-xl.jpg);background-size:670px 916px;background-position:center;background-repeat:no-repeat;width:670px;height:916px}}@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){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-xl.jpg.webp)}}@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){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-md.jpg);background-size:428px 516px;background-position:center;background-repeat:no-repeat;width:428px;height:516px}}@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){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-md.jpg.webp)}}@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){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-mb.jpg);background-size:345px 440px;background-position:center;background-repeat:no-repeat;width:345px;height:440px;left:50%;margin-left:-172px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-coordination-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f1{background-size:92vw 117.33333vw;width:92vw;height:117.33333vw;margin-left:0;left:0}}.xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-lg.jpg);background-size:570px 687px;background-position:center;background-repeat:no-repeat;width:570px;height:687px}@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){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-lg-x2.jpg)}}.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-lg.jpg.webp)}@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){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-xl.jpg);background-size:670px 916px;background-position:center;background-repeat:no-repeat;width:670px;height:916px}}@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){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-xl.jpg.webp)}}@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){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-md.jpg);background-size:428px 516px;background-position:center;background-repeat:no-repeat;width:428px;height:516px}}@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){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-md.jpg.webp)}}@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){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-mb.jpg);background-size:345px 440px;background-position:center;background-repeat:no-repeat;width:345px;height:440px;left:50%;margin-left:-172px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xnote-coordination-img2-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-coordination .umx-figure-box .umx-figure figure.umx-f2{background-size:92vw 117.33333vw;width:92vw;height:117.33333vw;margin-left:0;left:0}}.xnote-office-top{position:relative}.xnote-office-top .umx-section{padding:180px 0}@media (max-width:1440px){.xnote-office-top .umx-section{padding:100px 0}}@media (max-width:1000px){.xnote-office-top .umx-section{padding:100px 0 84px}}.xnote-office-top .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.xnote-office-top .umx-section .umx-title .umx-main-title{width:100%;font-size:102px;font-family:HanyiVar-vivo-hwid-70}@media (max-width:1440px){.xnote-office-top .umx-section .umx-title .umx-main-title{font-size:76px;margin-bottom:36px}}@media (max-width:1000px){.xnote-office-top .umx-section .umx-title .umx-main-title{font-size:56px;margin-bottom:38px}}.xnote-office-top .umx-section .umx-title .umx-intro{color:#000;font-size:24px;font-family:HanyiVar-vivo-hwid-70}@media (max-width:1440px){.xnote-office-top .umx-section .umx-title .umx-intro{font-size:18px}}@media (max-width:1000px){.xnote-office-top .umx-section .umx-title .umx-intro{font-size:18px;margin-left:100px}}.xnote-office{height:200vh}@media (min-width:1921px){.xnote-office .umx-section{padding-top:100px}}@media (max-width:1000px){.xnote-office .umx-section{position:absolute}}.xnote-office .umx-figure-b{position:relative;height:auto;width:100%}@media (min-width:1921px){.xnote-office .umx-figure-b{width:1200px}}@media (max-width:1440px){.xnote-office .umx-figure-b{width:900px}}@media (max-width:1000px){.xnote-office .umx-figure-b{height:auto;width:auto;margin:0 auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}@media (max-width:360px){.xnote-office .umx-figure-b{top:45%}}.xnote-office .umx-figure-box{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:1200px;height:710px}@media (max-width:1600px){.xnote-office .umx-figure-box{-webkit-transform:translate(-50%,-50%) scale(.8);-ms-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left}}@media (min-width:1921px){.xnote-office .umx-figure-box{width:1400px;height:1280px}}@media (max-width:1440px){.xnote-office .umx-figure-box{width:900px;height:787px;-webkit-transform:translate(-50%,-50%) scale(.9);-ms-transform:translate(-50%,-50%) scale(.9);transform:translate(-50%,-50%) scale(.9)}}@media (max-width:1024px){.xnote-office .umx-figure-box{-webkit-transform:translate(-50%,-50%) scale(.75);-ms-transform:translate(-50%,-50%) scale(.75);transform:translate(-50%,-50%) scale(.75)}}@media (max-width:1000px){.xnote-office .umx-figure-box{position:relative;width:auto;height:100vh;top:0;-webkit-transform:translateX(-50%) scale(1);-ms-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}}.xnote-office .umx-figure-box .umx-figure{position:absolute;width:3686px;height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}@media (min-width:1921px){.xnote-office .umx-figure-box .umx-figure{width:4657px;height:1280px}}@media (max-width:1440px){.xnote-office .umx-figure-box .umx-figure{width:2792px;height:787px}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure{position:relative;height:auto;width:292vw}}.xnote-office .umx-figure-box .umx-figure .umx-f1-box,.xnote-office .umx-figure-box .umx-figure .umx-f3-box,.xnote-office .umx-figure-box .umx-figure .umx-f4-box{position:relative;width:1200px;height:auto;margin:0 30px;overflow:hidden}@media (min-width:1921px){.xnote-office .umx-figure-box .umx-figure .umx-f1-box,.xnote-office .umx-figure-box .umx-figure .umx-f3-box,.xnote-office .umx-figure-box .umx-figure .umx-f4-box{width:1400px}}@media (max-width:1440px){.xnote-office .umx-figure-box .umx-figure .umx-f1-box,.xnote-office .umx-figure-box .umx-figure .umx-f3-box,.xnote-office .umx-figure-box .umx-figure .umx-f4-box{width:880px}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure .umx-f1-box,.xnote-office .umx-figure-box .umx-figure .umx-f3-box,.xnote-office .umx-figure-box .umx-figure .umx-f4-box{width:auto;height:auto;overflow:visible;margin:0 15px}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure .umx-f1-box .umx-oneclose-txt,.xnote-office .umx-figure-box .umx-figure .umx-f3-box .umx-oneclose-txt,.xnote-office .umx-figure-box .umx-figure .umx-f4-box .umx-oneclose-txt{width:100%;margin:20px 0 0;margin-left:0}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure .umx-f1-box .umx-oneclose-txt .umx-txt-p1,.xnote-office .umx-figure-box .umx-figure .umx-f3-box .umx-oneclose-txt .umx-txt-p1,.xnote-office .umx-figure-box .umx-figure .umx-f4-box .umx-oneclose-txt .umx-txt-p1{text-align:left;margin-left:0}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure .umx-f1-box .umx-oneclose-txt .umx-txt-p2,.xnote-office .umx-figure-box .umx-figure .umx-f3-box .umx-oneclose-txt .umx-txt-p2,.xnote-office .umx-figure-box .umx-figure .umx-f4-box .umx-oneclose-txt .umx-txt-p2{width:auto;margin-left:0}}.xnote-office .umx-figure-box .umx-figure .umx-f1-box .umx-oneclose-txt.umx-oneclose-txt4 .umx-txt-p1,.xnote-office .umx-figure-box .umx-figure .umx-f3-box .umx-oneclose-txt.umx-oneclose-txt4 .umx-txt-p1,.xnote-office .umx-figure-box .umx-figure .umx-f4-box .umx-oneclose-txt.umx-oneclose-txt4 .umx-txt-p1{text-align:left}.xnote-office .umx-figure-box .umx-figure .umx-f1-box{margin:0 30px 0 0}@media (min-width:1921px){.xnote-office .umx-figure-box .umx-figure .umx-f1-box{width:1400px}}@media (max-width:1440px){.xnote-office .umx-figure-box .umx-figure .umx-f1-box{width:880px}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure .umx-f1-box{width:84vw;position:relative;margin:0 0 0 30px}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure .umx-f1-box .umx-oneclose-txt{padding:0}}.xnote-office .umx-figure-box .umx-figure .umx-f3-box{width:1106px}@media (min-width:1921px){.xnote-office .umx-figure-box .umx-figure .umx-f3-box{width:1474px}}@media (max-width:1440px){.xnote-office .umx-figure-box .umx-figure .umx-f3-box{width:830px}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure .umx-f3-box{width:100vw}}.xnote-office .umx-figure-box .umx-figure .umx-f3-box .umx-txt-p2{width:23%}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure .umx-f3-box .umx-txt-p2{width:auto}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure .umx-f3-box .umx-oneclose-txt3{padding-left:24px}}@media (min-width:1921px){.xnote-office .umx-figure-box .umx-figure .umx-f4-box{width:1603px}}@media (max-width:1440px){.xnote-office .umx-figure-box .umx-figure .umx-f4-box{width:902px}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure .umx-f4-box{width:84vw}}.xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-lg.jpg);background-size:1200px 622px;background-position:center;background-repeat:no-repeat;width:1200px;height:622px}@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){.xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-lg-x2.jpg)}}.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-lg.jpg.webp)}@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){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-xl.jpg);background-size:1400px 830px;background-position:center;background-repeat:no-repeat;width:1400px;height:830px}}@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){.xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-xl.jpg.webp)}}@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){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-md.jpg);background-size:880px 468px;background-position:center;background-repeat:no-repeat;width:880px;height:468px}}@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){.xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-md.jpg.webp)}}@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){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-mb.jpg);background-size:315px 414px;background-position:center;background-repeat:no-repeat;width:315px;height:414px;left:50%;margin-left:-157px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-office-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure figure.umx-f1{background-size:84vw 110.4vw;width:84vw;height:110.4vw;margin-left:0;left:0}}.xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-lg.jpg);background-size:1106px 622px;background-position:center;background-repeat:no-repeat;width:1106px;height:622px}@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){.xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-lg-x2.jpg)}}.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-lg.jpg.webp)}@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){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-xl.jpg);background-size:1474px 830px;background-position:center;background-repeat:no-repeat;width:1474px;height:830px}}@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){.xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-xl.jpg.webp)}}@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){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-md.jpg);background-size:830px 468px;background-position:center;background-repeat:no-repeat;width:830px;height:468px}}@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){.xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-md.jpg.webp)}}@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){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-mb.jpg);background-size:375px 331px;background-position:center;background-repeat:no-repeat;width:375px;height:331px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xnote-office-img3-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure figure.umx-f3{background-size:100vw 88.26667vw;width:100vw;height:88.26667vw}}.xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-lg.jpg);background-size:1200px 622px;background-position:center;background-repeat:no-repeat;width:1200px;height:622px}@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){.xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-lg-x2.jpg)}}.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-lg.jpg.webp)}@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){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-xl.jpg);background-size:1603px 829px;background-position:center;background-repeat:no-repeat;width:1603px;height:829px}}@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){.xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-xl.jpg.webp)}}@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){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-md.jpg);background-size:902px 466px;background-position:center;background-repeat:no-repeat;width:902px;height:466px}}@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){.xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-md.jpg.webp)}}@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){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-mb.jpg);background-size:315px 368px;background-position:center;background-repeat:no-repeat;width:315px;height:368px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xnote-office-img4-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure figure.umx-f4{background-size:84vw 98.13333vw;width:84vw;height:98.13333vw}}.xnote-office .umx-figure-box .umx-figure figure.umx-f4_1{position:absolute;top:0}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure figure.umx-f4_1{background-image:url(../images/xnote-office-img4_1-mb.jpg);background-size:315px 368px;background-position:center;background-repeat:no-repeat;width:315px;height:368px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-office .umx-figure-box .umx-figure figure.umx-f4_1{background-image:url(../images/xnote-office-img4_1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f4_1{background-image:url(../images/xnote-office-img4_1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-office .umx-figure-box .umx-figure figure.umx-f4_1{background-image:url(../images/xnote-office-img4_1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-office .umx-figure-box .umx-figure figure.umx-f4_1{background-size:84vw 98.13333vw;width:84vw;height:98.13333vw}}.xnote-office .umx-txt-box{position:relative;width:1200px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:30px}@media (max-width:1440px){.xnote-office .umx-txt-box{width:900px}}.xnote-office .umx-oneclose-txt{position:relative;z-index:2;width:100%;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;margin-top:50px}@media (min-width:1921px){.xnote-office .umx-oneclose-txt{margin-top:80px}}@media (max-width:1440px){.xnote-office .umx-oneclose-txt{width:900px}}@media (max-width:1000px){.xnote-office .umx-oneclose-txt{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}}.xnote-office .umx-oneclose-txt .umx-txt-p1{font-size:32px;line-height:1;width:30%;text-align:center}@media (min-width:1921px){.xnote-office .umx-oneclose-txt .umx-txt-p1{font-size:40px}}@media (max-width:1440px){.xnote-office .umx-oneclose-txt .umx-txt-p1{font-size:24px;width:40%}}@media (max-width:1000px){.xnote-office .umx-oneclose-txt .umx-txt-p1{width:auto}}.xnote-office .umx-oneclose-txt .umx-txt-p1 sup{position:absolute;font-size:16px}@media (max-width:1440px){.xnote-office .umx-oneclose-txt .umx-txt-p1 sup{font-size:10px}}.xnote-office .umx-oneclose-txt .umx-txt-p2{color:#86868b;font-size:16px}@media (min-width:1921px){.xnote-office .umx-oneclose-txt .umx-txt-p2{font-size:20px}}@media (max-width:1440px){.xnote-office .umx-oneclose-txt .umx-txt-p2{font-size:12px}}@media (max-width:1000px){.xnote-office .umx-oneclose-txt .umx-txt-p2{width:auto;margin-top:6px;font-size:16px;width:35%}}.xnote-office .umx-oneclose-txt .umx-oneclose-txt1{position:relative}@media (max-width:1000px){.xnote-office .umx-oneclose-txt .umx-oneclose-txt1{position:absolute}}.xnote-office .umx-oneclose-txt.umx-oneclose-txt2{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:340px;display:inline-block}@media (min-width:1921px){.xnote-office .umx-oneclose-txt.umx-oneclose-txt2{left:600px}}@media (max-width:1440px){.xnote-office .umx-oneclose-txt.umx-oneclose-txt2{left:140px}}.xnote-office .umx-oneclose-txt.umx-oneclose-txt2 .umx-txt-p1,.xnote-office .umx-oneclose-txt.umx-oneclose-txt2 .umx-txt-p2{width:100%;text-align:left;margin-left:50px}.xnote-office .umx-oneclose-txt.umx-oneclose-txt2 .umx-txt-p1{margin-bottom:10px}.xnote-office .umx-oneclose-txt.umx-oneclose-txt2 .umx-oneclose-txt2-1{margin-bottom:70px}@media (max-width:1000px){.xnote-office .umx-oneclose-txt.umx-oneclose-txt2 .umx-oneclose-txt2-1{width:50%;margin-bottom:0}}@media (max-width:1000px){.xnote-office .umx-oneclose-txt.umx-oneclose-txt2 .umx-oneclose-txt2-2{width:50%;margin-left:8vw}}.xnote-office .umx-oneclose-txt.umx-oneclose-txt2 .umx-txt2-line{position:absolute;width:3px;height:170px;background-color:#b4b4b4}@media (max-width:1000px){.xnote-office .umx-oneclose-txt.umx-oneclose-txt2 .umx-txt2-line{display:none}}.xnote-office .umx-oneclose-txt.umx-oneclose-txt2 .umx-txt2-line .umx-txt2-line-c{position:absolute;width:100%;height:50%;background-color:#000}.xnote-water-top{position:relative}.xnote-water-top .umx-section{padding:200px 0 100px;position:relative}@media (max-width:1440px){.xnote-water-top .umx-section{padding:114px 0 0}}@media (max-width:1000px){.xnote-water-top .umx-section{padding:96px 0}}.xnote-water-top .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.xnote-water-top .umx-section .umx-title .umx-main-title{width:100%;font-size:102px;font-family:HanyiVar-vivo-hwid-70}@media (max-width:1440px){.xnote-water-top .umx-section .umx-title .umx-main-title{font-size:76px}}@media (max-width:1000px){.xnote-water-top .umx-section .umx-title .umx-main-title{font-size:56px;margin-bottom:38px}}.xnote-water-top .umx-section .umx-title .umx-intro{font-size:24px;font-family:HanyiVar-vivo-hwid-70}@media (max-width:1000px){.xnote-water-top .umx-section .umx-title .umx-intro{font-size:18px}}.xnote-water{position:relative}.xnote-water .umx-section{padding-top:0;position:absolute;top:45%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}@media (max-width:1000px){.xnote-water .umx-section{top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);position:relative;padding-top:60px}}.xnote-water .umx-figure-box{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1079px;height:1170px;margin:100px 0 100px 400px}@media (min-width:1921px){.xnote-water .umx-figure-box{width:2560px;height:1560px;margin:100px 0 200px 400px}}@media (max-width:1440px){.xnote-water .umx-figure-box{width:809px;height:887px;margin:115px 0 72px 200px}}@media (max-width:1000px){.xnote-water .umx-figure-box{width:100vw;height:152.8vw;margin:0}}.xnote-water .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-water .umx-figure-box .umx-figure figure{position:absolute}.xnote-water .umx-figure-box .umx-figure figure.umx-f1{margin-left:-160px;background-image:url(../images/xnote-water-img1-lg.jpg);background-size:1079px 1170px;background-position:center;background-repeat:no-repeat;width:1079px;height:1170px}@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){.xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-lg-x2.jpg)}}.webp .xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-lg.jpg.webp)}@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){.webp .xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-xl.jpg);background-size:1439px 1560px;background-position:center;background-repeat:no-repeat;width:1439px;height:1560px;left:50%;margin-left:-719px}}@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){.xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-xl.jpg.webp)}}@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){.webp .xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-md.jpg);background-size:809px 887px;background-position:center;background-repeat:no-repeat;width:809px;height:887px;left:50%;margin-left:-404px}}@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){.xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-md.jpg.webp)}}@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){.webp .xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-mb.jpg);background-size:375px 573px;background-position:center;background-repeat:no-repeat;width:375px;height:573px;left:50%;margin-left:-187px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-water-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-water .umx-figure-box .umx-figure figure.umx-f1{background-size:100vw 152.8vw;width:100vw;height:152.8vw;margin-left:0;left:0}}.xnote-natural-top{position:relative}.xnote-natural-top .umx-section{padding:140px 0 0;position:relative}@media (min-width:1921px){.xnote-natural-top .umx-section{padding:160px 0 0}}@media (max-width:1000px){.xnote-natural-top .umx-section{padding:98px 0 38px}}.xnote-natural-top .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.xnote-natural-top .umx-section .umx-title .umx-main-title{width:100%;font-size:102px;font-family:HanyiVar-vivo-hwid-70}@media (max-width:1440px){.xnote-natural-top .umx-section .umx-title .umx-main-title{font-size:76px;margin-bottom:36px}}@media (max-width:1000px){.xnote-natural-top .umx-section .umx-title .umx-main-title{font-size:56px;margin-bottom:38px}}.xnote-natural-top .umx-section .umx-title .umx-intro{color:#fff;font-size:24px;font-family:HanyiVar-vivo-hwid-70}@media (max-width:1440px){.xnote-natural-top .umx-section .umx-title .umx-intro{font-size:18px}}@media (max-width:1000px){.xnote-natural-top .umx-section .umx-title .umx-intro{font-size:18px}}.xnote-natural{position:relative}.xnote-natural .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media (max-width:1000px){.xnote-natural .umx-section .umx-title{display:block}}.xnote-natural .umx-section .umx-title .umx-main-title{width:50%;line-height:1}@media (max-width:1000px){.xnote-natural .umx-section .umx-title .umx-main-title{width:100%}}.xnote-natural .umx-section .umx-title .umx-intro,.xnote-natural .umx-section .umx-title .umx-main-title{margin-bottom:0}@media (max-width:1000px){.xnote-natural .umx-section .umx-title .umx-intro,.xnote-natural .umx-section .umx-title .umx-main-title{margin-bottom:15px}}.xnote-natural .umx-figure-box{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1200px;height:800px;margin:100px 0}@media (min-width:1921px){.xnote-natural .umx-figure-box{width:1600px;height:1067px}}@media (max-width:1440px){.xnote-natural .umx-figure-box{width:900px;height:600px;margin:60px 0}}@media (max-width:1000px){.xnote-natural .umx-figure-box{width:84vw;height:56vw;margin:40px 0 50px}}.xnote-natural .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-lg.jpg);background-size:1200px 800px;background-position:center;background-repeat:no-repeat;width:1200px;height:800px}@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){.xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-lg-x2.jpg)}}.webp .xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-lg.jpg.webp)}@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){.webp .xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-xl.jpg);background-size:1600px 1067px;background-position:center;background-repeat:no-repeat;width:1600px;height:1067px}}@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){.xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-xl.jpg.webp)}}@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){.webp .xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-md.jpg);background-size:900px 600px;background-position:center;background-repeat:no-repeat;width:900px;height:600px}}@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){.xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-md.jpg.webp)}}@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){.webp .xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-mb.jpg);background-size:315px 210px;background-position:center;background-repeat:no-repeat;width:315px;height:210px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xnote-natural-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-natural .umx-figure-box .umx-figure figure.umx-f1{background-size:84vw 56vw;width:84vw;height:56vw;margin-left:0}}.xnote-voice{position:relative}.xnote-voice .umx-section{padding-top:90px}@media (max-width:1000px){.xnote-voice .umx-section{padding-top:60px}}.xnote-voice .umx-section .umx-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}@media (max-width:1000px){.xnote-voice .umx-section .umx-title{display:block}}.xnote-voice .umx-section .umx-title .umx-title-l,.xnote-voice .umx-section .umx-title .umx-title-r{width:50%}@media (max-width:1000px){.xnote-voice .umx-section .umx-title .umx-title-l,.xnote-voice .umx-section .umx-title .umx-title-r{display:block;width:100%}}.xnote-voice .umx-section .umx-title .umx-title-r{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1000px){.xnote-voice .umx-section .umx-title .umx-title-r{padding-left:24px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}@media (max-width:1000px){.xnote-voice .umx-section .umx-title .umx-title-r.umx-mb-hide{display:none!important}}.xnote-voice .umx-section .umx-title .umx-title-r.umx-mb-show{display:none!important}@media (max-width:1000px){.xnote-voice .umx-section .umx-title .umx-title-r.umx-mb-show{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}}.xnote-voice .umx-section .umx-title .umx-title-r img,.xnote-voice .umx-section .umx-title .umx-title-r svg{width:100px;height:100px;margin-bottom:20px}@media (max-width:1440px){.xnote-voice .umx-section .umx-title .umx-title-r img,.xnote-voice .umx-section .umx-title .umx-title-r svg{width:80px;height:80px;margin-bottom:14px}}@media (max-width:1000px){.xnote-voice .umx-section .umx-title .umx-title-r img,.xnote-voice .umx-section .umx-title .umx-title-r svg{width:60px;height:60px;margin-bottom:10px}}.xnote-voice .umx-section .umx-title .umx-title-r p{font-size:32px;display:inline-block}@media (min-width:1921px){.xnote-voice .umx-section .umx-title .umx-title-r p{font-size:42px}}@media (max-width:1440px){.xnote-voice .umx-section .umx-title .umx-title-r p{font-size:24px}}@media (max-width:1000px){.xnote-voice .umx-section .umx-title .umx-title-r p{margin-right:16px}}.xnote-voice .umx-section .umx-title .umx-data-items{margin-top:0;width:100%;display:block}@media (max-width:1000px){.xnote-voice .umx-section .umx-title .umx-data-items{width:auto;margin-top:54px}}.xnote-voice .umx-section .umx-title .umx-data-items ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:1000px){.xnote-voice .umx-section .umx-title .umx-data-items ul{-ms-flex-wrap:wrap;flex-wrap:wrap}}.xnote-voice .umx-section .umx-title .umx-data-items ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width:1000px){.xnote-voice .umx-section .umx-title .umx-data-items ul li{width:40%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.xnote-voice .umx-section .umx-title .umx-data-items ul li img,.xnote-voice .umx-section .umx-title .umx-data-items ul li svg{width:90px;height:90px}@media (max-width:1440px){.xnote-voice .umx-section .umx-title .umx-data-items ul li img,.xnote-voice .umx-section .umx-title .umx-data-items ul li svg{width:66px;height:66px}}@media (max-width:1000px){.xnote-voice .umx-section .umx-title .umx-data-items ul li img,.xnote-voice .umx-section .umx-title .umx-data-items ul li svg{width:50px;height:50px}}.xnote-voice .umx-section .umx-title .umx-data-items ul li strong{font-size:22px;margin:16px 0 8px 0}@media (min-width:1921px){.xnote-voice .umx-section .umx-title .umx-data-items ul li strong{font-size:28px;margin:18px 0 10px 0}}@media (max-width:1440px){.xnote-voice .umx-section .umx-title .umx-data-items ul li strong{font-size:16px;margin:10px 0 6px 0}}@media (max-width:1000px){.xnote-voice .umx-section .umx-title .umx-data-items ul li strong{font-size:18px;margin:0 0 6px 0}}.xnote-voice .umx-section .umx-title .umx-data-items ul li p{font-size:16px;color:#86868b;text-align:center}@media (min-width:1921px){.xnote-voice .umx-section .umx-title .umx-data-items ul li p{font-size:20px}}@media (max-width:1440px){.xnote-voice .umx-section .umx-title .umx-data-items ul li p{font-size:12px;margin:0 0 6px 0}}@media (max-width:1000px){.xnote-voice .umx-section .umx-title .umx-data-items ul li p{font-size:14px;text-align:left}}.xnote-voice .umx-section1{position:absolute}.xnote-voice .umx-section2{position:absolute;bottom:50px}@media (min-width:1921px){.xnote-voice .umx-section2{bottom:80px}}@media (max-width:1440px){.xnote-voice .umx-section2{bottom:30px}}@media (max-width:1000px){.xnote-voice .umx-section2{position:relative;padding-bottom:20px;padding-top:0;margin-top:-50px}}.xnote-voice .umx-figure-box{position:relative;width:1920px;height:1080px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin-top:120px;margin-bottom:50px}@media (min-width:1921px){.xnote-voice .umx-figure-box{width:2560px;height:1300px}}@media (max-width:1440px){.xnote-voice .umx-figure-box{width:1440px;height:700px}}@media (max-width:1000px){.xnote-voice .umx-figure-box{width:100vw;height:119.46667vw;margin-top:50px}}.xnote-voice .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-lg.jpg);background-size:1920px 1080px;background-position:center;background-repeat:no-repeat;width:1920px;height:1080px}@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){.xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-lg-x2.jpg)}}.webp .xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-lg.jpg.webp)}@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){.webp .xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-xl.jpg);background-size:2560px 1300px;background-position:center;background-repeat:no-repeat;width:2560px;height:1300px}}@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){.xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-xl.jpg.webp)}}@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){.webp .xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-md.jpg);background-size:1440px 700px;background-position:center;background-repeat:no-repeat;width:1440px;height:700px}}@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){.xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-md.jpg.webp)}}@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){.webp .xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-mb.jpg);background-size:375px 448px;background-position:center;background-repeat:no-repeat;width:375px;height:448px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-voice .umx-figure-box .umx-figure .umx-f1{background-image:url(../images/xnote-voice-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-voice .umx-figure-box .umx-figure .umx-f1{background-size:100vw 119.46667vw;width:100vw;height:119.46667vw;margin-left:0}}.xnote-voice .umx-figure-box .umx-figure .umx-voice-video-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%}.xnote-voice .umx-figure-box .umx-figure .umx-voice-video-box video{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.xnote-voice .umx-figure-box .umx-figure .umx-voice-video-box-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}.xnote-exclusive .xnote-system-i{background-color:#f6f6f6}.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-main-title{text-align:center;color:#000}@media (max-width:1440px){.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-main-title{font-size:48px}}@media (max-width:1000px){.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-main-title{text-align:left;padding-left:30px;font-size:32px}}.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items{margin-top:90px}@media (max-width:1440px){.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items{margin-top:72px}}.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:1000px){.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul{-ms-flex-wrap:wrap;flex-wrap:wrap}}.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul li{margin-bottom:100px}@media (max-width:1440px){.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul li{margin-bottom:82px}}@media (max-width:1000px){.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul li{width:48%;margin-bottom:50px}}.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul li img{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:80px}@media (max-width:1440px){.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul li img{height:80px}}@media (max-width:1000px){.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul li img{left:0;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);height:50px}}.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul li strong{color:#000;font-size:32px;text-align:center;margin:20px 0 14px 0}@media (min-width:1921px){.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul li strong{margin:30px 0 20px 0}}@media (max-width:1440px){.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul li strong{font-size:24px;margin:18px 0 12px 0}}@media (max-width:1000px){.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul li strong{text-align:left;font-size:18px;margin:10px 0 4px 0}}.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul li p{text-align:center}@media (max-width:1440px){.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul li p{font-size:12px}}@media (max-width:1000px){.xnote-exclusive .xnote-system-i .umx-section .umx-title .umx-data-items ul li p{text-align:left;font-size:16px}}.xnote-scene{position:relative}.xnote-scene .umx-figure-box{position:relative;width:1200px;height:680px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:67px 0 100px}@media (min-width:1921px){.xnote-scene .umx-figure-box{width:1680px;height:952px;margin:80px 0 120px}}@media (max-width:1440px){.xnote-scene .umx-figure-box{width:840px;height:476px;margin:50px 0 80px}}@media (max-width:1000px){.xnote-scene .umx-figure-box{width:100.08889vw;height:56.71111vw;margin:36px 0 40px}}.xnote-scene .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-scene .umx-figure-box .umx-figure .umx-video-stable{position:relative;width:100%;height:100%}.xnote-scene .umx-figure-box .umx-figure .umx-video-stable .umx-video-box{position:absolute;width:100%;height:100%;top:0;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.xnote-scene .umx-figure-box .umx-figure .umx-video-stable .umx-video-box .umx-stable-video1-box,.xnote-scene .umx-figure-box .umx-figure .umx-video-stable .umx-video-box .umx-stable-video2-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:100%}.xnote-scene .umx-figure-box .umx-figure .umx-video-stable .umx-video-box .umx-stable-video1-box video,.xnote-scene .umx-figure-box .umx-figure .umx-video-stable .umx-video-box .umx-stable-video2-box video{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ie .xnote-scene .umx-figure-box .umx-figure .umx-video-stable .umx-video-box .umx-stable-video1-box video,.ie .xnote-scene .umx-figure-box .umx-figure .umx-video-stable .umx-video-box .umx-stable-video2-box video{height:auto}.xnote-scene .umx-figure-box .umx-figure .umx-video-stable .umx-video-box .umx-stable-video1-box-img,.xnote-scene .umx-figure-box .umx-figure .umx-video-stable .umx-video-box .umx-stable-video2-box-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}.xnote-scene .umx-figure-box .umx-figure .umx-video-stable .umx-video-box.umx-current{opacity:1}.xnote-scene .umx-figure-box .umx-btn-box{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:160px;bottom:34px;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:1440px){.xnote-scene .umx-figure-box .umx-btn-box{bottom:20px;width:120px}}@media (max-width:1000px){.xnote-scene .umx-figure-box .umx-btn-box{bottom:10px;width:100px}}.xnote-scene .umx-figure-box .umx-btn-box .umx-btn{width:80px;height:36px;background:#d8d8d8;opacity:.3;text-align:center;cursor:pointer}@media (max-width:1440px){.xnote-scene .umx-figure-box .umx-btn-box .umx-btn{width:60px;height:26px}}@media (max-width:1000px){.xnote-scene .umx-figure-box .umx-btn-box .umx-btn{width:50px;height:20px}}.xnote-scene .umx-figure-box .umx-btn-box .umx-btn p{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);color:#fff}.xnote-scene .umx-figure-box .umx-btn-box .umx-btn.umx-current{opacity:1}.xnote-sight{position:relative;height:200vh}.xnote-sight .umx-sight-pin{position:absolute;width:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:1024px){.xnote-sight .umx-sight-pin{-webkit-transform:translate(-50%,-50%) scale(.8);-ms-transform:translate(-50%,-50%) scale(.8);transform:translate(-50%,-50%) scale(.8)}}@media (max-width:1000px){.xnote-sight .umx-sight-pin{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.xnote-sight .umx-section{padding-top:0}.xnote-sight .umx-figure-box{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:1081.88px;height:601.14px;margin-top:50px}@media (min-width:1921px){.xnote-sight .umx-figure-box{width:1442.22px;height:801.52px}}@media (max-width:1440px){.xnote-sight .umx-figure-box{width:848.7px;height:471.6px;margin-top:30px}}@media (max-width:1000px){.xnote-sight .umx-figure-box{width:84vw;height:auto;margin-top:30px}}.xnote-sight .umx-figure-box .umx-figure{position:relative;width:100%;height:100%}.xnote-sight .umx-figure-box .umx-figure figure{position:absolute;top:0;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-lg.jpg);background-size:1081px 601px;background-position:center;background-repeat:no-repeat;width:1081px;height:601px}@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){.xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-lg-x2.jpg)}}.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-lg.jpg.webp)}@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){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-xl.jpg);background-size:1442px 801px;background-position:center;background-repeat:no-repeat;width:1442px;height:801px}}@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){.xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-xl.jpg.webp)}}@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){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-md.jpg);background-size:848px 471px;background-position:center;background-repeat:no-repeat;width:848px;height:471px}}@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){.xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-md.jpg.webp)}}@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){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-mb.jpg);background-size:315px 369px;background-position:center;background-repeat:no-repeat;width:315px;height:369px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-image:url(../images/xflod-sight-img1-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f1{background-size:84vw 98.4vw;width:84vw;height:98.4vw;margin-left:0}}.xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-lg.jpg);background-size:1081px 601px;background-position:center;background-repeat:no-repeat;width:1081px;height:601px}@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){.xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-lg-x2.jpg)}}.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-lg.jpg.webp)}@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){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-xl.jpg);background-size:1442px 801px;background-position:center;background-repeat:no-repeat;width:1442px;height:801px}}@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){.xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-xl.jpg.webp)}}@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){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-md.jpg);background-size:848px 471px;background-position:center;background-repeat:no-repeat;width:848px;height:471px}}@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){.xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-md.jpg.webp)}}@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){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-mb.jpg);background-size:315px 369px;background-position:center;background-repeat:no-repeat;width:315px;height:369px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-image:url(../images/xflod-sight-img2-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f2{background-size:84vw 98.4vw;width:84vw;height:98.4vw;margin-left:0}}.xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-lg.jpg);background-size:1081px 601px;background-position:center;background-repeat:no-repeat;width:1081px;height:601px}@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){.xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-lg-x2.jpg)}}.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-lg.jpg.webp)}@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){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-xl.jpg);background-size:1442px 801px;background-position:center;background-repeat:no-repeat;width:1442px;height:801px}}@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){.xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-xl.jpg.webp)}}@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){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-md.jpg);background-size:848px 471px;background-position:center;background-repeat:no-repeat;width:848px;height:471px}}@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){.xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-md.jpg.webp)}}@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){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-mb.jpg);background-size:315px 369px;background-position:center;background-repeat:no-repeat;width:315px;height:369px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-image:url(../images/xflod-sight-img3-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f3{background-size:84vw 98.4vw;width:84vw;height:98.4vw;margin-left:0}}.xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-lg.jpg);background-size:1081px 601px;background-position:center;background-repeat:no-repeat;width:1081px;height:601px}@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){.xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-lg-x2.jpg)}}.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-lg.jpg.webp)}@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){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-lg-x2.jpg.webp)}}@media (min-width:1921px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-xl.jpg);background-size:1442px 801px;background-position:center;background-repeat:no-repeat;width:1442px;height:801px}}@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){.xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-xl-x2.jpg)}}@media (min-width:1921px){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-xl.jpg.webp)}}@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){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-xl-x2.jpg.webp)}}@media (max-width:1440px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-md.jpg);background-size:848px 471px;background-position:center;background-repeat:no-repeat;width:848px;height:471px}}@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){.xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-md-x2.jpg)}}@media (max-width:1440px){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-md.jpg.webp)}}@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){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-md-x2.jpg.webp)}}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-mb.jpg);background-size:315px 369px;background-position:center;background-repeat:no-repeat;width:315px;height:369px}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-mb-x2.jpg)}}@media (max-width:1000px){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-mb.jpg.webp)}}@media only screen and (max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1000px) and (min-resolution:1.5dppx),(max-width:1000px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:1000px) and (min-resolution:144dpi){.webp .xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-image:url(../images/xflod-sight-img4-mb-x2.jpg.webp)}}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure figure.umx-f4{background-size:84vw 98.4vw;width:84vw;height:98.4vw;margin-left:0}}.xnote-sight .umx-figure-box .umx-figure figure.umx-current{opacity:1}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure .umx-picture{position:relative;width:84vw;height:98.4vw}}.xnote-sight .umx-figure-box .umx-figure .umx-progress{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-left:-140px}@media (max-width:1440px){.xnote-sight .umx-figure-box .umx-figure .umx-progress{margin-left:-100px;-webkit-transform:translateY(-50%) scale(.8);-ms-transform:translateY(-50%) scale(.8);transform:translateY(-50%) scale(.8)}}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure .umx-progress{position:relative;top:0;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);margin-left:0;margin-top:26px}}.xnote-sight .umx-figure-box .umx-figure .umx-progress svg{position:absolute;margin-left:-24px;margin-top:-6px}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure .umx-progress svg{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);margin-top:-12px;margin-left:-3px}}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure .umx-progress ul{width:-webkit-max-content;width:-moz-max-content;width:max-content}}.xnote-sight .umx-figure-box .umx-figure .umx-progress ul li{width:12px;height:1px;background-color:#86868b;margin:10px 0;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure .umx-progress ul li{width:1px;height:7px;margin:0;display:inline-block}}.xnote-sight .umx-figure-box .umx-figure .umx-progress ul li p{position:absolute;font-size:28px;color:#5b677e;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-left:27px}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure .umx-progress ul li p{font-size:14px;margin-left:0;-webkit-transform:none;-ms-transform:none;transform:none;top:20px}}.xnote-sight .umx-figure-box .umx-figure .umx-progress ul li p span{font-size:20px;color:#5b677e}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure .umx-progress ul li p span{font-size:10px;margin-left:0}}.xnote-sight .umx-figure-box .umx-figure .umx-progress ul li.umx-li-l{width:20px;height:2px}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure .umx-progress ul li.umx-li-l{width:2px;height:12px}}.xnote-sight .umx-figure-box .umx-figure .umx-progress ul li:first-child{margin:0 10px 0 0}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure .umx-progress ul li:first-child{margin:0}}.xnote-sight .umx-figure-box .umx-figure .umx-progress ul li:last-child{margin:10px 0 0 0}@media (max-width:1000px){.xnote-sight .umx-figure-box .umx-figure .umx-progress ul li:last-child{margin:0}}.xnote-sight .umx-figure-box .umx-figure .umx-progress ul li.umx-current{background-color:#000}.stage-service{background-color:#fff;position:relative;overflow:hidden}.stage-service .ac-service-content,.stage-service .ac-special-content{padding:40px 0;margin:auto;width:1200px}@media (max-width:720px){.stage-service .ac-service-content,.stage-service .ac-special-content{padding:20px 0}}@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}}@media (max-width:1232px){.stage-service .ac-service-content,.stage-service .ac-special-content{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-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:FZLT-HJ;line-height:23px}.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}.stage-service .ac-special-content ul li b:before{position:relative;top:-2px;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}@media (max-width:720px){.stage-service .ac-service-content ul li b{margin:20px 0}}.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 60px;color:#666;height:46px}@media (min-width:1921px){.stage-service .ac-service-content ul li p{height:60px}}@media (max-width:1440px){.stage-service .ac-service-content ul li p{height:36px}}@media (max-width:1080px){.stage-service .ac-service-content ul li p{height:26px}}@media (max-width:720px){.stage-service .ac-service-content ul li p{height:24px}}@media (min-width:1080px) and (max-width:1440px){.stage-service .ac-service-content ul li p{height:46px}}@media (min-width:720px) and (max-width:1080px){.stage-service .ac-service-content ul li p{height:46px}}@media (max-width:720px){.stage-service .ac-service-content ul li p{height:42px}}@media (max-width:1160px){.stage-service .ac-service-content ul li p{padding:20px 2em 0 2em}}@media (max-width:966px){.stage-service .ac-service-content ul li p{padding:20px 1em 0 1em}}@media (max-width:768px){.stage-service .ac-service-content ul li p{padding:15px 2em 0 2em}}.stage-service .ac-service-content ul li .ext-more-link{padding-top:20px}@media (max-width:720px){.stage-service .ac-service-content ul li .ext-more-link{padding-top:15px}}.stage-showcase{font-family:FZLT-HJ;background-color:#fff;position:relative;overflow:hidden}.stage-showcase .stage-sc-title{text-align:center;padding-top:100px;margin:auto;width:620px;font-family:FZLT-HJ}@media (max-width:720px){.stage-showcase .stage-sc-title{padding-top:70px;width:auto}}.stage-showcase .stage-sc-title h2{line-height:1em;color:#000;font-family:FZLT-HJ;font-size:50px}@media (min-width:1921px){.stage-showcase .stage-sc-title h2{font-size:60px}}@media (max-width:1440px){.stage-showcase .stage-sc-title h2{font-size:50px}}@media (max-width:1080px){.stage-showcase .stage-sc-title h2{font-size:50px}}@media (max-width:720px){.stage-showcase .stage-sc-title h2{font-size:24px}}.stage-showcase .stage-sc-title h3{line-height:1em;color:#000;padding-top:15px;font-weight:400;font-size:40px}@media (min-width:1921px){.stage-showcase .stage-sc-title h3{font-size:50px}}@media (max-width:1440px){.stage-showcase .stage-sc-title h3{font-size:40px}}@media (max-width:1080px){.stage-showcase .stage-sc-title h3{font-size:40px}}@media (max-width:720px){.stage-showcase .stage-sc-title h3{font-size:18px}}.stage-showcase .stage-sc-title .buy-more-link{position:relative;padding-top:30px}@media (max-width:720px){.stage-showcase .stage-sc-title .buy-more-link{padding-top:20px}}.stage-showcase .stage-sc-title .buy-more-link a.line-link{top:0}.stage-showcase .stage-sc-row{margin:auto;margin-bottom:100px;width:700px}.stage-showcase .stage-sc-row:after{content:".";display:block;height:0;clear:both;visibility:hidden}.stage-showcase .stage-sc-row * html{height:1px}@media (min-width:1921px){.stage-showcase .stage-sc-row{width:940px}}@media (max-width:1440px){.stage-showcase .stage-sc-row{width:700px}}@media (max-width:1080px){.stage-showcase .stage-sc-row{width:540px}}@media (max-width:720px){.stage-showcase .stage-sc-row{width:340px}}@media (max-width:720px){.stage-showcase .stage-sc-row{margin-bottom:50px}}.stage-showcase .stage-sc-row .stage-sc-col{text-align:center;width:50%}.stage-showcase .stage-sc-row .stage-sc-col p{line-height:1em;font-size:25px;color:#000}@media (max-width:720px){.stage-showcase .stage-sc-row .stage-sc-col p{font-size:16px}}.stage-showcase .stage-sc-row .stage-sc-col .figure{margin-bottom:30px}@media (max-width:720px){.stage-showcase .stage-sc-row .stage-sc-col .figure{margin-bottom:20px}}.stage-showcase .stage-sc-row .stage-sc-left{float:left}.stage-showcase .stage-sc-row .stage-sc-right{float:right}.stage-showcase .stage-sc-figure{margin-top:50px}@media (max-width:720px){.stage-showcase .stage-sc-figure{margin-top:30px}}.stage-showcase .stage-sc-figure .figure{position:relative}.stage-showcase .stage-sc-figure a{position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent}.stage-showcase .stage-sc-figure a.line-link{position:relative;margin-top:35px}@media (max-width:720px){.stage-showcase .stage-sc-figure a.line-link{margin-top:15px}}@media (max-width:720px){.stage-showcase .stage-sc-figure .stage-sc-title{padding-top:10px}}.stage-showcase .stage-sc-figure .stage-sc-title .line-link{top:-10px;visibility:visible}.stage-showcase.bg-grey{background-color:#fafafa}