html,
body {
  height: 100%;
  
}
.close{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 19%;
    transform: translate(17%, 33%);
}
.indexpage {

width: 100%;

height: 100%;

background: url(../img/index.png) no-repeat center;

background-size: cover;
}
.indexpage .enterP {
  position: absolute;
  width: 16%;
  top: 50%;
  margin-left: 6%;
  transform: translateY(-50%);
}
.road {
  display: none;
  position: relative;

}
.xxz {
  position: absolute;
  top: 20%;
  left: 60%;
  width: 23%;
}
.clz {
  position: absolute;
  top: 33%;
  left: 69%;
  width: 23%;
}
.xyjd {
  position: absolute;
  top: 62%;
  left: 62%;
  width: 23%;
}
.hxjd {
  position: absolute;
  top: 65.5%;
  left: 67%;
  width: 23%;
}
.hxz{
    position: absolute;
    top: 67.8%;
    left: 52%;
    width: 23%;
}
.ssz{
    position: absolute;
    top: 35.8%;
    left: 23%;
    width: 23%;
}
.yxz{
    position: absolute;
    top: 60%;
    left: 3%;
    width: 23%;
}
.shopList{
    width: 100%;
    height: 100%;
    position: fixed;
    background:rgba(0,0,0,0.4);
    top:0;
    display: none;
    z-index: 99;
}
.hid{
    height: 80%;
    width: 90%;
    background: url(../img/tc.png)no-repeat center;
    background-size: 100% 100%;
    top: 50%;
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 13% 6.5%;
    box-sizing: border-box;
    z-index: 99;
}
.swiper-container{
    width: 100%;
    height: 100%;
}
.swiper-slide{

    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.oneStore{
    width: 100%;
    height: 48%;
}
.oneStoreContent h1{margin-bottom: 5px;font-size: 1rem;}
.oneStoreContent .storeImg{width: 70%;margin-bottom: 9px;}
.oneStoreContent h2{

font-size: 0.9rem;
}
.oneStoreContent h3{

font-size: 0.9rem;

margin-bottom: 9px;
}
.oneStoreContent .yjdh{

width: 55%;
}
.swiper-pagination{
  left: 0;

}
.swiper-pagination-bullet{
  background:red!important;
}

.tj{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: none;
  z-index: 9999;
}
.tjContent{
  height: 80%;
  width: 90%;
  background: url(../img/tc.png)no-repeat center;
  background-size: 100% 100%;
  top: 50%;
  position: relative;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 13% 9%;
  box-sizing: border-box;
}
.tjClose{
  position: absolute;
  bottom: 0;
  right: 0;
  width: 19%;
  transform: translate(17%, 33%);
}

.tj .nr{
  width: 100%;
  height: 100%;
  
}
.tj h1{margin-bottom: 0.5rem;text-align: center;font-size: 1.1rem;}
.tj h2{
  width: 100%;
  height: 5px;
  margin-bottom: 1rem;
  background: #d9b38d;
}
.tj p{

font-size: 1rem;

word-break: break-all;

line-height: 25px;
}
.dpjs{
  display: none;
}