html,
    body {
      position: relative;
      height: 100%;
    }

    body {
      background: #fff;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;
    }

    .container{
      width: 100% !important;
      max-width: 1110px;
      margin: 0 auto;
    }

    .special-list{
      max-width: 1110px;
      position: relative;
      margin-top: 15px;
    }

    .swiper-container {
      max-width: 1020px;
      /* height: 100px; */
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-slide  img{
      width: 100%;
    }
    .swiper-button-next:focus, .swiper-button-prev:focus {
      outline: none;
    }
    .swiper-button-next{
      right: 0;
    }
    .swiper-button-prev{
      left: 0;
    }

    .swiper-button-next:after, .swiper-button-prev:after{
      font-size: 0;
    }