/*
Powered by uimix.com;
date:2013-09-11;
*/
/*--a-reset--*/
/*
@font-face{
	font-family: 'fzxhziti';
	src: url('../other/fzltjhziti.ttf') format('truetype');
	*src:url('');
	font-weight: normal;
	font-style: normal;
}
*/
::-moz-selection{background:#ED7627; color:#fff; text-shadow:none;}
::selection{background:#ED7627; color:#fff; text-shadow:none;}
html{overflow-x:hidden; overflow-y:auto; color:#000; background:#fff;}
body{font-family: "Microsoft YaHei","tahoma"; font-size:75%; -webkit-font-smoothing: antialiased;}
a{color:#999; text-decoration:none; cursor:pointer; outline: 0 none;}
a:hover{color:#000; text-decoration:none;}
a:focus{-moz-outline-style:none; border:0px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0; padding:0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
ol,li,ul,dl,dt,dd{list-style:none;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0pt; resize:none; padding: 0; margin: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
b,em,i{display:inline-block; vertical-align:middle; font-weight:normal; font-style:normal;}
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .cl{ zoom:1;}
body.load{background: #fff url(../images/load.gif) center 200px no-repeat;}
body.loaded{background: #fff;}
#vivo-contain,#vivo-foot,#mobile-header,#mobile-contain{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear;}
body.load #vivo-contain,body.load #vivo-foot,body.load #mobile-header,body.load #mobile-contain{opacity: 0;}
body.loaded #vivo-contain,body.loaded #vivo-foot,body.loaded #mobile-header,body.loaded #mobile-contain{opacity: 1;}
/*--z-reset--*/
/*--a-common--*/
#vivo-airbox,#airbox{width:100%; position:fixed; _position:absolute; top:0; left:0; z-index:999;}
#gotop{width:50px; height:50px; position:absolute; top:200px; right:40px; z-index:100;}
#gotop a{width:50px; height:50px; overflow:hidden; display:block; background:#ED7627 url(../images/top-ico.gif) no-repeat;  background:rgba(0,0,0,.3) url(../images/top-ico.png) no-repeat; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; border-radius:5px;}
#gotop a:hover{background-color:#ED7627;}
#vivo-wrap,#vivo-head,#vivo-contain,#vivo-foot{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; _background-image:url(../images/vivo-head-ico.gif) ;}
#video_layer{width: 100%; min-height: 300px; background: #fff; background: rgba(255,255,255,.88); position: fixed; top: 0; left: 0; 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;}
/*--z-common--*/
/*--a-navigation--*/
#vivo-head{border-bottom:1px #e7e7e7 solid; border-bottom:1px rgba(0,0,0,.05) solid; z-index:99; background:#fff; position: relative;}
#vivo-head .vivo-nav{width:1100px; height:60px; margin:auto; background:#fff; position:relative; 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 a.vivo-logo img{visibility: hidden;}
.vivo-nav ul{display:table; float:left; width:740px; height:60px; margin-left:50px; overflow: hidden;}

.vivo-nav .search-user{float:right; height:60px;}
.vivo-nav ul li.fthos a{padding: 0 0px;}
.search-user a{width:42px; height:42px; display:inline-block; margin-left:15px; position:relative; top:8px; border:1px #e7e7e7 solid; background:#fff; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; border-radius:50%; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.search-user a:hover,.search-user a.current{border:1px #ED7627 solid; background:#ED7627;}
.search-user a b{width:42px; height:42px; display:block; position:absolute; top:0; left:0; -webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; transition-delay:.1s;}
.search-user a.search b{background-position:0 0;}
.search-user a.search:hover b,.search-user a.search.current b{background-position:0 -43px;}
.search-user a.user b{background-position:-43px 0;}
.search-user a.user b img{width: 42px; height: 42px;}
.search-user a.user:hover b,.search-user a.user.current 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; position:absolute; top:20px; left:50%; margin-left:-350px;position: relative; z-index: 9999;}
.vivo-search .search-box input{width:550px; height:20px; padding:10px 20px; font-size:14px; color:#555; border:none; background:#fff; overflow:hidden; vertical-align:middle;}
.vivo-search .search-box button{width:110px; height:40px; overflow:hidden; text-align:center; font-size:14px; color:#fff; border:none; overflow:hidden; vertical-align:middle; background:#ED7627; outline:none; cursor:pointer; -webkit-transition:background .2s ease-in-out; -moz-transition:background .2s ease-in-out; -ms-transition:background .2s ease-in-out; transition:background .2s ease-in-out;}
.vivo-search .search-box button:hover{background:#E36613;}
.vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; -moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset; -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; _background-image:url(../images/vivo-head-ico.gif);}
.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 #eee solid; 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; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; 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: bold; 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: #00aaff;}
.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:#00aaff; }
.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{display:block; width:1100px; height:166px; margin:auto; overflow:hidden; position: relative;}
.vivo-menu-series dl dd{display:block; float:left;}
.vivo-menu-series dl dd a{display:block; width:220px; height:166px; position:relative; overflow: hidden; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.vivo-menu-series dl dd a:hover,.vivo-menu-series dl dd a.current{background-color:#ED7627; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; 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-image:url(../images/vivo-mobiles-ico.gif); background-size: 1254px 336px; -webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; transition-delay:.1s;}
.vivo-menu-series dl dd.all-series a b{background-position:0 0;}
.vivo-menu-series dl dd.all-series a:hover b,.vivo-menu-series dl dd.all-series a.current 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:hover b,.vivo-menu-series dl dd.x-series a.current 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:hover b,.vivo-menu-series dl dd.xplay-series a.current 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:hover b,.vivo-menu-series dl dd.y-series a.current 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:hover b,.vivo-menu-series dl dd.xshot-series a.current b{background-position:-1004px -167px;}
.vivo-menu-series dl dd a h2{text-align: center; color: #666; font-size: 18px; font-weight: normal; position: relative; top: 120px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.vivo-menu-series dl dd a:hover h2,.vivo-menu-series dl dd a.current h2{color: #fff;}
/* user menu */
.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 #ededed solid; background:#fff; background:rgba(255,255,255,.95); -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; 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; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.vivo-menu-user dl dd a:hover,.vivo-menu-user dl dd a.current{background-color:#ED7627; color: #fff; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; 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; -webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; 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:hover b,.vivo-menu-user dl dd.ac-myvivo a.current 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:hover b,.vivo-menu-user dl dd.ac-editinfo a.current 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:hover b,.vivo-menu-user dl dd.ac-order a.current 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:hover b,.vivo-menu-user dl dd.ac-logout a.current b{background-position: -26px -78px;}
/* community menu */
.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;}
.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: #ED7627;}
.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; _background: url(../images/community-menu-ico.gif) 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; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.vivo-menu-community dl dd a:hover{color: #ED7627;}
.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;}
/*--z-navigation--*/
/* crubms */
.v-crumbs{width: 1100px; margin: auto; color: #999;}
.v-crumbs a{-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v-crumbs a:hover{color: #ED7627;}
/*--a-login-reg--*/
#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%; background: #fff; 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; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#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;}
#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.correct{background-position: -20px 0;}
#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; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#loginreg_layer .lr-box .fieldset-fill ul.slogin li.forgot a.forgot-pwd:hover{color: #ED7627;}
#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; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#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: #ff7777;}
#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:#ED7627; 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: #ED7627;}
#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;}
#loginreg_layer .lr-box .emailreg-tips span{text-align: center; color: #555; font-size: 14px; vertical-align: middle; display: inline-block;}
/*--z-login-reg--*/
/*--a-fieldset--*/
.v_radio span b,.v_checkbox b,.v_select em b,.v_select_rect em b,.v_search em b,.v_checkbox b{background:url(../images/vivo-fieldset-ico.png) no-repeat;}
input.v_inp{background: #f5f5f5; border: none; -webkit-box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px rgba(0,140,214,0) , 0 1px 2px rgba(0,0,0,.1) inset; -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; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; font-size: 16px; color: #333; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
input.v_inp:focus{-webkit-box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; -moz-box-shadow: 0 0 5px rgba(0,140,214,.5) , 0 0 2px rgba(0,0,0,.1) inset; -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{width: 18px; height: 18px; overflow: hidden; display: inline-block; 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{width: 18px; height: 18px; display: inline-block; overflow: hidden; vertical-align: middle; position: relative; margin-right: 5px;}
.v_radio span b{width: 18px; height: 18px; overflow: hidden; background-position: -29px 0; display: inline-block;}
.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-weight: normal; font-size: inherit; position: relative; padding-right: 10px; color: #333; z-index: 9999; cursor: default;}
.v_select{border: 1px #eaeaea solid; display: inline-block; vertical-align: middle; background: #fff; position: relative; padding-right: 36px; height: 34px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; 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{width: 28px; height: 28px; overflow: hidden; display: block; position: absolute; top: 1px; right: 2px; background: #fff;  border: 1px #f2f2f2 solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.3); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.3); -ms-box-shadow: 0 2px 2px rgba(0,0,0,.3); box-shadow: 0 2px 2px rgba(0,0,0,.3); -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_select em b{width: 28px; height: 28px; display: inline-block; position: relative; overflow: hidden; background-position: 0 -18px;}
.v_select em:hover{background: #ED7627; border: 1px #ED7627 solid;}
.v_select em:hover b{background-position: 0 -47px;}
.v_select .menu{width: 100%; position: absolute; top: 34px; left: 0; border: 1px #eaeaea solid; background: #fff; overflow: hidden; overflow-y: auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; 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; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_select .menu a:hover,.v_select .menu a.current{background:#ED7627; color: #fff; }
.v_select_rect{border: 1px #eaeaea solid; display: inline-block; vertical-align: middle; background: #fff; position: relative; padding-right: 36px; height: 34px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;}
.v_select_rect b{width: 36px; height: 36px;overflow: hidden; display: block; position: absolute; top: -1px; right: -1px; background: url(../images/rp-acc-search-sel.jpg);}
.v_select_rect span{display: block; text-align: center; margin: 0 15px; white-space: nowrap; overflow: hidden; font-size: 16px; height: 34px; line-height: 34px; color: #333;}
.v_select_rect em{width: 34px; height: 34px; overflow: hidden; display: block; position: absolute; top: -1px; right: -1px; background: #fff;  border: 1px #eaeaea solid; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; 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: #ED7627; border: 1px #ED7627 solid;}
.v_select_rect em:hover b{background-position: 0 -47px;}
.v_select_rect .menu{width: 100%; position: absolute; top: 34px; left: -1px; border: 1px #eaeaea solid; 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; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_select_rect .menu a:hover,.v_select_rect .menu a.current{background:#ED7627; color: #fff; }
.v_search_block{display: inline-block; font-weight: normal; font-size: inherit; position: relative; padding-right: 10px; color: #333; z-index: 9999; cursor: default;}
.v_search{border: 1px #eaeaea solid; display: inline-block; vertical-align: middle; background: #fff; position: relative; padding-right: 36px; height: 34px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; 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{width: 28px; height: 28px; overflow: hidden; display: block; position: absolute; top: 2px; right: 2px; background: #fff;  border: 1px #eaeaea solid; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%;-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_search em b{width: 28px; height: 28px; display: inline-block; position: relative; overflow: hidden; background-position: -52px 0;}
.v_search em:hover{background: #ED7627; border: 1px #ED7627 solid;}
.v_search em:hover b{background-position: -52px -28px;}
.v_search .menu{width: 100%; position: absolute; top: 34px; left: 0; border: 1px #eaeaea solid; background: #fff; overflow: hidden; overflow-y: auto; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; 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; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_search .menu a:hover,.v_search .menu a.current{background:#ED7627; color: #fff; }
.v_light_btn{border: none; background: #7fc5ea; font-size: 14px; color: #fff; display: inline-block; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_light_btn:hover{background: #7fc5ea; color: #fff;}
.v_light_btn:active{background: #7fc5ea; color: #fff;}
.v_dark_btn{border: none; background: #ED7627; font-size: 14px; color: #fff; display: inline-block; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_dark_btn:hover{background: #00aaff; color: #fff;}
.v_dark_btn:active{background: #0073b0; color: #fff;}
.v_green_btn{border: none; background: #39ca74; font-size: 14px; color: #fff; display: inline-block; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -ms-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.v_green_btn:hover{background: #39ca74; color: #fff;}
.v_green_btn:active{background: #39ca74; color: #fff;}
/*--z-fieldset--*/
/*--a-foot--*/
#vivo-foot{height:auto; background:#202223; padding-bottom: 30px;}
#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: 84px; display: inline-block; float: left; position: absolute; left: 5px; top: 25px; 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-footer p a{color:#666; -webkit-transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -ms-transition:color .2s ease-in-out; transition:color .2s ease-in-out;}
.vivo-footer p a:hover{color:#ED7627;}
.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;}
.vivo-sns-list a{width:27px; height:27px; display:inline-block; overflow:hidden; margin-left:8px; background:#4d4e4f; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px; -webkit-transition:background .2s ease-in-out; -moz-transition:background .2s ease-in-out; -ms-transition:background .2s ease-in-out; transition:background .2s ease-in-out; vertical-align:middle;}
.vivo-sns-list a b{width:27px; height:27px; overflow:hidden; display:inline-block; background:url(../images/vivo-sns-ico.png) no-repeat; background-size: 135px 54px;}
.vivo-sns-list a:hover b{-webkit-transition-delay:.1s; -moz-transition-delay:.1s; -ms-transition-delay:.1s; 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; -webkit-border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; border-radius:2px; -webkit-box-shadow:0 0 5px rgba(0,0,0,.3); -moz-box-shadow:0 0 5px rgba(0,0,0,.3); -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; }
.vivo-footer .foot-all-mobiles{padding: 10px 0 15px 0; margin-left: 135px; width: 620px; white-space: pre-wrap; color: #202223;}
.vivo-footer .foot-all-mobiles a{color:#666; -webkit-transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -ms-transition:color .2s ease-in-out; transition:color .2s ease-in-out; display: inline-block; margin-bottom: 2px; line-height: 1em;}
.vivo-footer .foot-all-mobiles a:after{padding: 0 5px; content: '|'; color:#666; display: inline-block; margin-top: 5px; line-height: 1em; font-family: 'tahoma'; font-size: 10px;}
.vivo-footer .foot-all-mobiles a:last-child:after{display: none;}
.vivo-footer .foot-all-mobiles a:hover{color:#ED7627;}
.vivo-footer p.foot-copyright{padding: 0; margin-left: 135px;}
/*--z-foot--*/
/* products */
.products-model-switch{width: 1200px; margin: auto; text-align: center; position: relative; overflow: hidden; padding-bottom: 20px; z-index: 9;}
.products-model-switch a{width: 22%; height: 150px; display: inline-block; vertical-align: top; margin: 0 5px; margin-bottom: 20px; border:4px #f0f0f0 solid; background: #fff; overflow: hidden; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.products-model-switch a h3{font-size: 30px; padding-top: 28px; color: #000; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.products-model-switch a p{font-size: 12px; padding-top: 8px; margin: 0 20px; display: block; overflow: hidden;-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.products-model-switch a:hover,.products-model-switch a.current{border:4px #cce8f7 solid; color: #008ad9;}
.products-model-switch a:hover h3,.products-model-switch a.current h3{color: #008ad9;}
.products-model-switch.black-color{padding-top: 40px;}
.products-model-switch.black-color a{border-color: #999; background: none;}
.products-model-switch.black-color a h3,.products-model-switch.black-color a p{color: #999;}
.products-model-switch.black-color a:hover,.products-model-switch.black-color a.current{border:4px #008ad9 solid; color: #008ad9;}
.products-model-switch.black-color a:hover h3,.products-model-switch.black-color a.current h3,.products-model-switch.black-color a:hover p,.products-model-switch.black-color a.current p{color: #008ad9;}
/* media */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), 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);}
}