
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td,i
{margin: 0; padding: 0; border: 0; outline: none; font-style: normal; font-weight: normal;}
html{ height: 100%;}
body{font-family: "微软雅黑";font-size:0.7rem;background: #f2f2f2;
  color: #3f3f3f;}
ul, ol{list-style: none;}
a{color: black;text-decoration: none;}
a:hover{text-decoration: none;}
li{
  list-style: none;
}
img{/*max-width: 100%;*/ width: auto; height: auto; vertical-align: top; border: 0;}
@font-face {
  font-family: 'iconfont';  /* project id 344665 */
  src: url('//at.alicdn.com/t/font_d14owil1djvmquxr.eot');
  src: url('//at.alicdn.com/t/font_d14owil1djvmquxr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_d14owil1djvmquxr.woff') format('woff'),
  url('//at.alicdn.com/t/font_d14owil1djvmquxr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_d14owil1djvmquxr.svg#iconfont') format('svg');
}

.icon{
  display: inline-block;
}
#footer{
  width: 100%;
  height: 2.7rem;
  background: #ffffff;
  display:flex;
  position:fixed;
  bottom:0;
  left:0;
  right:0;
  justify-content: center;
  border-top: 1px solid #e0e0e0;
  z-index: 999;
}
#footer .same-box{
  width:25%;
  text-align: center;
  display: block;
}

#footer .same-box .icon{
  background: url(../images/foot-icon1.png) no-repeat center center;
  background-size: 100% 100%;
  width:1.2rem;
  height:1.2rem;
  margin-top: 0.25rem;
}
#footer .same-box .icon.active{
  background: url(../images/foot-icon1-active.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon.icon2{
  background: url(../images/foot-icon2.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon2.active{
  background: url(../images/foot-icon2-active.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon.icon3{
  background: url(../images/foot-icon3.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon3.active{
  background: url(../images/foot-icon3-active.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon.icon4{
  background: url(../images/foot-icon4.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon4.active{
  background: url(../images/foot-icon4-active.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon.icon5{
  background: url(../images/foot-icon5.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon5.active{
  background: url(../images/foot-icon5-active.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon.icon6{
  background: url(../images/foot-icon6.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon6.active{
  background: url(../images/foot-icon6-active.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon.icon7{
  background: url(../images/foot-icon7.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon7.active{
  background: url(../images/foot-icon7-active.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon.icon8{
  background: url(../images/foot-icon8.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon8.active{
  background: url(../images/foot-icon8-active.png) no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .icon.service{
  background: url("../images/order-icon4.png") no-repeat center center;
  background-size: 100% 100%;
}
#footer .same-box .text{
  font-size: 0.65rem;
  color: #848484;
}
#footer .same-box .text.active{
  color: #e4393c;
}

#header{
  display: none;
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  background: #ffffff;
}
.head-in{
  position: fixed;
  display: flex;
  width: 100%;
  background: #ffffff;
  z-index: 1000;
  overflow: hidden;
}
.back-icon{
  background: url(../images/back-icon.png) no-repeat center center;
  background-size: 100% 100%;
  width: 0.5rem;
  height: 0.75rem;
  margin-left: 0.5rem;
  display: block;
  margin-top: 0.65rem;
}
.head-title{
  text-align: center;
  margin: 0 auto;
  font-size: 0.85rem;
}
.search {
  margin-top: 1px;
  margin-left: 40px;
  padding-right: 40px;
  z-index: 1001;
}