@charset "gb2312";
/* 网站通用头部css文件
* Author: Keyschl
* Web:http://www.5vShop.com/
* QQ:81447933
* Tel:0311-85315152 13931185013
*/
*{ margin:0; padding:0; font-family: "Arial","Hiragino Sans GB", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";}
html,body{ width:100%; background:#f4f4f4;font-size:62.5%;}
ul{ list-style:none}
a{ text-decoration:none; color:#333}

.top{background-color: #484848; width:100%;min-width:1240px;font-size:1.4rem;margin:0 auto;}
.top_content{height: 36px; width:1240px; margin:auto;position: relative;}
.top_content>ul>li{ float:left;  margin-left:20px;}
.top_content>ul>li:nth-child(1){margin-left:0px;}
.top_content>ul>li>a{color: #ddd;line-height: 36px;transition: color .2s linear;}
.top_content>ul>li{color: #aaa;line-height: 36px;transition: color .2s linear;}
.top_content>ul>li>a:hover{color: #fff;}
.top_content>ul>li>span>a{padding-left:20px;color:#ddd;}
.top_content>ul>li>a>img  {margin:0;padding:0; vertical-align:middle;}


.nav{background-color: #fff; width:100%;margin:0 auto;min-width:1240px;font-size:1.6rem;}
.nav_content{width:1240px; margin:auto; height:80px;}
.nav_content>a>img{ float:left; height:80px; }
.nav_link{ float:right}
.nav_link>li{ width:100px; height:80px; float:left; line-height:80px; text-align:center}
.nav_link>li>a{  display:block;transition: color .1s linear;}
.nav_link>li>a:hover{color:#0CF}
.user{float:right}
.userlogo>img,.car>a>img{cursor:pointer; width:30px;}
.search {position: relative;margin: 25px 100px 0 10px;width: 170px;height: 30px;font-size: 1.2rem;
border-radius: 2px;border: 1px solid #ddd;}
.search input { border: 0;outline: 0;width: 100px;height: 20px;margin-left: 15px;transition: width .5s;font-size: 1.2rem;color: #333; float:left; margin-top:6px; }

.car,.userlogo{ position:relative;float:right;  margin-top:25px; margin-right:10px;}
.car span {position: absolute;top: 0px;right: -4px;height: 15px;border-radius: 50%;background: #c00;color: #fff;
line-height: 15px;text-align: center;display: inline-block;padding: 0 4px;text-indent: 0; font-size:1.2rem;}
.user_meua{ display:none;position:absolute; top:40px; right:0px; width:160px; background-color: #fff; border: 1px solid #ddd; z-index:10;}
.user_meua:after{ content:""; width:10px; height:10px; background-color:#fff; position:absolute; top:-6px; right:7px; transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg); border-top:1px solid #ddd; border-left:1px solid #ddd; z-index:-1;}
.user_meua a{ width:140px; margin:auto; height:32px; display:block; line-height:32px;color: #666; font-size:12px;font-size:1.2rem; text-indent:10px; margin-top:5px; margin-bottom:5px;}
.user_meua a:hover{ background:#F6F6F6}
.user_meua hr{ width:140px; margin:auto; border:1px solid #ddd}



.dropdown {
  position: relative;
  display: inline-block;
  color:#fff;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index:9999;

}
.dropdown:hover .dropdown-content {
  display: block;

}