body,html{
  font-size: 36px;
  padding: 0;
  margin:0;
  color: #999;
  font-family: Helvetica,微软雅黑;
  width: 100%;
  tap-highlight-color:transparent;
  -webkit-tap-highlight-color:transparent;
}
body.mybody{
  overflow-y: scroll;
  background-color: #f7f7f7
}
@media all and (max-width:720px){
  html,body{
    font-size: 36px;
  }
}
@media all and (max-width:640px){
  html,body{
    font-size: 32px;
  }
}
@media all and (max-width:600px){
  html,body{
    font-size: 30px;
  }
}
@media all and (max-width:560px){
  html,body{
    font-size: 28px;
  }
}
@media all and (max-width:520px){
  html,body{
    font-size: 26px;
  }
}
@media all and (max-width:480px){
  html,body{
    font-size: 24px;
  }
}
@media all and (max-width:440px){
  html,body{
    font-size: 22px;
  }
}
@media all and (max-width:414px){
  html,body{
    font-size: 21px;
  }
}
@media all and (max-width:400px){
  html,body{
    font-size: 20px;
  }
}
@media all and (max-width:360px){
  html,body{
    font-size: 18px;
  }
}
@media all and (max-width:320px){
  html,body{
    font-size: 16px;
  }
}
@media all and (max-width:250px){
  html,body{
    font-size: 13px;
  }
}

@font-face {font-family: "iconfont";
  src: url('control/iconfont.eot');
  src: url('control/iconfont.eot?#iefix') format('embedded-opentype'),
  url('control/iconfont.woff') format('woff'), 
  url('control/iconfont.ttf') format('truetype'),
  url('control/iconfont.svg#iconfont') format('svg'); 
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

a:active{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.top-box{
  height:4em;
  color:#999;
  font-size: 1.1em;
  line-height: 4em;
  background: #fff;
  padding-left:1.4em;
  position: relative;
  /*border-bottom:1px solid #eee;*/
}
.top-box em{
  color:#fcc535;
  padding-right:0.3em;
}
.top-box .location-control{
  width:91%;
  font-size:1em;
}
.top-box .location-control #location{
  width:66%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.top-box .retry{
  color:#dadada;
  font-size:1em;
  margin-right:1.4em;
}
.top-box .retry:hover{
  text-decoration: none;
}
.top-search{
  padding:.5em 0em;
  background: #fff;
}
.top-search .search-box{
  width:92%;
  height:2.4em;
  padding:0 .4em;
  line-height: 2.4em;
  margin:0 auto;
  background:#f7f7f7;
  border-radius: .25em;
}
.top-search .search-box .box-btn{
  color:#cfcfcf;
  width:7%;
  font-size:1.2em;
  text-align: center;
}
.top-search .search-box .box-btn:hover{
  border:none;
  text-decoration: none;
}
.top-search .search-box .box-btn:active{
  border:none;
  text-decoration: none;
}
.top-search .search-box .btn-search:active{
  border:none;
}
.top-search .search-box .btn-cancel:active{
  border:none;
}
.top-search .search-box input{
  width:86%;
  height:100%;
  border:none;
  font-size:.9em;
  outline: none;
  background:#f7f7f7;
}
.top-search .search-box input:hover{
  background:#f7f7f7;
}
.top-search .search-box input:active{
  background:#f7f7f7;
}

.location-box{
  background:#f7f7f7;
  /*padding-bottom:2em;*/
}

#page-loading {
  position: fixed;
  background-color: #fff;
  width: 100%;
  height: 100%;
  z-index: 999;
}
#page-loading em{
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  margin: 1rem auto 0.5rem auto;
  -webkit-animation: rotate 1s linear 0s infinite;
  background: url(../../../img/shop/single/loading-circle.png) no-repeat;
  background-size:100%;
}
@-webkit-keyframes rotate{
  from {
    -webkit-transform:rotate(360deg);
  }
  to {
    -webkit-transform:rotate(0deg);
  }
}
.loading-icon-content {
  background-color: #f1f1f1;
  width: 6rem;
  height: 6rem;
  border-radius: 0.5rem;
  position: absolute;
  top: 40%;
  margin-top: -4rem;
  left: 50%;
  margin-left: -3rem;
  color: #999;
  font-size: 0.8125rem;
  text-align:center;
}

.location-box #temp-container .loading-box .circle{
  display: block;
  width: 2.6em;
  height: 2.6em;
  margin: 10em auto 0.5em auto;
  -webkit-animation: rotate 1s linear 0s infinite;
  background: url(../../../img/shop/single/loading-circle.png) no-repeat;
  background-size:100%;
}
.location-box .showall{
  color:#999;
  width:100%;
  height:3.6em;
  font-size:.8em;
  cursor:pointer;
  line-height:3.6em;
  text-align: center;
  display: inline-block;
}
.location-box .showall.hidden{
  display: none;
}
.location-box #temp-container a.showall:hover{
  text-decoration: none;
}
.location-box .filtrate-box{
  color:#ccc;
  font-size:1em;
  text-align:center;
  padding:1em 0 0em 0;
  background:#f7f7f7;
}
.location-box .filtrate-box span{
  display: inline-block;
}
.location-box .filtrate-box span:hover{
  cursor: pointer;
}
.location-box .filtrate-box em{
  color:#fcc535;
  font-size:1em;
}
.location-box .filtrate-box em.count{
  color:#ccc;
  padding:0 0.1em;
}
.location-box .filtrate-box em.iconfont{
  padding-right:0.1em;
}
.location-box .filtrate-box span{
  cursor:pointer;
}
.location-box .location-item{
  margin-top:.6em;
  background: #fff;
  /*border-top:1px solid #eee;
  border-bottom:1px solid #eee;*/
}
.location-box .location-item .item-info{
  position: relative;
  padding:1.2em 0em .2em 1.2em;
  /*border-bottom:1px solid #eee;*/
}
.line{
  width:100%;
  height:1px;
  background:#eee;
  transform: scaleY(0.5);
  -o-transform: scaleY(0.5);
  -moz-transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
}
.liney{
  width:1px;
  height:2.49em;
  background:#eee;
  transform: scaleX(0.5);
  -o-transform: scaleX(0.5);
  -moz-transform: scaleX(0.5);
  -webkit-transform: scaleX(0.5);
}

.location-box .location-item .item-info p{
  color:#333;
  font-size:.9em;
}
.location-box .location-item .item-info .name{
  font-size:.9em;
  padding-right:1.2em;
  margin-bottom:.5em;
  /*font-weight:bold;*/
}
.location-box .location-item .item-info .name .title{
  font-weight: bold;
  max-width: 9.7em;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.location-box .location-item .item-info .name .dist{
  color:#999;
  font-size:.8em;
  padding-top:0.1em;
}
.location-box .location-item .item-info .info-body{
  margin-top:.7em;
}
.location-box .location-item .item-info .info-body .body-pic{
  width:5em;
  height:4em;
}
.location-box .location-item .item-info .info-body .body-pic img{
  width:5em;
  height:4em;
}
.location-box .location-item .item-info .info-body .address{
  width:68%;
  height:4.2em;
  font-size: .8em;
  padding:0 1.2em 0 .4em;
  overflow: hidden;
  /*white-space:nowrap; 
  text-overflow:ellipsis; 
  -webkit-text-overflow:ellipsis; */
}
.location-box .location-item .item-btn a{
  width:50%;
  height:1.8em;
  color:#87d34c;
  font-size:1.4em;
  line-height:1.8em;
  background: #fff;
  text-align: center;
}
.location-box .location-item .item-btn a:hover{
  text-decoration: none;
}

.location-box .location-item .item-btn a:first-child{
  width:49%;
  /*border-right:1px solid #eee;*/
}
.no-item,.no-search-location{
  padding-top:5em;
  background:#f7f7f7;
  text-align: center;
}
.no-item em,.no-search-location em{
  color:#eaeaea;
  font-size:4em;
}
.no-item p,.no-search-location p{
  font-size:.8em;
  color:#999;
  margin-top:0em;
}
.fordetail{
  color:#333;
  width:100%;
  display: inline-block;
  text-decoration: none;
}
.fordetail:hover,.fordetail:active{
  color:#333;
  border:none;
  text-decoration: none;
}
#page-loading em{
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  margin: 1rem auto 0.5rem auto;
  -webkit-animation: rotate 1s linear 0s infinite;
  background: url(../../../img/shop/single/loading-circle.png) no-repeat;
  background-size:100%;
}
@-webkit-keyframes rotate{
  from {
    -webkit-transform:rotate(360deg);
  }
  to {
    -webkit-transform:rotate(0deg);
  }
}
.loading-icon-content {
  background-color: #f1f1f1;
  width: 6rem;
  height: 6rem;
  border-radius: 0.5rem;
  position: absolute;
  top: 50%;
  margin-top: -4rem;
  left: 50%;
  margin-left: -3rem;
  color: #999;
  font-size: 0.8125rem;
  text-align:center;
}