.clear{clear: both;}
.hr10{height: 10px;width: 100%;clear: both;}
.hr18{height: 18px;width: 100%;clear: both;}
.hr14{height: 14px;width: 100%;clear: both;background: #efeff4;}
.hr20{height: 20px;width: 100%;clear: both;background: #efeff4;}
.hr40{height: 40px;width: 100%;clear: both;background: #efeff4;}
.hr44{height: 44px;width: 100%;clear: both;}
.hr50{height: 50px;width: 100%;clear: both;background: #efeff4;}
/*遮罩层*/
.bg{position: fixed;top: 0; left: 0;width: 100%;height: 100%;background: #555555;opacity: 0.6;z-index: 98;display: none;}
/*显示*/
.hide{
	display: none;
}
i{font-style:normal;}
/*回到顶部*/
#scrollUp {
	display: none;
    background: #ffba45 none repeat scroll 0 0;
    border-radius: 50%;
    bottom: 60px;
    color: #ffffff;
    height: 54px;
    line-height: 54px;
    right: 5px;
    text-align: center;
    width: 54px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    font-size: 16px;
    position: fixed; z-index: 999;
}
#scrollUp img{width: 22px;height: 22px;margin-top: 16px;}
/***************底部样式********************/
footer {
	box-shadow: 0 -2px 4px #d7d7d7; background-color: #fff;
	display: -webkit-box;
	background: #f7f7f8;
	width: 100%;
	height: 50px;
	position: fixed;
	bottom: 0;
	z-index: 9;
}

footer a {
	text-decoration: none;
	display: block;
	font-size: 12px;
	width: 20%;
	height: 50px;
	padding-top: 33px;
	text-align: center;
	background: no-repeat center 8px;
	background-size: 28px;
	color: #989898;
	background-size: 24px;
}
footer a .join-num{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #DE0707;
	font: 12px/14px "微软雅黑";
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 6px;
	right: 21%;
}
footer a.active {
	color: #23ad48;
}

footer a:nth-child(1) {
	background-image: url("../icon/icon-home.png");
	background-size: 22px;
}

footer a:nth-child(2) {
	background-image: url("../icon/icon-category.png");
	margin-top: 7px;
    padding-top: 26px;
}

footer a:nth-child(3) {
	background-image: url("../icon/icon-fuli.png");
}

footer a:nth-child(4) {
	position: relative;
	background-image: url("../icon/icon-cart.png");
}
footer a:nth-child(5) {
	background-image: url("../icon/icon-mine.png");
}

footer a.active:nth-child(1) {
	background-image: url("../icon/icon-home1.png");
	background-size: 22px;
}

footer a.active:nth-child(2) {
	background-image: url("../icon/icon-category1.png");
	margin-top: 7px;
    padding-top: 26px;
}
footer a.active:nth-child(3) {
	background-image: url("../icon/icon-fuli1.png");
}
footer a.active:nth-child(4) {
	background-image: url("../icon/icon-cart1.png");
}

footer a.active:nth-child(5) {
	background-image: url("../icon/icon-mine1.png");
}
@media only screen and (max-width: 321px) {
	html{
		font-size: 14px!important;
	}
}