@charset "UTF-8";a:focus,fieldset,img{border:0}blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,select,td,textarea,th,ul{padding:0;margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#airbox,#video_layer,#vivo-airbox{width:100%;position:fixed;top:0;left:0}.cl:after,.vivo-nav a.vivo-logo img{visibility:hidden}a,a:hover{text-decoration:none}body{font-size:75%}a{cursor:pointer;outline:0}a:focus{-moz-outline-style:none}dd,dl,dt,li,ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}table{border-collapse:collapse;border-spacing:0}sup{vertical-align:text-top}sub{vertical-align:text-bottom}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0;resize:none}b,em,i{display:inline-block;vertical-align:middle;font-weight:400;font-style:normal}.cl:after{content:".";display:block;height:0;clear:both}.cl{zoom:1}body.load{background:url(../images/load.gif) center 200px no-repeat #fff}body.loaded{background:#fff}#mobile-contain,#mobile-header,#vivo-contain,#vivo-foot{transition:all .2s linear}body.load #mobile-contain,body.load #mobile-header,body.load #vivo-contain,body.load #vivo-foot{opacity:0}body.loaded #mobile-contain,body.loaded #mobile-header,body.loaded #vivo-contain,body.loaded #vivo-foot{opacity:1}#mobile-func-nav .mobile-func-par a.current,#mobile-func-nav .mobile-func-par a:hover,#mobile-share .share-list .share-ico li a:hover,#mobile-shopping-pl .m-shopping-list ul li a:hover{opacity:.6}#airbox,#vivo-airbox{z-index:999}#vivo-contain,#vivo-foot,#vivo-head,#vivo-wrap{z-index:1;position:relative}#vivo-contain{background:#fafafa;min-height:750px}.home #vivo-contain{background:#fff}.search-user b{background:url(../images/vivo-head-ico.png) no-repeat}#video_layer{min-height:300px;background:#fff;background:rgba(255,255,255,.88);z-index:1}#video_layer .video-obox{width:650px;height:300px;background1:#fff;position:absolute;top:50%;left:50%;margin-top:-200px;margin-left:-325px}#video_layer .video-obox .videoo{margin:10px;background1:#000}#video_layer .video-obox a.close{width:30px;height:30px;overflow:hidden;position:absolute;top:5px;right:-30px;background:url(../images/vivo-video-ico.png) no-repeat}#video_layer .video-obox a.close:hover{background-position:0 -30px}#vivo-head,#vivo-head .vivo-nav{background:#fff;position:relative}#vivo-head{border-bottom:1px #e7e7e7 solid;border-bottom:1px rgba(0,0,0,.05) solid;z-index:99}#vivo-head .vivo-nav{width:1100px;height:60px;margin:auto;z-index:999}.vivo-nav a.vivo-logo{width:95px;height:60px;display:block;float:left;overflow:hidden;background-image:url(../images/vivo-logo.png);background-image:-webkit-image-set(url(../images/vivo-logo.png) 1x,url(../images/vivo-logo-x2.png) 2x);background-image:-moz-image-set(url(../images/vivo-logo.png) 1x,url(../images/vivo-logo-x2.png) 2x);background-repeat:no-repeat}.vivo-nav ul{display:table;float:left;width:680px;height:60px;margin-left:50px;overflow:hidden}.vivo-nav ul li{display:table-cell;width:16%;height:60px;overflow:hidden;text-align:center;border-right:1px #f2f2f2 solid}.vivo-nav ul li:first-child{border-left:1px #f2f2f2 solid}.vivo-nav ul li a{display:block;line-height:60px;font-size:16px;color:#666;transition:all .3s ease-in-out}.vivo-nav ul li a:hover,.vivo-nav ul li.active a,.vivo-nav ul li.active a:hover,.vivo-nav ul li.current a,.vivo-nav ul li.current a:hover{color:#fff;background:#008cd6}.vivo-nav .search-user{float:right;height:60px}.search-user a,.search-user a b,.search-user a.user b img{width:42px;height:42px}.search-user a{display:inline-block;margin-left:15px;position:relative;top:8px;border:1px solid #e7e7e7;background:#fff;overflow:hidden;border-radius:50%;transition:all .3s ease-in-out}.search-user a.current,.search-user a:hover{border:1px solid #008cd6;background:#008cd6}.vivo-search .search-box button,.vivo-search .search-box input{border:none;overflow:hidden;font-size:14px;vertical-align:middle}.search-user a b{display:block;position:absolute;top:0;left:0;transition-delay:.1s}.search-user a.search b{background-position:0 0}.search-user a.search.current b,.search-user a.search:hover b{background-position:0 -43px}.search-user a.user b{background-position:-43px 0}.search-user a.user.current b,.search-user a.user:hover b{background-position:-43px -43px}#vivo-head .vivo-search{height:80px;width:100%;background:#202223;position:relative;z-index:9999;display:none}.vivo-search .search-box{width:700px;height:40px;top:20px;left:50%;margin-left:-350px;background:#666;-ms-box-shadow:0 1px 2px #000;box-shadow:0 1px 2px #000;position:relative;z-index:9999}.vivo-search .search-box input{width:550px;height:20px;padding:10px 20px;color:#555;background:#fff}.vivo-search .search-box button{width:110px;height:40px;text-align:center;color:#fff;background:#008cd6;outline:0;cursor:pointer;transition:background .2s ease-in-out}.vivo-search .search-box button:hover{background:#0074b2}.vivo-search .search-box button:active{-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset}.vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:8px;right:-40px;background:url(../images/vivo-head-ico.png) -86px 0 no-repeat}.vivo-search .search-box a.close:hover{background-position:-86px -25px}.vivo-search .search-box .qk-results{width:588px;position:absolute;left:0;top:40px;border:1px solid #eee;border-top:none;display:none}.vivo-search .search-box .qk-results ul li{display:block;position:relative;background:#fff;border-top:1px #eee solid}.vivo-search .search-box .qk-results ul li a{display:block;padding:10px;position:relative;color:#666;transition:all .3s ease-in-out}.vivo-search .search-box .qk-results ul li a b{width:60px;height:60px;float:left;overflow:hidden;margin-right:10px}.vivo-search .search-box .qk-results ul li a h2{font-weight:700;padding-bottom:2px;margin-top:12px}.vivo-search .search-box .qk-results ul li a span{display:inline-block;position:absolute;right:15px;top:30px;font-size:14px}.vivo-search .search-box .qk-results ul li a:hover{color:#fff;background:#0af}.vivo-search .search-box .qk-results .other-results{padding:10px;background:#fff;border-top:1px #eee solid}.vivo-search .search-box .qk-results .other-results a{font-size:14px;color:#0af}.vivo-menu-series{position:absolute;top:60px;left:0;height:166px;width:100%;background:#fff;background:rgba(255,255,255,.95);border-top:1px #e7e7e7 solid;border-bottom:1px #e4e4e4 solid;display:none;z-index:11}.vivo-menu-series dl,.vivo-menu-series dl dd a{height:166px;position:relative;overflow:hidden}.vivo-menu-series dl{display:block;width:1100px;margin:auto}.vivo-menu-series dl dd{display:block;float:left}.vivo-menu-series dl dd a{display:block;width:220px;transition:all .2s ease-in-out}.vivo-menu-series dl dd a.current,.vivo-menu-series dl dd a:hover{background-color:#008cd6;transition:all .5s ease-in-out}.vivo-menu-series dl dd a b{width:250px;height:140px;display:block;position:absolute;top:0;left:50%;margin-left:-125px;text-indent:-9999px;background:url(../images/vivo-mobiles-ico.png) no-repeat;background-size:1254px 336px;transition-delay:.1s}.vivo-menu-series dl dd.all-series a b{background-position:0 0}.vivo-menu-series dl dd.all-series a.current b,.vivo-menu-series dl dd.all-series a:hover b{background-position:0 -167px}.vivo-menu-series dl dd.x-series a b{background-position:-251px 0}.vivo-menu-series dl dd.x-series a.current b,.vivo-menu-series dl dd.x-series a:hover b{background-position:-251px -167px}.vivo-menu-series dl dd.xplay-series a b{background-position:-502px 0}.vivo-menu-series dl dd.xplay-series a.current b,.vivo-menu-series dl dd.xplay-series a:hover b{background-position:-502px -167px}.vivo-menu-series dl dd.y-series a b{background-position:-753px 0}.vivo-menu-series dl dd.y-series a.current b,.vivo-menu-series dl dd.y-series a:hover b{background-position:-753px -167px}.vivo-menu-series dl dd.xshot-series a b{background-position:-1004px 0}.vivo-menu-series dl dd.xshot-series a.current b,.vivo-menu-series dl dd.xshot-series a:hover b{background-position:-1004px -167px}.vivo-menu-series dl dd a h2{text-align:center;color:#666;font-size:18px;font-weight:400;position:relative;top:120px;transition:all .3s ease-in-out}.vivo-menu-series dl dd a.current h2,.vivo-menu-series dl dd a:hover h2{color:#fff}.vivo-menu-user{position:absolute;top:60px;right:0;height:auto;display:none}.vivo-menu-user em{width:12px;height:7px;overflow:hidden;background:url(../images/vivo-menu-user-corner.jpg) no-repeat;position:absolute;top:-6px;right:15px}.vivo-menu-user dl{display:block;width:100%;height:auto;overflow:hidden;border:1px solid #ededed;background:#fff;background:rgba(255,255,255,.95);border-radius:3px}.vivo-menu-user dl dd a{display:block;height:40px;line-height:40px;padding:0 25px;text-align:center;position:relative;color:#666;transition:all .2s ease-in-out}.vivo-menu-user dl dd a.current,.vivo-menu-user dl dd a:hover{background-color:#008cd6;color:#fff;transition:all .5s ease-in-out}.vivo-menu-user dl dd a b{width:26px;height:26px;display:inline-block;overflow:hidden;vertical-align:middle;margin-right:8px;position:relative;top:-2px;transition-delay:.1s;background:url(../images/vivo-menu-user-ico.png) no-repeat}.vivo-menu-user dl dd.ac-myvivo a b{background-position:0 0}.vivo-menu-user dl dd.ac-myvivo a.current b,.vivo-menu-user dl dd.ac-myvivo a:hover b{background-position:-26px 0}.vivo-menu-user dl dd.ac-editinfo a b{background-position:0 -26px}.vivo-menu-user dl dd.ac-editinfo a.current b,.vivo-menu-user dl dd.ac-editinfo a:hover b{background-position:-26px -26px}.vivo-menu-user dl dd.ac-order a b{background-position:0 -52px}.vivo-menu-user dl dd.ac-order a.current b,.vivo-menu-user dl dd.ac-order a:hover b{background-position:-26px -52px}.vivo-menu-user dl dd.ac-logout a b{background-position:0 -78px}.vivo-menu-user dl dd.ac-logout a.current b,.vivo-menu-user dl dd.ac-logout a:hover b{background-position:-26px -78px}.vivo-menu-community{position:absolute;top:60px;left:0;width:100%;background:#fff;background:rgba(255,255,255,.95);border-top:1px #e7e7e7 solid;border-bottom:1px #e4e4e4 solid;display:none;z-index:11}.v_search_block,.v_select_block{z-index:9999;cursor:default;font-weight:400}.vivo-menu-community .menu-content{width:1100px;margin:auto;height:106px;padding:30px 0;position:relative}.vivo-menu-community dl{display:block;width:20%;overflow:hidden;float:left}.vivo-menu-community dl dt{display:block;padding-bottom:10px;margin-right:20px}.vivo-menu-community dl dt a{font-size:18px;color:#008cd6}.vivo-menu-community dl dt a b{width:30px;height:30px;overflow:hidden;display:inline-block;vertical-align:middle;position:relative;top:-3px;margin-right:5px;background:url(../images/community-menu-ico.png) no-repeat}.vivo-menu-community dl dd{display:block;margin-right:20px}.vivo-menu-community dl dd a{display:block;width:47%;line-height:1.8em;padding-left:5px;float:left;overflow:hidden;white-space:nowrap;position:relative;color:#666;transition:all .2s ease-in-out}#loginreg_layer .lr-box .fieldset-fill ul.slogin li.forgot a.forgot-pwd,#loginreg_layer .lr-box .other-method ul li a,#loginreg_layer .lr-title h2.logo,.v-crumbs a,.v_search em,.v_select .menu a,.v_select em,.v_select_rect .menu a,.v_select_rect em{transition:all .3s ease-in-out}.vivo-menu-community dl dd a:hover{color:#008cd6}.vivo-menu-community dl.comm1 dd a{width:100%}.vivo-menu-community dl.comm1 dt a b{background-position:0 0}.vivo-menu-community dl.comm2 dt a b{background-position:-30px 0}.vivo-menu-community dl.comm3 dt a b{background-position:-60px 0}.vivo-menu-community dl.comm4 dt a b{background-position:-90px 0}.vivo-menu-community dl.comm5 dt a b{background-position:-120px 0}.v-crumbs{width:1100px;margin:auto;color:#999}.v-crumbs a:hover{color:#008cd6}#loginreg_layer .lr-box .fieldset-fill ul li b.correct,#loginreg_layer .lr-box .fieldset-fill ul li em,#loginreg_layer .lr-box .other-method ul li a b,#loginreg_layer .lr-title a.close{background:url(../images/vivo-loginreg-ico.png) no-repeat}#loginreg_layer{width:100%;position:relative;overflow:hidden;border-bottom:1px #f2f2f2 solid;background:url(../images/loginreg-title-bg.jpg);display:none}body.loginreg #loginreg_layer{display:block}#loginreg_layer .lr-title{position:relative;overflow:hidden}#loginreg_layer .lr-title h2.logo{width:302px;height:80px;overflow:hidden;position:absolute;top:50%;left:50%;margin:-60px 0 0 -151px}#loginreg_layer .lr-title .btn-box{width:100%;height:48px;position:absolute;left:0;bottom:10%;text-align:center}#loginreg_layer .lr-title .btn-box a{width:175px;height:48px;line-height:48px;color:#fff;font-size:18px;margin:0 5px;display:inline-block;overflow:hidden}#loginreg_layer .lr-title em{width:38px;height:21px;overflow:hidden;position:absolute;bottom:0;left:50%;background:url(../images/loginreg-corner-ico.png) no-repeat}#loginreg_layer .lr-title a.close{width:48px;height:48px;display:inline-block;overflow:hidden;position:absolute;top:20px;right:20px;background-position:-90px 0}#loginreg_layer .lr-title a.close:hover{background-position:-90px -48px}#loginreg_layer .lr-box{width:100%;background:#fff;position:relative}#loginreg_layer .lr-box .fieldset{width:545px;margin:0 auto;position:relative;top:35px}#loginreg_layer .lr-box .fieldset-fill{float:left;width:375px;position:relative}#loginreg_layer .lr-box .fieldset-fill .fieldset-section{display:none;width:100%;height:auto;position:absolute;top:0;left:0;background:#fff}#loginreg_layer .lr-box .fieldset-fill p.sub-title{font-size:14px;color:#555;margin-bottom:15px}#loginreg_layer .lr-box .fieldset-fill ul{display:block;margin-right:25px}#loginreg_layer .lr-box .fieldset-fill ul li{display:block;position:relative;margin-bottom:10px}#loginreg_layer .lr-box .fieldset-fill ul li input{padding:10px 40px;height:28px;line-height:28px;width:268px;vertical-align:middle}#loginreg_layer .lr-box .fieldset-fill ul li b.correct{width:20px;height:20px;overflow:hidden;position:absolute;top:15px;right:12px;background-position:-20px 0}#loginreg_layer .lr-box .fieldset-fill ul li em{width:20px;height:20px;overflow:hidden;position:absolute;top:15px;left:12px}#loginreg_layer .lr-box .fieldset-fill ul li b.error{background-position:-20px -20px}#loginreg_layer .lr-box .fieldset-fill ul li p.tip{font-size:14px;padding-top:4px;color:#f04141}#loginreg_layer .lr-box .fieldset-fill ul li.login-btn{margin-bottom:20px;padding-top:10px}#loginreg_layer .lr-box .fieldset-fill ul li.login-btn a{width:100%;height:48px;line-height:48px;color:#fff;font-size:18px;display:inline-block;overflow:hidden;text-align:center}#loginreg_layer .lr-box .fieldset-fill ul.slogin li.username em{background-position:0 0}#loginreg_layer .lr-box .fieldset-fill ul.slogin li.psw em{background-position:0 -20px}#loginreg_layer .lr-box .fieldset-fill ul.slogin li.forgot{font-size:14px;color:#999}#loginreg_layer .lr-box .fieldset-fill ul.slogin li.forgot a.v_checkbox{margin-right:5px;top:-1px}#loginreg_layer .lr-box .fieldset-fill ul.slogin li.forgot a.forgot-pwd{position:absolute;right:0}#loginreg_layer .lr-box .fieldset-fill ul.slogin li.forgot a.forgot-pwd:hover{color:#008cd6}#loginreg_layer .lr-box .fieldset-fill ul.phoneregister li.phonenumber input{width:140px}#loginreg_layer .lr-box .fieldset-fill ul.phoneregister li.phonenumber a{width:116px;height:48px;line-height:48px;color:#fff;font-size:18px;margin-left:10px;display:inline-block;vertical-align:middle;overflow:hidden;text-align:center}#loginreg_layer .lr-box .fieldset-fill ul.phoneregister li.phonenumber b.correct{right:138px}#loginreg_layer .lr-box .fieldset-fill ul.phoneregister li.phonenumber em{background-position:0 -40px}#loginreg_layer .lr-box .fieldset-fill ul.phoneregister li.vercode em{background-position:0 -60px}#loginreg_layer .lr-box .fieldset-fill ul.phoneregister li.psw em{background-position:0 -20px}#loginreg_layer .lr-box .fieldset-fill ul.emailregister li.email em{background-position:0 -80px}#loginreg_layer .lr-box .fieldset-fill ul.emailregister li.psw em{background-position:0 -20px}#loginreg_layer .lr-box .other-method{float:right;width:170px;display:none}#loginreg_layer .lr-box .other-method p.sub-title{font-size:14px;color:#555;margin-bottom:15px;padding-left:25px}#loginreg_layer .lr-box .other-method ul{display:block;padding-left:25px;border-left:1px #ededed solid}#loginreg_layer .lr-box .other-method ul li{display:block;position:relative;margin-bottom:10px}#loginreg_layer .lr-box .other-method ul li a{width:100%;height:48px;line-height:48px;display:inline-block;background:#f04141;color:#fff;overflow:hidden;font-size:16px;border-radius:5px}#loginreg_layer .lr-box .other-method ul li a b{width:48px;height:48px;display:inline-block;overflow:hidden;margin-right:13px;position:relative;top:-2px}#loginreg_layer .lr-box .other-method ul li.sina a{background:#f77}#loginreg_layer .lr-box .other-method ul li.sina a:hover{background:#f04141}#loginreg_layer .lr-box .other-method ul li.sina a b{background-position:-42px 0;border-right:1px #f57272 solid}#loginreg_layer .lr-box .other-method ul li.tencent a{background:#33bae7}#loginreg_layer .lr-box .other-method ul li.tencent a:hover{background:#10aadd}#loginreg_layer .lr-box .other-method ul li.tencent a b{background-position:-42px -48px;border-right:1px #31b3de solid}#loginreg_layer .lr-box .other-method ul li.qq a{background:#5ca3e1}#loginreg_layer .lr-box .other-method ul li.qq a:hover{background:#3686cc}#loginreg_layer .lr-box .other-method ul li.qq a b{background-position:-42px -96px;border-right:1px #589cd8 solid}#loginreg_layer .lr-box .other-method ul li.renren a{background:#6a9bec}#loginreg_layer .lr-box .other-method ul li.renren a:hover{background:#4380e6}#loginreg_layer .lr-box .other-method ul li.renren a b{background-position:-42px -144px;border-right:1px #6695e3 solid}#loginreg_layer .lr-box .phonereg-tips{display:none}#loginreg_layer .lr-box .phonereg-tips .reg-complete{width:545px;height:300px;margin:auto;background:url(../images/vivo-logreg-complete.jpg) center -40px no-repeat}#loginreg_layer .lr-box .phonereg-tips .btn{text-align:center}#loginreg_layer .lr-box .phonereg-tips .btn a{width:120px;height:38px;line-height:38px;color:#fff;font-size:16px;margin:0 15px;display:inline-block;overflow:hidden;text-align:center;vertical-align:middle}#loginreg_layer .lr-box .phonereg-tips span{text-align:center;color:#555;font-size:14px;vertical-align:middle;display:inline-block}#loginreg_layer .lr-box .emailver-tips{display:none}#loginreg_layer .lr-box .emailver-tips .reg-complete{width:545px;height:300px;margin:auto;background:url(../images/vivo-logreg-complete1.jpg) center -40px no-repeat}#loginreg_layer .lr-box .emailver-tips .btn{text-align:center}#loginreg_layer .lr-box .emailver-tips .btn a{width:120px;height:38px;line-height:38px;color:#fff;font-size:16px;margin:0 15px;display:inline-block;overflow:hidden;text-align:center;vertical-align:middle}#loginreg_layer .lr-box .emailver-tips span{text-align:center;color:#555;font-size:14px;vertical-align:middle;display:inline-block}#loginreg_layer .lr-box .emailreg-tips{display:none}#loginreg_layer .lr-box .emailreg-tips .reg-complete{width:545px;height:250px;margin:auto}#loginreg_layer .lr-box .emailreg-tips .reg-complete img{float:left;margin-right:22px;position:relative;top:20px}#loginreg_layer .lr-box .emailreg-tips .reg-complete h2{font-size:25px;color:#008cd6;display:block;padding-top:60px}#loginreg_layer .lr-box .emailreg-tips .reg-complete p{color:#555;font-size:14px;padding-top:10px}#loginreg_layer .lr-box .emailreg-tips .reg-complete .sendagain{padding-top:40px;font-size:14px;color:#555}#loginreg_layer .lr-box .emailreg-tips .reg-complete .sendagain a{color:#008cd6}#loginreg_layer .lr-box .emailreg-tips .btn{text-align:left;width:545px;margin:auto}#loginreg_layer .lr-box .emailreg-tips .btn a{width:180px;height:38px;line-height:38px;color:#fff;font-size:16px;margin-left:180px;display:inline-block;overflow:hidden;text-align:center;vertical-align:middle}.v_checkbox b,.v_radio span,.v_radio span b{width:18px;height:18px;display:inline-block;overflow:hidden}#loginreg_layer .lr-box .emailreg-tips span{text-align:center;color:#555;font-size:14px;vertical-align:middle;display:inline-block}.v_checkbox b,.v_radio span b,.v_search em b,.v_select em b,.v_select_rect em b{background:url(../images/vivo-fieldset-ico.png) no-repeat}input.v_inp{background:#f5f5f5;border:none;-ms-box-shadow:0 0 5px rgba(0,140,214,0),0 1px 2px rgba(0,0,0,.1) inset;box-shadow:0 0 5px rgba(0,140,214,0),0 1px 2px rgba(0,0,0,.1) inset;border-radius:3px;font-size:16px;color:#333;transition:all .3s ease-in-out}input.v_inp:focus{-ms-box-shadow:0 0 5px rgba(0,140,214,.5),0 0 2px rgba(0,0,0,.1) inset;box-shadow:0 0 5px rgba(0,140,214,.5),0 0 2px rgba(0,0,0,.1) inset;background:#fff}.v_checkbox{display:inline-block;vertical-align:middle;position:relative}.v_checkbox b{background-position:-88px 0;margin-right:5px}.v_checkbox:hover b{background-position:-88px -19px}.v_checkbox.current b,.v_checkbox.current:hover b{background-position:-88px -38px}.v_radio{display:inline-block;vertical-align:middle;position:relative;margin-right:10px}.v_radio span{vertical-align:middle;position:relative;margin-right:5px}.v_radio span b{background-position:-29px 0}.v_radio:hover span b{background-position:-29px -19px}.v_radio.current span b{background-position:-29px -38px}.v_select_block{display:inline-block;font-size:inherit;position:relative;padding-right:10px;color:#333}.v_select{border:1px solid #eaeaea;display:inline-block;vertical-align:middle;background:#fff;position:relative;padding-right:36px;height:34px;border-radius:30px}.v_select span{display:block;text-align:center;margin:0 9px 0 15px;white-space:nowrap;overflow:hidden;font-size:16px;height:34px;line-height:34px;color:#333}.v_select em,.v_select em b{width:28px;height:28px;overflow:hidden}.v_select em{display:block;position:absolute;top:1px;right:2px;background:#fff;border:1px solid #f2f2f2;border-radius:50%;-ms-box-shadow:0 2px 2px rgba(0,0,0,.3);box-shadow:0 2px 2px rgba(0,0,0,.3)}.v_select em b{display:inline-block;position:relative;background-position:0 -18px}.v_select em:hover{background:#008cd6;border:1px solid #008cd6}.v_select em:hover b{background-position:0 -47px}.v_select .menu{width:100%;position:absolute;top:34px;left:0;border:1px solid #eaeaea;background:#fff;overflow:hidden;overflow-y:auto;border-radius:15px;height:175px;display:none}.v_select .menu a{display:block;padding:0 10px;height:35px;line-height:35px;font-size:16px;color:#333}.v_select .menu a.current,.v_select .menu a:hover{background:#008cd6;color:#fff}.v_select_rect{border:1px solid #eaeaea;display:inline-block;vertical-align:middle;background:#fff;position:relative;padding-right:36px;height:34px;border-radius:3px}.v_select_rect em,.v_select_rect span{height:34px;display:block;overflow:hidden}.v_select_rect span{text-align:center;margin:0 15px;white-space:nowrap;font-size:16px;line-height:34px;color:#333}.v_select_rect em{width:34px;position:absolute;top:-1px;right:-1px;background:#fff;border:1px solid #eaeaea;border-radius:3px}.v_select_rect em b{width:28px;height:28px;display:inline-block;position:relative;overflow:hidden;background-position:0 -18px;top:2px;left:2px}.v_select_rect em:hover{background:#008cd6;border:1px solid #008cd6}.v_select_rect em:hover b{background-position:0 -47px}.v_select_rect .menu{width:100%;position:absolute;top:34px;left:-1px;border:1px solid #eaeaea;background:#fff;overflow:hidden;overflow-y:auto;display:none}.v_select_rect .menu a{display:block;padding:0 10px;height:35px;line-height:35px;font-size:16px;color:#333}.v_search,.v_search_block{display:inline-block;position:relative}.v_select_rect .menu a.current,.v_select_rect .menu a:hover{background:#008cd6;color:#fff}.v_search_block{font-size:inherit;padding-right:10px;color:#333}.v_search{border:1px solid #eaeaea;vertical-align:middle;background:#fff;padding-right:36px;height:34px;border-radius:30px}.v_search span{display:block;text-align:center;margin:0 9px 0 15px;white-space:nowrap;overflow:hidden;font-size:16px;height:34px;line-height:34px;color:#333}.v_search span input{width:100%;height:34px;line-height:34px;background:no-repeat;border:none;font-size:14px;color:#555}.v_search em,.v_search em b{width:28px;height:28px;overflow:hidden}.v_search em{display:block;position:absolute;top:2px;right:2px;background:#fff;border:1px solid #eaeaea;border-radius:50%}.v_search em b{display:inline-block;position:relative;background-position:-52px 0}.v_search em:hover{background:#008cd6;border:1px solid #008cd6}.v_search em:hover b{background-position:-52px -28px}.v_search .menu{width:100%;position:absolute;top:34px;left:0;border:1px solid #eaeaea;background:#fff;overflow:hidden;overflow-y:auto;border-radius:15px;height:175px;display:none}.v_search .menu a{display:block;padding:0 10px;height:35px;line-height:35px;font-size:16px;color:#333;transition:all .3s ease-in-out}.v_dark_btn,.v_green_btn,.v_light_btn{display:inline-block;cursor:pointer;transition:all .3s ease-in-out}.v_search .menu a.current,.v_search .menu a:hover{background:#008cd6;color:#fff}.v_light_btn,.v_light_btn:active,.v_light_btn:hover{background:#7fc5ea;color:#fff}.v_light_btn{border:none;font-size:14px;border-radius:3px}.v_dark_btn{border:none;background:#008cd6;font-size:14px;color:#fff;border-radius:3px}.v_dark_btn:hover{background:#0af;color:#fff}.v_dark_btn:active{background:#0073b0;color:#fff}.v_green_btn,.v_green_btn:active,.v_green_btn:hover{background:#39ca74;color:#fff}.v_green_btn{border:none;font-size:14px;border-radius:3px}#vivo-foot{height:140px;background:#202223}#vivo-foot .vivo-footer{width:1100px;margin:auto;padding-top:30px;position:relative}.vivo-footer p{color:#666;padding-top:5px;padding-right:200px}.vivo-footer a.footer-logo{width:95px;height:30px;display:inline-block;float:left;position:relative;margin-right:40px;top:-15px;background-image:url(../images/vivo-footer-logo.jpg);background-image:-webkit-image-set(url(../images/vivo-footer-logo.jpg) 1x,url(../images/vivo-footer-logo-x2.jpg) 2x);background-image:-moz-image-set(url(../images/vivo-footer-logo.jpg) 1x,url(../images/vivo-footer-logo-x2.jpg) 2x);background-repeat:no-repeat}.vivo-sns-list a,.vivo-sns-list a b{width:27px;height:27px;display:inline-block;overflow:hidden}.vivo-footer p a{color:#666;transition:color .2s ease-in-out}.vivo-footer p a:hover{color:#008cd6}.vivo-footer .footer-nav{color:#ccc;font-size:14px;padding-bottom:8px;margin-left:135px}.vivo-footer .footer-nav a{color:#ccc;padding:0 10px}.vivo-footer .footer-nav a:first-child{padding-left:0}.vivo-footer .vivo-sns-list{position:absolute;top:30px;right:0;color:#ccc}a,body{color:#666}.vivo-sns-list a{margin-left:8px;background:#4d4e4f;border-radius:4px;transition:background .2s ease-in-out;vertical-align:middle}.vivo-sns-list a b{background:url(../images/vivo-sns-ico.png) no-repeat;background-size:135px 54px}.vivo-sns-list a:hover b{transition-delay:.1s}.vivo-sns-list a.sina b{background-position:0 0}.vivo-sns-list a.sina:hover{background:#e52c42}.vivo-sns-list a.sina:hover b{background-position:0 -27px}.vivo-sns-list a.tencent b{background-position:-27px 0}.vivo-sns-list a.tencent:hover{background:#14addf}.vivo-sns-list a.tencent:hover b{background-position:-27px -27px}.vivo-sns-list a.weixin b{background-position:-54px 0}.vivo-sns-list a.weixin:hover{background:#20a900}.vivo-sns-list a.weixin:hover b{background-position:-54px -27px}.vivo-sns-list a.qzone b{background-position:-81px 0}.vivo-sns-list a.qzone:hover{background:#ffc600}.vivo-sns-list a.qzone:hover b{background-position:-81px -27px}.vivo-sns-list a.renren b{background-position:-108px 0}.vivo-sns-list a.renren:hover{background:#056be8}.vivo-sns-list a.renren:hover b{background-position:-108px -27px}.vivo-weixin-overbox{width:143px;height:143px;background:#fff;position:absolute;bottom:40px;right:-56px;border-radius:2px;-ms-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);z-index:99;display:none}.vivo-weixin-overbox img{position:relative;left:15px;top:15px}.vivo-weixin-overbox b{width:18px;height:12px;overflow:hidden;background:url(../images/overbox-cd-icon.png) no-repeat;position:absolute;bottom:-12px;left:50%;margin-left:-9px}.lan-en{position:absolute;top:75px;right:0;background:url(../images/vivo-lan-en-ico.jpg) center right no-repeat;padding-right:12px}#mobile-wrap,body{position:relative}@media only screen and (-webkit-min-device-pixel-ratio:1.5),screen and (-webkit-min-device-pixel-ratio:1.5),screen and (min-resolution:144dpi),screen and (-webkit-min-device-pixel-ratio:144),screen and (min-resolution:144dppx){.vivo-sns-list a b{background-image:url(../images/vivo-sns-ico-x2.png)}.vivo-menu-series dl dd a b{background-image:url(../images/vivo-mobiles-ico-x2.png)}}@media screen and (min-width:1921px) and (min-height:1081px){.data li strong em{font-size:36px}.data li span{font-size:16px}.title{top:150px}.title h2{font-size:50px}.title h3{font-size:36px}.title p.stitle{padding-top:30px;font-size:16px}.vmb-stage{height:1300px}.section{width:1100px}.kv .title{width:354px;height:185px;left:-200px;top:420px}.kv .figure em{width:690px;height:1115px}.kv .f1{top:-145px;left:805px}.kv .f2{top:5px;left:612px}.kv .f3{top:140px;left:110px}.high{height:1300px}.high .f1{width:1150px;height:1150px;top:-40px;left:-420px}.high .f2{width:885px;height:1425px;top:-80px;left:320px}.high .f3{width:1020px;height:1270px;top:560px;left:315px}.high .title{width:370px;top:880px}.s1{height:1200px}.s1 .figure .f1 em{width:775px;height:1200px;left:-80px;top:80px}.s1 .figure .f2 em{width:1530px;height:425px;left:-400px;top:180px}.s1 .figure .f3 em{width:985px;height:520px;left:10px;top:150px}.s2{height:2000px}.s2 .title{width:315px;top:200px}.s2 .figure em{width:1355px;height:1355px}.s2 .figure .f2,.s2 .figure .shadow{top:130px;left:0}.s2 .figure .f1{top:515px;left:-330px}.s2 .data{top:1600px;right:75px}.s3{height:1300px}.s3 .title{width:550px}.s3 .f1{width:1450px;height:50px;top:510px;margin-left:-125px}.s3 .f2{width:685px;height:355px;top:580px}.s3 .span{font-size:250px;top:480px;left:50px}.s4{height:3000px}.s4 .title{width:540px;top:100px}.s4 .data{width:642px;top:95px}.s4 .figure{top:50px}.s4 .f1{width:420px;height:825px;margin-left:-200px;top:60px}.s4 .n1,.s4 .n2,.s4 .n3{width:365px;height:628px;margin-left:-172px;top:158px}.s4 .btn em{top:500px}.s4 .btn em.b1,.s4 .btn em.b2{margin-left:-510px}.s4 .btn em.b3,.s4 .btn em.b4{margin-left:438px}.s4 .mobile em{height:717px;margin-left:-472px;top:401px}.s4 .first em{font-size:36px}.s5 .bg{height:1500px;margin-top:-750px}.s5 .title{width:450px;top:700px}.s5 .figure em{top:800px}.s5 .caution{top:1000px}.s6 .title{width:550px}.s6 .figure em{width:840px;height:476px;top:312px;margin-left:-403px}.s6 .figure em.f3{width:1100px;height:580px;top:270px;margin-left:-530px}.s6 .caution{top:1000px}.s7{height:850px}.s7 .figure{width:2560px;height:1000px;left:0;top:-90px}}@media screen and (max-width:1440px) and (max-height:900px){.vmb-stage{height:900px}.section{width:800px}.kv .title{width:213px;height:111px;top:330px}.kv .figure em{width:414px;height:669px}.kv .f1{top:10px;left:550px}.kv .f2{top:90px;left:435px}.kv .f3{top:170px;left:135px}.high{height:900px}.high .f1{width:690px;height:690px;top:0;left:-180px}.high .f2{width:531px;height:855px;top:-30px;left:275px}.high .f3{width:612px;height:762px;top:360px;left:270px}.high .title{top:520px}.s1{height:700px}.s1 .figure .f1 em{width:465px;height:720px;left:-80px;top:80px}.s1 .figure .f2 em{width:918px;height:255px;left:-300px;top:180px}.s1 .figure .f3 em{width:591px;height:312px;left:10px;top:150px}.s2{height:1300px}.s2 .figure em{width:813px;height:813px}.s2 .figure .f2,.s2 .figure .shadow{top:100px;left:115px}.s2 .figure .f1{top:380px;left:-160px}.s2 .data{top:1000px;right:75px}.s3{height:780px}.s3 .f1{width:870px;height:30px;top:260px}.s3 .f2{width:411px;height:213px;top:300px}.s3 .span{font-size:135px;top:295px;left:50px}.s4{height:2000px}.s4 .data,.s4 .title{top:80px}.s4 .figure{top:-20px}.s4 .f1{width:252px;height:495px;margin-left:-116px;top:60px}.s4 .n1,.s4 .n2,.s4 .n3{width:219px;height:377px;margin-left:-100px;top:118px}.s4 .btn em{top:280px}.s4 .mobile em{height:430px;margin-left:-273px;top:321px}.s5 .bg{height:1100px;margin-top:-550px}.s5 .title{top:300px}.s5 .figure em{top:350px}.s5 .caution{top:670px}.s6 .figure em{width:500px;height:285px;top:226px;margin-left:-251px}.s6 .figure em.f3{width:660px;height:348px;top:200px;margin-left:-330px}.s6 .caution{top:670px}.s6 .figure em.f1 video{margin-left:-2px}.s6 .figure em.f2 img,.s6 .figure em.f4 img{margin-left:1px}.s7{height:450px}.s7 .figure{width:1536px;height:600px;top:-80px}.s8{height:900px}.s8 .title{top:230px;right:-150px}}@media screen and (max-width:1280px) and (max-height:800px){.vmb-stage{height:800px}.section{width:700px}.kv .title{width:178px;height:93px;top:320px;left:-120px}.kv .f1{top:-40px;left:500px}.kv .f2{top:40px;left:385px}.kv .f3{top:120px;left:85px}.high{height:800px}.high .f1{width:575px;height:575px;top:20px;left:-150px}.high .f2{width:443px;height:713px;top:20px;left:235px}.high .f3{width:510px;height:635px;top:340px;left:260px}.high .title{top:450px}.s1{height:700px}.s1 .figure .f1 em{width:465px;height:720px;left:-80px;top:80px}.s1 .figure .f2 em{width:918px;height:255px;left:-300px;top:180px}.s1 .figure .f3 em{width:591px;height:312px;left:10px;top:150px}.s2{height:1200px}.s2 .figure em{width:678px;height:678px}.s2 .figure .f2,.s2 .figure .shadow{top:200px;left:100px}.s2 .figure .f1{top:430px;left:-105px}.s2 .data{top:900px;right:25px}.s3{height:780px}.s4{height:2000px}.s4 .f1{width:210px;height:413px;margin-left:-105px;top:60px}.s4 .n1,.s4 .n2,.s4 .n3{width:183px;height:315px;margin-left:-92px;top:109px}.s4 .btn em{top:250px}.s4 .btn em.b1,.s4 .btn em.b2{margin-left:-310px}.s4 .btn em.b3,.s4 .btn em.b4{margin-left:238px}.s4 .mobile em{height:358px;margin-left:-248px;top:318px}.s5 .bg{height:1000px;margin-top:-500px}.s5 .title{top:230px}.s5 .figure em{top:280px}.s5 .caution{top:580px}.s6 .figure em{width:420px;height:236px;top:203px;margin-left:-211px}.s6 .figure em.f3{width:550px;height:290px;top:180px;margin-left:-275px}.s6 .caution{top:565px}.s6 .figure em.f1 video{margin-left:2px}.s7{height:450px}.s7 .figure{width:1536px;height:600px;top:-80px}.s8{height:800px}.s8 .title{top:230px;right:-150px}}@media only screen and (max-width:1280px) and (max-height:800px) and (-webkit-min-device-pixel-ratio:1.5),screen and (max-width:1280px) and (max-height:800px) and (-webkit-min-device-pixel-ratio:1.5),screen and (max-width:1280px) and (max-height:800px) and (min-resolution:144dpi),screen and (max-width:1280px) and (max-height:800px) and (-webkit-min-device-pixel-ratio:144),screen and (max-width:1280px) and (max-height:800px) and (min-resolution:144dppx){.s6 .figure em{width:420px;height:238px;top:201px;margin-left:-211px}.s6 .figure em.f1 video{margin-left:-3px}}::-moz-selection{background:#008cd6;color:#fff;text-shadow:none}::selection{background:#008cd6;color:#fff;text-shadow:none}a:hover{color:#008cd6}html{overflow-x:hidden;overflow-y:auto;color:#000;background:#fff}html.can-animate,html.can-animate body,html.layer-ant,html.layer-ant body{overflow:hidden;width:100%;height:100%;position:relative}#gotop,#gotop a{width:50px;height:50px}@font-face{font-family:gothamexlight;src:url(gothamexlight.eot);src:url(gothamexlight.woff) format("woff"),url(gothamexlight.ttf) format("truetype");font-style:normal;font-weight:200}@font-face{font-family:FZLTXHK;src:url(FZLTXHK.eot);src:url(FZLTXHK.woff) format("woff"),url(FZLTXHK.ttf) format("truetype");font-style:normal;font-weight:200}body{font-family:FZLTXHK,"Microsoft YaHei",tahoma;min-width:1200px;overflow:hidden}#airbox{width:100%;position:fixed;top:0;left:0;z-index:9999}#mobile-wrap{width:100%;min-height:583px;height:100%;overflow:hidden;background:#fff;z-index:9}#gotop{position:absolute;top:200px;right:40px;z-index:100}#gotop a{overflow:hidden;display:block;background:url(../images/top-ico.gif) no-repeat #008cd6;background:url(../images/top-ico.png) no-repeat rgba(0,0,0,.3);transition:all .3s ease-in-out;border-radius:5px}#gotop a:hover{background-color:#008cd6}#mobile-contain{z-index:1}#mobile-func-nav .mobile-func-par a b,#mobile-share .share-list .share-ico li a b,.mobile-nav li a b,.popup-page .photo-content a.sw,.popup-page .popup-nav a,.x5max-video-layer a.close{background:url(../images/vivo-products-ico.png) no-repeat;background-image:-webkit-image-set(url(../images/vivo-products-ico.png) 1x,url(../images/vivo-products-ico-x2.png) 2x);display:inline-block;overflow:hidden;vertical-align:middle;background-size:480px 400px;position:relative}.m-shopping-list ul li b{background:url(/images/v-pro-shoppingpl-ico.png) no-repeat;background-size:100px 342px;display:inline-block;overflow:hidden;vertical-align:middle}@media print,only screen and (-webkit-min-device-pixel-ratio:1.5),screen and (-webkit-min-device-pixel-ratio:1.5),screen and (min-resolution:144dpi),screen and (-webkit-min-device-pixel-ratio:144),screen and (min-resolution:144dppx){#mobile-func-nav .mobile-func-par a b,#mobile-share .share-list .share-ico li a b,.mobile-nav li a b,.popup-page .photo-content a.sw,.popup-page .popup-nav a,.x5max-video-layer a.close{background-image:url(../images/vivo-products-ico-x2.png)}.m-shopping-list ul li b{background-image:url(/images/v-pro-shoppingpl-ico-x2.png)}}.mobile-header .vivo-mobile-logo{background:url(../images/vivo-mobile-logo.png) no-repeat;background-size:250px 40px}@media print,only screen and (-webkit-min-device-pixel-ratio:1.5),screen and (-webkit-min-device-pixel-ratio:1.5),screen and (min-resolution:144dpi),screen and (-webkit-min-device-pixel-ratio:144),screen and (min-resolution:144dppx){.mobile-header .vivo-mobile-logo{background-image:url(../images/vivo-mobile-logo-x2.png)}}#vivo-head-wrap{position:absolute}#mobile-wrap .header-wrap{width:100%;height:81px;position:absolute;top:0;left:0;-webkit-transition:all 0 ease;z-index:999}#mobile-header{width:100%;position:relative;left:0;top:0;z-index:9;transition:none}#mobile-header .h-style{width:100%;background:#fff;border-bottom:1px #eee solid;transition:all .2s ease-in-out}#mobile-header.f,.mobile-nav li a{transition:all .5s ease}#mobile-header.f .h-style{background:#fff;background:rgba(255,255,255,.96)}#mobile-header.dark .h-style{background:#fcfcfc;background:rgba(245,245,245,.95)}.mobile-header{width:1100px;margin:auto;position:relative}.mobile-header .vivo-mobile-logo{float:left;display:block;height:40px;width:160px;overflow:hidden;position:relative;top:5px}.mobile-nav{float:right;display:block;text-align:right;position:relative}.mobile-nav li{display:block;float:left;height:50px;line-height:51px;margin-left:30px;font-size:14px}.mobile-nav li a{color:#000;text-decoration:none!important}.mobile-nav li a b{width:20px;height:20px;margin-right:6px;top:-1px;transition-delay:.1s}.mobile-nav li.vp-overviews b{background-position:0 0}.mobile-nav li.vp-overviews a:hover b,.mobile-nav li.vp-overviews.current a b{background-position:0 -20px}.mobile-nav li.vp-share b{background-position:-20px 0}.mobile-nav li.vp-share a:hover b,.mobile-nav li.vp-share.current a b{background-position:-20px -20px}.mobile-nav li.vp-specs b{background-position:-40px 0}.mobile-nav li.vp-specs a:hover b,.mobile-nav li.vp-specs.current a b{background-position:-40px -20px}.mobile-nav li.vp-gallery b{background-position:-60px 0}.mobile-nav li.vp-gallery a:hover b,.mobile-nav li.vp-gallery.current a b{background-position:-60px -20px}.mobile-nav li.vp-third b{background-position:-80px 0}.mobile-nav li.vp-third a:hover b,.mobile-nav li.vp-third.current a b{background-position:-80px -20px}.mobile-nav li a:hover{color:#008cd6}.mobile-nav li.vp-purchase a{display:inline-block;vertical-align:top;width:106px;height:30px;line-height:30px;text-align:center;position:relative;top:10px;background:#f58500;color:#fff;border-radius:5px}.mobile-nav li.vp-purchase a:hover{background:#ffb400}.mobile-nav li.current a,.mobile-nav li.current a:hover{color:#008cd6}#mobile-share{width:100%;position:relative;color:#000;display:none;overflow:hidden}#mobile-share .share-list{display:block;width:1100px;margin:auto;padding:20px 0;border-top:1px #eaeaea solid;font-size:12px}#mobile-share .share-list .share-ico{width:890px;float:left;text-align:center;position:relative;top:-2px}#mobile-share .share-list .share-ico li{display:inline-block;width:100px;margin:0 20px;text-align:center}#mobile-share .share-list .share-ico li a{color:#000;display:block;position:relative;transition:opacity .3s ease-in-out}#mobile-share .share-list .share-ico li a b{width:80px;height:80px}#mobile-share .share-list .share-ico li a.sina b{background-position:0 -40px}#mobile-share .share-list .share-ico li a.tencent b{background-position:-80px -40px}#mobile-share .share-list .share-ico li a.renren b{background-position:-160px -40px}#mobile-share .share-list .share-ico li a.qzone b{background-position:-240px -40px}#mobile-share .share-list .share-ico li a.kaixin b{background-position:-320px -40px}#mobile-share .share-list .share-ico li a.w163 b{background-position:-400px -40px}#mobile-share .share-list .code-figure{width:160px;float:right;text-align:center}#mobile-share .share-list .code-figure img{width:80px;height:80px}#mobile-share .share-list .code-figure p{padding-top:5px}#mobile-shopping-pl{width:100%;position:relative;color:#000;display:none;overflow:hidden}#mobile-shopping-pl .m-shopping-list,#mobile-shopping-pl p{display:block;width:1100px;border-top:1px #f3f3f3 solid;margin:auto}#mobile-shopping-pl p{color:#999;font-size:12px;text-align:center;padding:10px 0}#mobile-shopping-pl .m-shopping-list{padding:30px 0}#mobile-shopping-pl .m-shopping-list ul{display:table;width:100%;margin:auto}#mobile-shopping-pl .m-shopping-list ul li{display:table-cell;width:11%;text-align:center}#mobile-shopping-pl .m-shopping-list ul li b{display:inline-block;width:100px;height:38px;overflow:hidden}#mobile-shopping-pl .m-shopping-list ul li a{display:block;vertical-align:middle;position:relative;transition:opacity .3s ease-in-out}#mobile-shopping-pl .m-shopping-list ul li.vivo-store b{background-position:0 0}#mobile-shopping-pl .m-shopping-list ul li.jd-store b{background-position:0 -38px}#mobile-shopping-pl .m-shopping-list ul li.tmall-store b{background-position:0 -76px}#mobile-shopping-pl .m-shopping-list ul li.suning-store b{background-position:0 -114px}#mobile-shopping-pl .m-shopping-list ul li.gome-store b{background-position:0 -152px}#mobile-shopping-pl .m-shopping-list ul li.paipai-store b{background-position:0 -190px}#mobile-shopping-pl .m-shopping-list ul li.dangdang-store b{background-position:0 -228px}#mobile-shopping-pl .m-shopping-list ul li.amazon-store b{background-position:0 -266px}#mobile-shopping-pl .m-shopping-list ul li.yhd-store b{background-position:0 -304px}#mobile-func-nav{width:100%;position:relative;display:none;overflow:hidden}#mobile-func-nav .func-nav-box{display:block;width:1100px;margin:auto;padding-top:20px;border-top:1px #eaeaea solid}#mobile-func-nav .mobile-func-nav{float:left;width:100%;text-align:center}#mobile-func-nav .mobile-func-nav a{width:140px;height:120px;overflow:hidden;display:inline-block;color:#000;text-align:center;transition:opacity .3s ease-in-out;-webkit-transform:translate(0,0,0);transform:translate(0,0,0)}#mobile-func-nav .mobile-func-nav a b{width:80px;height:80px;overflow:hidden;display:inline-block}#mobile-func-nav .mobile-func-nav a b img{width:80px;height:80px}#mobile-func-nav .mobile-func-nav a.current,#mobile-func-nav .mobile-func-nav a:hover{opacity:.6;-webkit-transform:translate(0,0,0);transform:translate(0,0,0)}#mobile-func-nav .mobile-func-par{float:right;width:300px;text-align:center;display:none}#mobile-func-nav .mobile-func-par a{width:96px;height:120px;overflow:hidden;display:inline-block;color:#008cd6;text-align:center;transition:opacity .3s ease-in-out}#mobile-func-nav .mobile-func-par a b{width:80px;height:80px;overflow:hidden;display:inline-block}#mobile-func-nav .mobile-func-par a.fp1 b{background-position:0 -120px}#mobile-func-nav .mobile-func-par a.fp2 b{background-position:-80px -120px}#mobile-func-nav .mobile-func-par a.fp3 b{background-position:-160px -120px}body.funcnav-close #mobile-func-nav .mobile-func-nav{display:none}body.funcnav-close #mobile-func-nav .mobile-func-par{float:none;width:100%}body.funcnav-close #mobile-func-nav .mobile-func-par a{width:150px}#airbox em.loading{width:55px;height:55px;line-height:55px;overflow:hidden;position:absolute;top:50%;left:50%;margin:-27px 0 0 -27px;background:url(../images/loading-ico.gif) no-repeat;z-index:999999;text-align:center;font-size:12px;color:#219edf;font-family:Arial;font-style:normal;display:none}#airbox .popup-page{width:100%;height:100%;overflow:hidden;background:#555;background:rgba(0,0,0,.5);color:#666;z-index:2;position:relative;display:none;-webkit-perspective:2000;-ms-perspective:2000;perspective:2000;-webkit-transform-origin:50%;transform-origin:50%}#airbox .popup-inner{width:100%;height:100%;background:#fff;position:absolute;top:0;left:0;opacity:0;visibility1:hidden;-webkit-transform:scale(.1) rotate3d(0,-1,0,-180deg);transform:scale(.1) rotate3d(0,-1,0,-180deg);transition:all .8s cubic-bezier(.77,0,.175,1)}#airbox .popup-page.open .popup-inner{opacity:1;visibility1:visible;-webkit-transform:scale(1) rotate3d(0,-1,0,0deg);transform:scale(1) rotate3d(0,-1,0,0deg)}#airbox .popup-page .popup-nav{position:absolute;top:20px;right:20px;z-index:9}.popup-page .popup-nav.showpn a.close-btn{transition:opacity .4s .2s ease,-webkit-transform .4s .2s ease;transition:transform .4s .2s ease,opacity .4s .2s ease;transition:transform .4s .2s ease,opacity .4s .2s ease,-webkit-transform .4s .2s ease}.popup-page .popup-nav.showpn a.parameters-btn{transition:opacity .4s .3s ease,-webkit-transform .4s .3s ease;transition:transform .4s .3s ease,opacity .4s .3s ease;transition:transform .4s .3s ease,opacity .4s .3s ease,-webkit-transform .4s .3s ease}.popup-page .popup-nav.showpn a.gallery-btn{transition:opacity .4s .4s ease,-webkit-transform .4s .4s ease;transition:transform .4s .4s ease,opacity .4s .4s ease;transition:transform .4s .4s ease,opacity .4s .4s ease,-webkit-transform .4s .4s ease}.popup-page .popup-nav.showpn a.third-btn{transition:opacity .4s .5s ease,-webkit-transform .4s .5s ease;transition:transform .4s .5s ease,opacity .4s .5s ease;transition:transform .4s .5s ease,opacity .4s .5s ease,-webkit-transform .4s .5s ease}.popup-page .popup-nav.showpn a{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.popup-page .popup-nav a{width:50px;height:50px;display:block;margin-bottom:10px;opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.popup-page .popup-nav a.close-btn{overflow:hidden;background-position:0 -200px;margin-bottom:50px}.popup-page .popup-nav a.close-btn:hover{background-position:0 -250px;-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:opacity .3s 0s ease,-webkit-transform .3s 0s ease-in-out;transition:transform .3s 0s ease-in-out,opacity .3s 0s ease;transition:transform .3s 0s ease-in-out,opacity .3s 0s ease,-webkit-transform .3s 0s ease-in-out}.popup-page .popup-nav a.parameters-btn{background-position:-50px -200px}.popup-page .popup-nav a.parameters-btn.current,.popup-page .popup-nav a.parameters-btn:hover{background-position:-50px -250px}.popup-page .popup-nav a.gallery-btn{background-position:-100px -200px}.popup-page .popup-nav a.gallery-btn.current,.popup-page .popup-nav a.gallery-btn:hover{background-position:-100px -250px}.popup-page .popup-nav a.third-btn{background-position:-150px -200px}.popup-page .popup-nav a.third-btn.current,.popup-page .popup-nav a.third-btn:hover{background-position:-150px -250px}.popup-page .photo-content{width:100%;height:100%;overflow:hidden;background:#fff;position:absolute;top:0;left:0;z-index:1;display:none}.popup-page .photo-content h2{text-align:right;font-size:18px;font-weight:400}.popup-page .photo-content .slide-box{width:100%;position:absolute;bottom:10px;left:0;text-align:center;z-index:2}.popup-page .photo-content .slide-box a{display:inline-block;width:20px;height:20px;margin:0 3px;position:relative}.popup-page .photo-content .slide-box a b{display:block;width:8px;height:8px;overflow:hidden;position:absolute;top:50%;left:50%;margin:-4px 0 0 -4px;background:#d8d8d8;cursor:default;border-radius:50%;transition:all .2s ease-in-out}.popup-page .photo-content .slide-box a b:hover,.popup-page .photo-content .slide-box a.current b{background:#008bd9;-webkit-transform:scale(1.4);transform:scale(1.4)}.popup-page .photo-content .previews{text-align:center;overflow:hidden;position:relative;width:100%;height:100%;z-index:1}.popup-page .photo-content .previews ol{display:block;width:100%;height:100%;position:relative;z-index:1}.popup-page .photo-content .previews ol li{width:100%;height:100%;overflow:hidden;position:relative;float:left;display:block;text-align:center;z-index:1;background:#fff;-webkit-transform:scale(.6);transform:scale(.6);transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease}.popup-page .photo-content .previews ol li.in{-webkit-transform:scale(1);transform:scale(1)}.popup-page .photo-content .previews ol li img{height:100%;width:auto;vertical-align:middle;margin:auto}.popup-page .photo-content a.sw{width:90px;height:90px;overflow:hidden;display:block;position:absolute;top:50%;margin-top:-45px;z-index:2;opacity:.2;transition:opacity .3s ease-in-out,-webkit-transform .3s ease;transition:opacity .3s ease-in-out,transform .3s ease;transition:opacity .3s ease-in-out,transform .3s ease,-webkit-transform .3s ease}.popup-page .photo-content a.sw:hover{opacity:1;transition:opacity .5s ease-in-out,-webkit-transform .3s ease;transition:opacity .5s ease-in-out,transform .3s ease;transition:opacity .5s ease-in-out,transform .3s ease,-webkit-transform .3s ease}.popup-page .photo-content a.photo-prev{background-position:-300px -200px;left:120px;-webkit-transform:translate3d(-220%,0,0);transform:translate3d(-220%,0,0)}.popup-page .specs-content,.popup-page .three-content{height:100%;overflow:hidden;position:absolute;top:0;left:0;display:none;width:100%;z-index:1}.popup-page .photo-content a.photo-next{background-position:-390px -200px;right:120px;-webkit-transform:translate3d(220%,0,0);transform:translate3d(220%,0,0)}.popup-page .photo-content a.show{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:-webkit-transform .8s ease;transition:transform .8s ease;transition:transform .8s ease,-webkit-transform .8s ease}.kv .f1,.kv .f2{-webkit-transform:translate3d(250px,-250px,0) rotate(-90deg);opacity:0}.popup-page .three-content{text-align:left;background:#fff}.popup-page .three-content iframe{border:none;width:100%;height:100%}.popup-page .specs-content{overflow-y:auto;color:#666}#mobile-pages{width:100%;font-size:12px;overflow:hidden;position:relative;z-index:1}#mobile-pages .page-specs{width:1000px;margin:auto;display:none1;position:relative}.page-specs .specs-box{padding:40px 0;color:#666;position:relative;overflow:hidden}.specs-show-style1 ul,.support-show-style1 ul{display:block;padding-top:20px}.specs-show-style1 ul li{display:block;width:45%}.specs-show-style1 ul li.left{float:left}.specs-show-style1 ul li.right{float:right}.specs-show-style1 ul li dl{display:block;padding-bottom:35px}.specs-show-style1 ul li dl dt{font-size:18px;padding-bottom:10px;border-bottom:1px #f2f2f2 solid;color:#000}.specs-show-style1 ul li dl dd{border-bottom:1px #e2e2e2 solid;display:block}.specs-show-style1 ul li dl dd label{width:90px;padding:6px 10px 6px 0;display:inline-block;float:left}.specs-show-style1 ul li dl dd span{width:320px;padding:6px 10px;display:inline-block;float:left}.tmp-foot,.tmp-head{width:100%;background:#f2f2f2;text-align:center}.s4 .btn .btn-left.enter em.b2,.s4 .btn .btn-left.move em.b2,.s4 .btn .btn-right.enter em.b4,.s4 .btn .btn-right.move em.b4,.s4 .mobile,.s8 .model2,.vmb-stage .current{display:none}.specs-show-style1 ul li dl dd.setheight label{height:40px;vertical-align:top}.specs-show-style1 ul li dl dd.listen label{height:45px}.kv .f1{transform:translate3d(250px,-250px,0) rotate(-90deg);transition:opacity 2.5s .2s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2.5s .2s cubic-bezier(.31697,.98954,.31002,1);transition:transform 2.5s .2s cubic-bezier(.31697,.98954,.31002,1),opacity 2.5s .2s cubic-bezier(.31697,.98954,.31002,1);transition:transform 2.5s .2s cubic-bezier(.31697,.98954,.31002,1),opacity 2.5s .2s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2.5s .2s cubic-bezier(.31697,.98954,.31002,1)}.kv .f2{transform:translate3d(250px,-250px,0) rotate(-90deg);transition:opacity 2.5s .1s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2.5s .1s cubic-bezier(.31697,.98954,.31002,1);transition:transform 2.5s .1s cubic-bezier(.31697,.98954,.31002,1),opacity 2.5s .1s cubic-bezier(.31697,.98954,.31002,1);transition:transform 2.5s .1s cubic-bezier(.31697,.98954,.31002,1),opacity 2.5s .1s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2.5s .1s cubic-bezier(.31697,.98954,.31002,1)}.kv .f3{-webkit-transform:translate3d(250px,-250px,0) rotate(-90deg);transform:translate3d(250px,-250px,0) rotate(-90deg);opacity:0;transition:opacity 2.5s 0s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2.5s 0s cubic-bezier(.31697,.98954,.31002,1);transition:transform 2.5s 0s cubic-bezier(.31697,.98954,.31002,1),opacity 2.5s 0s cubic-bezier(.31697,.98954,.31002,1);transition:transform 2.5s 0s cubic-bezier(.31697,.98954,.31002,1),opacity 2.5s 0s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2.5s 0s cubic-bezier(.31697,.98954,.31002,1)}.high .f1,.high .f2{transition:opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2s 0s cubic-bezier(.31697,.98954,.31002,1)}.start.kv .f1,.start.kv .f2,.start.kv .f3{-webkit-transform:translate3d(0,0,0) rotate(0);transform:translate3d(0,0,0) rotate(0);opacity:1}.high .f1{-webkit-transform:translate3d(-50px,-50px,0);transform:translate3d(-50px,-50px,0);opacity:0;transition:transform 2s 0s cubic-bezier(.31697,.98954,.31002,1),opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1);transition:transform 2s 0s cubic-bezier(.31697,.98954,.31002,1),opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2s 0s cubic-bezier(.31697,.98954,.31002,1)}.high .f2{-webkit-transform:translate3d(50px,-50px,0);transform:translate3d(50px,-50px,0);opacity:0;transition:transform 2s 0s cubic-bezier(.31697,.98954,.31002,1),opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1);transition:transform 2s 0s cubic-bezier(.31697,.98954,.31002,1),opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2s 0s cubic-bezier(.31697,.98954,.31002,1)}.high .f3,.s2 .f1{transition:opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2s 0s cubic-bezier(.31697,.98954,.31002,1)}.high .f3{-webkit-transform:translate3d(-50px,50px,0);transform:translate3d(-50px,50px,0);opacity:0;transition:transform 2s 0s cubic-bezier(.31697,.98954,.31002,1),opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1);transition:transform 2s 0s cubic-bezier(.31697,.98954,.31002,1),opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2s 0s cubic-bezier(.31697,.98954,.31002,1)}.start.high .f1,.start.high .f2,.start.high .f3{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.s2 .f1{-webkit-transform:translate3d(-50px,50px,0);transform:translate3d(-50px,50px,0);opacity:0;transition:transform 2s 0s cubic-bezier(.31697,.98954,.31002,1),opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1);transition:transform 2s 0s cubic-bezier(.31697,.98954,.31002,1),opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2s 0s cubic-bezier(.31697,.98954,.31002,1)}.s2 .f2{-webkit-transform:translate3d(50px,-50px,0);transform:translate3d(50px,-50px,0);opacity:0;transition:opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2s 0s cubic-bezier(.31697,.98954,.31002,1);transition:transform 2s 0s cubic-bezier(.31697,.98954,.31002,1),opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1);transition:transform 2s 0s cubic-bezier(.31697,.98954,.31002,1),opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1),-webkit-transform 2s 0s cubic-bezier(.31697,.98954,.31002,1)}.s2 .shadow{opacity:0;transition:opacity 2s 0s cubic-bezier(.31697,.98954,.31002,1)}.start.s2 .f1,.start.s2 .f2,.start.s2 .shadow{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.s4 .btn .btn-left.enter em.b2,.s4 .btn .btn-left.move em.b2,.s4 .btn .btn-right.enter em.b4,.s4 .btn .btn-right.move em.b4,.vmb-stage .current{opacity:0}.ie8 .s3{FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#20afff,endColorStr=#5300D4)}.s8.black .model2{display:block}.s8.black .title h2,.s8.black .title h3,.s8.black .title p.stitle{color:#fff}.s8.black .switch-ico{left:43px}.s8 .switch-ico{left:5px}.tmp-head{height:61px;position:relative;z-index:99}.tmp-foot{height:140px;z-index:1}.J_detail_navi{position:fixed;background-color:gray;background-color:rgba(0,0,0,.85)}.J_detail_navi_img{background-image:url(../images/vivopd-logo.png);background-repeat:no-repeat;background-position:100% 100%;background-size:auto 100%}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),(-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi){.J_detail_navi_img{background-image:url(../images/vivopd-logo-x2.png)}}.specs-content #vproduct-para-contain{overflow:visible}.popup-page .specs-content{background:#f9f9f9}.data{position:absolute;z-index:2}.data li{padding:0 40px;display:inline-block;position:relative;color:#333}.data li:before{display:inline-block;content:'';width:1px;height:50px;background-color:#ccc;position:absolute;top:50%;left:0;margin-top:-32px}.data li.first{padding-left:0}.data li.first:before{display:none}.data li strong{display:block}.data li strong em{display:inline-block;font-size:26px;vertical-align:-1px}.data li span{font-size:14px;display:inline-block;padding-bottom:15px;padding-top:10px}.data li strong em.font{font-family:Gotham-Book}.vmb-stage{width:100%;height:1000px;position:relative;color:#555;z-index:1;font-size:14px;overflow:hidden}.section{width:900px;height:100%;margin:auto;position:relative;z-index:2}.title{text-align:center;position:absolute;z-index:3;color:#333;top:100px}.sec-middle,.sec-width{top:0;left:0;position:absolute}.title h2{display:block;font-size:36px}.title h3{display:block;font-size:26px}.title p.stitle{padding-top:30px;font-size:14px;text-align:justify;line-height:1.8em}.figure{z-index:1}.figure em{position:absolute}.sec-middle{width:50%;height:50%;z-index:2}.sec-middle .title{position:absolute}.sec-width{width:100%;height:100%;z-index:2}.vmb-stage img{width:auto;height:100%}.kv{background:#fff}.kv .title{width:270px;height:141px;top:360px;left:-50px}.kv .figure em{width:524px;height:847px;-webkit-transform-origin:10% -20%;transform-origin:10% -20%}.kv .f1{top:-90px;left:665px}.kv .f2{top:10;left:520px}.kv .f3{top:110px;left:140px}.high{background:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-high-bg.jpg) center center no-repeat #fff;background-size:auto 100%}.high .title{width:322px;top:620px;text-align:left;left:0}.high .data{padding-top:20px;text-align:center}.high .data li:before{background-color:#8f774f}.high li{padding:0 20px}.high .f1{width:874px;height:874px;top:-80px;left:-320px}.high .f2{width:673px;height:1084px;top:-100px;left:235px}.high .f3{width:775px;height:965px;top:360px;left:240px}.s1{height:900px}.s1 ul.figure{width:100%;height:100%}.s1 ul.figure li{width:50%;position:absolute;overflow:hidden;text-align:center}.s1 ul.figure li em{position:relative;transition:-webkit-transform 2s 0s cubic-bezier(.25,.1,.25,1);transition:transform 2s 0s cubic-bezier(.25,.1,.25,1);transition:transform 2s 0s cubic-bezier(.25,.1,.25,1),-webkit-transform 2s 0s cubic-bezier(.25,.1,.25,1)}.s1 .figure .f1{height:100%;top:0;left:0;background:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s1-bg1.jpg) center center no-repeat #fff;background-size:auto 100%}.s1 .figure .f2{height:50%;background:#fff;top:0;right:0}.s1 .figure .f3{height:50%;background:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s1-bg3.jpg) center center no-repeat #fff;background-size:auto 100%;top:50%;right:0}.s1 .figure .f1 em{width:589px;height:912px;left:-80px;top:80px}.s1 .figure .f2 em{width:1163px;height:323px;left:-300px;top:180px}.s1 .figure .f3 em{width:749px;height:395px;left:10px;top:150px}.s1 .figure li:hover em{-webkit-transform:scale(1.1);transform:scale(1.1)}.s2{height:1600px}.s2 .title{width:253px;left:0;top:150px;text-align:left;color:#666}.s2 .title h2{color:#333}.s2 .data{width:150px;right:100px;top:1250px}.s2 .data li.peculiar{padding-left:0;padding-top:30px}.s2 .data li.peculiar:before{width:50px;height:1px;margin-top:-43px}.s2 .figure em{position:absolute;width:1030px;height:1030px}.s2 .figure .f2,.s2 .figure .shadow{top:100px;left:50px}.s2 .figure .f1{top:430px;left:-245px}.s3{height:990px;background:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s3-bg.jpg) center center no-repeat #20afff;background-size:auto 100%}.s3 .section{width:1200px}.s3 .title{width:490px;text-align:center;position:relative;margin:auto;color:#fff}.s3 .figure,.s3 .span{width:100%;margin:auto;text-align:center}.s3 p.stitle{text-align:center}.s3 .span{position:absolute;font-size:200px;color:#fff;top:340px;left:75px}.s3 .figure,.s3 .figure em,.s4 .data,.s4 .figure,.s4 .title{position:relative}.s3 .span span{font-size:60px}.s3 .f1{width:1102px;height:38px;top:370px}.s3 .f2{width:521px;height:270px;top:440px}.s4{height:2000px}.s4 .title{width:420px;margin:auto;color:#666;top:50px}.s4 .title h2{color:#333}.s4 p.stitle{text-align:center}.s4 .data{width:525px;top:65px;margin-left:-29px;transition:opacity .8s 1.5s cubic-bezier(.25,.1,.25,1)}.s4 .data.current{transition:opacity .8s 0s cubic-bezier(.25,.1,.25,1)}.s4 .figure{width:0;margin:auto;text-align:center;transition:-webkit-transform .8s .5s cubic-bezier(.25,.1,.25,1);transition:transform .8s .5s cubic-bezier(.25,.1,.25,1);transition:transform .8s .5s cubic-bezier(.25,.1,.25,1),-webkit-transform .8s .5s cubic-bezier(.25,.1,.25,1);z-index:2;top:-50px}.s4 .figure.mobile-animate{transition:-webkit-transform .8s .7s cubic-bezier(.25,.1,.25,1);transition:transform .8s .7s cubic-bezier(.25,.1,.25,1);transition:transform .8s .7s cubic-bezier(.25,.1,.25,1),-webkit-transform .8s .7s cubic-bezier(.25,.1,.25,1)}.s4 .figure em{position:absolute}.s4 .f1{width:319px;height:627px;margin-left:-155px;z-index:2;top:60px}.s4 .n1,.s4 .n2,.s4 .n3{width:277px;height:477px;margin-left:-134px;top:135px;z-index:1;transition:opacity .8s 1s cubic-bezier(.25,.1,.25,1)}.s4 .mobile-animate .n1,.s4 .mobile-animate .n2{transition:opacity .8s 0s cubic-bezier(.25,.1,.25,1)}.s4 .n3{background:#000;z-index:0}.s4 .btn,.s4 .mobile{text-align:center;z-index:2}.s4 .btn{width:0;position:relative;margin:auto;transition:opacity .8s 1.5s cubic-bezier(.25,.1,.25,1)}.s4 .btn.current{transition:opacity .8s 0s cubic-bezier(.25,.1,.25,1)}.s4 .btn em{width:82px;height:82px;position:absolute;background:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s4-icon.jpg);background-size:100% auto;top:300px;cursor:pointer;transition:opacity .8s 0s cubic-bezier(.25,.1,.25,1),color .8s 0s cubic-bezier(.25,.1,.25,1);line-height:200px;color:#666}.s4 .btn em.b1,.s4 .btn em.b2{margin-left:-360px}.s4 .btn em.b3,.s4 .btn em.b4{margin-left:288px}.s4 .btn em.b1{background-position:0 -82px;color:transparent}.s4 .btn em.b2{background-position:0 0}.s4 .btn em.b3{background-position:0 -246px;color:transparent}.s4 .btn .btn-left.enter em.b1,.s4 .btn .btn-left.move em.b1,.s4 .btn .btn-right.enter em.b3,.s4 .btn .btn-right.move em.b3{color:#1683e0}.s4 .btn em.b4{background-position:0 -164px}.s4 .checked .n1,.s4 .checked .n2{transition:opacity .8s 0s cubic-bezier(.25,.1,.25,1)}.mobile-animate{-webkit-transform:scale(2.5) translate3d(0,50px,0);transform:scale(2.5) translate3d(0,50px,0)}.s4 .mobile{width:0;position:relative;margin:auto;transition:opacity .8s 1.5s cubic-bezier(.25,.1,.25,1);top:-50px}.s4 .mobile em{position:absolute;height:546px;margin-left:-367px;top:294px;opacity:1}.s4 .mobile.current{transition:opacity .6s 0s cubic-bezier(.25,.1,.25,1)}.s4 .first em{font-size:28px}.s5 .caution,.s6 .caution{text-align:center;font-size:14px}.s5 .bg{width:100%;height:1200px;background:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s5-bg.jpg) center center no-repeat #000;background-size:cover;position:absolute;top:50%;margin-top:-600px}.s5 .figure,.s5 .title{position:relative;margin:auto}.s5 .title{width:392px;color:#fff;top:350px}.s5 p.stitle{text-align:center}.s5 .figure{width:0;text-align:center}.s5 .figure em{width:228px;height:114px;top:400px;margin-left:-114px}.s5 .caution,.s6 .figure,.s6 .title{position:relative;margin:auto}.s5 .caution{width:100%;color:#fff;opacity:.6;top:765px}.s6{background:#fff}.s6 .title{width:420px;color:#666}.s6 h2{color:#333}.s6 p.stitle{text-align:center}.s6 .figure{width:0;text-align:center}.s6 .figure em{width:630px;height:362px;top:232px;margin-left:-317px}.s6 .figure em.f1,.s6 .figure em.f2,.s6 .figure em.f4{background:#000}.s6 .figure em.f3{width:836px;height:441px;top:200px;margin-left:-418px}.s6 .caution,.s7 .figure{position:relative;margin:auto}video{width:auto;height:100%}.s6 .caution{width:100%;color:#999;top:765px}.s7{height:600px;background:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s7-bg.jpg) center center no-repeat #fff;background-size:auto 100%}.s7 .figure{width:1946px;height:760px;left:0;top:-100px}.s8 .bg,.s8 .switch-box,.s8 .title{position:absolute}.s8{background:#fff;z-index:3;overflow:inherit}.s8 .bg{width:100%;height:100%;top:0;left:0}.s8 .model1{background:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s8-bg.jpg) center center no-repeat;background-size:auto 100%;z-index:3}.s8 .model2{background:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s9-bg.jpg) center center no-repeat;background-size:auto 100%;z-index:3;opacity:0}.s8.on .model2{-webkit-animation:alpha 3s ease-out forwards;animation:alpha 3s ease-out forwards}.s8.off .model2{-webkit-animation:alpha2 2s ease-out forwards;animation:alpha2 2s ease-out forwards}.s8.on .title h2,.s8.on .title h3,.s8.on .title p.stitle{color:#fff;transition:color 3s ease-out}.s8 .section{z-index:5}.s8 .title{width:400px;top:300px;right:-100px;text-align:left}.s8 .title h2{color:#333}.s8 .title p.stitle{color:#333;text-align:left}.s8 .switch-box{width:300px;height:50px;left:50%;margin-left:-150px;bottom:80px;text-align:center}.s8 .switch-box .switch-btn{position:relative;width:80px;height:50px;display:inline-block;border-radius:25px;background:#48403b;margin:0 15px;transition:all .5s ease-out}.s8 .switch-box .switch-btn.on{background:#55aae9;transition:all .5s ease-out}.s8 .switch-box .switch-btn .switch-ico{position:absolute;width:42px;height:42px;border-radius:50%;background:#fff;top:50%;margin-top:-21px;-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0);transition:all .5s ease-out}.s8 .switch-box .switch-btn.on .switch-ico{-webkit-transform:translate3d(34px,0,0);transform:translate3d(34px,0,0);transition:all .5s ease-out}.s8 .switch-box span{color:#fff;line-height:50px;vertical-align:top;font-size:150%}@-webkit-keyframes alpha{0%{opacity:0}20%{opacity:.8}100%{opacity:1}}@keyframes alpha{0%{opacity:0}20%{opacity:.8}100%{opacity:1}}@-webkit-keyframes alpha2{0%{opacity:1}20%{opacity:.8}100%{opacity:0}}@keyframes alpha2{0%{opacity:1}20%{opacity:.8}100%{opacity:0}}@media print,only screen and (-webkit-min-device-pixel-ratio:1.5),screen and (-webkit-min-device-pixel-ratio:1.5),screen and (min-resolution:144dpi),screen and (-webkit-min-device-pixel-ratio:144),screen and (min-resolution:144dppx){.high{background-image:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-high-bg-x2.jpg)}.s1 .figure .f1{background-image:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s1-bg1-x2.jpg)}.s1 .figure .f3{background-image:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s1-bg3-x2.jpg)}.s3{background-image:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s3-bg-x2.jpg)}.s4 .btn em{background-image:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s4-icon-x2.jpg)}.s7{background-image:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s7-bg-x2.jpg)}.s8 .model1{background-image:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s8-bg-x2.jpg)}.s8 .model2{background-image:url(http://files.vivo.com.cn/static/www/vivo/y55/picture/y55-s9-bg-x2.jpg)}}