/*
.content {
  height:50vh;
  width: 100%;
  background: #ccc;
  line-height: 50vh;
  font-family: sans-serif;
  color: #fff;
  text-align: center;
}
*/

.swiper-slide:nth-child(even) .content {
  background-color: #999;
}

.swiper-container {
  /*height: 100vh;*/
  /*margin-left: 100px;*/
}

.swiper-scrollbar {
  top: calc(50vh + 20px);
}

.swiper-slide {
    width: auto !important;
    margin-right: 0.5% !important;
}

.swiper-scrollbar-drag{
  height: 6px;
  width: 100%;
  position: relative;
  background: #000 !important;
  border-radius: 52px !important;
  left: 0;
  top: 0px;
  box-shadow: none;
}

.swiper-container-horizontal > .swiper-scrollbar{
  width: 75%;
  left: 0;
  right: 0;
  margin: 0 auto;
}










/**  ½º¸¶Æ®Æù css ½ÃÀÛ  */
@media only screen and (max-width: 768px) {
div.swiper-wrapper {
    width: 50%;
    /*margin-left: 0px !important;*/
}

.swiper-slide {
    width: 100% !important;
    margin-right: 3% !important;
}
}