.overview-content .smart-secure-easy {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-color: #1d1d21;
  position: relative;
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/a.jpg) 50% 100% no-repeat;
  height: 53.125em;
}


.overview-content .smart-secure-easy .w-container {
  width: 93em;
  margin: 0 auto
}

.overview-content .smart-secure-easy .text {
  padding: 12em 3em 0px 26em;
  ;
  text-align: left;
  position: relative;
  z-index: 2;
}

.overview-content .smart-secure-easy h2 {
  font-size: 3.4375em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 0.28em
}

.overview-content .smart-secure-easy h3 {
  font-size: 1.875em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 1em
}

.overview-content .smart-secure-easy p {
  font-size: 1.75em;
  font-weight: 300;
  line-height: 1.2;
  padding-bottom: 3em
}

.overview-content .smart-secure-easy .model {
  font-size: 1.75em;
  font-weight: 400;
  display: inline-block;
  color: #fff;
  background-color: #005eac;
  border-radius: 1em;
  padding: 0px 1em;
  vertical-align: middle;
}

.overview-content .smart-secure-easy .matter {
  width: 20.125em;
  vertical-align: middle;
  margin-left: 2em;
}

.overview-content .smart-secure-easy .matter.mobile {
  display: none;
}

.overview-content .smart-secure-easy .a-icon {
  display: block;
  margin-left: auto;
  margin-top: 1em;
}

.overview-content .smart-secure-easy .icons {
  margin-top: 16em;
}

.overview-content .smart-secure-easy .icons img+img {
  margin-left: 1em;

}

.overview-content .smart-secure-easy .product-icon {
  width: 4.4375em;
}

.overview-content .smart-secure-easy .icon {
  height: 3em;
}


@media(max-width:1680px) {
  .overview-content .smart-secure-easy {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .smart-secure-easy {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .smart-secure-easy {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/a.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 137.65625vw;
  }

  .overview-content .smart-secure-easy .w-container {
    width: auto
  }

  .overview-content .smart-secure-easy .text {
    padding: 0;
    text-align: left;
    color: #fff;
  }

  .overview-content .smart-secure-easy h2 {
    font-size: 7.8125vw;
    line-height: 1.2;
    font-weight: 500;
    padding: 1.5em 20px .5em
  }

  .overview-content .smart-secure-easy h3 {
    font-size: 4.0625vw;
    line-height: 1.2;
    font-weight: 400;
    padding: 0 20px 0.5em
  }

  .overview-content .smart-secure-easy p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 1em;
  }

  .overview-content .smart-secure-easy .model {
    font-weight: 500;
    font-size: 4.0625vw;
    padding: 2px 10px;
    height: 1.5em;
    margin-left: 20px;
  }

  .overview-content .smart-secure-easy .matter {
    width: 12em;
  }

  .overview-content .smart-secure-easy .matter.web {
    display: none;
  }

  .overview-content .smart-secure-easy .matter.mobile {
    display: inline-block;
  }



  .overview-content .smart-secure-easy .a-icon {
    width: 13.4vw;
    margin: 4em 0 0 0;
    height: 13.4vw;
  }


  .overview-content .smart-secure-easy .icon {
    margin: 3vw auto 0;
    text-align: center;
  }

  .overview-content .smart-secure-easy .icons {
    margin-top: 53vw;
    margin-left: 20px;
  }
}

@media(max-width:414px) {
  .overview-content .smart-secure-easy {
    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: 40.625em;
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/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.5%;
  height: 60.5%;
}

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

.overview-content .archer-selling-point .desc3 {
  top: 0;
  left: 50.5%;
  width: 16%;
  height: 32%;
}

.overview-content .archer-selling-point .desc4 {
  top: 0%;
  left: 67%;
  width: 16.3%;
  height: 32.2%;
}

.overview-content .archer-selling-point .desc5 {
  top: 0;
  left: 84%;
  width: 16%;
  height: 32.2%;
}

.overview-content .archer-selling-point .desc6 {
  top: 33.5%;
  left: 50.2%;
  width: 16.2%;
  height: 33%;
}

.overview-content .archer-selling-point .desc7 {
  top: 34%;
  left: 67%;
  width: 33%;
  height: 32.2%;
}

.overview-content .archer-selling-point .desc8 {
  top: 67.8%;
  left: 50.5%;
  width: 16%;
  height: 32%;
}

.overview-content .archer-selling-point .desc9 {
  top: 68%;
  left: 67%;
  width: 33%;
  height: 32%;
}

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

.overview-content .archer-selling-point .no-wrap {
  white-space: nowrap
}

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

.overview-content .archer-selling-point .b10,
.overview-content .archer-selling-point .b30,
.overview-content .archer-selling-point .b40,
.overview-content .archer-selling-point .b50,
.overview-content .archer-selling-point .b61,
.overview-content .archer-selling-point .b80 {
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.2;
  display: block;
  color: #2b242f;
}

.overview-content .archer-selling-point .b11 {
  font-size: 11em;
  font-weight: 700;
  line-height: 1;
  color: #005eac;
  display: block;
  letter-spacing: -10px;
}

.overview-content .archer-selling-point .b12 {
  font-size: 3.3125em;
  font-weight: 700;
  line-height: 1;
  color: #005eac;
  display: block;
}

.overview-content .archer-selling-point .b2 {
  padding: 5em 2em 0 23em;

}

.overview-content .archer-selling-point .b20 {
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1.1;
}

.overview-content .archer-selling-point .b5 {
  padding: 1em;

}

.overview-content .archer-selling-point .b6 {
  padding: 8em 1em 0;
}

.overview-content .archer-selling-point .b60 {
  font-size: 3.75em;
  font-weight: 400;
  line-height: 1.2;
  color: #f6c284;
  background: linear-gradient(90deg, #f6c284, #fb7099), -webkit-gradient(linear, left top, right top, from(#f6c284), to(#fb7099)) no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block
}

.overview-content .archer-selling-point .b7 {
  padding: 2em 0;

}

.overview-content .archer-selling-point .b70 {
  font-size: 4.1875em;
  font-weight: 700;
  line-height: 1.2;
  color: #f6c284;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.overview-content .archer-selling-point .b71 {
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1.2;
  color: #2b242f;
  display: block
}

.overview-content .archer-selling-point .b9 {
  padding: 2em 0;

}

.overview-content .archer-selling-point .b90 {
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1.2;
  color: #2b242f;
  display: block
}

.overview-content .archer-selling-point .b91 {
  font-size: 4.1875em;
  font-weight: 700;
  line-height: 1.2;
  color: #2b242f;
  background: linear-gradient(-90deg, rgb(120, 47, 219) 0%, rgb(120, 47, 219) 10%, rgb(30, 100, 228) 34%, rgb(101, 192, 224) 50%, rgb(255, 216, 0) 64%, rgb(255, 168, 0) 75%, rgb(246, 74, 74) 94%, rgba(246, 74, 74) 100%), -webkit-gradient(linear, left top, right top, from(red), to(purple)) no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@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-l535e_v3.2/m/b.jpg) 50% 0 no-repeat;
    background-size: 100%;
    padding-top: 163.90625%;
  }

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

  .overview-content .archer-selling-point .desc2 {
    top: 51vw;
    left: 7vw;
    width: 85.4%;
    height: 19.5%;
  }

  .overview-content .archer-selling-point .desc3 {
    top: 84vw;
    left: 7vw;
    width: 27.4%;
    height: 16%;
  }

  .overview-content .archer-selling-point .desc4 {
    top: 84vw;
    left: 36vw;
    width: 27.4%;
    height: 16%;
  }

  .overview-content .archer-selling-point .desc5 {
    top: 84vw;
    left: 65vw;
    width: 27.4%;
    height: 16%;
  }

  .overview-content .archer-selling-point .desc6 {
    top: 112vw;
    left: 7vw;
    width: 27.4%;
    height: 16%;
  }

  .overview-content .archer-selling-point .desc7 {
    top: 112vw;
    left: 36vw;
    width: 56.4%;
    height: 16%;
  }

  .overview-content .archer-selling-point .desc8 {
    top: 140vw;
    left: 7vw;
    width: 27.4%;
    height: 15%;
  }

  .overview-content .archer-selling-point .desc9 {
    top: 85%;
    left: 36%;
    width: 57%;
    height: 15%;
  }

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

  .overview-content .archer-selling-point .b11 {
    font-size: 20vw;
    padding-right: 0.25em;
  }

  .overview-content .archer-selling-point .b12 {
    font-size: 9vw;
  }


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

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

  .overview-content .archer-selling-point .b60 {
    font-size: 8vw;
  }

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

  .overview-content .archer-selling-point .b70 {
    font-size: 8vw;
    font-weight: 500;
    -webkit-text-fill-color: #f6c284;
  }

  .overview-content .archer-selling-point .b71 {
    font-size: 4.5vw;
  }

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

  .overview-content .archer-selling-point .b90 {
    font-size: 4.5vw;
  }

  .overview-content .archer-selling-point .b91 {
    font-size: 9vw;
    font-weight: 500;
  }

  .overview-content .archer-selling-point .desc1 .b {
    padding: 8vw 34vw 0 3vw;
  }

  .overview-content .archer-selling-point .desc2 .b {
    padding: 8vw 2vw 0 43vw;
  }

  .overview-content .archer-selling-point .desc6 .b {
    padding: 18vw 0 0;
  }

  .overview-content .archer-selling-point .desc7 .b {
    padding: 6vw 0 0;
  }

  .overview-content .archer-selling-point .desc8 .b {
    padding: 3vw 0 0;
  }
}

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


.overview-content .clear-view {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/c.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 50em;
}

.overview-content .clear-view .w-container {
  width: 95em;
  margin: 0 auto
}

.overview-content .clear-view .text {
  text-align: left;
  padding: 9em 46em 0 4em;
  color: #fff;
}

.overview-content .clear-view h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .clear-view p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-right: 4em;
  font-weight: 400;
}

.overview-content .clear-view .desc {
  margin-top: 2em;
}

.overview-content .clear-view .desc1 {
  font-size: 1.5em;
  line-height: 1;
  font-weight: 700;
}

.overview-content .clear-view .number {
  font-size: 5em;
}

.overview-content .clear-view .desc2 {
  font-size: 2.1em;
  line-height: 1;
  font-weight: 700;
}

@media(max-width:1680px) {
  .overview-content .clear-view {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .clear-view {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .clear-view {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/c.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 100%;
    height: auto;
    position: relative;
    margin: 0 auto;
  }

  .overview-content .clear-view .w-container {
    width: auto;
    position: relative;
  }

  .overview-content .clear-view .text {
    padding: 0 0 1.5em;
    text-align: left;
    color: #000;
  }

  .overview-content .clear-view h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }

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

  .overview-content .clear-view .desc {
    position: absolute;
    bottom: -39vw;
    margin: 0;
    color: #fff;
  }

  .overview-content .clear-view .desc1 {
    font-size: 10vw;
  }

  .overview-content .clear-view .number {
    font-size: 20vw;
  }

  .overview-content .clear-view .desc2 {
    font-size: 7vw;
    font-weight: 400;
  }
}

@media(max-width:414px) {
  .overview-content .clear-view {
    font-size: 2.5vw
  }
}


.overview-content .meet-matter {
  font-size: 16px;
  position: relative;
  background: #f9f9f9 50% 0 no-repeat;
  max-width: 120em;
  margin: 0 auto;
}

.overview-content .meet-matter .mobile {
  display: none;
}


.overview-content .meet-matter .w-container {
  width: 85.25em;
  margin: 0 auto;
  position: relative;
}

.overview-content .meet-matter .w-container .text {
  text-align: center;
  padding: 4.5em 4em 0;
}

.overview-content .meet-matter h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.25em;
}

.overview-content .meet-matter h3 {
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.25em;
  padding-top: 1em;
}

.overview-content .meet-matter p {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.4;
}

.overview-content .meet-matter a {
  font-size: 1.25em;
  font-weight: 300;
  display: block;
  color: #005eac;
}

.overview-content .meet-matter ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 2.5em 0;
}

.overview-content .meet-matter li {
  width: 31%;
}

.overview-content .meet-matter li img {
  width: 100%;
}


.overview-content .meet-matter .notice {
  font-size: 1em;
  font-weight: 300;
  color: #1a1a1a;
  padding-bottom: 2em;
  padding-left: 0.75em;
}

@media (max-width:1680px) {
  .overview-content .meet-matter {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .meet-matter {
    font-size: 12px
  }
}

@media (max-width:736px) {
  .overview-content .meet-matter {
    font-size: 10.35px
  }

  .overview-content .meet-matter .w-container {
    width: auto
  }

  .overview-content .meet-matter .w-container .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .meet-matter .mobile {
    display: block;
  }

  .overview-content .meet-matter .web {
    display: none;
  }

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


  .overview-content .meet-matter .text p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .overview-content .meet-matter a {
    font-size: 1.75em;
    margin-left: 20px;
  }

  .overview-content .meet-matter li img {
    width: 80%;
    margin-left: 20px;
  }

  .overview-content .meet-matter li {
    width: 100%;
    margin: 0 auto;
    text-align: left;
  }

  .overview-content .meet-matter h3 {
    font-size: 2em;
    line-height: 1.5;
    padding: 1em 20px 0.5em;
  }

  .overview-content .meet-matter p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .overview-content .meet-matter li p {
    padding: 0 20px;
  }

  .overview-content .meet-matter .notice {
    font-size: 1.5em;
    color: #1a1a1a;
    padding: 1em 20px 2em;
  }
}

@media (max-width:414px) {
  .overview-content .meet-matter {
    font-size: 2.5vw
  }
}

.overview-content .explore-endless-lighting-possibilities {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
}

.overview-content .explore-endless-lighting-possibilities h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
  padding: 1em 0;
}

.overview-content .explore-endless-lighting-possibilities .menu {
  padding: 2em 0 0;
  text-align: center;
}

.overview-content .explore-endless-lighting-possibilities .menu li {
  display: inline-block;
  min-width: 16%;
  margin: 0 2%;
  position: relative;
}

.overview-content .explore-endless-lighting-possibilities .menu li span {
  font-size: 1.25em;
  line-height: 1.2;
  font-weight: 300;
  cursor: pointer;
  vertical-align: middle;
  padding-left: 1em;
}

.overview-content .explore-endless-lighting-possibilities .menu li .li-icon {
  vertical-align: middle;
  width: 4.6875em;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: 36em;
  position: relative
}

.overview-content .explore-endless-lighting-possibilities .content .w-container {
  width: 85.375em;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .text {
  padding: 5em 59em 0 1em;
  color: #fff;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .explore-endless-lighting-possibilities .content .d1 h3 {
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 1em
}

.overview-content .explore-endless-lighting-possibilities .content .d1 p {
  font-size: 1.25em;
  line-height: 1.5
}

.overview-content .explore-endless-lighting-possibilities .d1 .swiper-container {
  height: 100%;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .desc {
  margin-top: 3em
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .m-img {
  display: none
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .img,
.overview-content .explore-endless-lighting-possibilities .content .d1 .img .img0,
.overview-content .explore-endless-lighting-possibilities .content .d2 .img,
.overview-content .explore-endless-lighting-possibilities .content .d2 .img .img0 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .img .img0 {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 120em;
  transition: opacity linear 1s
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .pagination {
  position: absolute;
  width: 2em;
  top: 50%;
  cursor: pointer;
  z-index: 5;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .pagination.inactive {
  opacity: 0.5;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .pagination.left {
  left: 2em;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .pagination.right {
  right: 2em;
}


.overview-content .explore-endless-lighting-possibilities .content .d1 .img .d11 {
  background-image: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/e-1-1.jpg)
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .img .d12 {
  background-image: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/e-1-2.jpg)
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .img .d13 {
  background-image: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/e-1-3.jpg)
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .img .d14 {
  background-image: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/e-1-4.jpg)
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .btn {
  margin-top: 13em;
  width: 40em;
  margin-left: -0.5em;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .btn .btn0::before {
  content: '';
  display: inline-block;
  width: 0.75em;
  height: 0.75em;
  vertical-align: middle;
  background: #fff;
  border-radius: 1em;
  border: 2px solid #fff;
  margin-right: 1em;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .btn .btn0 {
  margin: 0 .75em .75em 0;
  font-size: 0.875em;
  display: block;
  line-height: 1;
  text-align: left;
  transition: all linear 300ms;
  cursor: pointer;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .btn .btn0:last-child {
  margin-right: 0
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .btn .btn0.active {
  font-size: 1.25em;
  margin-left: -0.05em;
}

.overview-content .explore-endless-lighting-possibilities .content .d1 .btn .btn1.active::before {
  background: #d705b2;
  margin-right: 0.5em;
}



.overview-content .explore-endless-lighting-possibilities .content .d1 .btn .btn2.active::before {
  background: #a08144;
  margin-right: 0.5em;

}

.overview-content .explore-endless-lighting-possibilities .content .d1 .btn .btn3.active::before {
  background: #415ff5;
  margin-right: 0.5em;

}

.overview-content .explore-endless-lighting-possibilities .content .d1 .btn .btn4.active::before {
  background: #ec9b00;
  margin-right: 0.5em;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: 36em;
  display: none;
  position: relative;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .img .img21 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/e-2-2.jpg) 50% 100% no-repeat;
  background-size: 120em;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .img .img22 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/e-2-3.png) 50% 100% no-repeat;
  background-size: 120em;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar {
  padding-top: 2.5em;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  width: auto;
  display: table
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar .td {
  vertical-align: middle;
  display: table-cell;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar .progress {
  padding: 0 0.5em;
  width: 12.875em
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar .progress .inner {
  position: relative;
  height: .5em;
  width: 100%
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e9e9e9;
  border-radius: 5em;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar .line .percent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #fdf1b1;
  border-radius: 5em;
}


.overview-content .explore-endless-lighting-possibilities .content .d2 .control-bar .pointer {
  cursor: pointer;
  touch-action: none;
  position: absolute;
  left: -.9375em;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fdf1b1;
  width: 1.15em;
  height: 1.15em;
  border-radius: 50%;
  box-shadow: 0 0 13px rgba(22, 22, 22, .22)
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-start {
  width: 1.3125em
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-start .inner {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/e-2-icon-1.png) 50% 100% no-repeat;
  padding-top: -6%
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-end {
  width: 1.875em
}

.overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-end .inner {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/e-2-icon-2.png) 50% 100% no-repeat;
  padding-top: 40%
}



.overview-content .explore-endless-lighting-possibilities .content .d2 .text {
  padding: 4.625em 55em 0 3em;
  color: #000;
}

.overview-content .explore-endless-lighting-possibilities .content .d2 h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .explore-endless-lighting-possibilities .content .d2 h3 {
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .explore-endless-lighting-possibilities .content .d2 p {
  font-size: 1.25em;
  line-height: 1.5
}

.overview-content .explore-endless-lighting-possibilities .content .d3 {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  display: none;
  position: relative;

}


.overview-content .explore-endless-lighting-possibilities img.arrow {
  width: 1.8125em;
  display: block;
  margin-left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}

.overview-content .explore-endless-lighting-possibilities li.active img.arrow {
  opacity: 1;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-1 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/e-3-1.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 36em;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .text {
  padding: 3em 57em 0 0em;
  color: #fff;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 h3 {
  font-size: 1.75em;
  font-weight: 400;
  padding-bottom: 1em;
  line-height: 1.2;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 p {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide .icon-container {
  padding: 1em 1.5em;
  border-radius: 1em;
  margin-top: 4em;
  display: flex;
  align-items: center;
  width: 25em;
  background: rgba(255, 255, 255, 0.2);
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-1 p.desc31 {
  color: #ffd544;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-1 p.desc32 {
  color: #ffd544;
  font-weight: 400;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-1 p.desc33 {
  width: 13em;
  padding-left: 1em;
  line-height: 1.2;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-2 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/e-3-2.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 36em;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-2 p.desc31 {
  color: #fff;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-2 p.desc32 {
  color: #fff;
  font-weight: 400;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-2 p.desc33 {
  width: 13em;
  padding-left: 1em;
  line-height: 1.2;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-3 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/e-3-3.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 36em;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-3 .text {
  color: #000;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-3 p.desc31 {
  color: #3091db;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 1;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-3 p.desc32 {
  color: #3091db;
  font-weight: 400;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-3 p.desc33 {
  width: 13em;
  padding-left: 1em;
  line-height: 1.2;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-button-next,
.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-button-prev {
  background-size: 2em;
  width: 2em;
  top: 50%;
}

.overview-content .explore-endless-lighting-possibilities .img-container {
  display: inline-block;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-button-next {
  right: 2em;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-button-prev {
  left: 2em;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-pagination-bullet-active {
  background: #fff;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
}

.overview-content .explore-endless-lighting-possibilities .content .d3 .icon-container img {
  width: 1.75em;
}

@media(max-width: 1680px) {
  .overview-content .explore-endless-lighting-possibilities {
    font-size: 14px
  }
}

@media(max-width: 1440px) {
  .overview-content .explore-endless-lighting-possibilities {
    font-size: 12px
  }
}

@media(max-width: 736px) {

  .overview-content .explore-endless-lighting-possibilities,
  .overview-content .explore-endless-lighting-possibilities .content .d0 {
    font-size: 10.35px;

  }

  .overview-content .explore-endless-lighting-possibilities .menu li span {
    padding: 0;
    margin-top: 1em;
    margin-bottom: 2em;
    display: block;
  }

  .overview-content .explore-endless-lighting-possibilities h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.5;
    padding: 1.5em 20px 0.5em;
    text-align: left;
  }

  .overview-content .explore-endless-lighting-possibilities .menu li {
    width: 24%;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 {
    font-size: 10.35px;
    height: 90vw
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .m-hide {
    display: none
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .w-container {
    width: auto
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .text {
    padding: 14vw 11vw 0 10vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 h3 {
    font-size: 2em;
    line-height: 1.2;
    padding: 0 20px .5em
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 p {
    font-size: 1.25em;
    line-height: 1.5;
    padding: 0 20px
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .desc {
    margin: 0
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .img {
    display: none
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .m-img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }

  .overview-content .explore-endless-lighting-possibilities img.arrow {
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 50%;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .m-img .img0 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .m-img .img0 {
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background-size: 100%;
    transition: opacity linear 1s
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .pagination {
    width: 1.5em;
    z-index: 3;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .m-img .d11 {
    background-image: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/e-1-1.jpg)
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .m-img .d12 {
    background-image: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/e-1-2.jpg)
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .m-img .d13 {
    background-image: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/e-1-3.jpg)
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .m-img .d14 {
    background-image: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/e-1-4.jpg)
  }

  .overview-content .explore-endless-lighting-possibilities .content .d1 .btn {
    margin: 0;
    padding: 30vw 0 3em 10px;
    width: auto;
    position: relative
  }

  .overview-content .explore-endless-lighting-possibilities .content .d2 {
    height: 90vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d2 .text {
    padding: 8vw 19vw 0 13vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d2 .img .img21 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/e-2-1.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d2 .img .img22 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/e-2-2.png) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-end {
    width: 4.8vw;
    height: 4.8vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-end .inner {
    padding: 0;
    height: 100%;
    background-size: 100%;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d2 .text .icon-start .inner {
    padding: 0;
    height: 100%;
    background-size: 100%;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-1 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/e-3-1.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 90vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-2 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/e-3-2.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 90vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-3 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/e-3-3.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 90vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .w-container {
    width: auto;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .text {
    padding: 10vw;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 h3 {
    font-size: 1.75em;
    font-weight: 400;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 p {
    font-size: 1.25em;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-1 p.desc31 {
    font-size: 1.75em;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide .icon-container {
    width: 26em;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-slide-1 p.desc33 {
    width: 12em;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-pagination-bullet {
    width: 1em;
    height: 1em;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-button-next,
  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-button-prev {
    top: 50%;
    opacity: 0.5;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-button-next {
    right: 1em;
  }

  .overview-content .explore-endless-lighting-possibilities .content .d3 .swiper-button-prev {
    left: 1em;
  }
}

@media(max-width: 414px) {
  .overview-content .explore-endless-lighting-possibilities .content .a {
    font-size: 2.5vw
  }
}



.overview-content .cri-rating {
  font-size: 16px;
  max-width: 120em;
  margin: 5em auto;
}

.overview-content .cri-rating .w-container {
  width: auto;

}

.overview-content .cri-rating .image-container {
  display: table-cell;
  width: 50%;
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/f.jpg) 50% 100% no-repeat;
  background-size: 100%;
  height: 0;
  padding-bottom: 37%;
  vertical-align: middle;
  position: relative;
}

.overview-content .cri-rating .text {
  padding: 8% 16% 0 10%;
  display: table-cell;
}

.overview-content .cri-rating h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .cri-rating p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .cri-rating p.desc {
  position: absolute;
  top: 40%;
  text-align: center;

}

.overview-content .cri-rating .desc1 {
  margin-top: 2em;
}

.overview-content .cri-rating .desc3 {
  right: 50%;
  background: #fff;
  padding: 0.5em;
  border: 0.25em solid #005eac;
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
}

.overview-content .cri-rating .desc4 {
  left: 50%;
  background: #005eac;
  color: #fff;
  padding: 0.5em;
  border: 0.25em solid #005eac;
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
}

.overview-content .cri-rating p .strong {
  font-weight: 700;
}

.overview-content .cri-rating .desc .number {
  font-size: 2em;
  line-height: 1.2;
  font-weight: 700;
  display: block;
}

.overview-content .cri-rating .desc .title {
  display: block;
  font-weight: 700;
}


@media(max-width: 1680px) {
  .overview-content .cri-rating {
    font-size: 14px
  }
}

@media(max-width: 1440px) {
  .overview-content .cri-rating {
    font-size: 12px
  }
}

@media(max-width: 736px) {
  .overview-content .cri-rating {
    font-size: 10.35px;
    margin: 0 auto;
  }

  .overview-content .cri-rating .image-container {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/f.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 74vw;
    display: block;
    width: 100%;
  }

  .overview-content .cri-rating .w-container {
    width: auto;
  }

  .overview-content .cri-rating .text {
    padding: 0 0 1.5em;
  }


  .overview-content .cri-rating .desc .unit {
    font-size: 11vw;
  }

  .overview-content .cri-rating h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 1.5em 20px .5em;
  }

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

  .overview-content .cri-rating .desc3 {
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
  }

  .overview-content .cri-rating .desc4 {
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
  }

  .overview-content .cri-rating .desc .title {
    font-size: 3.125vw;
  }

  .overview-content .cri-rating .desc .number {
    font-size: 6.25vw;
  }
}


@media(max-width: 414px) {
  .overview-content .cri-rating {
    font-size: 2.5vw
  }
}


.overview-content .robust-parental-controls {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 16px;
  height: 49.9em;
  position: relative;
}

.overview-content .robust-parental-controls .w-container {
  width: 85.374em;
  margin: 0 auto;
  position: relative;
}

.overview-content .robust-parental-controls .radio {
  position: fixed;
  top: -9999px;
}

.overview-content .robust-parental-controls .text h2 {
  font-weight: 400;
  font-size: 3.125em;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .robust-parental-controls .text p {
  font-size: 1.25em;
  line-height: 1.5
}

.overview-content .robust-parental-controls .imgs-wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.overview-content .robust-parental-controls .text-wrapper {
  z-index: 3;
}

.overview-content .robust-parental-controls .regular {
  font-weight: 400;
}

.overview-content .robust-parental-controls .imgs {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.overview-content .robust-parental-controls .imgs .screen {

  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.overview-content .robust-parental-controls .imgs .screen1 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/h-1.jpg) 50% 100%/120em no-repeat;
}

.overview-content .robust-parental-controls .imgs .screen2 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/h-2.jpg) 50% 100%/120em no-repeat;
}

.overview-content .robust-parental-controls .imgs .screen3 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/h-3.jpg) 50% 100%/120em no-repeat;
}

.overview-content .robust-parental-controls .imgs .screen4 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/h-4.jpg) 50% 100%/120em no-repeat;
}

.overview-content .robust-parental-controls .screen1 span {
  font-size: 2.125em;
  font-weight: 500;
  line-height: 1.5;
  position: absolute;
  left: 2%;
  top: 4%;
  width: 22%;
  border-radius: 1em;
  color: #fff;
  padding: 0.5em 1em;
  background: rgba(173, 144, 119, 0.5);
}

.overview-content .robust-parental-controls .screen1 span::after {
  content: '';
  position: absolute;
  border: 10px solid transparent;
  border-right: 10px solid rgba(173, 144, 119, 0.6);
  border-top: 10px solid rgba(173, 144, 119, 0.6);
  opacity: 0.5;
  right: 1em;
  bottom: -0.5em;
  z-index: 10;
}

.overview-content .robust-parental-controls #h-radio-1:checked~.imgs-wrapper .imgs .screen1,
.overview-content .robust-parental-controls #h-radio-2:checked~.imgs-wrapper .imgs .screen2,
.overview-content .robust-parental-controls #h-radio-3:checked~.imgs-wrapper .imgs .screen3,
.overview-content .robust-parental-controls #h-radio-4:checked~.imgs-wrapper .imgs .screen4,
.overview-content .robust-parental-controls #h-radio-5:checked~.imgs-wrapper .imgs .screen5 {
  opacity: 1;
}



.overview-content .robust-parental-controls .text {
  padding: 6em 0 0 50em;
  width: 40em;
}

.overview-content .robust-parental-controls .text ul {
  margin-top: 5em;
  margin-right: 2em;
}

.overview-content .robust-parental-controls .text ul li {
  margin-bottom: 1.625em;
}

.overview-content .robust-parental-controls .text ul li label {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/h-arrow.png) 100% 50% no-repeat;
  cursor: pointer;
  display: block;
  font-size: 1.875em;
  line-height: 1.2;
  color: #c1c1c1;
}

.overview-content .robust-parental-controls .text ul li p {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 3.2em 3.2em;
  display: none;
  font-size: 1.25em;
  line-height: 1.5;
  min-height: 3.75em;
  margin-top: 0.25em;
  transition: all 300ms ease-out;
}

.overview-content .robust-parental-controls .text ul li span {
  font-size: 0.8em;
}

.overview-content .robust-parental-controls #h-radio-1:checked~.w-container .text ul .li1 label,
.overview-content .robust-parental-controls #h-radio-2:checked~.w-container .text ul .li2 label,
.overview-content .robust-parental-controls #h-radio-3:checked~.w-container .text ul .li3 label,
.overview-content .robust-parental-controls #h-radio-4:checked~.w-container .text ul .li4 label,
.overview-content .robust-parental-controls #h-radio-5:checked~.w-container .text ul .li5 label {
  background-image: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/h-arrow-down.png);
  color: #005eac;
  text-decoration: none;
}

.overview-content .robust-parental-controls #h-radio-1:checked~.w-container .text ul .li1 p,
.overview-content .robust-parental-controls #h-radio-2:checked~.w-container .text ul .li2 p,
.overview-content .robust-parental-controls #h-radio-3:checked~.w-container .text ul .li3 p,
.overview-content .robust-parental-controls #h-radio-4:checked~.w-container .text ul .li4 p,
.overview-content .robust-parental-controls #h-radio-5:checked~.w-container .text ul .li5 p {
  display: block;
  padding-bottom: 1em;
  border-bottom: 1px solid #d8d8d8;
}

@media (max-width:1680px) {
  .overview-content .robust-parental-controls {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .overview-content .robust-parental-controls {
    font-size: 12px;
  }
}

@media (max-width:1024px) {
  .overview-content .robust-parental-controls {
    font-size: 10px;
  }
}

@media (max-width:736px) {
  .overview-content .robust-parental-controls {
    height: auto;
  }

  .overview-content .robust-parental-controls .w-container {
    width: auto
  }

  .overview-content .robust-parental-controls .text {
    padding: 0;
    text-align: left;
    width: auto;
  }

  .overview-content .robust-parental-controls .text h2 {
    font-size: 2.5em;
    line-height: 1.42;
    padding: 1.5em 26% 0.5em 20px;
  }

  .overview-content .robust-parental-controls .text p {
    font-size: 1.75em;
    padding: 0;
    font-weight: 300;

    line-height: 1.4;
  }

  .overview-content .robust-parental-controls .text ul li p {
    margin: 0;
    font-size: 1.75em;
  }



  .overview-content .robust-parental-controls .text ul {
    margin: 0 6% 2em;
    text-align: left;
  }

  .overview-content .robust-parental-controls .text ul li {
    margin-bottom: 2em;
  }

  .overview-content .robust-parental-controls .text ul li label {
    font-size: 1.25em;
    padding-left: 0;
    padding-bottom: 0.25em;
    background-size: 0.75em;
    color: #acacac;
  }

  .overview-content .robust-parental-controls #h-radio-1:checked~.w-container .text ul .li1 label,
  .overview-content .robust-parental-controls #h-radio-2:checked~.w-container .text ul .li2 label,
  .overview-content .robust-parental-controls #h-radio-3:checked~.w-container .text ul .li3 label,
  .overview-content .robust-parental-controls #h-radio-4:checked~.w-container .text ul .li4 label,
  .overview-content .robust-parental-controls #h-radio-5:checked~.w-container .text ul .li5 label {
    background-size: 0.75em;
    font-size: 1.75em;
  }

  .overview-content .robust-parental-controls .bg {
    display: none;
  }

  .overview-content .robust-parental-controls .imgs-wrapper {
    height: 100vw;
    padding: 0;
    position: relative;
  }

  .overview-content .robust-parental-controls .imgs .screen1 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/h-1.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .robust-parental-controls .imgs .screen2 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/h-2.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .robust-parental-controls .imgs .screen3 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/h-3.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }

  .overview-content .robust-parental-controls .imgs .screen4 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/h-4.jpg) 50% 100% no-repeat;
    background-size: 100%;
  }
}

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

@keyframes circle-active {
  from {
    transform: scale(0);
    opacity: 1
  }

  to {
    transform: scale(1);
    opacity: 0
  }
}

.overview-content .even-smarter-with-sensors {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 16px;
  position: relative;
}

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

.overview-content .even-smarter-with-sensors .text {
  padding: 5em 2em 2em;
  text-align: center;
}

.overview-content .even-smarter-with-sensors ul li a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.overview-content .even-smarter-with-sensors .circle-group {
  cursor: pointer;
  position: absolute;
  width: 7em;
  height: 7em;
}

.overview-content .even-smarter-with-sensors .li-1 .circle-group {

  top: -29.4%;
  left: -18.7%;
}

.overview-content .even-smarter-with-sensors .li-2 .circle-group {

  top: -5.4%;

  left: -14.7%;
}

.overview-content .even-smarter-with-sensors .li-3 .circle-group {

  top: -46.4%;

  left: -33.7%;
}

.overview-content .even-smarter-with-sensors .circle {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 0.25em solid #fff;
  opacity: 0.5;
  background: #fff;
}

.overview-content .even-smarter-with-sensors .circle:nth-child(1) {
  transform: scale(0);
  -ms-transform: scale(0);
  opacity: 1;
  animation: 1.7s ease-out infinite circle-active;
}

.overview-content .even-smarter-with-sensors .circle:nth-child(2) {
  transform: scale(0);
  -ms-transform: scale(0);
  animation: 1.7s ease-out .566666666666667s infinite circle-active;
}



.overview-content .even-smarter-with-sensors h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .even-smarter-with-sensors p {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .even-smarter-with-sensors p.note {
  font-size: 0.875em;
}

.overview-content .even-smarter-with-sensors ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.overview-content .even-smarter-with-sensors ul li {
  width: 32.5%;
  position: relative;
}

.overview-content .even-smarter-with-sensors ul li .icon-1 {
  position: absolute;
  width: 15%;
  height: 15%;
  left: 76%;
  top: 11%;
  cursor: pointer;
}

.overview-content .even-smarter-with-sensors ul li .icon-2 {
  position: absolute;
  width: 17%;
  height: 23%;
  left: 65%;
  top: 29%;
  cursor: pointer;
}

.overview-content .even-smarter-with-sensors ul li .icon-3 {
  position: absolute;
  width: 12%;
  height: 12%;
  left: 74%;
  top: 78%;
  cursor: pointer;
}

.overview-content .even-smarter-with-sensors li img {
  width: 100%;
}

.overview-content .even-smarter-with-sensors img.mobile {
  display: none;
}

.overview-content .even-smarter-with-sensors li .desc {
  position: absolute;
  display: flex;
  align-items: center;
}

.overview-content .even-smarter-with-sensors li .desc1 {
  top: 95%;
  right: 55%;
  background: #005eac;
  opacity: 0;
  padding: 2em;
  border-top-left-radius: 5em;
  border-bottom-right-radius: 4em;
  border-bottom-left-radius: 5em;
}

.overview-content .even-smarter-with-sensors ul li .icon-1:hover .desc1 {
  opacity: 1;
}

.overview-content .even-smarter-with-sensors ul li .icon-2:hover .desc2 {
  opacity: 1;
}

.overview-content .even-smarter-with-sensors ul li .icon-3:hover .desc3 {
  opacity: 1;
}

.overview-content .even-smarter-with-sensors li .desc .title {
  font-weight: 700;
  color: #fff;
}

.overview-content .even-smarter-with-sensors li .desc .content {
  width: 8em;
  padding-left: 1em;
}

.overview-content .even-smarter-with-sensors li .desc p.desc11 {
  font-size: 0.9375em;
  color: #fff;
}

.overview-content .even-smarter-with-sensors li .desc1 img {
  width: 5.0625em;
}

.overview-content .even-smarter-with-sensors li .desc2 {
  top: 112%;
  right: 47%;
  background: #005eac;
  padding: 2em;
  border-top-left-radius: 5em;
  border-bottom-right-radius: 4em;
  opacity: 0;
  border-bottom-left-radius: 5em;
}

.overview-content .even-smarter-with-sensors li .desc2 img {
  width: 3.625em;
}

.overview-content .even-smarter-with-sensors li .desc3 {
  bottom: 105%;
  right: 62%;
  background: #005eac;
  padding: 2em;
  border-top-left-radius: 5em;
  border-top-right-radius: 4em;
  border-bottom-left-radius: 5em;
  opacity: 0;
}

.overview-content .even-smarter-with-sensors li .desc3 img {
  width: 4.8125em;
}

@media (max-width:1680px) {
  .overview-content .even-smarter-with-sensors {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .overview-content .even-smarter-with-sensors {
    font-size: 12px;
  }
}

@media (max-width:736px) {
  .overview-content .even-smarter-with-sensors .w-container {
    width: auto;
  }

  .overview-content .even-smarter-with-sensors ul {
    display: block;
    width: 90%;
    margin: 0 auto;
  }

  .overview-content .even-smarter-with-sensors li .desc1 {
    right: 10vw;
    padding: 1em;
    top: 23vw;
  }

  .overview-content .even-smarter-with-sensors li .desc2 {
    right: 10vw;
    padding: 1em;
    top: 18vw;
  }

  .overview-content .even-smarter-with-sensors li .desc3 {
    right: 7vw;
    padding: 1em;
    bottom: 10vw;
    top: auto;
  }

  .overview-content .even-smarter-with-sensors img.web {
    display: none;
  }

  .overview-content .even-smarter-with-sensors img.mobile {
    display: block;
    margin-bottom: 7.5vw;
  }

  .overview-content .even-smarter-with-sensors li .desc1 img {
    width: 4em;
  }

  .overview-content .even-smarter-with-sensors li .desc2 img {
    width: 3em;
  }

  .overview-content .even-smarter-with-sensors .circle-group {
    display: none
  }

  .overview-content .even-smarter-with-sensors ul li {
    width: 100%;
  }

  .overview-content .even-smarter-with-sensors .text {
    padding: 0 0 1.5em;
    text-align: left;
  }

  .overview-content .robust-parental-controls .screen1 span {
    width: 60%;
  }

  .overview-content .robust-parental-controls .screen1 span::after {
    bottom: -0.9em;
  }

  .overview-content .even-smarter-with-sensors h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .even-smarter-with-sensors p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px 0.5em;
  }

  .overview-content .even-smarter-with-sensors li .desc .title {
    padding: 0;
    font-size: 1.25em;
  }

  .overview-content .even-smarter-with-sensors li .desc p.desc11 {
    padding: 0;
  }

  .overview-content .even-smarter-with-sensors p.note {
    font-size: 1.25em;
  }

  .overview-content .even-smarter-with-sensors ul li .icon .desc {
    opacity: 1;
  }
}

@media (max-width:414px) {
  .overview-content .even-smarter-with-sensors {
    font-size: 2.5vw;
  }
}


.overview-content .greener-smart-lifestyle {
  max-width: 1920px;
  margin: 0 auto;
  font-size: 16px;
  position: relative;
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/j.jpg) 50% 100% no-repeat;
  background-size: 120em;
  height: 52.5em;
}

.overview-content .greener-smart-lifestyle .w-container {
  width: 85.75em;
  margin: 0 auto;
  position: relative;
}

.overview-content .greener-smart-lifestyle .text {
  padding: 13em 0em 2em 49em;
  text-align: left;
}

.overview-content .greener-smart-lifestyle h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .greener-smart-lifestyle p {
  font-size: 1.25em;
  font-weight: 300;
  line-height: 1.5;
  padding-bottom: 3em;
}


.overview-content .greener-smart-lifestyle ul {

  justify-content: space-between;
}

.overview-content .greener-smart-lifestyle ul li p {
  padding: 0 0 1em;
}

.overview-content .greener-smart-lifestyle ul li {
  width: 34.5%;
  position: relative;
  display: inline-block;
  text-align: center;
}

.overview-content .greener-smart-lifestyle ul li img {
  width: 3.3125em;
}

.overview-content .greener-smart-lifestyle .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.overview-content .greener-smart-lifestyle .bg .desc {
  position: absolute;
  text-align: center;
}

.overview-content .greener-smart-lifestyle .bg .desc1 {
  left: 13em;
  top: 22em;
  color: #fff;
  width: 15em;
}

.overview-content .greener-smart-lifestyle .bg .desc1 p.title {
  font-size: 1.9375em;
  font-weight: 400;
  line-height: 1.5;
  padding: 0;
}

.overview-content .greener-smart-lifestyle .bg .desc1 p.number {
  font-size: 4.6875em;
  font-weight: 700;
  line-height: 1.5;
  padding: 0;
}

.overview-content .greener-smart-lifestyle .bg .desc2 {
  left: 3em;
  top: 40em;
  width: 11em;
}

.overview-content .greener-smart-lifestyle .bg .desc2 p.title {
  padding: 0 0 1em;
}

.overview-content .greener-smart-lifestyle .bg .desc2 p.number {
  font-size: 1.5em;
  padding: 0.5em 0;
  width: 4em;
  text-align: center;
  margin: 0 auto;
  background-image: linear-gradient(-90deg, rgba(13, 227, 172, 0), rgba(13, 227, 172, 0.3) 46%, rgba(152, 224, 95, 0.3) 90%, rgba(152, 224, 95, 0) 100%);
}

.overview-content .greener-smart-lifestyle .bg .desc3 {
  left: 25em;
  top: 40em;
  width: 15em;
}

.overview-content .greener-smart-lifestyle .bg .desc3 p.title {
  padding: 0 0 1em;
}

.overview-content .greener-smart-lifestyle .bg .desc3 p.number {
  font-size: 1.5em;
  padding: 0.5em 0;
  width: 4em;
  text-align: center;
  margin: 0 auto;
  background-image: linear-gradient(-90deg, rgba(229, 229, 229, 0), rgba(229, 229, 229, 0.3) 46%, rgba(229, 229, 229, 0.3) 90%, rgba(229, 229, 229, 0) 100%);
}

@media (max-width:1680px) {
  .overview-content .greener-smart-lifestyle {
    font-size: 14px;
  }
}

@media (max-width:1440px) {
  .overview-content .greener-smart-lifestyle {
    font-size: 12px;
  }
}

@media (max-width:736px) {
  .overview-content .greener-smart-lifestyle {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/j.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 96vw;
    height: auto;
  }

  .overview-content .greener-smart-lifestyle .w-container {
    width: auto;
  }

  .overview-content .greener-smart-lifestyle .text {
    padding: 0 0 1.5em;
  }

  .overview-content .greener-smart-lifestyle h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .greener-smart-lifestyle p {
    font-size: 1.75em;
    font-weight: 300;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .greener-smart-lifestyle li p {
    font-size: 1.25em;
    padding: 0;
  }

  .overview-content .greener-smart-lifestyle ul {
    padding: 2em 20px 0;
    text-align: center;
  }

  .overview-content .greener-smart-lifestyle .bg {
    position: relative;
  }

  .overview-content .greener-smart-lifestyle .bg .desc1 {
    left: 36vw;
    top: 38vw;
    width: 30%;
  }

  .overview-content .greener-smart-lifestyle .bg .desc1 p.title {
    font-size: 4vw;
  }

  .overview-content .greener-smart-lifestyle .bg .desc1 p.number {
    font-size: 9vw;
  }

  .overview-content .greener-smart-lifestyle .bg .desc2 {
    left: 13vw;
    top: 69vw;
    width: 26%;
  }

  .overview-content .greener-smart-lifestyle .bg .desc3 {
    left: 57vw;
    top: 69vw;
    width: 35%;
  }

  .overview-content .greener-smart-lifestyle .bg .desc3 p.title {
    font-size: 3.25vw;
  }

  .overview-content .greener-smart-lifestyle .bg .desc2 p.title {
    font-size: 3.25vw;
  }

  .overview-content .greener-smart-lifestyle .bg .desc2 p.number {
    font-size: 2.75vw;
  }

  .overview-content .greener-smart-lifestyle .bg .desc3 p.number {
    font-size: 2.75vw;
  }

  .overview-content .greener-smart-lifestyle ul li {
    margin: 0 4vw;
  }

  .overview-content .greener-smart-lifestyle ul li img {
    width: 12vw;
  }
}

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

.overview-content .group-scenes {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  padding: 6.25em 0 7em;
  background: #e0e1e4;
}

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

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


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

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

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

.overview-content .group-scenes .feature ul h2 {
  font-size: 2.25em;
  line-height: 1.2;
  font-weight: 400;
  padding: 1em 0 0.7em;
}

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

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

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

.overview-content .group-scenes .feature ul .li-2 .desc {
  top: 88%;
  width: 20%;
  font-size: 0.875em;
  font-weight: 300;
  line-height: 1;
  color: #fff;
}

.overview-content .group-scenes .feature ul .li-2 .desc1 {
  left: 4%;
}

.overview-content .group-scenes .feature ul .li-2 .desc2 {
  left: 28%;
}

.overview-content .group-scenes .feature ul .li-2 .desc3 {
  left: 52%;
}

.overview-content .group-scenes .feature ul .li-2 .desc4 {
  left: 78%;
}

.overview-content .group-scenes .feature ul .li-3 .desc {
  top: 88%;
  width: 20%;
  font-size: 0.875em;
  font-weight: 300;
  line-height: 1;
  color: #fff;
}

.overview-content .group-scenes .feature ul .li-3 .desc1 {
  left: 11%;
}

.overview-content .group-scenes .feature ul .li-3 .desc2 {
  left: 41.5%;
}

.overview-content .group-scenes .feature ul .li-3 .desc3 {
  left: 69.5%;
}

@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 0 4em;
  }

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

  .overview-content .group-scenes .feature ul h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 0 0.5em;
    font-weight: 500;
  }

  .overview-content .group-scenes .feature .text-container {
    padding: 0 0 1.5em;
  }

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



  .overview-content .group-scenes .feature li {
    width: 100%;
    display: flex;
    margin: 0 0 3em;
    flex-direction: column-reverse;
  }

  .overview-content .group-scenes .feature .li-1 {
    margin: 5em 0 3em;
  }

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

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


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

  .overview-content .group-scenes .feature li img {
    width: 55%;
    margin: 0 auto;
  }
}

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



.overview-content .enjoy-easy {
  position: relative;
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: #f4f4f4 50% 0% no-repeat;
  padding: 4em 0 0;
  box-sizing: border-box
}

.overview-content .enjoy-easy .no-wrap {
  white-space: nowrap
}

.overview-content .enjoy-easy .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .enjoy-easy .w-container .text {
  text-align: center;
  padding: 0 6em
}

.overview-content .enjoy-easy h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em
}

.overview-content .enjoy-easy p {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 300;
  padding: 0 6em;
}

.overview-content .enjoy-easy .desc {
  position: absolute;
  left: 29%;
  top: 78%;
  width: 10.25em
}

.overview-content .enjoy-easy .desc .pack {
  font-size: 1.875em;
  color: #298cff;
  font-weight: 500
}

.overview-content .enjoy-easy ul {
  display: flex;
  margin-top: 6.25em
}

.overview-content .enjoy-easy ul li {
  text-align: center;
  margin: 0 auto;
  width: 50%
}

.overview-content .enjoy-easy ul li b {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/d-icon.png) 50% 0 no-repeat;
  background-size: 25em;
  width: 6.25em;
  height: 4.8125em;
  display: inline-block;
  vertical-align: top
}

.overview-content .enjoy-easy ul .li-1 b {
  background-position: 0 0
}

.overview-content .enjoy-easy ul .li-2 b {
  background-position: 33.33% 0
}

.overview-content .enjoy-easy ul .li-3 b {
  background-position: 66.67% 0
}

.overview-content .enjoy-easy ul .li-4 b {
  background-position: 100% 0
}

.overview-content .enjoy-easy ul p {
  font-size: 1.5em;
  font-weight: 500;
  padding: 0 0 4em
}

.overview-content .enjoy-easy ul img {
  width: 52.2%
}

.overview-content .enjoy-easy .icons-part {
  display: flex;
  flex-wrap: wrap;
  width: 30em;
  margin: 0 auto;
  padding: 4em 0;
}

.overview-content .enjoy-easy .icons-part .item {
  margin-right: 0.2em
}

.overview-content .enjoy-easy .icons-part .qrcode-item,
.overview-content .enjoy-easy .icons-part .app-item {
  width: 17%
}

.overview-content .enjoy-easy .icons-part .txt-item {
  width: 36%
}

.overview-content .enjoy-easy .icons-part .store-item {
  width: 26%
}

.overview-content .enjoy-easy .icons-part .item img {
  width: 100%
}

.overview-content .enjoy-easy .icons-part .txt-item p {
  font-size: 1.125em;
  font-weight: 500;
  padding: 0.5em 0
}

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

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

@media (max-width:736px) {
  .overview-content .enjoy-easy {
    font-size: 10.35px;
    height: auto;
    padding: 0;
  }

  .overview-content .enjoy-easy .w-container {
    width: auto
  }

  .overview-content .enjoy-easy .w-container .text {
    padding: 0;
    color: #000
  }

  .overview-content .enjoy-easy h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
    text-align: left
  }

  .overview-content .enjoy-easy p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 2em;
    text-align: left
  }

  .overview-content .enjoy-easy .desc {
    font-size: 1.25em;
    padding: 0;
    line-height: 1.2;
    left: 67%;
    bottom: 27em;
    top: auto
  }

  .overview-content .enjoy-easy .desc .pack {
    padding: 0;
    font-size: 1.5em
  }

  .overview-content .enjoy-easy ul {
    padding: 0 20px;
    flex-wrap: wrap;
    color: #fff;
    margin-top: 0;
  }

  .overview-content .enjoy-easy ul p {
    font-size: 1.75em;
    padding: 0 0 1em;
    color: #000;
    text-align: center
  }

  .overview-content .enjoy-easy ul li {
    width: 100%;
    margin-top: 2em
  }

  .overview-content .enjoy-easy .icons-part {
    width: calc(100% - 60px);
    margin: 0 auto;
    left: 0;
    right: 0
  }

  .overview-content .enjoy-easy .icons-part .txt-item {
    width: 32%
  }

  .overview-content .enjoy-easy .icons-part .item {
    margin-right: 1%
  }
}

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



.overview-content .easily-manage-your-life {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background: #fff
}

.overview-content .easily-manage-your-life .w-container {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  width: 85.375em;
}

.overview-content .easily-manage-your-life .text {
  padding: 4em 0 2em;
  text-align: center
}

.overview-content .easily-manage-your-life .text h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em
}

.overview-content .easily-manage-your-life .text h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em
}

.overview-content .easily-manage-your-life .text p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .easily-manage-your-life .text p.link a {
  color: #00a3df;
  text-decoration: none;
}

.overview-content .easily-manage-your-life .swiper {
  overflow: hidden;
  position: relative;
}

.overview-content .easily-manage-your-life .swiper-slide {
  height: 48.75em;
  position: relative;
}

.overview-content .easily-manage-your-life .swiper-slide .txt {
  position: absolute;
  top: 9%;
  left: 0;
  right: 0;
  padding: 0 12em;
  text-align: center;
}

.overview-content .easily-manage-your-life .swiper-slide .time-num {
  font-size: 2.5em;
  font-weight: 300;
  line-height: 1.5;
}

.overview-content .easily-manage-your-life .swiper-slide .unit {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.5;
}


.overview-content .easily-manage-your-life .swiper-slide .time {
  position: absolute;
  bottom: 10%;
  left: 45.5%;
  width: 13em;
  text-align: center;
  color: #fff;
}


.overview-content .easily-manage-your-life .swiper-slide .txt p {
  font-size: 1.25em;
  font-weight: 400;
  margin-bottom: 1em;
}

.overview-content .easily-manage-your-life .swiper-slide .txt p>img {
  display: inline-block;
  width: 2em;
  height: 2em;
  vertical-align: middle;
  margin-right: 0.5em;
}

.overview-content .easily-manage-your-life .swiper-slide .txt h2 {
  font-size: 1.75em;
  font-weight: 300;
  line-height: 1.2;
  margin-bottom: 0.5em
}

.overview-content .easily-manage-your-life .swiper-slide .txt h3 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.5em
}

.overview-content .easily-manage-your-life .swiper-slide.s1 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/g-1-1.jpg) center/120em no-repeat;
  transition: background 1s ease-out;
}

.overview-content .easily-manage-your-life .swiper-slide.s1.active {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/g-1-2.jpg) center/120em no-repeat;
}

.overview-content .easily-manage-your-life .swiper-slide.s2 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/g-2-1.jpg) center/120em no-repeat;
  transition: background 1s ease-out;
}

.overview-content .easily-manage-your-life .swiper-slide.s2.active1 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/g-2-2.jpg) center/120em no-repeat;
}

.overview-content .easily-manage-your-life .swiper-slide.s2.active2 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/g-2-3.jpg) center/120em no-repeat;
}

.overview-content .easily-manage-your-life .swiper-slide.s2.active3 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/g-2-4.jpg) center/120em no-repeat;
}

.overview-content .easily-manage-your-life .swiper-slide.s2.active4 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/g-2-5.jpg) center/120em no-repeat;
}

.overview-content .easily-manage-your-life .swiper-slide.s2.active5 {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/g-2-6.jpg) center/120em no-repeat;
}

.overview-content .easily-manage-your-life .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: none;
  border: 1px solid #fff;
  opacity: 1;
}

.overview-content .easily-manage-your-life .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 13px;
}


.overview-content .easily-manage-your-life .swiper-pagination-bullet-active {
  background: #dfe3e4;
}

.overview-content .easily-manage-your-life .swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 2em;
}

.overview-content .easily-manage-your-life .tp-banner-prev {
  left: 0
}

.overview-content .easily-manage-your-life .tp-banner-next {
  right: 0
}

.overview-content .easily-manage-your-life .tp-banner-next .tp-banner-icon,
.overview-content .easily-manage-your-life .tp-banner-prev .tp-banner-icon {
  display: inline-block;
  width: 2em;
  height: 3.6875em;
  position: absolute;
  top: 50%;
  margin-top: -1.34em;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 9;
}

.overview-content .easily-manage-your-life .tp-banner-prev .tp-banner-icon {
  left: 50px;
  background-image: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/prev.png)
}

.overview-content .easily-manage-your-life .tp-banner-next .tp-banner-icon {
  right: 50px;
  background-image: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/next.png)
}



.overview-content .easily-manage-your-life .s2 .control-bar {
  position: absolute;
  bottom: 3.5em;
  left: 34%;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  width: auto;
  display: table
}

.overview-content .easily-manage-your-life .s2 .control-bar .td {
  vertical-align: middle;
  display: table-cell;
}

.overview-content .easily-manage-your-life .s2 .control-bar .progress {
  padding: 0;
  width: 33.125em
}

.overview-content .easily-manage-your-life .s2 .control-bar .progress .inner {
  position: relative;
  height: .375em;
  width: 100%;
  border-radius: 1em;
}

.overview-content .easily-manage-your-life .s2 .control-bar .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 1em;
  background: linear-gradient(to right, #f7cb6c 0%, #fff 50%, #f7cb6c 100%);
  color: linear-gradient(to right, #f7cb6c 0%, #fff 50%, #f7cb6c 100%);
}

.overview-content .easily-manage-your-life .s2 .control-bar .line .percent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}


.overview-content .easily-manage-your-life .s2 .control-bar .pointer {
  cursor: pointer;
  touch-action: none;
  position: absolute;
  left: -.9375em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #f7cb6c;
  box-shadow: 0 0 13px rgba(22, 22, 22, .22)
}

.overview-content .easily-manage-your-life .s2 .icon-start {
  width: 5em;
  text-align: center;
  color: #fff;
}

.overview-content .easily-manage-your-life .s2 .icon-start .inner {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/g-sunrise.png) 50% 100% no-repeat;
  padding-top: 30%;
  background-size: 2.6875em;
}

.overview-content .easily-manage-your-life .s2 .icon-end {
  width: 4.75em;
  text-align: center;
  color: #fff;
}

.overview-content .easily-manage-your-life .s2 .icon-end .inner {
  background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/img/g-midnight.png) 50% 100% no-repeat;
  padding-top: 43%;
  background-size: 1.75em;
}

.overview-content .easily-manage-your-life .s2 .time-1 {
  position: absolute;
  font-size: 2em;
  left: -0.5em;
  top: -1.5em;
  color: #fff;
}




.overview-content .easily-manage-your-life .s2 .time-unit {
  font-size: 0.625em;
}

@media (min-width:1920px) {
  .overview-content .easily-manage-your-life .swiper {
    font-size: 1em
  }
}

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

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

@media (max-width:1024px) {
  .overview-content .easily-manage-your-life {
    font-size: 10px;
  }
}

@media (max-width:736px) {
  .overview-content .easily-manage-your-life {
    font-size: 10.35px;
  }

  .overview-content .easily-manage-your-life .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .easily-manage-your-life .s2 .icon-start .inner {
    padding-top: 40%;
  }

  .overview-content .easily-manage-your-life .swiper-pagination-bullet {
    width: 1.5vw;
    height: 1.5vw;
  }

  .overview-content .easily-manage-your-life .swiper-slide .txt h2 {
    font-size: 1.75em;
    padding: 1.5em 20px 0.5em;
    margin: 0;
  }

  .overview-content .easily-manage-your-life .swiper-slide .txt h3 {
    font-size: 2.5em;
    font-weight: 500;
    padding: 0 20px 0.5em;
    margin: 0;
  }

  .overview-content .easily-manage-your-life .swiper-slide .txt p {
    font-size: 1.75em;
    padding: 0 20px;
    line-height: 1.5;
    font-weight: 300;
    margin: 0;
  }

  .overview-content .easily-manage-your-life .s2 .control-bar {
    width: 92%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    bottom: 20vw;
  }

  .overview-content .easily-manage-your-life .s2 .icon-end .inner {
    padding-top: 39%;
  }

  .overview-content .easily-manage-your-life .s2 .control-bar .progress {
    display: block;
    width: 96%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
  }

  .overview-content .easily-manage-your-life .swiper-slide {
    padding-bottom: 100vw;
    height: auto;
    font-size: 2.5vw;
  }

  .overview-content .easily-manage-your-life .s2 .control-bar .td {
    position: absolute;
  }

  .overview-content .easily-manage-your-life .s2 .control-bar .td.left {
    left: 0;
  }

  .overview-content .easily-manage-your-life .s2 .control-bar .td.right {
    right: 0;
  }

  .overview-content .easily-manage-your-life .swiper-slide .time {
    top: auto;
    bottom: 6vw;
    width: 15em;
    left: 34%;
  }

  .overview-content .easily-manage-your-life .swiper-slide.s1 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/g-1-1.jpg) bottom/100% no-repeat;
  }

  .overview-content .easily-manage-your-life .swiper-slide.s1.active {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/g-1-2.jpg) bottom/100% no-repeat;
  }

  .overview-content .easily-manage-your-life .swiper-slide.s2 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/g-2-1.jpg) bottom/100% no-repeat;
  }

  .overview-content .easily-manage-your-life .swiper-slide.s2.active1 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/g-2-2.jpg) bottom/100% no-repeat;
  }

  .overview-content .easily-manage-your-life .swiper-slide.s2.active2 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/g-2-3.jpg) bottom/100% no-repeat;
  }

  .overview-content .easily-manage-your-life .swiper-slide.s2.active3 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/g-2-4.jpg) bottom/100% no-repeat;
  }

  .overview-content .easily-manage-your-life .swiper-slide.s2.active4 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/g-2-5.jpg) bottom/100% no-repeat;
  }

  .overview-content .easily-manage-your-life .swiper-slide.s2.active5 {
    background: url(https://static-product.tp-link.com/tapo-l535e_v3.2/m/g-2-6.jpg) bottom/100% no-repeat;
  }

  .overview-content .easily-manage-your-life .tp-banner-next,
  .overview-content .easily-manage-your-life .tp-banner-prev {
    display: none;
  }

  .overview-content .easily-manage-your-life .swiper-slide .txt {
    position: relative;
    left: 0;
    top: 0;
    padding: 0 0 1.5em;
    right: 0;
    text-align: left;
  }

  .overview-content .easily-manage-your-life .s2 .time-1 {
    font-size: 3.5vw;
    left: 0vw;
    top: -9vw;
  }

  .overview-content .easily-manage-your-life .s2 .time-2 {
    font-size: 3.5vw;
    left: 12vw;
    top: -9vw;
  }

  .overview-content .easily-manage-your-life .s2 .time-3 {
    font-size: 3.5vw;
    left: 28vw;
    top: -9vw;
  }

  .overview-content .easily-manage-your-life .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 2vw;
  }
}

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