.overview-content .easy-control-from-anywhere {
  font-size: 16px;
  background-image: url(https://static-product.tp-link.com/tapo-p306_v1/img/a-dark.jpg);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  height: 49.1875em;
  max-width: 120em;
  margin: 0 auto;
  position: relative;
  transition: background-image 0.8s linear;
}

.overview-content .easy-control-from-anywhere:hover {
  background-image: url(https://static-product.tp-link.com/tapo-p306_v1/img/a-light.jpg);
}

.overview-content .easy-control-from-anywhere:hover h2 {
  color: #ffe79f;
}

.overview-content .easy-control-from-anywhere:hover h3 {
  color: #ffe79f;
}

.overview-content .easy-control-from-anywhere .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}

.overview-content .easy-control-from-anywhere .w-container .text {
  padding: 9.5em 0em 0 35em;
  text-align: left;
  color: #fff;
}

.overview-content .easy-control-from-anywhere .matter {
  width: 15.8125em;
  height: 3.5em;
  padding-bottom: 2em;
}

.overview-content .easy-control-from-anywhere h2 {
  font-size: 4.1em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.3em;
  transition: color 0.8s linear;
}

.overview-content .easy-control-from-anywhere h2 br {
  display: none;
}

.overview-content .easy-control-from-anywhere h3 {
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 1em;
  transition: color 0.8s linear;
}

.overview-content .easy-control-from-anywhere .icon {
  border-radius: 8px;
  margin-right: 0.5em;
  vertical-align: top
}

.overview-content .easy-control-from-anywhere .img-icon {
  height: 2em;
  font-size: 1.5em;
}

.overview-content .easy-control-from-anywhere .model {
  font-size: 1.64em;
  display: inline-block;
  color: #fff;
  padding: 0 0.75em;
  border-radius: 10px;
  font-weight: 700;
  background-color: #005eac;
  margin-bottom: 1.5em
}

@media(max-width:1680px) {
  .overview-content .easy-control-from-anywhere {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .easy-control-from-anywhere {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .easy-control-from-anywhere {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p306_v1/m/a.jpg) 50% 0 no-repeat;
    background-size: 100%;
    height: 135vw;
    position: relative
  }

  .overview-content .easy-control-from-anywhere:hover {
    background: url(https://static-product.tp-link.com/tapo-p306_v1/m/a.jpg) 50% 0 no-repeat;
    background-size: 100%;
  }

  .overview-content .easy-control-from-anywhere .w-container {
    width: auto
  }

  .overview-content .easy-control-from-anywhere .w-container .text {
    padding: 15vw 0 0 0;
    text-align: center;
  }

  .overview-content .easy-control-from-anywhere .w-container .model {
    border-radius: 2em;
    border: 0;
    margin-bottom: 3vw;
  }

  .overview-content .easy-control-from-anywhere .matter {
    width: 39.53125vw;
    height: 8.75vw;
    margin-left: 20px;
  }

  .overview-content .easy-control-from-anywhere h2 {
    font-size: 7.03vw;
    font-weight: 700;
    line-height: 1.2;
    padding: 0 20px 0.25em;
    color: #ffe79f;

  }

  .overview-content .easy-control-from-anywhere h2 br {
    display: block;
  }

  .overview-content .easy-control-from-anywhere h3 {
    font-size: 3.5vw;
    font-weight: 500;
    line-height: 1.26;
    padding: 0 20px 0.5em;
    color: #ffe79f;
  }

  .overview-content .easy-control-from-anywhere .line {
    margin: 4px 0;
    height: 22px
  }

  .overview-content .easy-control-from-anywhere .model {
    font-size: 3.37vw;
    font-weight: 700;
    padding: 0.15em 0.75em;
    border-radius: 2em;
  }

  .overview-content .easy-control-from-anywhere .work-with-amazon,
  .overview-content .easy-control-from-anywhere .tag-hey_google {
    margin-right: 1em;
    border-radius: 6px
  }

  .overview-content .easy-control-from-anywhere .icons {
    margin: 0 20px;

  }

  .overview-content .easy-control-from-anywhere .icon {
    border-radius: 5px;
    margin-bottom: 0.5em;
    margin-right: 0.25em;
    box-sizing: border-box;

  }

  .overview-content .easy-control-from-anywhere .feature-wrap {
    padding: 0 20px;
    margin-bottom: 5em
  }

  .overview-content .easy-control-from-anywhere .feature-wrap .feature {
    font-size: 1.25em
  }

  .overview-content .easy-control-from-anywhere .img-icon {
    height: 7vw;
  }

  .overview-content .easy-control-from-anywhere .img-icon-wrap {
    display: inline-block;
  }
}

@media(max-width:414px) {
  .overview-content .easy-control-from-anywhere {
    font-size: 2.5vw
  }
}

.overview-content .archer-selling-point {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
}

.overview-content .archer-selling-point .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .archer-selling-point .text {
  padding: 6.25em 0;
}

.overview-content .archer-selling-point .box {
  height: 0;
  padding-top: 35.25em;
  background: url(https://static-product.tp-link.com/tapo-p306_v1/img/b.png) 50% 0 no-repeat;
  background-size: 100%;
  position: relative;
}

.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 .desc {
  position: absolute;
  line-height: 1.3;
  text-align: left
}

.overview-content .archer-selling-point .desc1 {
  top: 0;
  left: 0;
  width: 49.75%;
  height: 48.5%;
}

.overview-content .archer-selling-point .desc2 {
  top: 0%;
  left: 50.2%;
  width: 49.5%;
  height: 48.8%;
}

.overview-content .archer-selling-point .desc3 {
  top: 50%;
  left: 0.5%;
  width: 32.5%;
  height: 49%;
}

.overview-content .archer-selling-point .desc4 {
  top: 51%;
  left: 33.5%;
  width: 16.3%;
  height: 48.2%;
}

.overview-content .archer-selling-point .desc5 {
  top: 51%;
  left: 50.5%;
  width: 27.5%;
  height: 48.2%;
}

.overview-content .archer-selling-point .desc6 {
  top: 50.5%;
  left: 79%;
  width: 21.2%;
  height: 15%;
}

.overview-content .archer-selling-point .desc7 {
  top: 67%;
  left: 79%;
  width: 21.2%;
  height: 14.5%;
}

.overview-content .archer-selling-point .desc8 {
  top: 84.8%;
  left: 79%;
  width: 21%;
  height: 14%;
}

.overview-content .archer-selling-point .desc9 {
  top: 56%;
  left: 90%;
  width: 10%;
  height: 44%;
}

.overview-content .archer-selling-point .b {
  display: block;
  padding: 1.5em 2em;
  text-align: left;
}

.overview-content .archer-selling-point .b10 {
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1.3;
  color: #005eac;
}

.overview-content .archer-selling-point .b11 {
  position: absolute;
  font-size: 2.1em;
  font-weight: 700;
  line-height: 1.2;
  bottom: 3.85em;
  right: 17.25em;
  width: 2em;
}

.overview-content .archer-selling-point .b12 {
  position: absolute;
  font-size: 1.24em;
  font-weight: 400;
  line-height: 1.2;
  top: 7.85em;
  left: 2em;
  width: 13em;
}

.overview-content .archer-selling-point .b20 {
  font-size: 1.21em;
  font-weight: 400;
  line-height: 1.3;
}

.overview-content .archer-selling-point .b30 {
  font-size: 1.21em;
  font-weight: 400;
  line-height: 1.3;
}

.overview-content .archer-selling-point .b40 {
  font-size: 1.21em;
  font-weight: 400;
  line-height: 1.3;
  color: #fff;
}

.overview-content .archer-selling-point .b50 {
  font-size: 1.21em;
  font-weight: 400;
  line-height: 1.3;
}

.overview-content .archer-selling-point .b60,
.overview-content .archer-selling-point .b70,
.overview-content .archer-selling-point .b80 {
  font-size: 1.21em;
  font-weight: 400;
  line-height: 1.3;
}

.overview-content .archer-selling-point .b6,
.overview-content .archer-selling-point .b7,
.overview-content .archer-selling-point .b8 {
  padding: 1.75em 1em 0 6em;
}

@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:736px) {
  .overview-content .archer-selling-point {
    font-size: 10.35px;
    padding: 0;
  }

  .overview-content .archer-selling-point .w-container {
    width: auto;
  }

  .overview-content .archer-selling-point .text {
    padding: 3em 0;
  }

  .overview-content .archer-selling-point .box {
    background: url(https://static-product.tp-link.com/tapo-p306_v1/m/b.jpg) 50% 0 no-repeat;
    background-size: 100%;
    padding-top: 143.90625%;
  }

  .overview-content .archer-selling-point .desc1 {
    top: 0vw;
    left: 7vw;
    width: 86.4%;
    height: 24.5%;
  }

  .overview-content .archer-selling-point .desc2 {
    top: 73vw;
    left: 7vw;
    width: 86.4%;
    height: 24%;
  }

  .overview-content .archer-selling-point .desc3 {
    top: 37vw;
    left: 7vw;
    width: 57.4%;
    height: 23.5%;
  }

  .overview-content .archer-selling-point .desc4 {
    top: 36.5vw;
    left: 65vw;
    width: 28%;
    height: 24.3%;
  }

  .overview-content .archer-selling-point .desc5 {
    top: 109vw;
    left: 7vw;
    width: 48.4%;
    height: 24%;
  }

  .overview-content .archer-selling-point .desc6 {
    top: 109vw;
    left: 57vw;
    width: 36.4%;
    height: 7.5%;
  }

  .overview-content .archer-selling-point .desc7 {
    top: 121vw;
    left: 57vw;
    width: 36.4%;
    height: 7%;
  }

  .overview-content .archer-selling-point .desc8 {
    top: 133vw;
    left: 56vw;
    width: 37.4%;
    height: 7%;
  }

  .overview-content .archer-selling-point .desc9 {
    top: 111vw;
    left: 75vw;
    width: 17%;
    height: 19%;
  }

  .overview-content .archer-selling-point .b10 {
    font-size: 5vw;
  }

  .overview-content .archer-selling-point .b11 {
    font-size: 4vw;
    right: 74vw;
    bottom: 16.5vw;
  }

  .overview-content .archer-selling-point .b12 {
    font-size: 3vw;
    left: 5vw;
    top: 20.5vw;
  }

  .overview-content .archer-selling-point .b30 {
    font-size: 3vw;
  }

  .overview-content .archer-selling-point .b20 {
    font-size: 3vw;
  }

  .overview-content .archer-selling-point .b70 {
    font-size: 4vw;
  }

  .overview-content .archer-selling-point .b3 {
    padding: 2vw 4vw;
  }

  .overview-content .archer-selling-point .b4 {
    padding: 3vw 2vw;
  }

  .overview-content .archer-selling-point .b40 {
    font-size: 2.75vw;
  }

  .overview-content .archer-selling-point .b50 {
    font-size: 3vw;
  }

  .overview-content .archer-selling-point .b5 {
    padding: 2vw 4vw;
  }

  .overview-content .archer-selling-point .b60,
  .overview-content .archer-selling-point .b70,
  .overview-content .archer-selling-point .b80 {
    font-size: 2.5vw;
  }


  .overview-content .archer-selling-point .b6,
  .overview-content .archer-selling-point .b7,
  .overview-content .archer-selling-point .b8 {
    padding: 3vw 1vw 0 12vw;
  }
}

@media (max-width:414px) {
  .overview-content .archer-selling-point {
    font-size: 2.5vw
  }
}


.overview-content .remote-control-local-control-1 {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto
}

.overview-content .remote-control-local-control-1 .menu {
  padding: 2em 0 1.5em;
  text-align: center
}


.overview-content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 0.75em;
}
.overview-content .remote-control-local-control-1 .menu li {
  display: inline-block;
  min-width: 16%;
  margin: 0 2%
}

.overview-content .remote-control-local-control-1 .menu li span {
  font-size: 2em;
  font-weight: 500;
  color: #9c9c9c;
  cursor: pointer
}

.overview-content .remote-control-local-control-1 .menu li.active span {
  color: #005eac;
  border-bottom: 3px solid currentColor;
  padding-bottom: 0.2em;
}

.overview-content .remote-control-local-control-1 .c0 {
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  padding-bottom: 44.8125em;
}

.overview-content .remote-control-local-control-1 .c0.active {
  display: block
}

.overview-content .remote-control-local-control-1 .c0 .text {
  text-align: center;
  padding: 1em 4em 1em;
}

.overview-content .remote-control-local-control-1 .c1 {
  background-image: url(https://static-product.tp-link.com/tapo-p306_v1/img/c-1.jpg)
}

.overview-content .remote-control-local-control-1 .c2 {
  background-image: url(https://static-product.tp-link.com/tapo-p306_v1/img/c-2.jpg)
}



.overview-content .remote-control-local-control-1 h2 {
  font-size: 2.85em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em
}


.overview-content .remote-control-local-control-1 .text p {
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.5
}

.overview-content .remote-control-local-control-1 .w-container {
  width: 87.5em;
  margin: 0 auto;
  position: relative
}



.overview-content .remote-control-local-control-1 .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.overview-content .remote-control-local-control-1 .swiper {
  position: relative;
  overflow: hidden;
}

.overview-content .remote-control-local-control-1 .c1 .desc {
  position: absolute;
  color: #005eac;
}

.overview-content .remote-control-local-control-1 .c1 .desc1 {
  right: 6em;
  top: 10.5em;
  width: 2.5em;
  font-weight: 700;
  font-size: 2.1em;
}

.overview-content .remote-control-local-control-1 .c1 .desc2 {
  right: 0em;
  top: 18em;
  width: 12.5em;
  font-weight: 400;
  font-size: 1.40625em;
  line-height: 1.2;
}

.overview-content .remote-control-local-control-1 .c1 .desc3 {
  left: 7em;
  top: 34.5em;
  width: 12.5em;
  font-weight: 500;
  font-size: 1.40625em;
  line-height: 1.2;
  text-align: center;
}

.overview-content .remote-control-local-control-1 .c1 .desc4 {
  left: 24em;
  top: 34.5em;
  width: 9.5em;
  font-weight: 500;
  font-size: 1.40625em;
  line-height: 1.2;
  text-align: center;
}

.overview-content .remote-control-local-control-1 .c1 .desc5 {
  left: 37.5em;
  top: 34.5em;
  width: 11.5em;
  font-weight: 500;
  font-size: 1.40625em;
  line-height: 1.2;
  text-align: center;
}

.overview-content .remote-control-local-control-1 .c1 .desc6 {
  left: 54.5em;
  top: 32.2em;
  width: 7.5em;
  font-weight: 500;
  font-size: 1.40625em;
  line-height: 1.2;
  text-align: left;
}

.overview-content .remote-control-local-control-1 .c1 .desc7 {
  left: 54.5em;
  top: 34em;
  width: 4.5em;
  font-weight: 500;
  font-size: 1.40625em;
  line-height: 1.2;
  text-align: left;
}


.overview-content .remote-control-local-control-1 .c2 .desc {
  position: absolute;
  left: 42em;
  top: 46.25em;
  font-size: 1.03em;
  font-weight: 400;
  line-height: 1.2;
  color: #797979;
}


.overview-content .remote-control-local-control-1 .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 2em;
}

.overview-content .remote-control-local-control-1 .swiper-pagination-bullet {
  width: 1em;
  height: 1em;
}

.overview-content .remote-control-local-control-1 .swiper-pagination-bullet-active {
  background: #005eac;
}

@media (max-width:1680px) {
  .overview-content .remote-control-local-control-1 {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .remote-control-local-control-1 {
    font-size: 12px
  }
}

@media (max-width:736px) {
  .overview-content .remote-control-local-control-1 {
    font-size: 10.35px
  }

  .overview-content .remote-control-local-control-1 .w-container {
    width: auto
  }

  .overview-content .remote-control-local-control-1 .c0 .text,
  .overview-content .remote-control-local-control-1 .c1 .text,
  .overview-content .remote-control-local-control-1 .text {
    padding: 0 0 1.5em;
    text-align: left
  }

  .overview-content .remote-control-local-control-1 .swiper-wrapper {
    display: block
  }

  .overview-content .remote-control-local-control-1 h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 400;
    padding: 1.5em 20px 0.5em
  }


  .overview-content .remote-control-local-control-1 .text p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .overview-content .remote-control-local-control-1 .menu {
    display: none
  }

  .overview-content .remote-control-local-control-1 .box {
    position: relative;
    background: none;
    padding: 0
  }


  .overview-content .remote-control-local-control-1 .c0 .bg {
    background-position: 50% 100%;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .overview-content .remote-control-local-control-1 .c0 {
    background: none;
    height: auto;
    color: inherit;
    display: block;
    padding: 0;
  }



  .overview-content .remote-control-local-control-1 .c0 .bg {
    position: relative;
    left: 0;
    top: 0;
  }

  .overview-content .remote-control-local-control-1 .c1 .box {
    min-height: 0;
  }

  .overview-content .remote-control-local-control-1 .c1 .box .desc {
    right: 33vw;
    bottom: 42vw;
    font-size: 3vw;
  }

  .overview-content .remote-control-local-control-1 .c {
    background: none;
  }

  .overview-content .remote-control-local-control-1 .c1 .bg {
    background-image: url(https://static-product.tp-link.com/tapo-p306_v1/m/c.jpg);
    padding-bottom: 64.75%;
  }

  .overview-content .remote-control-local-control-1 .c2 .bg {
    background-image: url(https://static-product.tp-link.com/tapo-p306_v1/m/d.jpg);
    padding-bottom: 84.90625%;
  }


  .overview-content .remote-control-local-control-1 .c3 .box {
    padding: 0;
  }


  .overview-content .remote-control-local-control-1 .c2 .bg {
    position: relative;
    left: 0;
    top: 0;
  }

  .overview-content .remote-control-local-control-1 .c1 .desc {
    font-size: 2.25vw;
    /* padding: 0.5vw 2vw; */
  }

  .overview-content .remote-control-local-control-1 .c1 .desc1 {
    left: 75vw;
    top: 13.5vw;
    right: auto;
  }

  .overview-content .remote-control-local-control-1 .c1 .desc2 {
    right: 1vw;
    top: 19vw;
    width: 24vw;
  }

  .overview-content .remote-control-local-control-1 .c1 .desc3 {
    left: 1vw;
    top: 54vw;
    width: 29vw;
  }

  .overview-content .remote-control-local-control-1 .c1 .desc4 {
    left: 28vw;
    top: 54.15vw;
    width: 28vw;
  }

  .overview-content .remote-control-local-control-1 .c1 .desc5 {
    left: 53vw;
    top: 53vw;
    width: 25vw;
  }

  .overview-content .remote-control-local-control-1 .c1 .desc6 {
    left: 89vw;
    top: 48vw;
    width: 11vw;
  }

  .overview-content .remote-control-local-control-1 .c1 .desc7 {
    left: 89vw;
    top: 51.5vw;
    width: 9vw;
  }

  .overview-content .remote-control-local-control-1 .c2 .desc {
    left: 45vw;
    top: 55vw;
    font-size: 2.5vw;
    /* padding: 1.5vw 2vw 2vw; */
  }

  .overview-content .remote-control-local-control-1 .c2 .desc .d-icon-1 {
    width: 7vw;
    height: 3.85vw;
    margin-top: 1vw;
  }

  .overview-content .remote-control-local-control-1 .c2 .desc .content {
    width: 14vw;
  }

  .overview-content .remote-control-local-control-1 .c2 .desc .content .title {
    font-size: 2vw;
  }

  .overview-content .remote-control-local-control-1 .c2 .desc .content .time {
    font-size: 1.75vw;
  }

  .overview-content .remote-control-local-control-1 .c3 .desc {
    left: 50vw;
    top: 44vw;
    padding: 0.5em;
  }

  .overview-content .remote-control-local-control-1 .c3 .desc .c-icon {
    margin-top: 2vw;
    width: 7vw;
    height: 4vw;
  }

  .overview-content .remote-control-local-control-1 .c3 .desc .d-icon-2 {
    width: 7vw;
    height: 3.6vw;
    margin-top: 1.25vw;
  }

  .overview-content .remote-control-local-control-1 .c3 .desc .content {
    width: 31vw;
  }

  .overview-content .remote-control-local-control-1 .c3 .desc .content .title {
    font-size: 2vw;
  }
}

@media (max-width:414px) {
  .overview-content .remote-control-local-control-1 {
    font-size: 2.5vw
  }
}



.overview-content .flexible-stable-installation {
  font-size: 16px;
  max-width: 120em;
  margin: 6.25em auto 0;
}


.overview-content .flexible-stable-installation .w-container {
  width: 93.5em;
  margin: 0 auto
}

.overview-content .flexible-stable-installation .text {
  text-align: center;

}

.overview-content .flexible-stable-installation h2 {
  font-size: 2.85em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 1em
}

.overview-content .flexible-stable-installation ul {
  display: flex;
  justify-content: space-between;
}

.overview-content .flexible-stable-installation li {
  width: 49.5%;
  margin: 0 1em;
}

.overview-content .flexible-stable-installation li img {
  width: 100%;
}

.overview-content .flexible-stable-installation h3 {
  font-size: 1.73em;
  font-weight: 500;
  line-height: 1.5;
  padding: 0.5em 0 0.25em;
  text-align: left;

}

.overview-content .flexible-stable-installation p {
  font-size: 1.4em;
  line-height: 1.5;
  padding-bottom: .5em;
  text-align: left;
}

@media(max-width:1680px) {
  .overview-content .flexible-stable-installation {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .flexible-stable-installation {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .flexible-stable-installation {
    font-size: 10.35px;
    position: relative;
    margin: 0 auto;
  }

  .overview-content .flexible-stable-installation .w-container {
    width: auto
  }

  .overview-content .flexible-stable-installation .text {
    padding: 0 0 1.5em;
    text-align: left
  }

  .overview-content .flexible-stable-installation h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .25em
  }

  .overview-content .flexible-stable-installation h3 {
    font-size: 2em;
    padding: 0 0 .25em;
  }

  .overview-content .flexible-stable-installation p {
    font-size: 1.75em;
    line-height: 1.42857;
  }

  .overview-content .flexible-stable-installation ul {
    display: block;
  }

  .overview-content .flexible-stable-installation li {
    display: flex;
    flex-direction: column-reverse;
    width: auto;
    margin: 0 auto 2em;
    padding: 0 20px;
  }

}

@media(max-width:414px) {
  .overview-content .flexible-stable-installation {
    font-size: 2.5vw
  }
}

.overview-content .smart-voice-control {
  font-size: 1vw;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-p306_v1/img/f.jpg) 50% 0% no-repeat;
  background-size: 100%;
  height: 48em;
  position: relative;
}

.overview-content .smart-voice-control .nowrap {
  white-space: nowrap
}

.overview-content .smart-voice-control .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}

.overview-content .smart-voice-control .text {
  text-align: left;
}

.overview-content .smart-voice-control h2 {
  font-size: 1.48em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: .25em;
}

.overview-content .smart-voice-control .text p {
  font-size: 0.8em;
  line-height: 1.5;
  padding-bottom: .5em
}


.overview-content .smart-voice-control .desc {
  position: absolute;
}

.overview-content .smart-voice-control .desc1 {
  left: 2em;
  top: 8em;
  width: 16em;
}

.overview-content .smart-voice-control .desc2 {
  left: 2em;
  top: 19em;
  width: 18em;
}

.overview-content .smart-voice-control .desc3 {
  left: 2em;
  top: 28em;
  width: 18em;
}

.overview-content .smart-voice-control .desc4 {
  left: 69em;
  top: 10em;
  width: 21em;
}

.overview-content .smart-voice-control .desc5 {
  left: 69em;
  top: 20em;
  width: 21em;
}

.overview-content .smart-voice-control .desc6 {
  left: 69em;
  top: 29em;
  width: 22em;
}

.overview-content .smart-voice-control .desc7 {
  font-size: 1.44em;
  left: 24em;
  top: 27em;
  font-weight: 500;
  width: 9em;
  line-height: 1.2;
}

.overview-content .smart-voice-control .desc8 {
  font-size: 1.44em;
  left: 39em;
  top: 27em;
  font-weight: 500;
  width: 9em;
  line-height: 1.2;
}

@media(min-width:1920px) {
  .overview-content .smart-voice-control {
    font-size: 16px;
    background-size: 120em;
    height: 56em;
  }

  .overview-content .smart-voice-control h2 {
    font-size: 1.78em;
  }

  .overview-content .smart-voice-control .text p {
    font-size: 1.03em;
  }

  .overview-content .smart-voice-control .desc1 {
    left: -8em;
    top: 11em;
    width: 22em;
  }

  .overview-content .smart-voice-control .desc2 {
    left: -8em;
    top: 23em;
    width: 24em;
  }

  .overview-content .smart-voice-control .desc3 {
    left: -8em;
    top: 34em;
    width: 24em;
  }

  .overview-content .smart-voice-control .desc4 {
    left: 73em;
    top: 12em;
    width: 28em;
  }

  .overview-content .smart-voice-control .desc5 {
    left: 73em;
    top: 24em;
    width: 29em;
  }

  .overview-content .smart-voice-control .desc6 {
    left: 73em;
    top: 36em;
    width: 29em;
  }
  .overview-content .smart-voice-control .desc7 {
    left: 18.5em;
    top: 27em;
    width: 11em;
    font-size: 1.75em;
  }
  .overview-content .smart-voice-control .desc8 {
    left: 33em;
    top: 27em;
    width: 11em;
    font-size: 1.75em;
  }
}



@media(max-width:736px) {
  .overview-content .smart-voice-control {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p306_v1/m/h.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 75vw;
    position: relative;
    margin: 4em auto 0;
  }

  .overview-content .smart-voice-control .w-container {
    width: auto
  }

  .overview-content .smart-voice-control p {
    display: none;
  }

  .overview-content .smart-voice-control h2 {
    font-size: 3vw;
  }

  .overview-content .smart-voice-control .desc1 {
    left: 5vw;
    top: 1vw;
    width: 27vw;
  }

  .overview-content .smart-voice-control .desc2 {
    left: 5vw;
    top: 21vw;
    width: 21vw;
  }

  .overview-content .smart-voice-control .desc3 {
    left: 5vw;
    top: 41vw;
    width: 23vw;
  }

  .overview-content .smart-voice-control .desc4 {
    left: auto;
    top: 2vw;
    width: 20vw;
    right: 3vw;
  }

  .overview-content .smart-voice-control .desc5 {
    left: auto;
    top: 23vw;
    width: 17vw;
    right: 4vw;
  }

  .overview-content .smart-voice-control .desc6 {
    left: auto;
    top: 45vw;
    width: 17vw;
    right: 4vw;
  }

  .desc.desc6 {}

  .overview-content .smart-voice-control .desc7 {
    font-size: 2.5vw;
    left: 13em;
    top: 26.25em;
    font-weight: 500;
    width: 9em;
    line-height: 1.2;
  }

  .overview-content .smart-voice-control .desc8 {
    font-size: 2.5vw;
    left: 25em;
    top: 26.25em;
    font-weight: 500;
    width: 9em;
    line-height: 1.2;
  }






}

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


.overview-content .remote-control-local-control {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto
}

.overview-content .remote-control-local-control .menu {
  padding: 2em 0;
  text-align: center
}

.overview-content .remote-control-local-control .swiper {
  position: relative;
  overflow: hidden;
}

.overview-content .remote-control-local-control .menu li {
  display: inline-block;
  min-width: 16%;
  margin: 0 2%
}

.overview-content .remote-control-local-control .menu li span {
  font-size: 2em;
  font-weight: 500;
  color: #000;
  cursor: pointer
}

.overview-content .remote-control-local-control .menu li.active span {
  color: #005eac;
  border-bottom: 3px solid currentColor;
  padding-bottom: 0.2em;
}

.overview-content .remote-control-local-control .c0 {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 120em;
  height: 49em;
  color: #fff;
  position: relative;
}

.overview-content .remote-control-local-control .c0.active {
  display: block;
}

.overview-content .remote-control-local-control .c1 {
  background-image: url(https://static-product.tp-link.com/tapo-p306_v1/img/e-1.jpg)
}

.overview-content .remote-control-local-control .c2 {
  background-image: url(https://static-product.tp-link.com/tapo-p306_v1/img/e-2.jpg)
}



.overview-content .remote-control-local-control h2 {
  font-size: 2.85em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 0.5em
}

.overview-content .remote-control-local-control .text p {
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .remote-control-local-control .w-container {
  width: 87.5em;
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.overview-content .remote-control-local-control .box {
  border-radius: 0.5em;
  padding: 2em 3em;
  position: absolute
}

.overview-content .remote-control-local-control .c1 .box {
  top: 15.75em;
  left: -4em;
  width: 48%;
}

.overview-content .remote-control-local-control .c1 .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}






.overview-content .remote-control-local-control .c2 .text {
  color: #000;
  padding: 9em 4em 1em 40em;
}

.overview-content .remote-control-local-control .c2 .box {
  top: 15.75em;
  left: -4em;
  width: 48%;
}

.overview-content .remote-control-local-control .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 2em;
}

.overview-content .remote-control-local-control .swiper-pagination-bullet {
  width: 1em;
  height: 1em;
  background: #898989;
}

.overview-content .remote-control-local-control .swiper-pagination-bullet-active {
  background: #005eac;
}

@media (max-width:1680px) {
  .overview-content .remote-control-local-control {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .remote-control-local-control {
    font-size: 12px
  }
}

@media (max-width:736px) {
  .overview-content .remote-control-local-control {
    font-size: 10.35px
  }

  .overview-content .remote-control-local-control .w-container {
    width: auto;
    position: relative;

  }

  .overview-content .remote-control-local-control .swiper-wrapper {
    display: block
  }

  .overview-content .remote-control-local-control .text {
    padding: 0 0 1.5em;
    text-align: left
  }

  .overview-content .remote-control-local-control h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em
  }


  .overview-content .remote-control-local-control .c0 .bg {
    position: relative;
  }

  .overview-content .remote-control-local-control .swiper {
    width: auto;
    height: auto;
    overflow: visible;
    display: block;
  }

  .overview-content .remote-control-local-control h3 {
    font-size: 2em;
    line-height: 1.2;
    padding: 0 20px 0.5em
  }

  .overview-content .remote-control-local-control .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .remote-control-local-control .menu {
    display: none
  }

  .overview-content .remote-control-local-control .box {
    position: relative;
    padding: 0
  }


  .overview-content .remote-control-local-control .c0 {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    height: auto;
    color: #000;
    display: block;
  }


  .overview-content .remote-control-local-control .c1 .box .desc {
    right: 33vw;
    bottom: 42vw;
    font-size: 3vw;
  }

  .overview-content .remote-control-local-control .c1 .desc {
    font-size: 2vw;
    left: 61vw;
    top: 5vw;
  }

  .overview-content .remote-control-local-control .c1 {
    background-image: url(https://static-product.tp-link.com/tapo-p306_v1/m/f.jpg);
    padding-bottom: 75%;
  }

  .overview-content .remote-control-local-control .c2 .text {
    color: #000;
    padding: 0 0 1.5em;
  }

  .overview-content .remote-control-local-control .c2 {
    background-image: url(https://static-product.tp-link.com/tapo-p306_v1/m/g.jpg);
    padding-bottom: 75%;
  }


  .overview-content .remote-control-local-control .c1 .box,
  .overview-content .remote-control-local-control .c2 .box {
    width: auto;
    top: auto;
    left: auto;
    right: auto;
    position: relative
  }

  .overview-content .remote-control-local-control .c2 .bg {
    position: relative;
    left: 0;
    top: 0;
  }

  .overview-content .remote-control-local-control .c2 ul {
    text-align: center;
    position: absolute;
    margin: 0;
    left: 41vw;
    top: 14vw;
  }

  .overview-content .remote-control-local-control .c2 li {
    width: 38%
  }

  .overview-content .remote-control-local-control .c2 ul p {
    padding: 0;
    color: #fff;
    font-size: 3vw;
  }

}

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

.overview-content .protect-your-privacy {
  font-size: 16px;
  max-width: 120em;
  background: url(https://static-product.tp-link.com/tapo-p306_v1/img/g.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 43.375em;
  position: relative;
  margin: 2em auto;
}

.overview-content .protect-your-privacy .w-container {
  width: 95em;
  position: relative;
  margin: 0 auto;
}

.overview-content .protect-your-privacy .text {
  padding: 14em 46em 5em 8em;
}

.overview-content .protect-your-privacy h2 {
  font-size: 2.85em;
  font-weight: 500;
  line-height: 1.3;
  padding-bottom: 0.5em;
}



.overview-content .protect-your-privacy p {
  font-size: 1.4em;
  line-height: 1.5;
  font-weight: 300;
}

@media (max-width: 1680px) {
  .overview-content .protect-your-privacy {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .protect-your-privacy {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .protect-your-privacy {
    font-size: 10.35px;
    padding-bottom: 68.15625%;
    background: url(https://static-product.tp-link.com/tapo-p306_v1/m/i.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: auto;
    margin: 0 auto;
  }

  .overview-content .protect-your-privacy .w-container {
    width: auto;
  }

  .overview-content .protect-your-privacy .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .protect-your-privacy h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .protect-your-privacy h3 {
    font-size: 2em;
    padding: 0 20px 0.5em;
  }

  .overview-content .protect-your-privacy p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
  }

}

@media (max-width: 414px) {
  .overview-content .protect-your-privacy {
    font-size: 2.5vw;
  }
}



.overview-content .group-scenes {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  padding-bottom: 8em;
}

.overview-content .group-scenes .w-container {
  width: 92em;
  margin: 0 auto;
  max-width: 95%;
}

.overview-content .group-scenes .text {
  text-align: left;
}


.overview-content .group-scenes .feature ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.overview-content .group-scenes .feature li {
  width: 22.5%;
  border-radius: 0.5em;
  box-sizing: border-box;
  margin: 0 0 3em;
}

.overview-content .group-scenes .feature li img {
  width: 100%;
}

.overview-content .group-scenes .feature li .img-container {
  position: relative;
}

.overview-content .group-scenes .feature .li-1 .desc img {
  width: 2.8125em;
  margin: 0 0.25em;
}

.overview-content .group-scenes .feature li .desc {
  position: absolute;
}

.overview-content .group-scenes .feature .li-1 .desc {
  top: 73%;
  left: 7%;
  font-size: 0.875em;
  line-height: 1.2;
  color: #fff;
  font-weight: 300;
  display: flex;
  align-items: center;
  padding: 1em 1em;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 1em;
}

.overview-content .group-scenes .feature .li-2 .desc {
  top: 61%;
  left: 7%;
  font-size: 0.875em;
  line-height: 1.2;
  color: #fff;
  font-weight: 300;
  display: flex;
  align-items: center;
  padding: 1em 1em;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 1em;
}

.overview-content .group-scenes .feature .li-2 .desc::after {
  content: '';
  border: 0.7em solid transparent;
  border-left: 0.7em solid rgba(0, 0, 0, 0.7);
  border-top: 0.7em solid rgba(0, 0, 0, 0.7);
  width: 0;
  height: 0;
  left: 19%;
  bottom: -1.25em;
  position: absolute;
}

.overview-content .group-scenes h2 {
  font-size: 2.8125em;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  padding-bottom: 1em;
}

.overview-content .group-scenes .feature ul h3 {
  font-size: 1.73em;
  line-height: 1.2;
  font-weight: 500;
  padding: 0.75em 0 0.25em;
}

.overview-content .group-scenes .feature ul p {
  padding: 0;
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;

}


@media (max-width: 1680px) {
  .overview-content .group-scenes {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .group-scenes {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .group-scenes {
    font-size: 10.35px;
    background-size: 100%;
    padding: 0;
  }

  .overview-content .group-scenes .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .group-scenes .text {
    text-align: left;
  }

  .overview-content .group-scenes h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.25em;
    /* margin-bottom: 0.5em; */
    text-align: left;
  }





  .overview-content .group-scenes .feature ul {
    padding: 0 20px;
    flex-wrap: wrap;
    margin: 0 auto;
    width: auto;
  }

  .overview-content .group-scenes .feature li {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 5vw;
  }


  .overview-content .group-scenes .feature ul h3 {

    padding: 0;
    font-size: 2em;
    font-weight: 500;
  }

  .overview-content .group-scenes .feature ul p {
    font-size: 1.5em;
    padding: 0 0 1em;
    width: auto;
  }

  .overview-content .group-scenes .feature .li-1 .desc,
  .overview-content .group-scenes .feature .li-2 .desc {
    font-size: 3vw;
  }

  .overview-content .group-scenes .feature .li-1 .desc img {
    width: 8vw;
  }

}

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