.overview-content .always-kno-who-is-there {
  font-size: 16px;
  height: 59.375em;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-d230s1_v1/img/k.jpg) 50% 0 no-repeat;
  background-size: 120em;
}

.overview-content .always-kno-who-is-there .w-container {
  width: 95em;
  margin: 0 auto;
}

.overview-content .always-kno-who-is-there .w-container .text {
  text-align: left;
  padding: 13em 0 0 43em;
  color: #fff;
}

.overview-content .always-kno-who-is-there h2 {
  font-size: 2.625em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .always-kno-who-is-there h3 {
  font-size: 4.0625em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .always-kno-who-is-there .desc {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .always-kno-who-is-there .other {
  padding-bottom: 2em;
}

.overview-content .always-kno-who-is-there .text .model {
  font-size: 1.75em;
  line-height: 2.14em;
  font-weight: 500;
  display: inline-block;
  color: #000;
  background-color: #fff;
  border-radius: 26px;
  vertical-align: middle;
  min-width: 8.4em;
  height: 2.14em;
  text-align: center;
  border: 1px solid #fff;
}

.overview-content .always-kno-who-is-there .icon {
  display: inline-block;
  padding-left: 1em;
}

.overview-content .always-kno-who-is-there .icon>img {
  height: 3.1em;
  vertical-align: middle;
}

.overview-content .always-kno-who-is-there .resistance>img {
  height: 6.25em;
  padding-bottom: 0.5em;
}

.overview-content .always-kno-who-is-there .resistance {
  text-align: center;
  width: 10em;
}

.overview-content .always-kno-who-is-there .resistance p {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: 400;
}

@media (max-width: 1680px) {
  .overview-content .always-kno-who-is-there {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .always-kno-who-is-there {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .always-kno-who-is-there {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/k.jpg) 50% 0 no-repeat;
    background-size: 100%;
    height: 150vw;
  }

  .overview-content .always-kno-who-is-there .w-container {
    width: auto;
    position: relative;
  }

  .overview-content .always-kno-who-is-there .w-container .text {
    padding: 3em 0 0 0;
  }

  .overview-content .always-kno-who-is-there h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 0 20px 0.75em;
  }

  .overview-content .always-kno-who-is-there h3 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 0 20px 1em;
  }

  .overview-content .always-kno-who-is-there .desc {
    padding: 0 20px 0.5em;
  }

  .overview-content .always-kno-who-is-there .text .model {
    margin-left: 20px;
    font-size: 1.5em;
  }

  .overview-content .always-kno-who-is-there .icon {
    padding: 2em 0 0 20px;
  }

  .overview-content .always-kno-who-is-there .resistance {
    padding-left: 20px;
  }
}

@media (max-width: 414px) {
  .overview-content .always-kno-who-is-there {
    font-size: 2.5vw;
  }
}

.overview-content .archer-selling-point {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  color: #fff;
}

.overview-content .archer-selling-point .w-container {
  width: 85.375em;
  margin: 0 auto;
}

.overview-content .archer-selling-point .text {
  padding: 5em 0;
}

.overview-content .archer-selling-point .box {
  font-size: 1.25em;
  font-weight: 400;
  height: 0;
  padding-top: 41%;
  background: url(https://static-product.tp-link.com/tapo-d230s1_v1/img/b.jpg) 50% 0 no-repeat;
  background-size: 100%;
  position: relative;
}

.overview-content .archer-selling-point .box span {
  line-height: 1.25;
  display: block;
  color: #000;
}


.overview-content .archer-selling-point .box-wrapper {
  display: block;
  padding: 1em 1.25em;
}

.overview-content .archer-selling-point .b1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 24.5%;
  height: 100%;
}

.overview-content .archer-selling-point .b2 {
  position: absolute;
  top: 0;
  left: 25.4%;
  width: 24.2%;
  height: 49%;
}

.overview-content .archer-selling-point .b3 {
  position: absolute;
  top: 0;
  left: 50.4%;
  width: 24.5%;
  height: 49%;
}

.overview-content .archer-selling-point .b4 {
  position: absolute;
  top: 0;
  left: 75.2%;
  width: 24.7%;
  height: 49%;
}


.overview-content .archer-selling-point .b5 {
  position: absolute;
  top: 51%;
  left: 25.2%;
  width: 24.3%;
  height: 49%;
}


.overview-content .archer-selling-point .b6 {
  position: absolute;
  top: 51%;
  left: 50.4%;
  width: 16.1%;
  height: 49%;
}

.overview-content .archer-selling-point .b7 {
  position: absolute;
  top: 51%;
  left: 67.2%;
  width: 16.1%;
  height: 42%;
}

.overview-content .archer-selling-point .b8 {
  position: absolute;
  top: 51%;
  left: 84%;
  width: 16.1%;
  height: 42%;
}

.overview-content .archer-selling-point .box span .blue {
  font-size: 2em;
  font-weight: 700;
  line-height: 1;
  color: #005eac;
}

.overview-content .archer-selling-point .box a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: inherit;
  text-decoration: none;
}


@media (max-width:1680px) {
  .overview-content .archer-selling-point {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .overview-content .archer-selling-point {
    font-size: 12px;
  }
}

@media (max-width:1024px) {
  .overview-content .archer-selling-point {
    font-size: 10px;
  }
}

@media (max-width:736px) {
  .overview-content .archer-selling-point {
    font-size: 10.35px;
  }

  .overview-content .archer-selling-point .w-container {
    width: auto;
  }

  .overview-content .archer-selling-point .text {
    padding: 3em 0;
  }

  .overview-content .archer-selling-point .box {
    font-size: 3vw;
    background: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/b.jpg) 50% 0 no-repeat;
    background-size: 100%;
    padding-top: 146%;
  }

  .overview-content .archer-selling-point .b1 {
    top: 0;
    left: 5vw;
    width: 44.5vw;
    height: 41%;
  }

  .overview-content .archer-selling-point .b2 {
    top: 0;
    left: 51vw;
    width: 43vw;
    height: 20%;
  }

  .overview-content .archer-selling-point .b3 {
    top: 73.3vw;
    left: 6vw;
    width: 43vw;
    height: 20.2%;
  }

  .overview-content .archer-selling-point .b4 {
    top: 73.7vw;
    left: 51vw;
    width: 43vw;
    height: 20.2%;
  }

  .overview-content .archer-selling-point .b5 {
    top: 37.1vw;
    left: 51vw;
    width: 43vw;
    height: 20%;
  }


  .overview-content .archer-selling-point .b6 {
    top: 111vw;
    left: 6vw;
    width: 28vw;
    height: 20%;
  }

  .overview-content .archer-selling-point .b7 {
    top: 111vw;
    left: 35.5vw;
    width: 29vw;
    height: 20%;
  }

  .overview-content .archer-selling-point .b8 {
    top: 111vw;
    left: 65.5vw;
    width: 29vw;
    height: 20%;
  }

  .overview-content .archer-selling-point .box-wrapper {
    padding: 0.5em 1em;
  }
}

@media (max-width:414px) {
  .overview-content .archer-selling-point {
    font-size: 2.5vw;
  }
}

body,body>.page-content-wrapper,html {
  overflow: visible !important;
}

.overview-content .live-view {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #fff;
  text-align: center;
  position: relative;
  color: #fff;
}

.overview-content .scroll-player-container {
  position: relative;
  width: 100%;
}

.overview-content .live-view .live-view-container {
  max-width: 120em;
  height: 64.125em;
  margin: 0 auto;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.overview-content .live-view .img {
  background: url(https://static-product.tp-link.com/tapo-d230s1_v1/img/c.jpg) 50% 100% no-repeat;
  background-size: 120em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.overview-content .live-view .img.bigger {
  transition: all 2s ease-out;
  transform: scale(1.3);
}


.overview-content .live-view .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}


.overview-content .live-view .text {
  padding: 7em 10em 4em;
  text-align: center;
  color: #fff;
}

.overview-content .live-view h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .live-view .text p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-right: 3em;
  padding-bottom: 3em;
}

.overview-content .live-view .desc {
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.overview-content .live-view .bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.overview-content .live-view .icon {
  position: absolute;
  right: 0;
  width: 50%;
  text-align: left;
  top: 29em;
}

.overview-content .live-view .mask {
  background-color: rgba(118, 118, 118, 0.2);
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 64.125em;
}

.overview-content .live-view .icon.bigger {
  width: 0;
  transition: all 2s ease-out;
}

.overview-content .live-view .mask.bigger {
  width: 0;
  transition: all 2s ease-out;
}

.overview-content .live-view .desc .tapo-5MP {
  position: absolute;
  right: 50%;
  top: 24em;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin-right: 3em;
}

.overview-content .live-view .desc .tapo-5MP.bigger {
  right: 0;
  opacity: 0;
  transition: all 1.5s ease-out;
}

.overview-content .live-view .desc .others-2k.bigger {
  left: 100%;
  opacity: 0;
  transition: all 1.5s ease-out;
}

.overview-content .live-view .hidden {
  display: none;
}

.overview-content .live-view .desc .tapo-5MP .title {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1;
}

.overview-content .live-view .desc .tapo-5MP .number {
  font-size: 6.875em;
  font-weight: 700;
  line-height: 1;
}

.overview-content .live-view .desc .others-2k {
  position: absolute;
  left: 50%;
  top: 27em;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin-left: 3em;
}

.overview-content .live-view .desc .others-2k .title {
  font-size: 1.75em;
  font-weight: 300;
  line-height: 1;
}

.overview-content .live-view .desc .others-2k .number {
  font-size: 3.75em;
  font-weight: 400;
  line-height: 1;
}

@media (max-width:1680px) {
  .overview-content .live-view {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .overview-content .live-view {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .live-view {
    font-size: 10.35px;
  }

  .overview-content .live-view .content-container {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/c.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: auto;
    padding-bottom: 54%;
  }

  .overview-content .live-view .img {
    background: none
  }

  .overview-content .live-view .live-view-container {
    height: auto;
  }

  .overview-content .live-view .content-container .w-container {
    width: auto;
  }

  .overview-content .live-view .content-container .text {
    padding: 0;
    text-align: left;
    color: #000;
  }

  .overview-content .live-view .content-container h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .live-view .content-container p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 1.5em;
  }

  .overview-content .live-view .scroll-player-container {
    height: auto;
  }

  .overview-content .live-view .desc {
    position: relative;
    display: none;
  }

  .overview-content .live-view .desc {
    left: 36vw;
    top: 23vw;
    height: auto;
  }

  .overview-content .live-view .desc .tapo-5MP p,
  .overview-content .live-view .desc .others-2k p {
    padding: 0;
  }

  .overview-content .live-view .desc .tapo-5MP {
    margin-right: 4vw;
  }


  .overview-content .live-view .desc .others-2k {
    margin-left: 4vw;
  }

  .overview-content .live-view .desc .tapo-5MP .title {
    font-size: 3vw;

  }

  .overview-content .live-view .desc .tapo-5MP .number {
    font-size: 6vw;
  }

  .overview-content .live-view .desc .others-2k .title {
    font-size: 1.75vw;

  }

  .overview-content .live-view .desc .others-2k .number {
    font-size: 3.75vw;
  }

  .overview-content .live-view .bg {
    position: relative;
    display: none;
  }

  .overview-content .live-view .mask {
    top: 0;
    height: 50vw;
  }

  .overview-content .live-view .icon {
    top: 25vw;
  }
}

@media (max-width: 414px) {
  .overview-content .live-view {
    font-size: 2.5vw;
  }
}

.overview-content .smarter-with-tapo-sensors {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-d230s1_v1/img/d.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 16em;
  margin-top: 9.75em;
  margin-bottom: 3em;
}

.overview-content .smarter-with-tapo-sensors .w-container {
  width: 95em;
  margin: 0 auto;
}

.overview-content .smarter-with-tapo-sensors .text {
  text-align: left;
  padding: 7em 62em 0 4em;
}

.overview-content .smarter-with-tapo-sensors h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .smarter-with-tapo-sensors p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-right: 3em;
  padding-bottom: 3em;
}


@media (max-width: 1680px) {
  .overview-content .smarter-with-tapo-sensors {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .smarter-with-tapo-sensors {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .smarter-with-tapo-sensors {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/d.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 66%;
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
  }

  .overview-content .smarter-with-tapo-sensors .w-container {
    width: auto;
  }

  .overview-content .smarter-with-tapo-sensors .text {
    padding: 0;
    text-align: left;
  }

  .overview-content .smarter-with-tapo-sensors h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .smarter-with-tapo-sensors p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 1.5em;
  }

  .overview-content .smarter-with-tapo-sensors .smart-action-wrap {
    width: 69vw;
    height: 24vw;
    background-size: 69vw;
    margin: 0 20px;
  }

  .overview-content .smarter-with-tapo-sensors .smart-action-wrap span {
    width: 17vw;
  }

  .overview-content .smarter-with-tapo-sensors .smart-action-wrap .info-1 {
    top: 18vw;
    left: -2.5vw;
  }

  .overview-content .smarter-with-tapo-sensors .smart-action-wrap .info-2 {
    top: 18vw;
    left: 24vw;
  }

  .overview-content .smarter-with-tapo-sensors .smart-action-wrap .info-3 {
    top: 18vw;
    left: 52vw;
  }

  .overview-content .smarter-with-tapo-sensors .desc {
    padding: 0 20px;
  }
}

@media (max-width: 414px) {
  .overview-content .smarter-with-tapo-sensors {
    font-size: 2.5vw;
  }
}

.overview-content .head-to-toe-view {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-d230s1_v1/img/e.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 46em;
  margin-bottom: 5em;
}

.overview-content .head-to-toe-view .w-container {
  width: 95em;
  position: relative;
  margin: 0 auto;
}

.overview-content .head-to-toe-view .text {
  text-align: center;
  padding: 4.8em 10em 3em;
}

.overview-content .head-to-toe-view h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .head-to-toe-view .text p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .head-to-toe-view .nowrap {
  white-space: nowrap;
}

.overview-content .head-to-toe-view .bg {
  position: absolute;
  left: 0;
  right: 0;
}

.overview-content .head-to-toe-view .bg .desc1 {
  position: absolute;
  right: 52.8em;
  width: 34em;
  text-align: center;
  top: 47em;
}

.overview-content .head-to-toe-view .bg .desc1 span {
  font-weight: 400;
  font-size: 2.25em;
  line-height: 1.2;
}

.overview-content .head-to-toe-view .bg .desc2 {
  position: absolute;
  right: 14em;
  width: 19em;
  top: 47em;
  text-align: center;
}

.overview-content .head-to-toe-view .bg .desc2 span {
  font-weight: 400;
  font-size: 1.75em;

  line-height: 1.2;
}

@media (max-width: 1680px) {
  .overview-content .head-to-toe-view {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .head-to-toe-view {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .head-to-toe-view {
    font-size: 10.35px;
    padding-bottom: 61%;
    background: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/e.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .head-to-toe-view .w-container {
    width: auto;
  }

  .overview-content .head-to-toe-view .text {
    padding: 0 0 2vw 0;
    text-align: left;
  }

  .overview-content .head-to-toe-view h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .head-to-toe-view .text p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 0.5em;
  }

  .overview-content .head-to-toe-view .bg {
    position: relative;
  }

  .overview-content .head-to-toe-view .bg .desc1 {
    right: 56vw;
    top: 63vw;
    width: 31vw;
    line-height: 0.5;
  }

  .overview-content .head-to-toe-view .bg .desc2 {
    right: 10vw;
    top: 63vw;
    width: 32vw;
    line-height: 0.5;
  }

  .overview-content .head-to-toe-view .bg .desc1 span {
    font-size: 2.5vw;
  }

  .overview-content .head-to-toe-view .bg .desc2 span {
    font-size: 2vw;
  }
}

@media (max-width: 414px) {
  .overview-content .head-to-toe-view {
    font-size: 2.5vw;
  }
}

.overview-content .visual-coverage {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 4em 0
}

.overview-content .visual-coverage .tapo-hidden {
  display: none;
}

.overview-content .visual-coverage .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .visual-coverage .text {
  text-align: center;
  padding: 4.8em 10em 3em;
}

.overview-content .visual-coverage h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .visual-coverage .text p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .visual-coverage .tapo-tab-panel {
  width: 52%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between
}

.overview-content .visual-coverage .button {
  width: 100%;
}

.overview-content .visual-coverage .tapo-tab-panel .tapo-tab {
  width: 28%;
  text-align: center;
  cursor: pointer;
}

.overview-content .visual-coverage .tapo-tab-panel .tapo-tab p {
  font-size: 1.25em;
  font-weight: 300;
  color: #979797;
  line-height: 1.2;
  text-align: center;
}

.overview-content .visual-coverage .tapo-tab-panel .tapo-tab.active p {
  font-weight: 400;
  color: #000000;
}

.overview-content .visual-coverage .tapo-tab-panel .tapo-tab .arrow {
  display: none;
}

.overview-content .visual-coverage .tapo-tab-panel .tapo-tab.active .arrow {
  display: inline-block;
}

.overview-content .visual-coverage .desc-wrap .desc {
  display: none
}

.overview-content .visual-coverage .desc-wrap .desc.active {
  display: block
}

.overview-content .visual-coverage h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em;
  text-align: center
}

.overview-content .visual-coverage p {
  font-size: 1.25em;
  line-height: 1.5;
  text-align: center
}

.overview-content .visual-coverage .desc-wrap {
  margin-top: 1em
}

.overview-content .visual-coverage .desc .bg {
  padding-bottom: 37.5em;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 85.375em;
  position: relative;
  height: 0;
}

.overview-content .visual-coverage .desc-1 .bg {
  background-image: url(https://static-product.tp-link.com/tapo-d230s1_v1/img/f-1.jpg)
}

.overview-content .visual-coverage .desc-2 .bg {
  background-image: url(https://static-product.tp-link.com/tapo-d230s1_v1/img/f-2.jpg)
}

.overview-content .visual-coverage .desc-3 .bg {
  background-image: url(https://static-product.tp-link.com/tapo-d230s1_v1/img/f-3.jpg)
}

.overview-content .visual-coverage .info {
  position: absolute;
  color: #fff;
  padding: 0 10px;
  border-radius: 5px;
  bottom: 16em
}

.overview-content .visual-coverage .info1 {
  font-size: 3.21875em;
  line-height: 1.2;
  color: #005eac;
}

.overview-content .visual-coverage .desc-2 .info1 {
  left: 2em;
  top: 1.5em;
}

.overview-content .visual-coverage .desc-2 .info2 {
  left: 32.5em;
  top: 8em;
}

.overview-content .visual-coverage .info2 {
  font-size: 1.875em;
  line-height: 1.2;
  color: #005eac;
}

.overview-content .visual-coverage .desc-3 .info1 {
  left: 2em;
  top: 4em;
}

.overview-content .visual-coverage .desc-3 .info2 {
  left: 34em;
  top: 5em;
}

@media(max-width:1680px) {
  .overview-content .visual-coverage {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .visual-coverage {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .visual-coverage {
    font-size: 10.35px;
    padding: 0
  }

  .overview-content .visual-coverage .w-container {
    width: auto
  }

  .overview-content .visual-coverage .w-container .text {
    padding: 0;
  }

  .overview-content .visual-coverage h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
    text-align: left
  }

  .overview-content .visual-coverage .text p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
    text-align: left
  }

  .overview-content .visual-coverage .tapo-tab-panel {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box
  }

  .overview-content .visual-coverage .tapo-tab-panel .tapo-tab p {
    font-size: 1.125em;
    padding: 2px 0
  }

  .overview-content .visual-coverage .tapo-tab-panel .tapo-tab {
    width: 32.5%
  }

  .overview-content .visual-coverage .desc-wrap {
    margin: 0
  }

  .overview-content .visual-coverage .desc .bg {
    padding-bottom: 45vw;
    background-size: 100%
  }

  .overview-content .visual-coverage .desc-1 .bg {
    background-image: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/f-1.jpg)
  }

  .overview-content .visual-coverage .desc-2 .bg {
    background-image: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/f-2.jpg)
  }

  .overview-content .visual-coverage .desc-3 .bg {
    background-image: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/f-3.jpg);
    padding-bottom: 45vw
  }

  .overview-content .visual-coverage .info {
    bottom: 46vw
  }

  .overview-content .visual-coverage .info1 {
    font-size: 3vw;
  }

  .overview-content .visual-coverage .desc-2 .info1 {
    left: 8vw;
    top: 7vw;
  }

  .overview-content .visual-coverage .desc-2 .info {
    bottom: 50vw
  }
  .overview-content .visual-coverage .info2 {
    font-size: 2vw;
  }

  .overview-content .visual-coverage .desc-2 .info2{
    left: 71vw;
    top: 18vw;
  }
  .overview-content .visual-coverage .desc-3 .info1{
    left: 7vw;
    top: 16vw;
  }
  .overview-content .visual-coverage .desc-3 .info2{
    left: 73vw;
    top: 12vw;
  }
}

@media(max-width:414px) {
  .overview-content .visual-coverage {
    font-size: 2.5vw
  }
}

.overview-content .high-accuracy-sensor {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: #f7f8f7 url(https://static-product.tp-link.com/tapo-d230s1_v1/img/g.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 68.75em;
}

.overview-content .high-accuracy-sensor .w-container {
  width: 95em;
  margin: 0 auto
}

.overview-content .high-accuracy-sensor .text {
  text-align: left;
  padding: 7em 55em 0 4em;
  color: #fff;
}

.overview-content .high-accuracy-sensor h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .high-accuracy-sensor .text p {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.5
}

.overview-content .high-accuracy-sensor .capacity {
  margin-top: 2em
}

.overview-content .high-accuracy-sensor .capacity .number {
  color: #2e88d3;
  font-size: 6em;
  font-weight: 700;
  line-height: 1.2;
}

.overview-content .high-accuracy-sensor .capacity .big {
  font-size: 1.42em;
}

.overview-content .high-accuracy-sensor .capacity .day {
  font-size: 1.8em;
  font-weight: 400;
}

.overview-content .high-accuracy-sensor .desc {
  padding: 5em 55em 0 2em;
  color: #fff;
}

.overview-content .high-accuracy-sensor .desc p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .high-accuracy-sensor .desc .content {
  overflow: hidden;
  padding: 0 2em;
}

.overview-content .high-accuracy-sensor .desc hr {
  border: none;
  border-bottom: 1px solid #ccc;
  margin: 10px 0;
}

.overview-content .high-accuracy-sensor .desc .title {
  font-weight: 400;
}

.overview-content .high-accuracy-sensor .desc .desc1 {
  width: 10em;
  display: inline-block;
}

.overview-content .high-accuracy-sensor .desc .desc2 {
  margin-left: -50%;
  float: right;
  width: 50%;
}

@media(max-width:1680px) {
  .overview-content .high-accuracy-sensor {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .high-accuracy-sensor {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .high-accuracy-sensor {
    font-size: 10.35px;
    background: #000;
    height: auto;
    position: relative
  }

  .overview-content .high-accuracy-sensor .w-container {
    width: auto
  }

  .overview-content .high-accuracy-sensor .text {
    padding: 0;
    text-align: left
  }

  .overview-content .high-accuracy-sensor h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }

  .overview-content .high-accuracy-sensor .text p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px .5em
  }

  .overview-content .high-accuracy-sensor .capacity {
    margin-top: 0;
  }

  .overview-content .high-accuracy-sensor .capacity p {
    padding-bottom: 0;
  }

  .overview-content .high-accuracy-sensor .data {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    height: 35vw;
    width: 100%
  }

  .overview-content .high-accuracy-sensor .desc {
    background: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/g.png) top/100% no-repeat;
    background-size: 100%;
    padding: 88% 20px 3%;
  }

  .overview-content .high-accuracy-sensor .capacity .number {
    font-size: 15vw;
  }

  .overview-content .high-accuracy-sensor .capacity .day {
    font-size: 6vw;
  }

  .overview-content .high-accuracy-sensor .desc p {
    font-size: 1.75em;
  }
}

@media(max-width:414px) {
  .overview-content .high-accuracy-sensor {
    font-size: 2.5vw
  }
}

.overview-content .tapo-voice-control {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-d230s1_v1/img/h.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 32em;
}

.overview-content .tapo-voice-control .w-container {
  width: 95em;
  position: relative;
  margin: 0 auto;
}

.overview-content .tapo-voice-control .text {
  text-align: center;
  padding: 4.8em 25em 3em;
}

.overview-content .tapo-voice-control h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .tapo-voice-control p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .tapo-voice-control .nowrap {
  white-space: nowrap;
}

.overview-content .tapo-voice-control .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.overview-content .tapo-voice-control .bg .desc {
  position: absolute;
  width: auto;
  line-height: 2;
  font-size: 1.125em;
  text-align: center;
  color: #fff;
  background-color: #005eac;
  border-radius: 0.5em;
  padding: 0.2em 0.5em;
  font-weight: 500;
}

.overview-content .tapo-voice-control .bg .desc1 {
  right: 59.8em;
  bottom: -20em;
}

.overview-content .tapo-voice-control .bg .desc2 {
  right: 24.8em;
  bottom: -20.7em;
}

.overview-content .tapo-voice-control .bg .desc span::after {
  content: '';
  position: absolute;
  right: 40%;
  border: 10px solid transparent;
  border-top: 10px solid #005eac;
  bottom: -18px;
}

@media (max-width: 1680px) {
  .overview-content .tapo-voice-control {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .tapo-voice-control {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .tapo-voice-control {
    font-size: 10.35px;
    padding-bottom: 40%;
    background: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/h.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .tapo-voice-control .w-container {
    width: auto;
  }

  .overview-content .tapo-voice-control .text {
    padding: 0 0 2vw 0;
    text-align: left;
  }

  .overview-content .tapo-voice-control h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .tapo-voice-control p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 0.5em;
  }

  .overview-content .tapo-voice-control .bg {
    position: relative;
  }

  .overview-content .tapo-voice-control .bg .desc {
    font-size: 2vw;
    border-radius: 2vw;
  }

  .overview-content .tapo-voice-control .bg .desc1 {
    right: 69vw;
    bottom: -10vw;
  }

  .overview-content .tapo-voice-control .bg .desc2 {
    right: 23vw;
    bottom: -10vw;
  }
}

@media (max-width: 414px) {
  .overview-content .tapo-voice-control {
    font-size: 2.5vw;
  }
}

.overview-content .tapo-voice-control-2 {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-d230s1_v1/img/i.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 53.125em;
}

.overview-content .tapo-voice-control-2 .w-container {
  width: 95em;
  position: relative;
  margin: 0 auto;
}

.overview-content .tapo-voice-control-2 .text {
  text-align: center;
  padding: 4.8em 25em 3em;
}

.overview-content .tapo-voice-control-2 h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .tapo-voice-control-2 p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .tapo-voice-control-2 .nowrap {
  white-space: nowrap;
}

.overview-content .tapo-voice-control-2 .bg {
  position: absolute;
  left: 0;
  right: 0;
}

.overview-content .tapo-voice-control-2 .bg .desc1 {
  position: absolute;
  right: 3.8em;
  padding: 0 20px;
  line-height: 2;
  bottom: -6.7em;
  font-size: 1.625em;
  text-align: center;
  color: #000;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 1em;
  padding: 0.2em 0.5em;
  font-weight: 500;
}

.overview-content .tapo-voice-control-2 .bg .desc1 span::after {
  content: "";
  border: 0 solid transparent;
  border-bottom: 14px solid rgba(255, 255, 255, 0.7);
  border-radius: 0 0 0 1em;
  width: 1em;
  height: 2em;
  -webkit-transform: rotate(-90deg);
  position: absolute;
  bottom: -36px;
  left: 6em;
}

.overview-content .tapo-voice-control-2 .bg .desc2 {
  position: absolute;
  left: 4.8em;
  top: 46em;
  text-align: center;
  color: #000;
}

.overview-content .tapo-voice-control-2 .bg .desc2-1,
.overview-content .tapo-voice-control-2 .bg .desc2-3 {
  width: 18em;
  display: inline-block;
}

.overview-content .tapo-voice-control-2 .bg .desc2-1 .content,
.overview-content .tapo-voice-control-2 .bg .desc2-3 .content {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 22.5px;
  width: auto;
  padding: 0 20px;
  font-size: 1.375em;
  font-weight: 300;
  line-height: 1.5;
  display: inline-block;
}

.overview-content .tapo-voice-control-2 .bg .desc2-2 .content {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.5;
  display: inline-block;
}

@media (max-width: 1680px) {
  .overview-content .tapo-voice-control-2 {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .tapo-voice-control-2 {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .tapo-voice-control-2 {
    font-size: 10.35px;
    padding-bottom: 55%;
    background: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/i.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .tapo-voice-control-2 .w-container {
    width: auto;
  }

  .overview-content .tapo-voice-control-2 .text {
    padding: 0 0 2vw 0;
    text-align: left;
  }

  .overview-content .tapo-voice-control-2 h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .tapo-voice-control-2 p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 0.5em;
  }

  .overview-content .tapo-voice-control-2 .bg {
    position: relative;
  }

  .overview-content .tapo-voice-control-2 .bg .desc1 {
    right: 4vw;
    bottom: -14vw;
    font-size: 3vw;
  }

  .overview-content .tapo-voice-control-2 .bg .desc2 {
    left: 5vw;
    top: 46vw;
  }

  .overview-content .tapo-voice-control-2 .bg .desc2-1,
  .overview-content .tapo-voice-control-2 .bg .desc2-3 {
    width: 20vw;
  }

  .overview-content .tapo-voice-control-2 .bg .desc2-1 .content,
  .overview-content .tapo-voice-control-2 .bg .desc2-3 .content {
    font-size: 2vw;
    padding: 0 5px;
  }

  .overview-content .tapo-voice-control-2 .bg .desc2-2 .content {
    font-size: 2vw;
  }

  .overview-content .tapo-voice-control-2 .bg .desc1 span::after {
    left: 17vw;
    bottom: -6vw;
    width: 5vw;
    height: 6vw;
    border-radius: 0 0 5vw 0;
    -webkit-transform: rotate(90deg);
  }
}

@media (max-width: 414px) {
  .overview-content .tapo-voice-control-2 {
    font-size: 2.5vw;
  }
}

.easy-setup-and-use-tether {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  padding-bottom: 3em;
}

.easy-setup-and-use-tether .w-container {
  width: 74%;
  max-width: 93.75em;
  margin: 0 auto;
}

.easy-setup-and-use-tether h2 {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.easy-setup-and-use-tether p {
  font-size: 1.25em;
  line-height: 1.5;
}

.easy-setup-and-use-tether .list {
  padding: 4em 0 2em;
}

.easy-setup-and-use-tether .list img {
  width: 3.75em;
  height: 4.25em;
  padding-bottom: 2em;
}

.easy-setup-and-use-tether .li-1,
.easy-setup-and-use-tether .li-2,
.easy-setup-and-use-tether .li-3 {
  display: flex;
  flex-wrap: wrap;
  margin-top: 7em;
}

.easy-setup-and-use-tether .row-reverse {
  flex-direction: row-reverse;
}

.easy-setup-and-use-tether .box {
  padding: 3em 8%;
  width: 50%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.easy-setup-and-use-tether .img {
  width: 50%;
  height: 0;
  padding-bottom: 28.66666666%;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.easy-setup-and-use-tether .li-1 .img {
  background-image: url(https://static-product.tp-link.com/tapo-d230s1_v1/img/j-1.jpg)
}

.easy-setup-and-use-tether .li-2 .img {
  background-image: url(https://static-product.tp-link.com/tapo-d230s1_v1/img/j-2.jpg)
}

.easy-setup-and-use-tether .li-3 .img {
  background-image: url(https://static-product.tp-link.com/tapo-d230s1_v1/img/j-3.jpg)
}

@media (max-width:1680px) {
  .easy-setup-and-use-tether {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .easy-setup-and-use-tether {
    font-size: 12px;
  }
}

@media (max-width:736px) {
  .easy-setup-and-use-tether {
    font-size: 10.35px;
    padding: 0 0 5em 0;
  }

  .easy-setup-and-use-tether .m-hide {
    display: none;
  }

  .easy-setup-and-use-tether .w-container {
    width: auto;
  }

  .easy-setup-and-use-tether .text {
    padding: 0 0 2em;
    text-align: left;
  }

  .easy-setup-and-use-tether h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 0.5em 20px 0.5em;
  }

  .easy-setup-and-use-tether h3 {
    font-size: 2em;
    line-height: 1.2;
    padding: 1em 20px 0.5em;
  }

  .easy-setup-and-use-tether p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .easy-setup-and-use-tether .list {
    padding: 0;
  }

  .easy-setup-and-use-tether .box {
    width: 100%;
    padding: 0 0 2em;
  }

  .easy-setup-and-use-tether .li-1 .img {
    background-image: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/j-1.jpg)
  }

  .easy-setup-and-use-tether .li-2 .img {
    background-image: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/j-2.jpg)
  }

  .easy-setup-and-use-tether .li-3 .img {
    background-image: url(https://static-product.tp-link.com/tapo-d230s1_v1/m/j-3.jpg)
  }

  .easy-setup-and-use-tether .li-1,
  .easy-setup-and-use-tether .li-2,
  .easy-setup-and-use-tether .li-3 {
    margin-top: 0;
  }

  .easy-setup-and-use-tether .img {
    width: 100%;
    padding-bottom: 57.33333333%;
  }

  .easy-setup-and-use-tether .list img {
    padding: 12vw 0 0 20px;
  }
}

@media (max-width:414px) {
  .easy-setup-and-use-tether {
    font-size: 2.5vw;
  }
}



.overview-content .smart-ai-detection {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
}

.overview-content .smart-ai-detection .w-container {
  width: 107em;
  position: relative;
  margin: 0 auto;
}

.overview-content .smart-ai-detection .text {
  text-align: center;
  padding: 4.8em 25em 3em;
}

.overview-content .smart-ai-detection h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .smart-ai-detection p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .smart-ai-detection .nowrap {
  white-space: nowrap;
}

.overview-content .smart-ai-detection ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.overview-content .smart-ai-detection ul li {
  width: 25%;
  border-radius: 0.5em;
  box-sizing: border-box;
  margin: 0 0 3em;
  color: #fff;
  position: relative;
}

.overview-content .smart-ai-detection ul li .desc {
  font-size: 1em;
  position: absolute;
  padding: 0.2em 0.3em;
  background-color: rgb(0, 94, 172, 0.8);
}

.overview-content .smart-ai-detection ul li .desc1 {
  left: 35%;
  top: 17%;
}

.overview-content .smart-ai-detection ul li .desc2 {
  left: 7%;
  top: 20%;
}

.overview-content .smart-ai-detection ul li .desc3 {
  left: 48.5%;
  top: 52%;
}

.overview-content .smart-ai-detection ul li .desc4 {
  left: 19.5%;
  top: 21%;
}

.overview-content .smart-ai-detection ul li img {
  width: 100%;
}

@media (max-width: 1680px) {
  .overview-content .smart-ai-detection {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .smart-ai-detection {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .smart-ai-detection {
    font-size: 10.35px;

  }

  .overview-content .smart-ai-detection .w-container {
    width: auto;
  }

  .overview-content .smart-ai-detection .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .smart-ai-detection h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .smart-ai-detection p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 0.5em;
  }


  .overview-content .smart-ai-detection ul li {
    width: 49%;
    margin: 0 0 1em;
  }

  .overview-content .smart-ai-detection ul li .desc {
    font-size: 2vw;
  }
}

@media (max-width: 414px) {
  .overview-content .smart-ai-detection {
    font-size: 2.5vw;
  }
}