/*.ztjd{
  height:200px;overflow-x: auto;
}*/
.ztjd .floor-layer{
  text-align: center;
  position: relative;
}
 .ztjd .floor-layer .item{
    position: absolute;
    bottom:40px;
    width:100%;
    margin:0 auto;
 }
.ztjd .floor-layer .item  p{
  white-space: nowrap;
  overflow: hidden;
  margin:0;
}
.ztjd .floor-layer .item .whole{
  position:relative; width: 180px; margin: 0 auto;overflow: visible;
}
.ztjd .floor-layer .item .whole .whole-progress{
  position:absolute; bottom:0;
}
.ztjd  ul{
    -webkit-padding-start:0;
    padding:0;
    margin:0;
    /* margin-bottom:10px; */
}
.ztjd  ul li{
  list-style: none;
}

.ztjd .whole-target .wall-t,.wall-m,.build-b{
  filter:alpha(opacity=20); opacity:0.2;
}
  
/* .ztjd  .build-t{ position:relative; background-image:url("../images/build-t.png"); width:184px; height:107px; margin: 0 0 -89px 0;} */
/*build-m 一层一层的实体*/
.ztjd  .build-m{ position:relative; background-image:url("../img/build-grey.png"); width:184px; height:107px; margin: 0 0 -92px 0;}
/*build-b 地下室*/
.ztjd  .build-b{ position:relative; background-image:url("../img/base-grey.png"); width:184px; height:129px; margin: -95px 0 0 0; }

/*顶层*/
.ztjd  .wall-t{ position:relative; background-image:url("../img/wall-grey.png"); width:184px; height:107px; margin: 0 0 -89px 0;}


.ztjd  .wall-m{ position:relative; background-image:url("../img/wall-m.png"); width:184px; height:107px; margin: 0 0 -92px 0;}
.ztjd  .build-m-presell{ position:relative; background-image:url("../img/2.png"); width:184px; height:107px; margin: 0 0 -92px 0}
.ztjd  .wall-m-presell{ position:relative; background-image:url("../img/wall-m-red.png"); width:184px; height:107px; margin: 0 0 -92px 0}


/* 新增样式 */
/* .ztjd .build-yellow{
  position:relative; background-image:url("../images/build-yellow.png");width:184px; height:109px; margin: 0 0 -92px 0;
} */
.ztjd .build-dark{ position:relative; background-image:url("../img/build-dark.png");  width:184px; height:107px; margin: 0 0 -92px 0;}
.ztjd .build-blue{ position:relative; background-image:url("../img/build-blue.png"); width:184px; height:107px; margin: 0 0 -92px 0;}
.ztjd .build-yellow{
  position:relative; background-image:url("../img/build-yellow.png");width:184px; height:107px; margin: 0 0 -92px 0;
}
.ztjd .build-purple{
  position:relative; background-image:url("../img/build-purple.png");width:184px; height:107px; margin: 0 0 -92px 0;
}
.ztjd  .build-b-blue{ position:relative; background-image:url("../img/base-blue.png"); width:184px; height:129px; margin: -95px 0 0 0; }
.ztjd  .build-b-dark{ position:relative; background-image:url("../img/base-dark.png"); width:184px; height:129px; margin: -95px 0 0 0; }
.ztjd  .build-b-yellow{ position:relative; background-image:url("../img/base-yellow.png"); width:184px; height:129px; margin: -95px 0 0 0; }
.ztjd  .build-b-purple{ position:relative; background-image:url("../img/build-b-purple.png"); width:184px; height:129px; margin: -95px 0 0 0; }

.ztjd .arrival-line{
  position:relative; background-image:url("../img/arrival.png"); width:184px; height:107px; margin: 0 0 -92px 0
}

.ztjd .arrival-line-img{
  position:relative; background-image:url("../img/arrival-green.png"); width:184px; height:107px; margin: 0 0 -102px 0
}

.ztjd .arrival-blue{
  position:relative; background-image:url("../img/arrival-blue.png"); width:184px; height:107px; margin: 0 0 -102px 0
}