.overview-content .always-kno-who-is-there {
  font-size: 16px;
  height: 56.625em;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-d130_v1/img/a.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: 12em 0 0 52em;
  color: #565656;
}

.overview-content .always-kno-who-is-there h2 {
  font-size: 2.625em;
  font-weight: 300;
  line-height: 1;
  padding-bottom: 0.5em;
}

.overview-content .always-kno-who-is-there h3 {
  font-size: 4.0625em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .always-kno-who-is-there .desc {
  font-size: 2.25em;
  font-weight: 300;
  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: 300;
  display: inline-block;
  color: #fff;
  background-color: #005eac;
  border-radius: 26px;
  vertical-align: middle;
  min-width: 8.4em;
  height: 2.14em;
  text-align: center;
  margin-top: 1.5em;
}

.overview-content .always-kno-who-is-there .icon {
  margin-top: 2em;
}

.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-d130_v1/m/a.jpg) 50% 0 no-repeat;
    background-size: 100%;
    height: 136.25vw;
  }

  .overview-content .always-kno-who-is-there .w-container {
    width: auto;
    position: relative;
  }

  .overview-content .always-kno-who-is-there .w-container .text {
    padding: 72vw 0 0 39vw;
  }

  .overview-content .always-kno-who-is-there h2 {
    display: none;
  }

  .overview-content .always-kno-who-is-there h3 {
    font-size: 6vw;
    line-height: 1.2;
    font-weight: 400;
    padding: 0 0 2vw;
    color: #000;
  }

  .overview-content .always-kno-who-is-there .desc {
    padding: 0 0 0.5em;
    color: #000;
  }

  .overview-content .always-kno-who-is-there .text .model {
    margin-top: 2vw;
    font-size: 3.5vw;
  }

  .overview-content .always-kno-who-is-there .icon {
    padding: 2vw 0 0;
  }

  .overview-content .always-kno-who-is-there .resistance {
    padding-left: 20px;
  }

  .overview-content .always-kno-who-is-there .icon>img {
    height: 5vw;
  }
}

@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 {
  height: 0;
  padding-top: 41.5%;
  background: url(https://static-product.tp-link.com/tapo-d130_v1/img/b.png) 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: 2em 1em 0 1.5em;
}

.overview-content .archer-selling-point .b4 .box-wrapper {
  padding: 2em 1em 0 2em;
}

.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: 100%;
}

.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: 50.4%;
  width: 16.1%;
  height: 49%;
}


.overview-content .archer-selling-point .b6 {
  position: absolute;
  top: 51%;
  left: 67.2%;
  width: 16.1%;
  height: 49%;
}

.overview-content .archer-selling-point .b7 {
  position: absolute;
  top: 51%;
  left: 84%;
  width: 16.1%;
  height: 49%;
}

.overview-content .archer-selling-point .box span .blue {
  font-size: 2.5em;
  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;
}

.overview-content .archer-selling-point .box .b12,
.overview-content .archer-selling-point .box .b22,
.overview-content .archer-selling-point .box .b23 {
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .archer-selling-point .box .b22 {
  margin-left: 0.2em;
}

.overview-content .archer-selling-point .box .b21,
.overview-content .archer-selling-point .box .b22 {
  display: inline-block;
}

.overview-content .archer-selling-point .box .b31,
.overview-content .archer-selling-point .box .b41 {
  font-size: 1.5em;
  line-height: 1.3;
  font-weight: 400;
}

.overview-content .archer-selling-point .box .b51,
.overview-content .archer-selling-point .box .b61,
.overview-content .archer-selling-point .box .b71 {
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.5;
}

.overview-content .archer-selling-point .b5 .box-wrapper,
.overview-content .archer-selling-point .b6 .box-wrapper,
.overview-content .archer-selling-point .b7 .box-wrapper {
  text-align: center;
  padding: 1em;
}

@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-d130_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: 50%;
  }

  .overview-content .archer-selling-point .b2 {
    top: 0;
    left: 51vw;
    width: 43vw;
    height: 50%;
  }

  .overview-content .archer-selling-point .b3 {
    top: 73.3vw;
    left: 6vw;
    width: 43vw;
    height: 24.2%;
  }

  .overview-content .archer-selling-point .b4 {
    top: 73.7vw;
    left: 51vw;
    width: 43vw;
    height: 24.2%;
  }

  .overview-content .archer-selling-point .b5 {
    top: 110vw;
    left: 7vw;
    width: 28vw;
    height: 24%;
  }


  .overview-content .archer-selling-point .b6 {
    top: 110vw;
    left: 36vw;
    width: 28vw;
    height: 24%;
  }

  .overview-content .archer-selling-point .b7 {
    top: 110vw;
    left: 65vw;
    width: 28vw;
    height: 24%;
  }


  .overview-content .archer-selling-point .box-wrapper {
    padding: 3vw 4vw;
  }

  .overview-content .archer-selling-point .b4 .box-wrapper {
    padding: 3vw 3.5vw;
  }

  .overview-content .archer-selling-point .box span .blue {
    font-size: 5vw;
  }

  .overview-content .archer-selling-point .box .b12,
  .overview-content .archer-selling-point .box .b22,
  .overview-content .archer-selling-point .box .b23 {
    font-size: 3.5vw;
  }

  .overview-content .archer-selling-point .box .b31,
  .overview-content .archer-selling-point .box .b41 {
    font-size: 3vw;
  }

  .overview-content .archer-selling-point .box .b51,
  .overview-content .archer-selling-point .box .b61,
  .overview-content .archer-selling-point .box .b71 {
    font-size: 2.5vw;
  }
}

@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-d130_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 {
  transition: all 2s ease-out;
  transform: scale(1);
}

.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;
  transition: all 2s ease-out;
}

.overview-content .live-view .mask {
  background-color: rgba(118, 118, 118, 0.2);
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 64.125em;
  transition: all 2s ease-out;
}

.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;
  transition: all 2.25s ease-out;
}

.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;
  transition: all 2.25s ease-out;
}

.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 .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-d130_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 0 1.5em;
    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;
  }

  .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-d130_v1/img/d.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 48.875em;
}

.overview-content .smarter-with-tapo-sensors .w-container {
  width: 95em;
  margin: 0 auto;
}

.overview-content .smarter-with-tapo-sensors .text {
  text-align: left;
  padding: 16em 65em 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-d130_v1/m/d.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 58.90625%;
    height: auto;
    position: relative;
  }

  .overview-content .smarter-with-tapo-sensors .w-container {
    width: auto;
  }

  .overview-content .smarter-with-tapo-sensors .text {
    padding: 0 0 1.5em;
    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;
  }

  .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-d130_v1/img/e.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 41em;
  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 .box {
  position: relative;
  width: 2.8125em;
  margin: 0 auto;
}

.overview-content .head-to-toe-view img {
  width: 2.8125em;
  height: 5.4375em;
  text-align: center;
}

.overview-content .head-to-toe-view .height {
  font-size: 1em;
  font-weight: 400;
  position: absolute;
  right: 100%;
  top: 27%;
}

.overview-content .head-to-toe-view .width {
  font-size: 1em;
  font-weight: 400;
  position: absolute;
  left: 4%;
  top: 100%;
}

.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: 42em;
}

.overview-content .head-to-toe-view .bg .desc1 span {
  font-weight: 500;
  font-size: 2.25em;
  line-height: 1.2;
  color: #005eac;
}

.overview-content .head-to-toe-view .bg .desc2 {
  position: absolute;
  right: 14em;
  width: 19em;
  top: 42em;
  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: 46%;
    background: url(https://static-product.tp-link.com/tapo-d130_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 1.5em;
    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;
  }

  .overview-content .head-to-toe-view .bg {
    position: relative;
  }

  .overview-content .head-to-toe-view .bg .desc1 {
    right: 53.5vw;
    top: 48vw;
    width: 39vw;
    line-height: 0.5;
  }

  .overview-content .head-to-toe-view .bg .desc2 {
    right: 10vw;
    top: 48vw;
    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: 61%;
  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: 24%;
  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;
  position: relative;
}

.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-d130_v1/img/f-1.jpg)
}

.overview-content .visual-coverage .desc-2 .bg {
  background-image: url(https://static-product.tp-link.com/tapo-d130_v1/img/f-2.jpg)
}

.overview-content .visual-coverage .desc-3 .bg {
  background-image: url(https://static-product.tp-link.com/tapo-d130_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: 29em;
  top: 5em;
}

.overview-content .visual-coverage .desc-wrap .button-icon {
  position: absolute;
  top: 18em;
  width: 1.5625em;
  height: 2.75em;
  cursor: pointer;
}

.overview-content .visual-coverage .desc-wrap .button-icon.disable {
  display: none;
}

.overview-content .visual-coverage .desc-wrap .left-button {
  left: -5em;
}

.overview-content .visual-coverage .desc-wrap .right-button {
  right: -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-d130_v1/m/f-1.jpg)
  }

  .overview-content .visual-coverage .desc-2 .bg {
    background-image: url(https://static-product.tp-link.com/tapo-d130_v1/m/f-2.jpg)
  }

  .overview-content .visual-coverage .desc-3 .bg {
    background-image: url(https://static-product.tp-link.com/tapo-d130_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: 64vw;
    top: 12vw;
  }

  .overview-content .visual-coverage .desc-wrap .button-icon {
    display: none;
  }
}

@media(max-width:414px) {
  .overview-content .visual-coverage {
    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;
  }
}

.overview-content .tapo-voice-control {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-d130_v1/img/g.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 53.125em;
}

.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;
  left: 0;
  right: 0;
}

.overview-content .tapo-voice-control .bg .desc1 {
  position: absolute;
  right: 8.8em;
  line-height: 2;
  bottom: -6.7em;
  font-size: 1.625em;
  text-align: center;
  color: #000;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 1em;
  padding: 0.2em 0.5em;
  font-weight: 500;
}

.overview-content .tapo-voice-control .bg .desc1 span::after {
  content: "";
  background: url(https://static-product.tp-link.com/tapo-d130_v1/img/tail.png) 50% 100% no-repeat;
  background-size: 3.0625em;
  width: 3.0625em;
  height: 1em;
  position: absolute;
  bottom: -0.8em;
  left: 6em;
}

.overview-content .tapo-voice-control .bg .desc2 {
  position: absolute;
  left: 4.8em;
  top: 46em;
  text-align: center;
  color: #000;
}

.overview-content .tapo-voice-control .bg .desc2-1,
.overview-content .tapo-voice-control .bg .desc2-3 {
  width: 18em;
  display: inline-block;
}

.overview-content .tapo-voice-control .bg .desc2-1 .content,
.overview-content .tapo-voice-control .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 .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 {
    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: 56.25%;
    background: url(https://static-product.tp-link.com/tapo-d130_v1/m/g.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 1.5em;
    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;
  }

  .overview-content .tapo-voice-control .bg {
    position: relative;
  }

  .overview-content .tapo-voice-control .bg .desc1 {
    right: 4vw;
    bottom: -14vw;
    font-size: 3vw;
  }

  .overview-content .tapo-voice-control .bg .desc2 {
    left: 5vw;
    top: 46vw;
  }

  .overview-content .tapo-voice-control .bg .desc2-1,
  .overview-content .tapo-voice-control .bg .desc2-3 {
    width: 20vw;
  }

  .overview-content .tapo-voice-control .bg .desc2-1 .content,
  .overview-content .tapo-voice-control .bg .desc2-3 .content {
    font-size: 2vw;
    padding: 0 5px;
  }

  .overview-content .tapo-voice-control .bg .desc2-2 .content {
    font-size: 2vw;
  }

  .overview-content .tapo-voice-control .bg .desc1 span::after {
    bottom: -2.5vw;
  }
}

@media (max-width: 414px) {
  .overview-content .tapo-voice-control {
    font-size: 2.5vw;
  }
}

.secure-local-cloud-storage {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: auto;

}

.secure-local-cloud-storage .content-container {
  background-color: #f6f6f8;
  margin: 0 auto;
  width: 107.5em;
  padding: 4em 0
}

.secure-local-cloud-storage .w-container {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  width: 93.75em;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.secure-local-cloud-storage .text {
  padding: 0;
  width: 46%
}

.secure-local-cloud-storage .box {
  width: 45%;
  position: relative;
}

.secure-local-cloud-storage .box .storage {
  position: absolute;
  font-size: 6.5375em;
  line-height: 1;
  font-weight: 400;
  color: #8bc2ef;
  top: 13%;
  left: -1%;
  text-align: right;
  width: 49%;
}

.secure-local-cloud-storage .box .storage .bigger {
  font-size: 1.86em;
  font-weight: 700;
}

.secure-local-cloud-storage .box img {
  width: 100%;
  display: block;
  margin: 0 auto
}

.secure-local-cloud-storage .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em
}

.secure-local-cloud-storage .text h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em
}

.secure-local-cloud-storage .text p {
  font-size: 1.25em;
  line-height: 1.5;
}

.secure-local-cloud-storage .text ul {
  margin-top: 3em
}

.secure-local-cloud-storage .text ul li {
  margin-bottom: 2em;
}

.secure-local-cloud-storage .text ul img {
  vertical-align: top;
  display: inline-block;
  margin-top: 0.58em;
}

.secure-local-cloud-storage .text ul .desc {
  width: 85%;
  display: inline-block;
  vertical-align: top;
  margin-left: 2%
}

.secure-local-cloud-storage .text ul p>span {
  font-weight: bold;
}

.secure-local-cloud-storage .text ul p.note {
  font-size: 0.875em;
  color: #9c9c9c
}

@media (max-width:1680px) {
  .secure-local-cloud-storage {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .secure-local-cloud-storage {
    font-size: 12px;
  }
}

@media (max-width:1024px) {
  .secure-local-cloud-storage {
    font-size: 10px;
  }
}

@media (max-width:736px) {
  .secure-local-cloud-storage {
    font-size: 10.35px;
    padding: 0;
    background-color: #f6f6f8;
  }

  .secure-local-cloud-storage .content-container {
    width: auto;
    padding: 0;
    background-color: none;
  }

  .secure-local-cloud-storage .w-container {
    width: auto;
    max-width: 100%;
    flex-direction: column-reverse;
  }

  .secure-local-cloud-storage .text {
    padding: 0;
    text-align: left;
    width: 100%;
  }

  .secure-local-cloud-storage .box {
    width: 88%;
    padding: 3em 0;
  }

  .secure-local-cloud-storage .text h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .secure-local-cloud-storage .text h3 {
    font-size: 2em;
    line-height: 1.2;
    padding: 0 20px 0.5em;
  }

  .secure-local-cloud-storage .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .secure-local-cloud-storage .text ul {
    width: 88%;
    margin: 4em auto;
  }

  .secure-local-cloud-storage .text ul img {
    width: 12%;
  }

  .secure-local-cloud-storage .box img {
    width: 88%;
  }

  .secure-local-cloud-storage .box .storage {
    font-size: 13vw;
  }

  .secure-local-cloud-storage .text ul p.note {
    font-size: 1.25em;
    padding-top: 0.5em
  }

  .secure-local-cloud-storage .text ul .desc p {
    padding: 0
  }

}

@media (max-width:414px) {
  .secure-local-cloud-storage {
    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.125em;
  line-height: 1.5;
}

.easy-setup-and-use-tether .list {
  padding: 4em 0 2em;
}

.easy-setup-and-use-tether .list img {
  width: 4.375em;
  height: 4.375em;
  padding-bottom: 1em;
  margin-left: -0.5em;
}

.easy-setup-and-use-tether .li-1,
.easy-setup-and-use-tether .li-2,
.easy-setup-and-use-tether .li-3,
.easy-setup-and-use-tether .li-4 {
  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: 37.445%;
  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-d130_v1/img/j-1.jpg)
}

.easy-setup-and-use-tether .li-2 .img {
  background-image: url(https://static-product.tp-link.com/tapo-d130_v1/img/j-2.jpg)
}

.easy-setup-and-use-tether .li-3 .img {
  background-image: url(https://static-product.tp-link.com/tapo-d130_v1/img/j-3.jpg)
}

.easy-setup-and-use-tether .li-4 .img {
  background-image: url(https://static-product.tp-link.com/tapo-d130_v1/img/j-4.jpg);
  position: relative;
}

.easy-setup-and-use-tether .li-4 .desc {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1;
  position: absolute;
  left: 17%;
  width: 48%;
}

.easy-setup-and-use-tether .li-4 .desc1 {
  top: 14%;
}

.easy-setup-and-use-tether .li-4 .desc2 {
  top: 46%;
}

.easy-setup-and-use-tether .li-4 .desc3 {
  top: 80%;
}

.easy-setup-and-use-tether .li-4 .qrcode {
  width: 7%;
  height: 10%;
  position: absolute;
  left: 71%;
  top: 18%;
}

@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-4 .qrcode {
    padding: 0;
  }

  .easy-setup-and-use-tether .img {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 68%;
  }

  .easy-setup-and-use-tether .li-1,
  .easy-setup-and-use-tether .li-2,
  .easy-setup-and-use-tether .li-3,
  .easy-setup-and-use-tether .li-4 {
    margin-top: 0;
  }


  .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;
  }
}