/*Í·²¿begin*/
.head .back{background: url(../img/headBack.png) no-repeat;}
.head .navBar,.nav li i{background:url(../img/headIcon.png) no-repeat;}
.head,.nav{width: 100%;position:fixed;left: 0;z-index: 100;}
.head{height: 40px;background-color: #0f5b3d;color: #fff;top: 0;}
.head .headTitle{font-size: 16px;text-align: center;line-height: 40px;position:absolute;left:50%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
@media(max-width:640px){.head .headTitle{width:220px;margin-left: -110px;}}
@media(min-width:641px) and (max-width:960px){.head .headTitle{width:440px;margin-left: -220px;}}
@media(min-width:961px){.head .headTitle{width:660px;margin-left: -330px;}}
.head .back,.head .navBar{width: 30px;height: 40px;position: absolute;top: 0;display: block;}
.head .back{left: 10px;}
.head .navBar{background-position:-150px 6px;right: 10px;}
.nav{height:45px;background-color: #efefef;color: #848d96;top:40px;border-bottom: 1px solid #ccc;display: none;}
.nav.on{display: block;}
.nav li{width: 25%;height:45px;float: left;position: relative;}
.nav li i{width:26px;height: 20px;display: block;margin: 5px auto 0;}
.nav .home i{background-position: -3px -5px;}
.nav .topsearch i{background-position: -37px -5px;}
.nav .cart i{background-position: -72px -5px;}
.nav .commuser i{background-position: -113px -5px;}
.nav li span{width: auto;height:18px;line-height:18px;display: block;text-align: center;}
.nav li a{width:100%;height: 45px;display:block;position: absolute;top:0;left: 0;background:#fff;opacity:0; filter:alpha(opacity=0);}
.shoplist_smallClass{display: block; width:96%;margin:10px 4% 5px;}
.sssli{width:29%; height:30px; border:1px solid #c3c3c3; text-align:center;line-height: 25px; margin-top:5px; float:left;margin-left:5px;}
/*Í·²¿end*/