.header-wifi {
  background-image: url('../img/wifi/bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 0;
  padding: 0 0 56%;
  position: relative;
}
header:before {
  display: none;
}
header::after {
  display: none;
}
/* .header-wifi-cont {
  width: 100%;
  height: 100%;
  position: relative;
} */

.wifi-logo {
  width: 40%;
  position: absolute;
  top: 40%;
  left: 6%;
}

.wifi-icon {
  width: 40%;
  position: absolute;
  bottom: 2%;
  right: 4%;
}

.wifi-steps {
  background-color: #535454;
  background-image: url(../img/wifi/bg2.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 0;
}

.wifi-scene {
  background-color: #535454;
  background-image: url(../img/wifi/bg3.png);
  background-size: 100% auto;
  /* background-repeat: no-repeat; */
  padding: 0;
}

.steps-icon {
  width: 50%;
  display: block;
  margin: 16px auto;
}

.scene-imgs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-top: 8px;
}
.scene-imgs .scene1 {
  width: 96%;
}

.scene-imgs .scene2 {
  width: 86%;
}

.scene3 {
  width: 60%;
}

.scene-title {
  font-size: 16px;
  font-weight: 600;
}

.steps-md {
  display: none;
}

.scene-btn {
  width: 122px;
}
.scene-btns {
  padding: 6px 20px 10px;
}

.wifi-explain {
  background-color: #535454;
  background-image: url(../img/wifi/bg4.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 0;
}
.explain-img {
  width: 100%;
}
.bg-img {
  background-image: url(../img/wifi/bg3.png);
}
/* 小型设备（平板电脑，768px 起） */
@media (min-width: 768px) { 
  .scene-title {
    font-size: 24px;
  }
  .scene-btns {
    text-align: right;
  }
}

/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) {
  .steps-md {
    display: block;
  }
  .scene-title {
    font-size: 30px;
  }
  .scene-btn {
    width: 136px;
  }
}

/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px) {
  .scene-title {
    font-size: 40px;
  }
  .scene-btn {
    width: 144px;
  }
}