@charset "UTF-8";@media (-webkit-min-device-pixel-ratio:2){.border-rpx:after{-webkit-transform:scaleY(0.5);-moz-transform:scaleY(0.5);-ms-transform:scaleY(0.5);-o-transform:scaleY(0.5);transform:scaleY(0.5)}}@media (-webkit-min-device-pixel-ratio:3){.border-rpx:after{-webkit-transform:scaleY(0.3333);-moz-transform:scaleY(0.3333);-ms-transform:scaleY(0.3333);-o-transform:scaleY(0.3333);transform:scaleY(0.3333)}}.public *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(0,0,0,0);word-wrap:break-word}.public a{text-decoration:none;cursor:pointer;outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.public img{display:block;border:0}.public input,.public textarea{border:0;outline:0;margin:0;padding:0;display:block;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.public textarea{resize:none}.public input::-webkit-input-placeholder,.public textarea::-webkit-input-placeholder{color:#8a8f99}.public input::-moz-placeholder,.public textarea::-moz-placeholder{color:#8a8f99}.public input:-moz-placeholder,.public textarea:-moz-placeholder{color:#8a8f99}.public input:-ms-input-placeholder,.public textarea:-ms-input-placeholder{color:#8a8f99}.public button{border:0;outline:0;padding:0}.public ul{padding:0;margin:0}.public li{list-style:none;text-align:-webkit-auto}.public dl,.public dt,.public dd{margin:0}.public p{margin:0}.public h1,.public h2,.public h3,.public h4,.public h5,.public h6{margin:0;font-weight:400}.public table{border-spacing:0;border-collapse:collapse}.public th{font-weight:400}.public select{outline:0;appearance:none;-moz-appearance:none;-webkit-appearance:none}.public select::-ms-expand{display:none}.public div{outline:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.public i{font-style:normal}.public pre{white-space:pre-wrap}.public .ani-fadeIn{-webkit-animation-name:ani-fadeIn;-moz-animation-name:ani-fadeIn;-o-animation-name:ani-fadeIn;animation-name:ani-fadeIn}@media (min-width:769px){.public .pc-hide{display:none!important}}@media (max-width:768px){.public .wap-hide{display:none!important}}@-webkit-keyframes ani-fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes ani-fadeIn{0%{opacity:0}100%{opacity:1}}@-o-keyframes ani-fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes ani-fadeIn{0%{opacity:0}100%{opacity:1}}.public .ani-fadeOut{-webkit-animation-name:ani-fadeOut;-moz-animation-name:ani-fadeOut;-o-animation-name:ani-fadeOut;animation-name:ani-fadeOut}.public .ani-fadeOut.text-dir-rtl{-webkit-animation-name:ani-rtl-fadeOut;-moz-animation-name:ani-rtl-fadeOut;-o-animation-name:ani-rtl-fadeOut;animation-name:ani-rtl-fadeOut}@-webkit-keyframes ani-fadeOut{0%{opacity:1}99%{opacity:0;-webkit-transform:scale(1,1);transform:scale(1,1)}100%{overflow:hidden;opacity:0;-webkit-transform:scale(0,0);transform:scale(0,0)}}@-moz-keyframes ani-fadeOut{0%{opacity:1}99%{opacity:0;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1)}100%{overflow:hidden;opacity:0;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);transform:scale(0,0)}}@-o-keyframes ani-fadeOut{0%{opacity:1}99%{opacity:0;-webkit-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}100%{overflow:hidden;opacity:0;-webkit-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0)}}@keyframes ani-fadeOut{0%{opacity:1}99%{opacity:0;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}100%{overflow:hidden;opacity:0;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0)}}@-webkit-keyframes ani-rtl-fadeOut{0%{opacity:1}99%{opacity:0;-webkit-transform:scale(-1,1);transform:scale(-1,1)}100%{overflow:hidden;opacity:0;-webkit-transform:scale(0,0);transform:scale(0,0)}}@-moz-keyframes ani-rtl-fadeOut{0%{opacity:1}99%{opacity:0;-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);transform:scale(-1,1)}100%{overflow:hidden;opacity:0;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);transform:scale(0,0)}}@-o-keyframes ani-rtl-fadeOut{0%{opacity:1}99%{opacity:0;-webkit-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}100%{overflow:hidden;opacity:0;-webkit-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0)}}@keyframes ani-rtl-fadeOut{0%{opacity:1}99%{opacity:0;-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}100%{overflow:hidden;opacity:0;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0)}}.public .ani-slideDown{-webkit-animation-name:ani-slideDown;-moz-animation-name:ani-slideDown;-o-animation-name:ani-slideDown;animation-name:ani-slideDown}@-webkit-keyframes ani-slideDown{0%{opacity:0;-webkit-transform:translate(0,-10%);transform:translate(0,-10%)}100%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}}@-moz-keyframes ani-slideDown{0%{opacity:0;-webkit-transform:translate(0,-10%);-moz-transform:translate(0,-10%);transform:translate(0,-10%)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}}@-o-keyframes ani-slideDown{0%{opacity:0;-webkit-transform:translate(0,-10%);-o-transform:translate(0,-10%);transform:translate(0,-10%)}100%{opacity:1;-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}@keyframes ani-slideDown{0%{opacity:0;-webkit-transform:translate(0,-10%);-moz-transform:translate(0,-10%);-o-transform:translate(0,-10%);transform:translate(0,-10%)}100%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}}.public .ani-slideUp{-webkit-animation-name:ani-slideUp;-moz-animation-name:ani-slideUp;-o-animation-name:ani-slideUp;animation-name:ani-slideUp}@-webkit-keyframes ani-slideUp{0%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,-10%);transform:translate(0,-10%)}}@-moz-keyframes ani-slideUp{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,-10%);-moz-transform:translate(0,-10%);transform:translate(0,-10%)}}@-o-keyframes ani-slideUp{0%{opacity:1;-webkit-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,-10%);-o-transform:translate(0,-10%);transform:translate(0,-10%)}}@keyframes ani-slideUp{0%{opacity:1;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,-10%);-moz-transform:translate(0,-10%);-o-transform:translate(0,-10%);transform:translate(0,-10%)}}.text-dir-rtl{-webkit-transform:scaleX(-1)!important;-moz-transform:scaleX(-1)!important;-ms-transform:scaleX(-1)!important;-o-transform:scaleX(-1)!important;transform:scaleX(-1)!important}.text-dir-rtl .no-flip-over{-webkit-transform:scaleX(-1)!important;-moz-transform:scaleX(-1)!important;-ms-transform:scaleX(-1)!important;-o-transform:scaleX(-1)!important;transform:scaleX(-1)!important;direction:rtl!important}.text-dir-rtl .no-flip-over-ltr{-webkit-transform:scaleX(-1)!important;-moz-transform:scaleX(-1)!important;-ms-transform:scaleX(-1)!important;-o-transform:scaleX(-1)!important;transform:scaleX(-1)!important}.text-dir-rtl span.no-flip-over,.text-dir-rtl strong.no-flip-over,.text-dir-rtl i.no-flip-over,.text-dir-rtl button.no-flip-over,.text-dir-rtl label.no-flip-over,.text-dir-rtl select.no-flip-over,.text-dir-rtl textarea.no-flip-over{display:inline-block!important}.text-dir-rtl .vep-left.no-flip-over{text-align:right}.text-dir-rtl .index-wrapper.no-flip-over{position:relative;z-index:-1}html,body{width:100%;margin:0;padding:0;text-rendering:optimizeLegibility}body{background-color:#f5f7fa;overflow-x:hidden}@media (max-width:768px){html.dark body{background-color:#000!important}}.visually-hidden{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0px 0 99.9% 99.9%);clip-path:inset(0px 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}.clearafter::after{content:' ';display:table;clear:both}.public_graybg{background:#f5f7fa}.public_whitebg{background:#fff}.hide{display:none}.hide_impt{display:none!important}.public_noscroll{height:100%;overflow:hidden}.public_scroll{overflow:hidden}@media (max-width:768px){html.public_noscroll_new{position:relative;overflow:hidden}body.public_noscroll_new{height:100vh;overflow-x:unset}html.public_noscroll{position:relative;overflow:hidden!important}body.public_noscroll{position:fixed;overflow:hidden!important;height:100vh;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}.vivo-foot-wrap{background-color:#fff}.container{max-width:1200px;margin-left:auto;margin-right:auto}@media (max-width:1257px){.container{padding:0 20px}}@media (max-width:768px){.container{padding:0}}@media (min-width:769px){.list-wap-show{display:none!important}}@media (max-width:768px){.list-pc-show{display:none!important}}.height-hide{height:0;overflow:hidden}.ver-header-fixed .height-hide .vep-new-header{position:static}.image-hide{width:0;height:0;visibility:hidden;overflow:hidden;display:none}#launcher{z-index:300!important}::-ms-clear,::-ms-reveal{display:none}.aria-focus-outline:focus{outline:auto}.common-hide-h1{position:absolute;left:-10000px}.common-notification-bar{position:relative;width:100%;background-color:#eee;z-index:400}.common-notification-bar .notification-bar{position:relative;width:1200px;margin:0 auto}.new-head-wrap .notification-bar{width:1440px}@media (max-width:1599px){.new-head-wrap .notification-bar{width:-webkit-calc(100% - 160px);width:-moz-calc(100% - 160px);width:calc(100% - 160px);margin:0 80px}}@media (max-width:1199px){.common-notification-bar .notification-bar{width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);width:calc(100% - 20px);margin:0 10px}.new-head-wrap .notification-bar{width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);margin:0 40px}}@media (max-width:768px){.common-notification-bar .notification-bar{width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);margin:0 20px}}.common-notification-bar .notification-bar-text{font-size:16px;line-height:26px;padding:18px 40px 16px 0}.text-dir-rtl .notification-bar-text{padding:18px 0 16px 40px}.common-notification-bar .notification-bar-text>a{display:inline;color:#415fff;margin-left:35px;text-decoration:underline}.text-dir-rtl .notification-bar-text>a{margin-left:0;margin-right:35px}.common-notification-bar .notification-bar-close{position:absolute;display:block;width:36px;height:36px;top:50%;right:0;margin-top:-18px;cursor:pointer}.common-notification-bar .notification-bar-close::before,.common-notification-bar .notification-bar-close::after{position:absolute;content:" ";display:block;width:18px;height:1px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;background:#242933;top:17px;left:9px;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}.common-notification-bar .notification-bar-close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.common-notification-bar .notification-bar-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}@media (max-width:768px){.common-notification-bar .notification-bar-text{font-size:.36rem;line-height:.6rem;padding:.36rem .96rem .36rem 0}.text-dir-rtl .notification-bar-text{padding:.36rem 0 .36rem .96rem}.common-notification-bar .notification-bar-text>span{display:block}.common-notification-bar .notification-bar-text>a{margin-left:0;margin-right:0}.common-notification-bar .notification-bar-close{width:.48rem;height:.48rem;right:0;margin-top:-.24rem}.common-notification-bar .notification-bar-close::before,.common-notification-bar .notification-bar-close::after{width:.4rem;height:.04rem;-webkit-border-radius:.04rem;-moz-border-radius:.04rem;border-radius:.04rem;top:.22rem;left:.04rem}}.page-sidebar{position:fixed;bottom:100px;right:40px;z-index:100}.page-sidebar.rtl-right{left:40px;right:auto}.page-sidebar .sidebar-user-research,.page-sidebar .sidebar-contact-us,.page-sidebar .sidebar-back-top{position:relative;width:72px;height:48px}.page-sidebar .sidebar-contact-us{margin-top:20px}.page-sidebar .sidebar-back-top{margin-top:20px;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s;visibility:hidden}.page-sidebar .sidebar-back-top.opacity{opacity:1;visibility:visible}.page-sidebar .sidebar-back-top.opacity .back-top-icon{cursor:pointer}.page-sidebar .user-research-icon,.page-sidebar .contact-us-icon,.page-sidebar .back-top-icon{width:100%;height:100%;font-size:48px;line-height:48px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;text-align:center;color:#fff;-webkit-transition:background-color ease .3s;-o-transition:background-color ease .3s;-moz-transition:background-color ease .3s;transition:background-color ease .3s}.page-sidebar .user-research-icon:focus,.page-sidebar .contact-us-icon:focus,.page-sidebar .back-top-icon:focus{outline:auto}.page-sidebar .user-research-icon,.page-sidebar .contact-us-icon{background-color:#415fff;cursor:pointer}.page-sidebar .back-top-icon{background-color:#8C919B}.page-sidebar .user-research-shade,.page-sidebar .contact-us-shade{display:none;opacity:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.page-sidebar .user-research-shade.block,.page-sidebar .contact-us-shade.block{display:block}.page-sidebar .user-research-shade.show,.page-sidebar .contact-us-shade.show{opacity:1}.page-sidebar .user-research-shade.text-dir-rtl .user-research-box{-webkit-transform:translateY(-65%);-moz-transform:translateY(-65%);-ms-transform:translateY(-65%);-o-transform:translateY(-65%);transform:translateY(-65%)}.page-sidebar .user-research-box,.page-sidebar .contact-us-box{position:absolute;left:-421px;width:390px;background-color:#fff;-webkit-box-shadow:0 20px 50px rgba(0,0,0,.04);-moz-box-shadow:0 20px 50px rgba(0,0,0,.04);box-shadow:0 20px 50px rgba(0,0,0,.04);-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}.page-sidebar .user-research-box:after,.page-sidebar .contact-us-box:after{position:absolute;content:'';width:24px;height:24px;-webkit-border-top-right-radius:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px;right:-12px;background-color:#fff;-webkit-transform:translateY(-50%) matrix(0.71,.71,-.71,.71,0,0);-moz-transform:translateY(-50%) matrix(0.71,.71,-.71,.71,0,0);-ms-transform:translateY(-50%) matrix(0.71,.71,-.71,.71,0,0);-o-transform:translateY(-50%) matrix(0.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(0.71,.71,-.71,.71,0,0);-webkit-box-shadow:0 20px 50px rgba(0,0,0,.04);-moz-box-shadow:0 20px 50px rgba(0,0,0,.04);box-shadow:0 20px 50px rgba(0,0,0,.04)}.page-sidebar .user-research-box{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding:36px 36px 33px}.page-sidebar .user-research-box:after{top:50%}.page-sidebar .contact-us-box{bottom:-68px;padding-bottom:40px}.page-sidebar .contact-us-box:after{bottom:80px}.page-sidebar .user-research-close,.page-sidebar .contact-us-close{position:absolute;top:12px;right:20px;width:24px;height:24px;font-size:24px;line-height:24px;text-align:center;color:#8a8f99;cursor:pointer;z-index:1}.page-sidebar .user-research-tips{font-size:18px;line-height:20px;margin-bottom:30px;color:#242933}.page-sidebar .user-research-button{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex}.page-sidebar .user-research-button>a{width:auto;height:32px;font-size:14px;line-height:32px;text-align:center;padding:0 16px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;color:#fff;background-color:#415fff}.page-sidebar .user-research-button>a:focus{outline:1px solid #555}.page-sidebar .contact-us-title{font-size:28px;line-height:40px;color:#242933;padding:40px 40px 30px}.page-sidebar .contact-us-list{position:relative;width:-webkit-calc(100% - 5px);width:-moz-calc(100% - 5px);width:calc(100% - 5px);max-height:476px;padding-left:40px;overflow:auto}.page-sidebar .contact-us-item{padding-right:35px;margin-bottom:24px}.page-sidebar .contact-us-item:last-of-type{margin-bottom:0}.page-sidebar .contact-us-href{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;cursor:default}.page-sidebar .contact-us-href:focus{outline:auto}.page-sidebar .contact-us-div{position:relative;width:40px;height:40px;margin-right:10px}.page-sidebar .contact-us-nor,.page-sidebar .contact-us-hover{position:absolute;width:100%;height:100%;top:0;left:0;background:no-repeat center;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.page-sidebar .contact-us-nor{opacity:1}.page-sidebar .contact-us-hover{opacity:0}.page-sidebar .contact-us-character{width:268px}.page-sidebar .contact-us-name{font-size:18px;line-height:26px;margin-top:7px;margin-bottom:7px;color:#242933}.page-sidebar .contact-us-tips{display:block;font-size:14px;line-height:20px;color:#575c66}@media (min-width:769px){.page-sidebar .user-research-icon:hover,.page-sidebar .contact-us-icon:hover{background-color:rgba(65,95,255,.73)}.page-sidebar .back-top-icon:hover{background-color:rgba(140,145,155,.73)}.page-sidebar .contact-us-list::-webkit-scrollbar{width:12px;height:1px}.page-sidebar .contact-us-list::-webkit-scrollbar-thumb{-webkit-border-radius:12px;border-radius:12px;background:#dfe1e6}.page-sidebar .contact-us-list::-webkit-scrollbar-track{-webkit-border-radius:12px;border-radius:12px;background:#fff}.page-sidebar .has-hover-link .contact-us-href{cursor:pointer}.page-sidebar .has-hover-link:hover .has-hover-img .contact-us-nor{opacity:0}.page-sidebar .has-hover-link:hover .has-hover-img .contact-us-hover{opacity:1}.page-sidebar .has-hover-link:hover .contact-us-name{color:#415fff}}@media (max-width:768px){.page-sidebar{bottom:32px;right:20px}.page-sidebar.fixed{z-index:1000}.page-sidebar.rtl-right{left:20px;right:auto}.page-sidebar .sidebar-user-research,.page-sidebar .sidebar-contact-us,.page-sidebar .sidebar-back-top{width:54px;height:36px}.page-sidebar .sidebar-contact-us,.page-sidebar .sidebar-back-top{margin-top:10px}.page-sidebar .user-research-icon,.page-sidebar .contact-us-icon,.page-sidebar .back-top-icon{font-size:36px;line-height:36px;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px}.page-sidebar .user-research-shade,.page-sidebar .contact-us-shade{position:fixed;width:100%;height:100%;left:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:1}.page-sidebar .user-research-shade.show .user-research-box,.page-sidebar .contact-us-shade.show .user-research-box{max-height:327px}.page-sidebar .user-research-shade.show .contact-us-box,.page-sidebar .contact-us-shade.show .contact-us-box{max-height:418px}.page-sidebar .user-research-box,.page-sidebar .contact-us-box{top:auto;bottom:0;-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-ms-transform:translateY(0)!important;-o-transform:translateY(0)!important;transform:translateY(0)!important;left:0;width:100%;max-height:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:12px 12px 0 0;-moz-border-radius:12px 12px 0 0;border-radius:12px 12px 0 0;overflow:hidden;-webkit-transition:max-height .4s;-o-transition:max-height .4s;-moz-transition:max-height .4s;transition:max-height .4s}.page-sidebar .user-research-box:after,.page-sidebar .contact-us-box:after{display:none}.page-sidebar .user-research-box{padding:39px 20px 28px}.page-sidebar .contact-us-box{padding-bottom:11px}.page-sidebar .user-research-close,.page-sidebar .contact-us-close{right:12px}.page-sidebar .user-research-tips{font-size:15px;margin-bottom:20px}.page-sidebar .user-research-button{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.page-sidebar .user-research-button>a{height:40px;line-height:40px;padding:0 28px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.page-sidebar .contact-us-title{font-size:16px;line-height:20px;padding:20px 20px 0;text-align:center}.page-sidebar .contact-us-list{width:100%;max-height:367px;padding:0 20px}.page-sidebar .contact-us-item{padding-right:0;margin-bottom:0;border-bottom:1px solid #edeff2}.page-sidebar .contact-us-item:last-of-type{border-bottom:0}.page-sidebar .contact-us-href{padding:18px 0}.page-sidebar .contact-us-div{width:24px;height:24px}.page-sidebar .contact-us-name{font-size:15px;line-height:20px;margin-top:2px;margin-bottom:2px}.page-sidebar .contact-us-tips{font-size:12px;line-height:16px}.page-sidebar .has-hover-link:active .has-hover-img .contact-us-nor{opacity:0}.page-sidebar .has-hover-link:active .has-hover-img .contact-us-hover{opacity:1}.page-sidebar .has-hover-link:active .contact-us-name{color:#415fff}}.bottom-crumbs{width:100%;background-color:#fff;padding-top:78px}.new-foot-wrap .bottom-crumbs{background-color:#242933}.white-foot-wrap .bottom-crumbs{background-color:#fff}.bottom-crumbs .bottom-crumbs-content{width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex}.new-foot-wrap .bottom-crumbs-content{width:1440px}.bottom-crumbs .bottom-crumbs-logo{width:81px;height:22px;font-size:20px;line-height:15px;color:#000;text-align:center}.bottom-crumbs .bottom-crumbs-logo:focus{outline:auto}.new-foot-wrap .bottom-crumbs-logo{color:#fff}.white-foot-wrap .bottom-crumbs-logo{color:#242933}.bottom-crumbs .bottom-crumbs-list{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.bottom-crumbs .bottom-crumbs-item{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex}.bottom-crumbs .bottom-crumbs-icon{width:32px;height:22px;font-size:22px;line-height:24px;color:#000;text-align:center}.new-foot-wrap .bottom-crumbs-icon{color:#fff}.white-foot-wrap .bottom-crumbs-icon{color:#242933}.bottom-crumbs .bottom-crumbs-link{-webkit-box-flex:1;-ms-flex:1;-webkit-flex:1;-moz-box-flex:1;flex:1;font-size:14px;line-height:26px;color:#000;font-weight:700}.bottom-crumbs .bottom-crumbs-link:focus{outline:auto}.new-foot-wrap .bottom-crumbs-link{color:#fff}.white-foot-wrap .bottom-crumbs-link{color:#242933}@media (max-width:1599px){.new-foot-wrap .bottom-crumbs-content{width:-webkit-calc(100% - 160px);width:-moz-calc(100% - 160px);width:calc(100% - 160px);margin:0 80px}}@media (max-width:1199px){.bottom-crumbs .bottom-crumbs-content{width:100%;padding:0 10px}.new-foot-wrap .bottom-crumbs-content{width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);width:calc(100% - 80px);margin:0 40px;padding:0}}@media (max-width:768px){.bottom-crumbs{padding-top:43px}.bottom-crumbs .bottom-crumbs-content{padding:0 6vw 6vw}.new-foot-wrap .bottom-crumbs-content{width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);width:calc(100% - 40px);margin:0 20px;padding:0}.bottom-crumbs .bottom-crumbs-logo{width:59px;height:16px;font-size:14px;line-height:12px}.bottom-crumbs .bottom-crumbs-icon{width:22px;height:16px;font-size:18px;line-height:18px}.bottom-crumbs .bottom-crumbs-link{font-size:12px;line-height:18px}}.content .link{max-width:100%;position:relative;width:auto;display:inline-block;vertical-align:middle;margin:0 auto;cursor:pointer;padding-right:46px}.content .link span{display:block;font-size:20px;line-height:28px;color:#242933!important;-webkit-transition:color .4s;-o-transition:color .4s;-moz-transition:color .4s;transition:color .4s;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.content .link:before,.content .link:after{position:absolute;content:'';width:40px;height:28px;background:no-repeat center;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;top:0;right:0;-webkit-transition:opacity .4s;-o-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}.content .link:before{background-image:url(//asia-exstatic.vivoglobal.com/static/img/icon/link-arrow-right-nor_cceb6ef.svg)}.content .link.link-jovi:before{background-image:url(//asia-exstatic.vivoglobal.com/static/img/icon/link-arrow-right-nor_cceb6ef.svg)}.content .link:after{opacity:0}.content .link.link-vivo:after{background-image:url(//asia-exstatic.vivoglobal.com/static/img/icon/link-arrow-right-vivo-hover_b73f43c.svg)}.content .link.link-jovi:after{background-image:url(//asia-exstatic.vivoglobal.com/static/img/icon/link-arrow-right-vivo-hover_b73f43c.svg)}.content .link.link-iqoo:after{background-image:url(//asia-exstatic.vivoglobal.com/static/img/icon/link-arrow-right-iqoo-hover_53bbd23.svg)}@media screen and (max-width:1599px){.content .link{padding-right:2.875vw}.content .link span{font-size:1.25vw;line-height:1.75vw}.content .link:before,.content .link:after{width:2.5vw;height:1.75vw}}@media screen and (min-width:769px){.content .link:hover span{color:#415fff!important}.content .link:hover:before{opacity:0}.content .link:hover:after{opacity:1}}@media screen and (max-width:768px){.content .link{padding-right:8.33333vw}.content .link span{font-size:3.88889vw;line-height:5vw}.content .link:before,.content .link:after{width:7.22222vw;height:5vw}}.content .brand-head-wrap{position:relative;height:900px;overflow:hidden}.content .brand-head-wrap .head-img-box{height:100%}.content .brand-head-wrap .head-img-box img{position:absolute;top:0;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);height:100%}.content .brand-head-wrap .head-content-box{width:100%;max-width:1440px;position:absolute;top:208px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);z-index:5}.content .brand-head-wrap .head-content-box .title{margin-bottom:24px;font-size:60px;line-height:76px;max-width:700px;color:#242933}.content .brand-head-wrap .head-content-box .auxiliaryTitle{font-size:22px;line-height:32px;margin-bottom:80px;max-width:575px;color:#242933}.content .content-wrap{position:relative;z-index:2;max-width:1440px;margin:-192px auto 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-bottom:120px}.content .content-wrap.margin-top{margin-top:0!important}.content .content-wrap .photo-wrap{position:relative;padding-top:50%;background:#fff;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;overflow:hidden}.content .content-wrap .photo-wrap .left-box{max-width:84.7%;position:absolute;left:110px;top:230px;opacity:0;z-index:1}.content .content-wrap .photo-wrap .left-box img{height:36px;margin-bottom:30px}.content .content-wrap .photo-wrap .right-box{position:absolute;right:0;top:0;bottom:0;width:70.48611%}.content .content-wrap .photo-wrap .right-box img{width:1036px;-webkit-transform:translateY(-64px);-moz-transform:translateY(-64px);-ms-transform:translateY(-64px);-o-transform:translateY(-64px);transform:translateY(-64px)}.content .content-wrap .news-wrap{margin-top:120px}.content .content-wrap .news-wrap .news-head{text-align:center;font-size:20px;line-height:34px}.content .content-wrap .news-wrap .news-head .news-title{font-size:40px;margin-bottom:12px}.content .content-wrap .news-wrap .news-head .news-link{margin-top:30px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.content .content-wrap .news-wrap ul{font-size:0;margin-top:60px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}.content .content-wrap .news-wrap ul li{overflow:hidden;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;width:31.94444%;margin-top:30px}.content .content-wrap .news-wrap ul li a{display:block;height:100%;position:relative;padding-top:60%;background-color:#fff;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;overflow:hidden;opacity:0}.content .content-wrap .news-wrap ul li a .img-box{width:460px;height:276px;position:absolute;top:0;left:0}.content .content-wrap .news-wrap ul li a .img-box img{height:100%}.content .content-wrap .news-wrap ul li a .content-box{padding:29px 40px}.content .content-wrap .news-wrap ul li a .content-box .type{display:none}.content .content-wrap .news-wrap ul li a .content-box .title{font-size:20px;line-height:24px;color:#242933;margin-bottom:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.content .content-wrap .news-wrap ul li a .content-box .date{font-size:16px;line-height:18px;color:#575C66;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.content .content-wrap .news-wrap ul li a .content-box .date span:after{content:'·'}@media screen and (min-width:769px){.content .content-wrap .news-wrap ul li:first-of-type{width:100%;margin-top:0}.content .content-wrap .news-wrap ul li:first-of-type a{width:100%;display:block;padding-top:39.58333%;position:relative}.content .content-wrap .news-wrap ul li:first-of-type a .img-box{position:absolute;width:65.97222%;height:100%;left:0;top:0;overflow:hidden}.content .content-wrap .news-wrap ul li:first-of-type a .img-box img{height:100%}.content .content-wrap .news-wrap ul li:first-of-type a .content-box{position:absolute;width:34.02778%;padding:110px 75px;height:100%;right:0;top:0}.content .content-wrap .news-wrap ul li:first-of-type a .content-box .content-box-div{position:relative;height:100%}.content .content-wrap .news-wrap ul li:first-of-type a .content-box .type{display:block;font-size:20px;line-height:28px;color:#242933;margin-bottom:2px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}.content .content-wrap .news-wrap ul li:first-of-type a .content-box .title{font-size:32px;line-height:48px;color:#242933;margin-bottom:0}.content .content-wrap .news-wrap ul li:first-of-type a .content-box .date{position:absolute;width:100%;bottom:0;font-size:20px;line-height:28px}.content .content-wrap .news-wrap ul li:first-of-type a .content-box .date span{display:none}}@media screen and (min-width:769px){.content .content-wrap .news-wrap ul.pc-hide li{display:none}.content .content-wrap .news-wrap ul.pc-hide li:first-of-type{display:block}}.content .content-wrap .join-us{padding-top:25%;position:relative;overflow:hidden;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;margin-top:120px}.content .content-wrap .join-us img{position:absolute;height:100%;left:0;top:0}.content .content-wrap .join-us .text{max-width:90%;position:absolute;top:126px;left:110px}.content .content-wrap .join-us .text p{font-size:40px;line-height:60px;color:#242933;margin-bottom:8px}.content .content-wrap .join-us .text a{font-size:20px;line-height:28px;color:#242933}.content .content-wrap .life-vivo{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;margin-top:120px}.content .content-wrap .life-vivo>div{width:48.95833%;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;overflow:hidden;background-color:#fff}.content .content-wrap .life-vivo>div .img{position:relative;padding-top:51.06383%}.content .content-wrap .life-vivo>div .img img{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);height:100%}.content .content-wrap .life-vivo>div .text{padding:28px 40px 40px;text-align:center}.content .content-wrap .life-vivo>div .text .life-title{height:40px;font-size:30px;line-height:40px;color:#242933;margin-bottom:7px;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.content .content-wrap .life-vivo>div .text .life-sketch{display:block;font-size:12px;line-height:24px;height:48px;overflow:hidden;margin-bottom:21px;color:#575C66;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.content .content-wrap .life-vivo>div .text a{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}@media screen and (max-width:1599px){.content .brand-head-wrap{height:56.25vw}.content .brand-head-wrap .head-content-box{padding:0 80px;top:13vw;left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.content .brand-head-wrap .head-content-box .title{font-size:3.75vw;line-height:4.75vw;margin-bottom:1.5vw;max-width:43.75vw}.content .brand-head-wrap .head-content-box .auxiliaryTitle{font-size:1.375vw;line-height:2vw;margin-bottom:5vw;max-width:35.9375vw}.content .content-wrap{margin-top:-12vw;margin-left:80px;margin-right:80px;padding-bottom:7.5vw}.content .content-wrap .photo-wrap{-webkit-border-radius:1.5vw;-moz-border-radius:1.5vw;border-radius:1.5vw}.content .content-wrap .photo-wrap .left-box{left:6.875vw;top:14.375vw}.content .content-wrap .photo-wrap .left-box img{height:2.25vw;margin-bottom:1.875vw}.content .content-wrap .photo-wrap .right-box img{width:64.75vw;-webkit-transform:translateY(-4vw);-moz-transform:translateY(-4vw);-ms-transform:translateY(-4vw);-o-transform:translateY(-4vw);transform:translateY(-4vw)}.content .content-wrap .news-wrap{margin-top:7.5vw}.content .content-wrap .news-wrap .news-head{font-size:1.25vw;line-height:2.125vw}.content .content-wrap .news-wrap .news-head .news-title{font-size:2.5vw;margin-bottom:.75vw}.content .content-wrap .news-wrap ul{margin-top:3.75vw}.content .content-wrap .news-wrap ul li{-webkit-border-radius:1.5vw;-moz-border-radius:1.5vw;border-radius:1.5vw;margin-top:1.875vw}.content .content-wrap .news-wrap ul li a{-webkit-border-radius:1.5vw;-moz-border-radius:1.5vw;border-radius:1.5vw}.content .content-wrap .news-wrap ul li a .img-box{width:28.75vw;height:17.25vw}.content .content-wrap .news-wrap ul li a .content-box{padding:1.8125vw 2.5vw}.content .content-wrap .news-wrap ul li a .content-box .title{font-size:1.25vw;line-height:1.5vw;margin-bottom:.75vw}.content .content-wrap .news-wrap ul li a .content-box .date{font-size:1vw;line-height:1.125vw}}@media screen and (max-width:1599px) and (min-width:769px){.content .content-wrap .news-wrap ul li:first-of-type a .content-box{padding:6.875vw 4.6875vw}.content .content-wrap .news-wrap ul li:first-of-type a .content-box .type{font-size:1.25vw;line-height:1.75vw;margin-bottom:.125vw}.content .content-wrap .news-wrap ul li:first-of-type a .content-box .title{font-size:2vw;line-height:3vw;margin-bottom:0}.content .content-wrap .news-wrap ul li:first-of-type a .content-box .date{font-size:1.25vw;line-height:1.75vw}}@media screen and (max-width:1599px){.content .content-wrap .join-us{-webkit-border-radius:1.5vw;-moz-border-radius:1.5vw;border-radius:1.5vw;margin-top:7.5vw}.content .content-wrap .join-us .text{top:7.875vw;left:6.875vw}.content .content-wrap .join-us .text p{font-size:2.5vw;line-height:3.75vw;margin-bottom:.5vw}.content .content-wrap .join-us .text a{font-size:1.25vw;line-height:1.75vw}.content .content-wrap .life-vivo{margin-top:7.5vw}.content .content-wrap .life-vivo>div{-webkit-border-radius:1.5vw;-moz-border-radius:1.5vw;border-radius:1.5vw}.content .content-wrap .life-vivo>div .text{padding:1.75vw 2.5vw 2.5vw}.content .content-wrap .life-vivo>div .text .life-title{height:2.5vw;font-size:1.875vw;line-height:2.5vw;margin-bottom:.4375vw}.content .content-wrap .life-vivo>div .text .life-sketch{font-size:.75vw;line-height:1.5vw;height:3vw;margin-bottom:1.3125vw}}@media screen and (max-width:1199px){.content .brand-head-wrap .head-content-box{padding:0 40px}.content .content-wrap{margin-left:40px;margin-right:40px}}@media screen and (max-width:768px){.content .brand-head-wrap{height:138.88889vw}.content .brand-head-wrap .head-img-box img{left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;width:100%;height:auto}.content .brand-head-wrap .head-content-box{bottom:21.94444vw;top:auto;padding:0 20px}.content .brand-head-wrap .head-content-box .title{font-size:8.33333vw;line-height:normal;margin-bottom:2.22222vw;max-width:none}.content .brand-head-wrap .head-content-box .auxiliaryTitle{font-size:3.88889vw;line-height:5.55556vw;margin-bottom:6.94444vw;max-width:none}.content .content-wrap{margin-top:-10vw;margin-left:20px;margin-right:20px;padding-bottom:11.11111vw}.content .content-wrap .photo-wrap{width:100vw;margin-left:-20px;padding-top:100%;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw}.content .content-wrap .photo-wrap .left-box{max-width:81.6%;left:9.16667vw;top:15.83333vw}.content .content-wrap .photo-wrap .left-box img{height:4.44444vw;margin-bottom:6.66667vw}.content .content-wrap .photo-wrap .right-box{width:100%}.content .content-wrap .photo-wrap .right-box img{width:131.01852%;-webkit-transform:translate(-2.22222vw,-5.37037vw);-moz-transform:translate(-2.22222vw,-5.37037vw);-ms-transform:translate(-2.22222vw,-5.37037vw);-o-transform:translate(-2.22222vw,-5.37037vw);transform:translate(-2.22222vw,-5.37037vw)}.content .content-wrap .news-wrap{margin-top:23.33333vw}.content .content-wrap .news-wrap .news-head{font-size:3.88889vw;line-height:5.55556vw}.content .content-wrap .news-wrap .news-head .news-title{font-size:6.66667vw;line-height:8.33333vw;margin-bottom:1.11111vw}.content .content-wrap .news-wrap .news-head .news-link{margin-top:6.94444vw}.content .content-wrap .news-wrap ul{margin-top:11.66667vw}.content .content-wrap .news-wrap ul li{-webkit-border-radius:3.05556vw;-moz-border-radius:3.05556vw;border-radius:3.05556vw;width:100%;margin-top:5.55556vw}.content .content-wrap .news-wrap ul li:first-of-type{margin-top:0}.content .content-wrap .news-wrap ul li a{padding-top:60%;-webkit-border-radius:3.05556vw;-moz-border-radius:3.05556vw;border-radius:3.05556vw}.content .content-wrap .news-wrap ul li a .img-box{width:88.88889vw;height:53.33333vw}.content .content-wrap .news-wrap ul li a .content-box{padding:4.44444vw 6.11111vw}.content .content-wrap .news-wrap ul li a .content-box .type{display:none}.content .content-wrap .news-wrap ul li a .content-box .title{font-size:4.44444vw;line-height:5.83333vw;margin-bottom:.83333vw}.content .content-wrap .news-wrap ul li a .content-box .date{font-size:2.77778vw;line-height:4.44444vw}.content .content-wrap .join-us{padding-top:83.4375%;-webkit-border-radius:3.05556vw;-moz-border-radius:3.05556vw;border-radius:3.05556vw;margin-top:11.11111vw}.content .content-wrap .join-us .text{top:10vw;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.content .content-wrap .join-us .text p{font-size:5.55556vw;line-height:7.5vw;margin-bottom:2.22222vw}.content .content-wrap .join-us .text a{font-size:3.88889vw;line-height:normal}.content .content-wrap .life-vivo{display:block;margin-top:0}.content .content-wrap .life-vivo>div{width:auto;margin-top:5.55556vw;-webkit-border-radius:3.05556vw;-moz-border-radius:3.05556vw;border-radius:3.05556vw}.content .content-wrap .life-vivo>div .img{padding-top:51.25%}.content .content-wrap .life-vivo>div .text{padding:6.94444vw 4.16667vw 9.72222vw}.content .content-wrap .life-vivo>div .text .life-title{height:7.77778vw;font-size:5.55556vw;line-height:7.77778vw;margin-bottom:1.11111vw}.content .content-wrap .life-vivo>div .text .life-sketch{font-size:3.33333vw;line-height:4.44444vw;height:8.88889vw;margin-bottom:2.22222vw}}@-webkit-keyframes autoSwiper{100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-moz-keyframes autoSwiper{100%{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);transform:translateY(-100%)}}@-o-keyframes autoSwiper{100%{-webkit-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes autoSwiper{100%{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}}.content .autoSwiperAni{-webkit-animation:autoSwiper 30s infinite linear;-moz-animation:autoSwiper 30s infinite linear;-o-animation:autoSwiper 30s infinite linear;animation:autoSwiper 30s infinite linear}.content .autoSwiperAni.animation-paused{-webkit-animation-play-state:paused;-moz-animation-play-state:paused;-o-animation-play-state:paused;animation-play-state:paused}.text-dir-rtl .type.no-flip-over,.text-dir-rtl .title.no-flip-over,.text-dir-rtl .date.no-flip-over{text-align:right}.video-pc-wrap{padding-top:60px}.video-pc-wrap .video-box{height:380px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;overflow:hidden}.video-pc-wrap .video-pc-link{display:block;position:relative;width:100%;height:100%}.video-pc-wrap .video-pc-link.has-video:after{content:'';position:absolute;width:108px;height:72px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(//asia-exstatic.vivoglobal.com/static/img/image/video-play_e96b8ea.png) no-repeat center;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;z-index:2}.video-pc-wrap .video-pc-image{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.video-pc-wrap .video-pc-box{width:100%;height:100%}.video-pc-wrap .video-tips{font-size:20px;line-height:24px;margin-top:20px}@media (min-width:769px){.video-wap-wrap{display:none}}@media (max-width:768px){.video-pc-wrap{display:none}.video-wap-wrap{padding-top:5.55556vw}.video-wap-wrap.wap-padding-top{padding-top:8.33333vw}.video-wap-wrap .video-box{width:88.88889vw;height:48.05556vw;-webkit-border-radius:3.33333vw;-moz-border-radius:3.33333vw;border-radius:3.33333vw;overflow:hidden}.video-wap-wrap .video-wap-link{display:block;position:relative;width:100%;height:100%}.video-wap-wrap .video-wap-link.has-video:after{content:'';position:absolute;width:15vw;height:10vw;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(//asia-exstatic.vivoglobal.com/static/img/image/video-play_e96b8ea.png) no-repeat center;-webkit-background-size:100% 100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;z-index:2}.video-wap-wrap .video-wap-image{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.video-wap-wrap .video-wap-box{width:100%;height:100%}.video-wap-wrap .video-tips{font-size:4.25926vw;line-height:5.74074vw;margin-top:4.16667vw}}.portal-font-scale-7 .content .link:before,.portal-font-scale-7 .content .link:after{top:10px!important}@media screen and (max-width:768px){.portal-font-scale-7 .content .content-wrap .life-vivo>div .text .life-title{height:auto!important}}@media screen and (max-width:768px){.portal-font-scale-7 .content .brand-head-wrap{height:180vw}}@media screen and (max-width:768px){.portal-font-scale-7 .content .brand-head-wrap .head-content-box{bottom:120px}}@media screen and (max-width:768px){.portal-font-scale-7 .content .brand-head-wrap .head-img-box img{width:110%}}.portal-font-scale-6 .content .link:before,.portal-font-scale-6 .content .link:after{top:8px!important}@media screen and (max-width:768px){.portal-font-scale-6 .content .content-wrap .life-vivo>div .text .life-title{height:auto!important}}.portal-font-scale-5 .content .link:before,.portal-font-scale-5 .content .link:after{top:6px!important}.portal-font-scale-5 .content .content-wrap .life-vivo>div .text .life-title{height:10vw!important}.portal-font-scale-5 .content .content-wrap .life-vivo>div .text .life-sketch{height:auto!important}.portal-font-scale-4 .content .link:before,.portal-font-scale-4 .content .link:after{top:2.5px!important}.portal-font-scale-4 .content .content-wrap .life-vivo>div .text .life-sketch{height:auto!important}.portal-font-scale-4 .content .link:before,.portal-font-scale-4 .content .link:after{top:2.5px!important}