.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  height: 100%;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  height: 100%;
  position: relative;

}

.swipe-wrap > div >a> img{
  width: 100%;
  max-height: 100%;
}

.swipe-wrap > div > a{
  display: inline-block;
}

.swipe-wrap .item {
  display:block;
  font-size:20px;
  text-align:center;
  height: 20%;
}


.dot{
  position: absolute;
  bottom: 3%;
  left: 50%;
}

.dotItem{
  float: left;
  width: 20px;
  border-radius: 50%;
  height: 20px;
  background-color: #fff;
  border: 1px solid #000;
  margin-left: 5px;
  -webkit-transform:scale(0.5,0.5);
  -webkit-transform-origin:0 0; 
}

.dotItem.active{
  background-color: blue;
}



.swipeWarp{
  height: 27%;
  margin-top: -1%;
}