*{
	padding: 0;
	margin: 0;
}
html,body{
    font-family: "微软雅黑";
    font-size: 62.5%;
    background:#fafafa;
}
body{
  margin: 0 auto;
  max-width: 640px;
}
a{
	text-decoration: none;
}
ul,li{
	list-style: none;
} 
input{
	border: none;
}
input,textarea:focus{
	outline: none;
}
textarea{
	resize: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}   
input{ border-radius: 0; } 
input {-webkit-appearance:none; /*去除input默认样式*/}
.clear:after{
	display: block;
  overflow: hidden;
	clear: both;
  content: '';
  height: 0;
  font-size: 0;
  line-height: 0;
} 
.fl{
	float: left;
}
.fr{
	float: right;
}
.tc{
	text-align: center;
}
.df{
  display: flex;
  align-items: center;
}
select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #000;

/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;

/*在选择框的最右侧中间显示小箭头图片*/
background: #fff url("../images/arrow.png") no-repeat scroll 96% center;
background-size: 14px 14px;


/*为下拉小箭头留出一点位置，避免被文字覆盖*/
/*padding-right: 14px;*/
}





/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }


.footer {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 640px;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #fff;
  z-index:99;
}
.footer_li{
  padding: 10px 0;
  width: 20%;
  text-align: center;
  font-size: 13px;
}
.footer>li>a{
  font-size: 1.3rem;
  color: #999;
}
.footer_li .clicked{
  color: #ac834d;
}
.footer>li>a>img{
  margin: 0 auto;
  width: 30%;
}
.footer_li_diff .img{
  display: none;
}
.footer_li_diff .img_h{
  display: block;
}
.footer_li_diff{
  background: #fff;
}
.footer_li_diff .footer_s{
  display: none;
}
.footer_li_diff .footer_c{
  display: block;
}
.footer_c{
  display: none;
}



@media (min-width: 480px) and (max-width: 1920px){
  .footer{
    left: auto;
  }
}