@charset "UTF-8";
html {
  font-size: 10px;
  height: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: normal;
}

body {
  height: 100%;
  max-width: 640px;
  margin: 0 auto; /*background: #f1f2f4;*/
  font-family: 'PingFang SC', "微软雅黑" !important;
  line-height: 1;
  word-break: break-all;
}

@media screen and  (min-width: 480px) {
  html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 520.8333333333%;
    color: #333;
  }

  body, button, input, select, textarea {
    color: #333;
    font-size: 0.2rem;
  }
}

@media screen and  (min-width: 320px) and  (max-width: 380px) {
  html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 280.5%;
  }

  body, button, input, select, textarea {
    color: #333;
    font-size: 0.2rem;
  }
}

@media screen and  (min-width: 380px) and  (max-width: 480px) {
  html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 312.5%;
  }

  body, button, input, select, textarea {
    color: #333;
    font-size: 0.2rem;
  }
}

@media screen and (max-width: 320px) {
  html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 260.416%;
  }

  body, button, input, select, textarea {
    color: #333;
    font-size: 0.2rem;
  }
}



a, button, input, select, textarea {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  font-family: 'PingFang SC', "微软雅黑";
}
.map-section {
  width: 100%;
  height: 100%;
}
.fgw {
  position: absolute;
  transform: translate(-50%,-50%);
  margin-top: 1rem;
}
.fgw i {
  background: url(food.png) no-repeat;
  background-size: 100% 100%;
  width: 0.744rem;
  height:0.948rem;
  position: absolute;
  left: 50%;
  top: -1rem;
  transform: translate(-50%,0);
}
.fgw p {
  display: block;
  white-space:nowrap;
  font-size: 0.288rem;
  background: #fff;
  line-height: 0.48rem;
  padding: 0px 0.24rem;
  border-radius: 0.24rem;
  color: #707070;
  box-shadow:0.024rem 0.024rem 0.12rem rgba(0,0,0,0.3);
}
.fgw div {
  position: absolute;
  display: none;
  background: #fff;
  padding:0.28rem 0.36rem;
  border-radius: 0.08rem;
  min-width: 2.84rem;
  max-width: 3.84rem;
  left: 50%;
  top: -1.13rem;
  transform: translate(-50%,-100%);
  box-shadow:0.024rem 0.024rem 0.12rem rgba(0,0,0,0.2);
}
.fgw div h3 {
  font-size: 0.36rem;
  color: #373737;
  padding-top: 0.1rem;
}
.fgw div h4 {
  font-size: 0.288rem;
  color: #707070;
  line-height: 0.4rem;
  margin-top: 0.15rem;
}
.fgw div h5 {
  font-size: 0.288rem;
  color: #fd551e;
  margin-top: 0.2rem;
}
.sj {
  width: 0.288rem;
  height: 0.12rem;
  position: absolute;
  bottom:-0.12rem;
  left: 50%;
  transform: translateX(-50%);
  background: url(bg01.png) no-repeat;
  background-size:100% 100%;
}
.close {
  width: 0.564rem;
  height: 0.552rem;
  position: absolute;
  top:0;
  right:0;
  background: url(bg02.png) no-repeat center;
  background-size:0.204rem 0.192rem;
}
.btn {
  width: 92.8%;
  position: absolute;
  bottom: 0.2024rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
}
#app-3 {
  width: 100%;
  height: 100%;
}
.info-window-pop {
  padding: 0.2rem 0.2rem;
  position: absolute;
  left: 50%;
  z-index: 101;
  transform: translate(-50%,-100%);
  margin-left: 0;
  margin-top: -0.13rem;
  box-shadow: 0.024rem 0.024rem 0.12rem rgba(0,0,0,0.3);
/*   transform: translateY(-100%); */
  width: 4rem;
  top: 50%;
  background: #fff;
}
.info-window-pop h3{
  font-size: 0.36rem;
  line-height: 0.6rem;
  text-align: left;
  font-weight: normal;
}
.info-window-pop p{
  font-size: 0.28rem;
  line-height: 0.4rem;
  text-align: left;
  color: #666;
}

.info-window-pop h4{
  font-size: 0.28rem;
  line-height: 0.6rem;
  text-align: left;
  font-weight: normal;
  margin-top: 0.1rem;
  color: #fd551e;
}

.pop-bg {
  position: fixed;
  width: 100%;
  top: 0;
  height: 100%;
  left: 0;
  background: rgba(0,0,0,0.5);
  z-index: 1000;
}
.select-sction {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: 50%;
  background: #fff;
}

.clear:after,.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  clear: both;
}

.select-sction h3 {
  text-indent: 0.42rem;
  font-size: 0.28rem;
  color: #bababa;
  line-height: 0.86rem;
  border-bottom: 1px solid #ebebeb;
  font-weight: normal;
  box-sizing: border-box;
}

.select1 {
  width: 50%;
  float: left;
  max-height: calc(100% - 2.66rem);
  overflow-y: auto;
}
.select1 p {
  line-height: 1.02rem;
  font-size: 0.36rem;
  padding-left: 0.42rem;
}
.select1 p.cur {
  background: #f5f5f5;
  color: #fd551e;
}
.select2 {
  height: calc(100% - 2.66rem);
  background: #f5f5f5;
  width: 50%;
  float: left;
  overflow-y: auto;
}
.save-btn {
  height: 1.8rem;
  box-sizing: border-box;
  border-top: 1px solid #ebebeb;
}
.save-btn span {
  display: block;
  width: 90.66%;
  margin: 0.24rem auto 0;
  text-align: center;
  height: 0.96rem;
  background: #fd551e;
  color: #fff;
  border-radius: 0.1rem;
  font-size: 0.36rem;
  line-height: 0.96rem;
}
.select2 li p{
  line-height: 1.02rem;
  font-size: 0.336rem;
  padding-left: 0.42rem;
}
.select2 li p.cur {
  color: #fd551e;
}


.map-box {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
}

.map-img-box {
  width: 66.156rem;
  height: 47.268rem;
  position: absolute;
 /*  top:50%;
  left: 50%;*/
 /*  transform: translate(-50%,-50%);  */
}
.map-img-box img {
  float: left;
}
.map-img-box img:nth-child(1) {
  width: 14.544rem;
  height: 16.836rem;
  width: 21.885%;
  height: 35.618%;
}
.map-img-box img:nth-child(2) {
  width: 14.04rem;
  height: 16.836rem;
  width: 21.222%;
  height: 35.618%;
}
.map-img-box img:nth-child(3) {
  width: 14.244rem;
  height: 16.836rem;
  width: 21.53%;
  height: 35.618%;
}
.map-img-box img:nth-child(4) {
  width: 11.736rem;
  height: 16.836rem;
  width: 17.739%;
  height: 35.618%;
}
.map-img-box img:nth-child(5) {
  width: 11.592rem;
  height: 16.836rem;
  width: 17.522%;
  height: 35.618%;
}
.map-img-box img:nth-child(6) {
  width: 14.544rem;
  height: 16.692rem;
  width: 21.885%;
  height: 35.313%;
}
.map-img-box img:nth-child(7) {
  width: 14.04rem;
  height: 16.692rem;
  width: 21.222%;
  height: 35.313%;
}
.map-img-box img:nth-child(8) {
  width: 14.244rem;
  height: 16.692rem;
  width: 21.53%;
  height: 35.313%;
}
.map-img-box img:nth-child(9) {
  width: 11.736rem;
  height: 16.692rem;
  width: 17.739%;
  height: 35.313%;
}
.map-img-box img:nth-child(10) {
  width: 11.592rem;
  height: 16.692rem;
  width: 17.522%;
  height: 35.313%;
}
.map-img-box img:nth-child(11) {
  width: 14.544rem;
  height: 13.74rem;
  width: 21.885%;
  height: 29.068%;
}
.map-img-box img:nth-child(12) {
  width: 14.04rem;
  height: 13.74rem;
  width: 21.222%;
  height: 29.068%;
}
.map-img-box img:nth-child(13) {
  width: 14.244rem;
  height: 13.74rem;
  width: 21.53%;
  height: 29.068%;
}
.map-img-box img:nth-child(14) {
  width: 11.736rem;
  height: 13.74rem;
  width: 17.739%;
  height: 29.068%;
}
.map-img-box img:nth-child(15) {
  width: 11.592rem;
  height: 13.74rem;
  width: 17.522%;
  height: 29.068%;
}

.shop-span {
  position: absolute;
}

.my-shop-span {
  position: absolute;
  width: 1.832505%;
  height: 0.6346789%;

  /* border: solid 1px red; */
}

.shop-0-0 {
  width: 2.6482%;
  height: 2.5133%;
  left: 62.5975%;
  top: 10.4087%;
}
.shop-0-1 {
  width: 2.1948%;
  height: 2.4117%;
  left: 58.9697%;
  top: 14.1406%;
}
.shop-0-2 {
  width: 3.6640%;
  height: 2.1832%;
  left: 61.0556%;
  top: 15.6131%;
}
.shop-0-3 {
  width: 3.3557%;
  height: 3.021%;
  left: 66.2978%;
  top: 18.6341%;
}
.shop-0-4 {
  width: 2.6845%;
  height: 2.3863%;
  left: 68.7284%;
  top: 19.9543%;
}
.shop-0-5 {
  width: 3.1017%;
  height: 2.3102%;
  left: 63.1235%;
  top: 21.6044%;
}
.shop-0-6 {
  width: 2.6664%;
  height: 2.5133%;
  left: 60.4389%;
  top: 24.2447%;
}
.shop-0-7 {
  width: 2.8659%;
  height: 2.7164%;
  left: 63.5588%;
  top: 24.5493%;
}
.shop-1-0 {
  width: 2.9203%;
  height: 2.3356%;
  left: 70.5604%;
  top: 22.7976%;
}
.shop-1-1 {
  width: 2.6845%;
  height: 2.5133%;
  left: 69.2%;
  top: 27.6466%;
}
.shop-1-2 {
  width: 2.5213%;
  height: 2.5387%;
  left: 58.625%;
  top: 28.002%;
}
.shop-1-3 {
  width: 2.8659%;
  height: 3.4780%;
  left: 74.9682%;
  top: 26.8342%;
}
.shop-1-4 {
  width: 2.6664%;
  height: 2.4371%;
  left: 63.0147%;
  top: 33.2571%;
}
.shop-1-5 {
  width: 3.2314%;
  height: 2.1579%;
  left: 70.9958%;
  top: 33.2063%;
}
.shop-2-0 {
  width: 3.1924%;
  height: 2.8941%;
  left: 67.8033%;
  top: 35.3643%;
}
.shop-2-1 {
  width: 4.3896%;
  height: 2.1071%;
  left: 70.4516%;
  top: 36.8367%;
}
.shop-2-2 {
  width: 3.011%;
  height: 3.3257%;
  left: 62.4161%;
  top: 36.0751%;
}
.shop-2-3 {
  width: 3.011%;
  height: 2.4879%;
  left: 72.5920%;
  top: 37.7506%;
}
.shop-2-4 {
  width: 4.1538%;
  height: 2.5641%;
  left: 72.1567%;
  top: 40.3148%;
}
.shop-2-5 {
  width: 2.6301%;
  height: 2.1325%;
  left: 76.111%;
  top: 42.498%;
}
.shop-2-6 {
  width:3.2287%;
  height: 2.0309%;
  left: 72.9729%;
  top: 41.8888%;
}
.shop-2-7 {
  width:2.2673%;
  height: 1.8024%;
  left: 73.2269%;
  top: 44.0213%;
}
.shop-2-8 {
  width:2.5031%;
  height: 2.0309%;
  left: 71.6125%;
  top: 46.9154%;
}
.shop-2-9 {
  width:3.0473%;
  height: 1.4978%;
  left: 74.152%;
  top: 46.9662%;
}
.shop-2-10 {
  width:3.4282%;
  height: 2.2848%;
  left: 80.1015%;
  top: 50.2665%;
}
.shop-2-11 {
  width:2.1948%;
  height: 2.4625%;
  left: 81.0992%;
  top: 28.9921%;
}
.shop-3-0 {
  width:3.537%;
  height: 1.6755%;
  left: 46.6533%;
  top: 20.2081%;
}
.shop-3-1 {
  width:2.6482%;
  height: 2.5641%;
  left: 48.5398%;
  top: 22.6707%;
}
.shop-4-0 {
  width:2.7208%;
  height: 3.1733%;
  left: 31.4529%;
  top: 22.5437%;
}
.shop-4-1 {
  width:2.5031%;
  height: 3.021%;
  left: 28.7139%;
  top: 24.3716%;
}
.shop-4-2 {
  width:2.9385%;
  height: 2.3102%;
  left: 29.3488%;
  top: 27.1388%;
}
.shop-5-0 {
  width:2.7208%;
  height: 2.4117%;
  left: 30.5278%;
  top: 29.3475%;
}
.shop-6-0 {
  width:2.7398%;
  height: 2.2594%;
  left: 31.3803%;
  top: 31.8862%;
}
.shop-6-1 {
  width:3.3557%;
  height:1.6501%;
  left: 27.3898%;
  top: 33.8918%;
}
.shop-6-2 {
  width:3.664%;
  height:2.5133%;
  left: 26.9544%;
  top: 35.6943%;
}
.shop-6-3 {
  width:2.5394%;
  height:2.4879%;
  left: 32.8496%;
  top: 34.8311%;
}
.shop-6-4 {
  width:3.3738%;
  height:1.7009%;
  left: 36.5862%;
  top: 35.3897%;
}
.shop-6-5 {
  width:2.884%;
  height:2.8687%;
  left: 36.5862%;
  top: 37.8741%;
}
.shop-6-6 {
  width:3.3738%;
  height:2.0055%;
  left: 32.3054%;
  top: 37.5983%;
}
.shop-6-7 {
  width:2.5213%;
  height:2.7672%;
  left: 28.0246%;
  top: 37.446%;
}
.shop-6-8 {
  width:2.6845%;
  height:2.3356%;
  left: 32.0515%;
  top: 39.6039%;
}
.shop-6-9 {
  width:2.2852%;
  height:3.1226%;
  left: 21.5309%;
  top: 29.4237%;
}
.shop-7-0 {
  width:3.2831%;
  height:1.7263%;
  left: 15.146%;
  top: 41.8634%;
}
.shop-7-1 {
  width:2.3399%;
  height:2.7925%;
  left: 16.2706%;
  top: 43.8182%;
}
.shop-7-2 {
  width:2.7027%;
  height:2.4371%;
  left: 22.3653%;
  top: 45.6968%;
}
.shop-7-3 {
  width:2.9022%;
  height:2.7923%;
  left: 17.3589%;
  top: 52.754%;
}
.shop-7-4 {
  width:3.138%;
  height:2.818%;
  left: 16.325%;
  top: 57.2226%;
}
.shop-7-5 {
  width:2.8841%;
  height:2.9956%;
  left: 25.1224%;
  top:52.2975%;
}
.shop-7-6 {
  width:3.6459%;
  height:2%;
  left: 28.8953%;
  top:53.3736%;
}
.shop-7-7 {
  width:3.1380%;
  height:3.148%;
  left: 29.0404%;
  top:55.7755%;
}
.shop-7-8 {
  width:3.3012%;
  height:3.2749%;
  left: 31.9608%;
  top:46.966%;
}
.shop-7-9 {
  width:2.8478%;
  height:2.1579%;
  left: 38.4908%;
  top:47.524%;
}
.shop-7-10 {
  width:2.2129%;
  height:2.2086%;
  left: 41.266%;
  top:44.7067%;
}
.shop-7-11 {
  width:2.5575%;
  height:3.0464%;
  left: 40.4679%;
  top:49.4034%;
}
.shop-7-12 {
  width:2.4124%;
  height:2.0563%;
  left: 44.7306%;
  top:42.7012%;
}
.shop-7-13 {
  width:2.5031%;
  height:1.7771%;
  left: 44.7306%;
  top:44.7669%;
}
.shop-7-14 {
  width:3.5189%;
  height:2.8433%;
  left: 45.311%;
  top:46.2553%;
}
.shop-7-15 {
  width:5.9495%;
  height:2.5387%;
  left: 51.7141%;
  top:34.628%;
}
.shop-7-16 {
  width:2.5757%;
  height:2.8433%;
  left: 47.0524%;
  top:32.9525%;
}
.shop-8-0 {
  width:2.7752%;
  height:2.4879%;
  left: 47.5603%;
  top:36.7859%;
}
.shop-8-1 {
  width:2.4306%;
  height:3.021%;
  left: 44.005%;
  top:32.0639%;
}
.shop-8-2 {
  width:2.7208%;
  height:2.6148%;
  left: 44.1683%;
  top:35.542%;
}
.shop-8-3 {
  width:2.7389%;
  height:2.5387%;
  left: 44.4585%;
  top:39.9086%;
}

.s-0-1 {
  width:2.0678%;
  height:2.3102%;
  left: 19.717%;
  top:57.578%;
}
.s-0-9 {
  width:3.7729%;
  height:1.8278%;
  left: 26.9363%;
  top:40.0863%;
}
.s-0-14 {
  width:2.5213%;
  height:1.7771%;
  left: 32.7952%;
  top:25.0317%;
}
.s-0-20 {
  /* width:1.8669%;
  height:1.0133%; */
  /* left: 48.9388%;
  top:34.298%; */
}
.s-0-24 {
  /* width:2.3399%;
  height:2.691%;
  left: 66.6968%;
  top:77.8624%; */
}
.s-0-26 {
  width:2.5031%;
  height:2.4625%;
  left: 68.6559%;
  top:44.072%;
}

.s-0-39 {
  width:3.5371%;
  height:2.5641%;
  left: 65.1006%;
  top:44.7575%;
}
.s-1-2 {
  width:2.6301%;
  height:2.3102%;
  left: 34.9356%;
  top:28.002%;
}
.s-1-3 {
  width:4.0449%;
  height:2.6148%;
  left: 35.2621%;
  top:23.8131%;
}
.s-1-4 {
  width:3.918%;
  height:1.9801%;
  left: 73.0092%;
  top:61.9954%;
}
.s-1-8 {
  /* width:2.8841%;
  height:2.7672%;
  left: 64.9011%;
  top:28.5097%; */
}

.s-2-2 {
  width:2.3943%;
  height:1.7771%;
  left: 22.0025%;
  top:39.7562%;
}
.s-2-8 {
  width:3.0473%;
  height:2.4117%;
  left: 58.3711%;
  top:77.4562%;
}
.s-3-0 {
  width:2.7571%;
  height:1.6501%;
  left: 18.7738%;
  top:39.883%;
}

.s-4-1 {
  width:3.0836%;
  height:2.3356%;
  left: 1.8138%;
  top:55.1916%;
}

.rote-ection {
  position: fixed;
  top: 0.36rem;
  right:0.36rem;
  width: 1rem;
  z-index: 100;
}
.rote-ection i {
  display: block;
  width: 1rem;
  height: 0.8rem;
  background:rgba(255,255,255,0.6);
  text-align: center;
  padding-top: 0.2rem;
  margin-bottom: 0.24rem;
  border-radius: 0.06rem;
}

.rote-ection i img {
  width: 0.6rem;
}
.rote-ection i.opacity-s {
  opacity: 0.3;
}