* {
  margin: 0;
  padding: 0;
}
ul,
ol {
  list-style: none;
}
img {
  border: none;
}
a {
  text-decoration: none;
  outline: none;
}
a,
button,
input {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
@font-face {
  font-family: "方正正中黑简体";
  src: url('../font/方正正中黑简体.TTF') format('truetype');
}
html,
body {
  max-width: 750px!important;
  margin: 0 auto;
}
header {
  width: 10.8rem;
  height: 1.54rem;
  margin: 0　auto;
  box-sizing: border-box;
  overflow: hidden;
}
header p {
  width: 1.92rem;
  height: .65rem;
  font-size: .48rem;
  line-height: .65rem;
  float: left;
  margin: .45rem 0 0 2rem;
}
.province {
  width: 9.6rem;
  height: 1.16rem;
  margin: .6rem auto 0;
  border: .02rem solid #D8D8D8;
  border-radius: .2rem;
}
.province p {
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-width: 1.7rem;
  box-sizing: border-box;
  padding-right: .3rem;
  height: 1.16rem;
  line-height: 1.16rem;
  font-size: .39rem;
  color: #0099FF;
  text-align: center;
}
.down,
.up {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .269rem;
  height: .15rem;
}
.up-hide {
  display: none;
}
.down-hide {
  display: none;
}
.shop-list {
  margin: 0 auto;
  width: 9.6rem;
  overflow: hidden;
  border-top: 1px solid #D8D8D8;
  border-left: 1px solid #D8D8D8;
  border-radius: .2rem;
  margin: .74rem auto 0;
}
.shop-list-hide {
    display: none;
}
.shop-list li {
  display: flex;
  float: left;
  justify-content: center;
  align-items:center;
  width: 33.33333%;
  height: 1.63rem;
  font-size: .4rem;
  text-align: center;
  color: #999;
  border-right: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  box-sizing: border-box;
  list-style: none;
}
.shop-list li div {
  margin: .2rem;
  display: -webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.province-hide {
  display: none;
}
footer {
  font-size: .33rem;
  color: #8A8A8A;
  text-align: center;
  line-height: .585rem;
  margin-top: .66rem;
  padding-bottom: .66rem;
}
.footer-hide {
  display: none;
}
.province-list {
  width: 9.6rem;
  height: 8.15rem;
  margin: 1.02rem auto 0;
}
.province-list li {
  width: 1.92rem;
  height: .52rem;
  font-size: .39rem;
  text-align: center;
  color: #0099FF;
  float: left;
  margin:.55rem 0 0 0;
  list-style: none;
}
.province-list li:nth-child(4n) {
  margin-right: 0;
}
.doubleTwelve{
  text-align: center;
  font-size: .39rem;
  margin-top: 1rem;
}