.swiper-haohao .swiper-slide .sawcli-wrapper {
  height: 100vh;
  display: table;
  width: 100%;
  position: relative;
  padding-top: 44px;
  box-sizing: border-box; }
  .swiper-haohao .swiper-slide .sawcli-wrapper:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-filter: blur(150px);
    -moz-filter: blur(150px);
    -o-filter: blur(150px);
    -ms-filter: blur(150px);
    filter: blur(90px);
    opacity: 0.8; }
  .swiper-haohao .swiper-slide .sawcli-wrapper.slide-1:before {
    background: url("../img/cover.jpg"); }
  .swiper-haohao .swiper-slide .sawcli-wrapper.slide-2:before {
    background: url("../img/hao-hao-01.jpg"); }
  .swiper-haohao .swiper-slide .sawcli-wrapper.slide-3:before {
    background: url("../img/hao-hao-02.jpg"); }
  .swiper-haohao .swiper-slide .sawcli-wrapper.slide-4:before {
    background: url("../img/hao-hao-03.jpg"); }
  .swiper-haohao .swiper-slide .sawcli-wrapper.slide-5:before {
    background: url("../img/hao-hao-05.jpg"); }
  .swiper-haohao .swiper-slide .sawcli-wrapper.slide-6:before {
    background: url("../img/hao-hao-06.jpg"); }
  .swiper-haohao .swiper-slide .sawcli-wrapper.slide-1 i {
    background-image: url("../img/cover.gif"); }
  .swiper-haohao .swiper-slide .sawcli-wrapper.slide-2 i {
    background-image: url("../img/hao-hao-01.jpg"); }
  .swiper-haohao .swiper-slide .sawcli-wrapper.slide-3 i {
    background-image: url("../img/hao-hao-02.jpg"); }
  .swiper-haohao .swiper-slide .sawcli-wrapper.slide-4 i {
    background-image: url("../img/hao-hao-03.jpg"); }
  .swiper-haohao .swiper-slide .sawcli-wrapper.slide-5 i {
    background-image: url("../img/hao-hao-05.jpg"); }
  .swiper-haohao .swiper-slide .sawcli-wrapper.slide-6 i {
    background-image: url("../img/hao-hao-06.jpg"); }
  .swiper-haohao .swiper-slide .sawcli-wrapper .sawcliw-content {
    width: 100%;
    height: 100%;
    position: relative; }
    .swiper-haohao .swiper-slide .sawcli-wrapper .sawcliw-content .sawcliwc-wrap {
      height: 100%;
      width: 100%;
      padding-top: 2.5%;
      box-sizing: border-box;
      display: block; }
      .swiper-haohao .swiper-slide .sawcli-wrapper .sawcliw-content .sawcliwc-wrap i {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 95%;
        display: block; }
.swiper-haohao .swiper-container-horizontal:hover .swiper-button-prev {
  left: 20px !important; }
.swiper-haohao .swiper-container-horizontal:hover .swiper-button-next {
  right: 20px !important; }
.swiper-haohao .swiper-pagination {
  bottom: 10px !important; }
  .swiper-haohao .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px !important; }
.swiper-haohao .swiper-pagination-bullet-active {
  background: #ffffff !important; }
.swiper-haohao .swiper-button-prev, .swiper-haohao .swiper-button-next {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  opacity: 0.5;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .swiper-haohao .swiper-button-prev:hover, .swiper-haohao .swiper-button-prev :focus, .swiper-haohao .swiper-button-next:hover, .swiper-haohao .swiper-button-next :focus {
    opacity: 0.7; }
  .swiper-haohao .swiper-button-prev.swiper-button-disabled, .swiper-haohao .swiper-button-next.swiper-button-disabled {
    opacity: 0 !important; }
.swiper-haohao .swiper-button-prev {
  left: 20px !important;
  background: url("../img/right.png") no-repeat center;
  background-color: #000;
  background-size: auto; }
.swiper-haohao .swiper-button-next {
  right: 20px !important;
  background: url("../img/left.png") no-repeat center;
  background-color: #000;
  background-size: auto; }

.sp-body-content {
  display: none; }

/*# sourceMappingURL=haohao.css.map */