/*--a-reset--*/
::-moz-selection{background:#008cd6;color:#fff;text-shadow:none;}
::selection{background:#008cd6;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;}
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;}
b,em,{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;}


/* vivo-head */
#vivo-head{z-index:1;position:relative;width:100%;}
.search-user b{background:url(../images/vivo-head-ico.png) no-repeat;_background-image:url(../images/vivo-head-ico.gif);/* background-position: -4px -4px; */}

#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: 35px;margin:auto;/* background:#fff; */position:relative;z-index:999;}

.vivo-nav .search-user{float:right;height: 35px;}
.search-user a{width: 38px;height: 35px;display:inline-block;margin-left:15px;position:relative;top: 0px;/* border:1px #e7e7e7 solid; */background: #52B1F5;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius: 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;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.search-user a b{width: 35px;height: 35px;display:block;position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;}
.search-user a.search b{background-position: 12px 12px;}
.search-user a.search:hover b{background-position: 12px 12px;}
.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:#f5f5f5;position:relative;z-index:9999;display:none;}

.vivo-search .search-box{width:700px;height:40px;position:absolute;top:20px;left:50%;margin-left:-350px;background:#666;-webkit-box-shadow:0 1px 2px rgb(0,0,0);-moz-box-shadow:0 1px 2px rgb(0,0,0);-ms-box-shadow:0 1px 2px rgb(0,0,0);box-shadow:0 1px 2px rgb(0,0,0);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{    position: absolute;width:110px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#008cd6;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:#0074b2;}
.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;}

.search{
  height: 100%;
  width: 100%;
  margin: 0 auto;
  background-color: #0071C1;
}