body,html{background:#f7f7f7;}
// body *{font-size:14px;}  不知道这个有什么作用
body a{cursor:pointer;}
.wrap{width:100%; margin:0 auto; clear:both; overflow:hidden;}

#shop_page_contents{width:100%;}
#cover_layer{width:100%; height:100%; top:0px; display:none; z-index:100000; background:#000; filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2; position:fixed; overflow:hidden;}

#header{height:42px; background:#171717; overflow:hidden; position:relative; display:none;}
#header .ico{float:left; height:25px; position:absolute; width:42px; height:42px; text-align:center; border-right:1px solid #232323;}
#header .ico img{margin-top:8px;}
#header .back{left:0px;}
#header .user{right:42px;}
#header .cart{right:0px; border:none;}
#header .txt{height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; position:absolute; left:42px; right:84px; border-right:1px solid #232323; overflow:hidden;}

#category{width:60%; background:#fff; position:fixed; z-index:100001; left:-100%; top:0; box-shadow:1px -1px 30px #000; border-right:1px solid #ccc;overflow:auto;}
#category .close{position:absolute; right:7px; top:8px; width:18px; height:17px; background:url(../images/bg.png) -229px -63px no-repeat;}
#category dl{height:100%;}
#category dl dt{height:36px; line-height:36px; overflow:hidden; text-indent:22px; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px dotted #ccc; background:url(../images/bg.png) -297px -47px no-repeat;}
#category dl dt a{font-weight:bold; text-decoration:none; color:#444; font-size:14px;}

#category dl dd{height:36px; line-height:36px; overflow:hidden; border-bottom:1px dotted #ccc; text-indent:22px; white-space:nowrap; text-overflow:ellipsis;}
#category dl dd a{color:#666; display:block; text-decoration:none;}

#support{position:fixed; bottom:0; height:16px; line-height:18px; overflow:hidden; text-align:center; width:100%; background:#ccc; font-size:10px; z-index:999;}
#support a{font-size:10px; color:#777;}

#footer_points{height:45px; clear:both;}
#footer{width:100%; margin:0 auto; background:url(../images/bg.png) 0 20px repeat-x; height:60px; position:fixed; z-index:1000; bottom:0;}
#footer ul li{height:38px; width:24%; float:left; padding-top:22px;}
#footer ul li>a{color:#fff; line-height:62px; font-size:12px; width:45px; height:40px; margin:0 auto; display:block; white-space:nowrap; text-align:center; text-decoration:none;}
#footer ul li.category{height:60px; padding:0;}
#footer ul li.category a{width:62px; height:60px; line-height:100px; margin:0; background:url(../images/bg.png) 0 -42px no-repeat; text-align:left; text-indent:13px;}
#footer ul li.cart a{background:url(../images/bg.png) -76px -58px no-repeat;}
#footer ul li.member a{background:url(../images/bg.png) -126px -58px no-repeat;}
#footer ul li.home a{background:url(../images/bg.png) -175px -58px no-repeat;}

/*contant us*/
.contFloat{position:fixed;left:10px;width:18px;padding:10px 5px;line-height:15px;border-radius:5px;background:rgba(0,0,0,0.9);bottom:70px;text-align:center;color:#fff;z-index:999;}
.contFloat a{color:#fff;}
.contFloat .icon-contHuman{display:block;margin:0 auto 5px auto;width:20px;height:20px;background:url("../images/distribution2.png") -155px -820px;background-size:300px 1000px;}
.contact-public{position:fixed;left:10px;width:35px;padding:0;line-height:15px;border-radius:5px;background:rgba(0,0,0,0.9);bottom:70px;text-align:center;color:#fff;z-index:2;}
.contact-public li{display:block;border-bottom:1px solid #0e0e0e;text-align:center;
					-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
							-o-box-sizing:border-box;	
								box-sizing:border-box;
}
.contact-public li:last-child{border-bottom:0;border-top:1px solid #242424;}
.contact-public a{display:block;color:#fff;font-size:12px;text-align:center;padding:6px;}
.contact-public .icon-tel{display:block;margin:0px auto 0 auto;width:25px;height:20px;background:url("../images/distribution2.png") -200px -820px;background-size:300px 1000px;}