@charset "utf-8";
html{    
    font-size: 62.5%; 
    }
*,*:before,*:after{
    margin:0;padding:0;
	box-sizing: border-box;
    }
*:focus {outline: none;}
html,body,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td ,button,a,textarea{
	font-family: "microsoft yahei", "helvetica", "heiti SC", "droid", "sans","楷体";
    word-spacing: 0px;
    letter-spacing: .02rem; 
}
input{
	appearance: none;
	-webkit-appearance: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
}
ul li{
	list-style-type: none;
}
a,img{border:0;}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both
}
.clear-l{
	clear: left;
}
.clear-r{
	clear: right;
}
.hr10{
	height: 18px;
	width: 100%;	
}
.hr18{
	height: 18px;
	width: 100%;
}

/*****==公共样式==********/

.main{padding: 5px 10px;}
.hr75{height: 75px;clear: both;}
.mui-pull-left{border-radius: 50%;}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both
}
.clear-l{
	clear: left;
}
.clear-r{
	clear: right;
}


/***************底部样式********************/
footer {
	box-shadow: 0 -2px 4px #d7d7d7; background-color: #fff;
	display: -webkit-box;
	background: #f7f7f8;
	width: 100%;
	height: 60px;
	position: fixed;
	bottom: 0;
	z-index: 2;
}

footer a {
	text-decoration: none;
	display: block;
	font-size: 15px;
	width: 20%;
	height: 60px;
	padding-top: 39px;
	text-align: center;
	background: no-repeat center 8px;
	background-size: 28px;
	color: #989898;
}

footer a.active {
	color: #23ad48;
}

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

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

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

footer a:nth-child(4) {
	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-home.png");
}

footer a.active:nth-child(2) {
	background-image: url("../icon/icon-category1.png");
	margin-top: 8px;
    padding-top: 31px;
}
footer a.active:nth-child(3) {
	background-image: url("../icon/icon-news1.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");
}