
/* .full_map,.mapType,.mapFrame{
    background: #ffedd0;
}
.lookMap{
    width: 2.704rem;
    height: 2.608rem;
    background: url("../../img/map/map3D_icon/DJY/2D_icon/huabanPanda.gif") no-repeat;
    background-size: 100% 100%;
}
.mapbox .mapType .map_2D_list{
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/mapcover.png") no-repeat;
    background-size: 100% 100%;
} */
.list_look{
    display: none;
}
.list_panda {
    top: 2.5rem;
}
.outdoor_part {
    background-color: #ffedd0;
}
.outside_thumbnail {
    background-image: url(../../img/map/map3D_icon/SHSHP/2D_icon/mapcover.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.map_cover{
    width: 86.75%;
    height: 48.33vw;
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/mapcover.png") no-repeat;
    width: 100%;
    height: 55.7vw;
    /* background: url("../../img/mobile/cover_nobg.png") no-repeat; */
    background-size: 100% 100%;
    z-index:12;
    position: absolute;
    left: 0;
    top: 36%;
    transform: translate(0, 0);
}
.map_cove li{
    height: 4.52%;
}
.map_cover .SHSHP_01{
    width:7.02%;
    
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/01.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 42.5%;
    top : 59%;
    cursor: pointer;
}


.map_cover .SHSHP_02{
    width:7.38%;
    
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/02.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 57%;
    top : 77%;
    cursor: pointer;
}

.map_cover .SHSHP_03{
    width:7.02%;
   
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/03.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 37%;
    top : 32%;
    cursor: pointer;
}

.map_cover .SHSHP_04{
    width:7.02%;
    
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/04.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 34%;
    top : 41%;
    cursor: pointer;
}

.map_cover .SHSHP_05{
    width:7.02%;;
   
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/05.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 41%;
    top : 38%;
    cursor: pointer;
}

.map_cover .SHSHP_06{
    width:7.02%;;
   
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/06.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 47.5%;
    top : 10%;
    cursor: pointer;
}

.map_cover .SHSHP_07{
    width:7.02%;;
    
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/07.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 40%;
    top : 14%;
    cursor: pointer;
}

.map_cover .SHSHP_08{
    width:7.02%;
   
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/08.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 37%;
    top : 19%;
    cursor: pointer;
}

.map_cover .SHSHP_09{
    width:7.02%;;
  
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/09.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 34%;
    top : 24%;
    cursor: pointer;
}

.map_cover .SHSHP_10{
    width:7.02%;
   
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/10.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 29%;
    top : 31%;
    cursor: pointer;
}

.map_cover .SHSHP_11{
    width:7.02%;
   
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/11.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 27%;
    top : 37%;
    cursor: pointer;
}

.map_cover .SHSHP_12{
    width:7.56%;
   
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/12.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 47.5%;
    top : 68%;
    cursor: pointer;
}


.map_cover .SHSHP_13{
    width:8.105%;
   
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/13.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 56%;
    top : 37%;
    cursor: pointer;
}


.map_cover .SHSHP_14{
    width:8.105%;
    
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/14.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 46.5%;
    top : 24%;
    cursor: pointer;
}


.map_cover .SHSHP_15{
    width:5.16%;
    
    background: url("../../img/map/map3D_icon/DJY/2D_icon/10.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 67.5%;
    top : 60%;
    cursor: pointer;
}

.map_cover .SHSHP_16{
    width:9.546%;
    
    background: url("../../img/map/map_icon/DXMBWG.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 57.5%;
    top : 63%;
    cursor: pointer;
}

.map_cover .SHSHP_17{
    width:11.465%;
    height: 6.052%;
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/15.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 51.5%;
    top: 32%;
    cursor: pointer;
}

.map_cover .SHSHP_18{
    width:12.465%;
    height: 5.052%;
    background: url("../../img/map/map3D_icon/SHSHP/2D_icon/16.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 52.5%;
    top : 44%;
    cursor: pointer;
}

.indoor_list li:nth-child(1){
    background:url("../../img/map/motaikuang/wolong.png") no-repeat;
    background-size: 100% 100%;
   
}


.inmap_part>div:first-of-type{
    /*display:block;
     */
    width: 27vh;
    height: 55%;
    background: url("../../img/mobile/one.png") no-repeat center;
    background-size: 100% 100%;
}
.inmap_part>div:first-of-type span:first-of-type{
    left: 49%;
    top: 21%;
}
.inmap_part>div span:nth-of-type(2){
    left: 33%;
    top: 20%;
}
.inmap_part>div span:nth-of-type(3){
    left: 14%;
    top: 29%;
}
.inmap_part>div span:nth-of-type(4){
    left: 16%;
    top: 13%;
}
.inmap_part>div span:nth-of-type(5){
    left: 52%;
    top: 5%;
}
.inmap_part>div span:nth-of-type(6){
    left: 57%;
    top: 55%;
}
.inmap_part>div span:nth-of-type(7){
    left: 65%;
    top: 76%;
}
.inmap_part>div span:nth-of-type(8){
    left: 86%;
    top: 23%;
}
.inmap_part>div:nth-of-type(2){
    /* display:block;
     */
    width: 27vh;
    height: 55%;
    background: url("../../img/mobile/two.png") no-repeat center;
    background-size: 100% 100%;
}
.inmap_part>div:nth-of-type(2) span:first-of-type{
      left: 10%;
    top: 23%;
}
.inmap_part>div:nth-of-type(2) span:nth-of-type(2){
    left: 24.5%;
    top: 18%;
}
.inmap_part>div:nth-of-type(2) span:nth-of-type(3){
      left: 43%;
    top: 12%;
}
.inmap_part>div:nth-of-type(2) span:nth-of-type(4){
     left: 58%;
    top: 10%;
}
.inmap_part>div:nth-of-type(2) span:nth-of-type(5){
      left: 61%;
    top: 25%;
}
.inmap_part>div:nth-of-type(2) span:nth-of-type(6){
      left: 76%;
    top: 30%;
}
.inmap_part>div:nth-of-type(2) span:nth-of-type(7){
      left: 66%;
    top: 49%;
}
.inmap_part>div:nth-of-type(2) span:nth-of-type(8){
      left: 59%;
    top: 67%;
}
.inmap_part>div:nth-of-type(2) span:nth-of-type(9){
      left: 52%;
    top: 84%;
}

.little_title:first-of-type{
    background: url("../../img/mobile/SHSHP/001.png") no-repeat center;
    background-size:100% 100%;
    top:0.52rem;
    right:0.19rem;
}
.little_title:nth-of-type(2){
    background: url("../../img/mobile/SHSHP/002.png") no-repeat center;
    background-size:100% 100%;
    top:0.95rem;
    left:0.19rem;
}


.storey{
    display: inline-block;
    width: 0.5488rem;
    height: 0.2695rem;
    position: absolute;
    left: 0.2rem;
    /* top: 0.05rem; */
    bottom: 53%;
    background: url("../../img/inside/shshp/1.2.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;

}
.storey_Two{
    position: absolute;
    left: 0.2rem;
    /* top: 0.05rem; */
    bottom: 41%;
    background: url("../../img/inside/shshp/2.1.png") no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    z-index: 1000;
}
.storey_One.on{
    background: url("../../img/inside/shshp/1.1.png") no-repeat;
    background-size: 100% 100%;
}
.storey_Two.on{
    background: url("../../img/inside/shshp/2.2.png") no-repeat;
    background-size: 100% 100%;
}

