.overview-content .power-for-all {
  font-size: 16px;
  position: relative;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/a.jpg) 50% 0 no-repeat;
  background-size: 120em;
  height: 52.75em;
  max-width: 120em;
  margin: 0 auto;
  position: relative
}

.overview-content .power-for-all .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .power-for-all .w-container .text {
  padding: 12em 0 0;
  text-align: left
}

.overview-content .power-for-all h2 {
  font-size: 3.75em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 16px
}

.overview-content .power-for-all h3 {
  font-size: 2.25em;
  font-weight: 500;
  line-height: 1.2;
  padding-bottom: 16px
}

.overview-content .power-for-all .icon-color {
  height: 1.5em
}

.overview-content .power-for-all .icon {
  height: 2em;
  border-radius: 8px;
  margin-right: 1em;
  font-size: 1.5em;
  vertical-align: top
}

.overview-content .power-for-all .model {
  font-size: 1.875em;
  display: inline-block;
  color: #fff;
  padding: 0 0.75em;
  border-radius: 10px;
  background-color: #005eac;
  margin-bottom: 7em
}

@media(max-width:1680px) {
  .overview-content .power-for-all {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .power-for-all {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .power-for-all {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/a.jpg) 50% 0 no-repeat;
    background-size: 100%;
    height: 133.4375vw;
    position: relative
  }

  .overview-content .power-for-all .w-container {
    width: auto
  }

  .overview-content .power-for-all .w-container .text {
    padding: 0;
    text-align: left
  }

  .overview-content .power-for-all .model {
    margin: 0 20px 1em
  }

  .overview-content .power-for-all h2 {
    font-size: 3.125em;
    font-weight: 500;
    line-height: 1.2;
    padding: 1.5em 6em 0.5em 20px
  }

  .overview-content .power-for-all h3 {
    font-size: 2em;
    font-weight: 400;
    line-height: 1.2;
    padding: 0 20px 1em
  }

  .overview-content .power-for-all .line {
    margin: 4px 0;
    height: 22px
  }

  .overview-content .power-for-all .work-with-amazon,
  .overview-content .power-for-all .tag-hey_google {
    margin-right: 1em;
    border-radius: 6px
  }

  .overview-content .power-for-all .icons {
    margin: 0 20px;
    text-align: left
  }

  .overview-content .power-for-all .icon {
    border-radius: 5px;
    margin-bottom: 0.5em;
    margin-right: 0.25em;
    box-sizing: border-box;
    border: 1px solid #000;
  }

  .overview-content .power-for-all .feature-wrap {
    padding: 0 20px;
    margin-bottom: 5em
  }

  .overview-content .power-for-all .feature-wrap .feature {
    font-size: 1.25em
  }
}

@media(max-width:414px) {
  .overview-content .power-for-all {
    font-size: 2.5vw
  }
}

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

.overview-content .sell-point-wrap .w-container {
  width: 95em;
  position: relative;
  margin: 0 auto
}

.overview-content .sell-point-wrap .box {
  background-image: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/b.png);
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 37.5em;
  width: 91.375em;
  margin: 5em 0;
}

.overview-content .sell-point-wrap h3 {
  font-size: 1.625em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 0.25em;
}

.overview-content .sell-point-wrap p {
  line-height: 1.25;
  font-weight: 400;
  font-size: 1.25em
}

.overview-content .sell-point-wrap .b1 {
  position: absolute;
  left: 0em;
  top: 0em;
  width: 22.5em;
  height: 37.5625em
}

.overview-content .sell-point-wrap .b1 .text-area,
.overview-content .sell-point-wrap .b2 .text-area {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 1.5em;
  width: 80%
}

.overview-content .sell-point-wrap .b2 .text-area,
.overview-content .sell-point-wrap .b3 .text-area {
  top: 1.5em
}

.overview-content .sell-point-wrap .b3 .text-area {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 1.5em;
  width: 90%
}

.overview-content .sell-point-wrap .desc-1-1 {
  font-weight: 500;
  color: #005eac;
  font-size: 3.125em
}

.overview-content .sell-point-wrap .b2 {
  position: absolute;
  left: 23em;
  top: 0em;
  width: 22.5em;
  height: 18.5625em
}

.overview-content .sell-point-wrap .b3 {
  position: absolute;
  left: 46em;
  top: 0em;
  width: 45em;
  height: 18.5em
}

.overview-content .sell-point-wrap .b4 {
  position: absolute;
  left: 23em;
  top: 19em;
  width: 22.5em;
  height: 18.5625em
}

.overview-content .sell-point-wrap .b4 .text-area,
.overview-content .sell-point-wrap .b5 .text-area {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 1.5em;
  width: 80%
}

.overview-content .sell-point-wrap .b5 {
  position: absolute;
  left: 46em;
  top: 19em;
  width: 22.5em;
  height: 18.5625em
}

.overview-content .sell-point-wrap .b6 {
  position: absolute;
  left: 69em;
  top: 19em;
  width: 11em;
  height: 9em
}

.overview-content .sell-point-wrap .b6 .text-area {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0.5em;
  width: 100%;
  text-align: center;
}

.overview-content .sell-point-wrap .b7 {
  position: absolute;
  left: 80.5em;
  top: 19em;
  width: 11em;
  height: 9em
}

.overview-content .sell-point-wrap .b7 .text-area {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0.5em;
  width: 100%;
  text-align: center;
}

.overview-content .sell-point-wrap .b8 {
  position: absolute;
  left: 69em;
  top: 19em;
  width: 22em;
  height: 9em
}

.overview-content .sell-point-wrap .b8 .text-area {
  margin: 0 auto;
  text-align: left;
  padding: 4em 8em 0 2em;
}

.overview-content .sell-point-wrap .b9 {
  position: absolute;
  left: 69em;
  top: 28.5em;
  width: 22.25em;
  height: 9em
}

.overview-content .sell-point-wrap .b9 .text-area {
  margin: 0 auto;
  text-align: left;
  padding: 3em 7em 0 2em;
}

@media (max-width:1680px) {
  .overview-content .sell-point-wrap {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .sell-point-wrap {
    font-size: 12px
  }
}

@media (max-width:736px) {
  .overview-content .sell-point-wrap {
    font-size: 10.35px;
  }

  .overview-content .sell-point-wrap .w-container {
    width: auto
  }

  .overview-content .sell-point-wrap .box {
    background-image: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/b.jpg);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    padding-bottom: 143vw;
    width: 100%;
    margin: 5em 0;
  }

  .overview-content .sell-point-wrap p {
    font-size: 1.25em
  }

  .overview-content .sell-point-wrap p.desc-6-1,
  .overview-content .sell-point-wrap p.desc-7-1,
  .overview-content .sell-point-wrap p.desc-8-1,
  .overview-content .sell-point-wrap p.desc-9-1 {
    font-size: 2.75vw;
  }

  .overview-content .sell-point-wrap .b1 {
    left: 8vw;
    top: 0vw;
    width: 42vw;
    height: 71vw
  }

  .overview-content .sell-point-wrap .b1 .text-area {
    top: 2vw;
    width: 85%;
  }

  .overview-content .sell-point-wrap .desc-1-1 {
    font-size: 2.5em
  }

  .overview-content .sell-point-wrap .b2 {
    left: 51vw;
    top: 0vw;
    width: 42vw;
    height: 35vw
  }

  .overview-content .sell-point-wrap .b2 .text-area {
    top: 3vw;
    width: 86%;
  }

  .overview-content .sell-point-wrap .b3 {
    left: 8vw;
    top: 72vw;
    width: 85vw;
    height: 35vw
  }

  .overview-content .sell-point-wrap .b3 .text-area {
    top: 1vw;
    width: 91%;
  }

  .overview-content .sell-point-wrap .b4 {
    left: 51vw;
    top: 36vw;
    width: 42vw;
    height: 35vw
  }

  .overview-content .sell-point-wrap .b4 .text-area {
    top: 1vw;
    width: 90%;
  }

  .overview-content .sell-point-wrap .b5 {
    left: 8vw;
    top: 108vw;
    width: 41vw;
    height: 35vw
  }

  .overview-content .sell-point-wrap .b5 .text-area {
    top: 2vw;
    width: 90%;
  }

  .overview-content .sell-point-wrap .b6 {
    left: 51vw;
    top: 108vw;
    width: 21vw;
    height: 17vw
  }

  .overview-content .sell-point-wrap .b6 .text-area {
    top: 1vw;
    width: 95%
  }

  .overview-content .sell-point-wrap .b6 .text-area {
    position: absolute
  }

  .overview-content .sell-point-wrap .b7 {
    left: 72vw;
    top: 108vw;
    width: 20vw;
    height: 17vw
  }

  .overview-content .sell-point-wrap .b7 .text-area {
    top: 1vw;
    width: 95%
  }

  .overview-content .sell-point-wrap .b8 {
    left: 51vw;
    top: 108vw;
    width: 41vw;
    height: 17vw
  }

  .overview-content .sell-point-wrap .b8 .text-area {
    padding: 6vw 12vw 0 4vw;
  }

  .overview-content .sell-point-wrap .b9 {
    left: 51vw;
    top: 126vw;
    width: 42vw;
    height: 17vw;
  }

  .overview-content .sell-point-wrap .b9 .text-area {
    padding: 6vw 12vw 0 4vw;
  }

}

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

.overview-content .product-parts {
  font-size: 1.1111vw;
  max-width: 1920px;
  margin: 0 auto;
  padding: 0;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/c.jpg) 50% 0 no-repeat;
  background-size: 90em;
  height: 36.2816em;
  position: relative
}

.overview-content .product-parts .no-wrap {
  white-space: nowrap
}

.overview-content .product-parts h2 {
  font-size: 3.125em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 0.5em;
  text-align: center;
  display: none
}

.overview-content .product-parts p {
  font-size: 1.25em
}

.overview-content .product-parts .no-wrap {
  white-space: nowrap
}

.overview-content .product-parts .bg .bg-text {
  position: absolute;
  width: 13em;
  font-weight: 500;
  line-height: 1.2
}

.overview-content .product-parts .bg .bg-text p {
  font-size: 1.125em;
  font-weight: 400;
}

.overview-content .product-parts .bg .bg-text .smaller {
  font-size: 1em
}

.overview-content .product-parts .bg .bg-text-1 {
  top: 14.5em;
  left: 8em;
  width: 10em;
  text-align: left
}

.overview-content .product-parts .bg .bg-text-2 {
  top: 7.5em;
  left: 14em;
  width: 18em;
}

.overview-content .product-parts .bg .bg-text-3 {
  top: 10em;
  left: 36em;
  width: 12em;
}

.overview-content .product-parts .bg .bg-text-4 {
  top: 8.5em;
  left: 55em;
  width: 11em;
}

.overview-content .product-parts .bg .bg-text-5 {
  top: 7em;
  left: 53em;
  width: 18.5em;
}

.overview-content .product-parts .bg .bg-text-5 .small-desc {
  font-size: 0.8em;
}

.overview-content .product-parts .bg .bg-text-6 {
  top: 8.5em;
  left: 75em;
  width: 13em
}

.overview-content .product-parts .bg .bg-text-7 {
  top: 28em;
  left: 10em;
  width: 17em;
}

.overview-content .product-parts .bg .bg-text-8 {
  top: 31em;
  left: 71em;
  width: 11em;
}

.overview-content .product-parts .bg .bg-text-9 {
  top: 26em;
  left: 75em;
  width: 10em;
}

.overview-content .product-parts .notice {
  position: absolute;
  bottom: 2em;
  left: 2em;
  font-size: 1.125em;
  color: #b3b3b3
}

@media (min-width:1921px) {
  .overview-content .product-parts {
    font-size: 16px;
    background-size: 120em;
    height: 48.375em
  }

  .overview-content .product-parts .bg .bg-text-1 {
    top: 20em;
    left: 12em;
  }

  .overview-content .product-parts .bg .bg-text-2 {
    top: 12em;
    left: 19em;
    width: 15em;
  }

  .overview-content .product-parts .bg .bg-text-3 {
    top: 13.5em;
    left: 50em;
  }

  .overview-content .product-parts .bg .bg-text-4 {
    top: 10.5em;
    left: 82em;
  }

  .overview-content .product-parts .bg .bg-text-5 {
    top: 11em;
    left: 72em;
  }

  .overview-content .product-parts .bg .bg-text-6 {
    top: 11.5em;
    left: 100em;
  }

  .overview-content .product-parts .bg .bg-text-7 {
    top: 38em;
    left: 14em;
  }

  .overview-content .product-parts .bg .bg-text-8 {
    top: 41em;
    left: 96em;
  }

  .overview-content .product-parts .bg .bg-text-9 {
    top: 36em;
    left: 103em;
  }
}

@media (max-width:736px) {
  .overview-content .product-parts {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/c.jpg) 50% 100% no-repeat;
    background-size: 100%;
    height: 77.65625vw
  }

  .overview-content .product-parts .text {
    margin: 0 auto;
    padding: 0
  }

  .overview-content .product-parts h2 {
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 700;
    padding: 1.5em 20px 0.5em
  }

  .overview-content .product-parts p {
    font-size: 1.75em;
    padding: 0 20px
  }

  .overview-content .product-parts .bg .bg-text {
    width: 27vw
  }

  .overview-content .product-parts .bg .bg-text p {
    font-size: 1.125em;
    padding: 0
  }

  .overview-content .product-parts .bg .bg-text-1 {
    top: 23vw;
    left: 3vw;
    text-align: left;
    width: 23vw;
  }

  .overview-content .product-parts .bg .bg-text-2 {
    top: 8vw;
    left: 14vw;
    width: 35vw;
  }

  .overview-content .product-parts .bg .bg-text-3 {
    top: 28vw;
    left: 33vw;
    width: 29vw;
  }

  .overview-content .product-parts .bg .bg-text-4 {
    top: 10vw;
    left: 70vw;
    width: 24vw;
  }

  .overview-content .product-parts .bg .bg-text-5 {
    top: 8vw;
    left: 55vw;
    width: 30vw;
  }

  .overview-content .product-parts .bg .bg-text-6 {
    top: 25vw;
    left: 73vw;
    width: 25vw;
  }

  .overview-content .product-parts .bg .bg-text-7 {
    top: 55vw;
    left: 7vw;
    width: 43vw;
  }

  .overview-content .product-parts .bg .bg-text-8 {
    top: 55vw;
    left: 74vw;
    width: 21vw;
  }

  .overview-content .product-parts .bg .bg-text-9 {
    top: 63vw;
    left: 74vw;
    width: 26vw;
  }

  .overview-content .product-parts .bg .bg-text .smaller {
    font-size: 1.125em
  }

  .overview-content .product-parts .notice {
    padding: 0
  }
}

@media (max-width:414px) {
  .overview-content .product-parts {
    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 .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: #9c9c9c;
  cursor: pointer
}

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

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

.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-p300_v1.2/img/g1.jpg)
}

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

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

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

.overview-content .remote-control-local-control h3 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em
}

.overview-content .remote-control-local-control p {
  font-size: 1.25em;
  line-height: 1.5
}

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

.overview-content .remote-control-local-control .box {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.5em;
  padding: 2em;
  position: absolute
}

.overview-content .remote-control-local-control .c1 .box {
  top: 17.75em;
  left: -5em;
  width: 51%;
}

.overview-content .remote-control-local-control .c1 .desc {
  font-size: 1.5em;
  font-weight: 300;
  position: absolute;
  right: 10em;
  top: 3em;
  padding: 0.5em 1em;
  border-radius: 1em;
  background-color: #005eac;
  color: #fff;
}

.overview-content .remote-control-local-control .c1 .desc::after {
  content: '';
  position: absolute;
  right: 1em;
  border: 0.5em solid transparent;
  border-right: 0.5em solid #005eac;
  border-top: 0.5em solid #005eac;
  opacity: 1;
  bottom: -21px;
}

.overview-content .remote-control-local-control .c2 ul {
  margin-top: 1em
}

.overview-content .remote-control-local-control .c2 li {
  display: inline-block;
  width: 7em
}

.overview-content .remote-control-local-control .c2 li>b {
  display: block;
  margin: 0 auto;
  width: 5em;
  height: 5em;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/d-icons.png) 0 0 no-repeat;
  background-size: 20em
}

.overview-content .remote-control-local-control .c2 .c11>b {
  background-position: 0 0
}

.overview-content .remote-control-local-control .c2 .c12>b {
  background-position: -5em 0
}

.overview-content .remote-control-local-control .c2 .c13>b {
  background-position: -10em 0
}

.overview-content .remote-control-local-control .c2 .c14>b {
  background-position: -15em 0
}

.overview-content .remote-control-local-control .c2 li>p {
  font-size: 1em;
  text-align: center
}

.overview-content .remote-control-local-control .c2 .box {
  position: absolute;
  top: 15em;
  left: 37em;
  width: 56%;
}

.overview-content .remote-control-local-control .c3 .box {
  position: absolute;
  top: 15em;
  left: 37em;
  width: 56%;
}

@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
  }

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

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

  .overview-content .remote-control-local-control h2+h2 {
    padding-top: 0
  }

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

  .overview-content .remote-control-local-control 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;
    background: none;
    padding: 0
  }

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

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

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

  .overview-content .remote-control-local-control .c1 .desc {

    font-size: 3.5vw;
    top: 29vw;
    right: auto;
    left: 5vw;
  }

  .overview-content .remote-control-local-control .c1 .desc::after {
    bottom: -3vw
  }

  .overview-content .remote-control-local-control .c2 li>b {
    background: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/d-icon.png) 0 0 no-repeat;
    background-size: 20em;
  }

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

  .overview-content .remote-control-local-control .c3 {
    background-image: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/d3.jpg);
    padding-bottom: 64%;
  }

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

  .overview-content .remote-control-local-control .c2 ul {
    padding: 0 20px;
    text-align: center
  }

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

  .overview-content .remote-control-local-control .c2 ul p {
    padding: 0;
    font-size: 1.25em
  }
}

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

.overview-content .mbrace-Apple-HomeKit {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  padding: 6em 0 0
}

.overview-content .mbrace-Apple-HomeKit .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .mbrace-Apple-HomeKit .text {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  width: 40%;
  padding-left: 4em
}

.overview-content .mbrace-Apple-HomeKit .img {
  display: table-cell;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/d.jpg) no-repeat;
  background-size: 100% auto;
  width: 60%;
  height: 42.25em
}

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

.overview-content .mbrace-Apple-HomeKit p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: 1em
}

.overview-content .mbrace-Apple-HomeKit .apple-homekit {
  height: 3.125em;
  background-color: #fff;
  border-radius: .5em;
  border: 1px solid #000
}

@media(max-width:1680px) {
  .overview-content .mbrace-Apple-HomeKit {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .mbrace-Apple-HomeKit {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .mbrace-Apple-HomeKit {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/e.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding: 0 0 63%
  }

  .overview-content .mbrace-Apple-HomeKit .w-container {
    width: auto
  }

  .overview-content .mbrace-Apple-HomeKit .text {
    display: block;
    width: auto;
    padding: 0 0 1.5em;
    text-align: left
  }

  .overview-content .mbrace-Apple-HomeKit .img {
    display: none
  }

  .overview-content .mbrace-Apple-HomeKit h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }

  .overview-content .mbrace-Apple-HomeKit p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px .5em
  }

  .overview-content .mbrace-Apple-HomeKit .apple-homekit {
    height: 2.5em;
    margin-left: 20px
  }
}

@media(max-width:414px) {
  .overview-content .mbrace-Apple-HomeKit {
    font-size: 2.5vw
  }
}

.overview-content .fast-charging {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/e.jpg) 50% 0 no-repeat;
  background-size: 120em;
  padding-bottom: 22em;
  position: relative
}

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

.overview-content .fast-charging .text {
  text-align: left;
  padding: 11em 60% 0 4em
}

.overview-content .fast-charging h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em;
  padding-right: 4em
}

.overview-content .fast-charging p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: 1.5em
}

.overview-content .fast-charging .smart-action-wrap {
  width: 28em;
  height: 7.5em;
  position: relative;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/f-bar.png) 50% 0 no-repeat;
  background-size: 28em
}

.overview-content .fast-charging .smart-action-wrap span {
  position: absolute;
  line-height: 1.2
}

.overview-content .fast-charging .smart-action-wrap .info-1 {
  top: 0;
  left: 15em;
  width: 2.5em;
  font-size: 1.5em;
  font-weight: 700;
  font-style: italic;
  color: #b5b5b5
}

.overview-content .fast-charging .smart-action-wrap .info-2 {
  top: 2.25em;
  left: 0;
  font-size: 1em;
  font-weight: 400;
  width: 10em;
  color: #6d6d6d
}

.overview-content .fast-charging .smart-action-wrap .info-3 {
  top: 5em;
  left: 0;
  width: 10em;
  font-size: 1em;
  font-weight: 400;
  color: #6d6d6d
}

.overview-content .fast-charging .smart-action-wrap .info-4 {
  top: 3.75em;
  left: 12em;
  width: 2.5em;
  font-size: 1em;
  font-weight: 700;
  font-style: italic;
  color: #b5b5b5
}

.overview-content .fast-charging .smart-action-wrap .info-5 {
  top: 7em;
  left: 0em;
  font-size: 1em;
  font-weight: 400;
  font-style: italic;
  color: #fff;
  background-color: #b0b0b0;
  text-align: center;
  border-radius: 1em;
  padding: 3px 8px
}

.overview-content .fast-charging .temp {
  width: 25em;
  height: 15em;
  position: absolute;
  top: 9em;
  left: 57%;
}

.overview-content .fast-charging .temp .desc {
  padding: 0;
  font-weight: 500;
  line-height: 1.2
}

.overview-content .fast-charging .temp .desc1 {
  font-size: 3.4375em;
  color: #fff
}

.overview-content .fast-charging .temp .desc2 {
  font-size: 1.75em;
  color: #005eac;
  background: linear-gradient(90deg, #0baffb, #4285ec), -webkit-gradient(linear, left top, right top, from(#0baffb), to(#4285ec)) no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 0.5em;
  display: inline-block;
}

.overview-content .fast-charging .temp .desc3 {
  font-size: 3.4375em;
  color: #fff
}

.overview-content .fast-charging .temp .desc4 {
  font-size: 1.75em;
  color: #005eac;
  background: linear-gradient(90deg, #0baffb, #4285ec), -webkit-gradient(linear, left top, right top, from(#0baffb), to(#4285ec)) no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 0.5em;
  display: inline-block;
}

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

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

@media(max-width:736px) {
  .overview-content .fast-charging {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/f.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 81%;
    position: relative
  }

  .overview-content .fast-charging .w-container {
    width: auto
  }

  .overview-content .fast-charging .text {
    padding: 0 0 1.5em;
    text-align: left
  }

  .overview-content .fast-charging h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }

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

  .overview-content .fast-charging .smart-action-wrap {
    width: 70vw;
    height: 18.75vw;
    background-size: 70vw;
    margin: 0 20px
  }

  .overview-content .fast-charging .temp {
    left: 7vw;
    width: 60vw;
    height: 34vw;
    right: auto;
    top: auto;
    bottom: 39vw;
  }

  .overview-content .fast-charging .smart-action-wrap .info-1 {
    font-size: 1.875em;
    left: 56vw
  }

  .overview-content .fast-charging .smart-action-wrap .info-2 {
    top: 5vw;
    font-size: 1.25em
  }

  .overview-content .fast-charging .smart-action-wrap .info-3 {
    top: 13vw;
    font-size: 1.25em
  }
}

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

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

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

.overview-content .voice-control .text {
  text-align: left;
  padding: 9em 2em 0 52em
}

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

.overview-content .voice-control p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-right: 6em;
  padding-bottom: 1.5em
}

.overview-content .voice-control .smart-action-wrap {
  width: 25em;
  height: 10em;
  position: relative;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/g-1.jpg) 50% 0 no-repeat;
  background-size: 25em;
  margin-top: 1em
}

.overview-content .voice-control .smart-action-wrap span {
  position: absolute;
  color: #5b5b5b;
  font-size: 1.125em;
  width: 7em;
  text-align: center
}

.overview-content .voice-control .smart-action-wrap .info-1 {
  top: 5em;
  left: 0;
  width: 6em
}

.overview-content .voice-control .smart-action-wrap .info-2 {
  top: 5em;
  left: 7.5em
}

.overview-content .voice-control .smart-action-wrap .info-3 {
  top: 5em;
  left: 16em
}

.overview-content .voice-control .icon {
  height: 3.125em;
  border-radius: 0.5em;
  border: 1px solid #000;
  margin-right: 0.75em
}

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

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

@media(max-width:736px) {
  .overview-content .voice-control {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/g.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding: 0 0 84%;
    position: relative
  }

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

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

  .overview-content .voice-control .icons {
    margin: 0 20px
  }

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

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

  .overview-content .voice-control .smart-action-wrap {
    width: 60vw;
    height: 24vw;
    background-size: 60vw;
    margin: 0 20px
  }

  .overview-content .voice-control .smart-action-wrap .info-2 {
    left: 20vw
  }

  .overview-content .voice-control .smart-action-wrap .info-3 {
    left: 43vw
  }

  .overview-content .voice-control .icon {
    height: 3em;
    margin-right: 0.25em
  }
}

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

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

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

.overview-content .live-smarter .text {
  text-align: center;
  padding: 4em 0 0
}

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

.overview-content .live-smarter p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: 0.5em
}

.overview-content .live-smarter .nowrap {
  white-space: nowrap
}

.overview-content .live-smarter .bg {
  width: 95em;
  height: 45.875em;
  position: relative
}

.overview-content .live-smarter .bg .txt-wrap {
  position: absolute;
  opacity: 0.8;
  background-color: #fff;
  width: 22em;
  padding: 1em 1.5em;
  box-shadow: -3px 3px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.5em
}

.overview-content .live-smarter .bg .txt-wrap1 {
  bottom: 25em;
  left: 0%
}

.overview-content .live-smarter .bg .txt-wrap2 {
  left: 39%;
  bottom: 32em
}

.overview-content .live-smarter .bg .txt-wrap3 {
  left: 67%;
  bottom: 21em
}

.overview-content .live-smarter .bg .txt-wrap .icon {
  width: 2.75em;
  height: 2.75em;
  display: inline-block;
  background-image: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/h-icon.png);
  background-repeat: no-repeat;
  background-size: 5.5em;
  vertical-align: top
}

.overview-content .live-smarter .bg .txt-wrap1 .icon {
  background-position: 0 0
}

.overview-content .live-smarter .bg .txt-wrap2 .icon,
.overview-content .live-smarter .bg .txt-wrap3 .icon {
  background-position: 100% 0
}

.overview-content .live-smarter .bg .txt-wrap .txt {
  display: inline-block;
  width: calc(100% - 3em);
  vertical-align: top
}

.overview-content .live-smarter .bg .desc {
  line-height: 1.2
}

.overview-content .live-smarter .bg .desc1 {
  font-size: 1.5em;
  font-weight: 300;
  padding-bottom: 0.25em
}

.overview-content .live-smarter .bg .desc2 {
  font-size: 1.125em;
  font-weight: 300
}

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

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

@media(max-width:736px) {
  .overview-content .live-smarter {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/h.jpg) 50% 100% no-repeat;
    background-size: 100%
  }

  .overview-content .live-smarter .w-container {
    width: auto
  }

  .overview-content .live-smarter .text {
    padding: 0;
    text-align: left
  }

  .overview-content .live-smarter h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }

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

  .overview-content .live-smarter .bg {
    width: auto;
    height: 57.03125vw
  }

  .overview-content .live-smarter .bg .txt-wrap {
    width: 36vw;
    left: auto;
    right: 20vw;
    padding: 0.5vw 1vw
  }

  .overview-content .live-smarter .bg .txt-wrap1 {
    top: 0.75vw;
    bottom: auto
  }

  .overview-content .live-smarter .bg .txt-wrap2 {
    top: 16vw;
    bottom: auto
  }

  .overview-content .live-smarter .bg .txt-wrap3 {
    top: 28.5vw;
    bottom: auto
  }

  .overview-content .live-smarter .bg .txt-wrap .icon {
    width: 1.65em;
    height: 1.65em;
    background-size: 3.3em
  }

  .overview-content .live-smarter .bg .desc2 {
    font-size: 1.25em;
    padding: 0
  }

  .overview-content .live-smarter .bg .desc1 {
    padding: 0 0 0.25em;
    font-size: 0.9375em
  }

  .overview-content .live-smarter .bg .desc2 {
    font-size: 0.8125em
  }

  .overview-content .live-smarter .bg .txt-wrap .txt {
    width: calc(100% - 2em)
  }
}

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

.overview-content .guaranteed-safety {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/i.jpg) 100% 0 no-repeat;
  background-size: 120em;
  padding-bottom: 15em;
  position: relative
}

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

.overview-content .guaranteed-safety .text {
  text-align: left;
  padding: 19em 65% 0 1em;
}

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

.overview-content .guaranteed-safety p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: 1.5em
}

.overview-content .guaranteed-safety .content {
  width: 13em;
  text-align: center;
}

.overview-content .guaranteed-safety .content img {
  width: 6.25em;
}

.overview-content .guaranteed-safety .content p.note {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.2;
}

.overview-content .guaranteed-safety .temp .desc {
  font-size: 1em;
  position: absolute;
  padding: 0;
  width: 12em;
  font-weight: 400
}

.overview-content .guaranteed-safety .temp .desc1 {
  top: 11.45em;
  right: 28.5em;
}

.overview-content .guaranteed-safety .temp .desc2 {
  top: 35.875em;
  right: 22em;
}

.overview-content .guaranteed-safety .temp .desc4 {
  top: 34.875em;
  right: 45em;
}

.overview-content .guaranteed-safety .temp .desc3 {
  top: 35em;
  right: 7em;
}

.overview-content .guaranteed-safety .temp .desc3 li {
  list-style: disc;
  color: #2acdff;
  line-height: 1
}

.overview-content .guaranteed-safety .temp .desc3 p {
  padding: 0;
  font-size: 0.875em;
  color: #929394
}

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

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

@media(max-width:736px) {
  .overview-content .guaranteed-safety {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/i.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 72%;
    position: relative
  }

  .overview-content .guaranteed-safety .w-container {
    width: auto
  }

  .overview-content .guaranteed-safety .text {
    padding: 0;
    text-align: left
  }

  .overview-content .guaranteed-safety h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }

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

  .overview-content .guaranteed-safety .content p.note {
    font-size: 1.5em;
  }

  .overview-content .guaranteed-safety .smart-action-wrap {
    width: 69vw;
    height: 24vw;
    background-size: 69vw;
    margin: 0 20px
  }

  .overview-content .guaranteed-safety .temp {
    left: 10vw;
    right: auto;
    margin: 0 auto;
    top: auto;
    bottom: 10vw
  }

  .overview-content .guaranteed-safety .temp .desc {
    font-size: 1.25em
  }

  .overview-content .guaranteed-safety .temp .desc1 {
    top: auto;
    bottom: 60vw;
    left: 36vw;
    font-size: 1em
  }

  .overview-content .guaranteed-safety .temp .desc2 {
    top: auto;
    bottom: 11vw;
    left: 46vw;
    width: 20vw;
    font-size: 1em
  }

  .overview-content .guaranteed-safety .temp .desc4 {
    top: auto;
    bottom: 3vw;
    left: 6vw;
    width: 20vw;
    font-size: 1em
  }


  .overview-content .guaranteed-safety .temp .desc3 {
    top: auto;
    bottom: 2vw;
    left: 65.5vw;
    width: 32vw;
  }
}

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

.overview-content .power-off-memory {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/j.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding: 0em 0 8em
}

.overview-content .power-off-memory .w-container {
  width: 95em;
  margin: 0 auto
}

.overview-content .power-off-memory .text {
  text-align: left;
  padding: 9em 2em 0 52em
}

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

.overview-content .power-off-memory h3 {
  font-size: 1.875em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .power-off-memory p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-right: 6em;
  padding-bottom: 0.5em
}

.overview-content .power-off-memory .icon {
  display: inline-block;
  width: 3.75em;
  height: 3.75em;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/j-icon.png) 0 0 no-repeat;
  background-size: 3.75em;
  padding-bottom: 1em
}

@media(max-width:1680px) {
  .overview-content .power-off-memory {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .power-off-memory {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .power-off-memory {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/j.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding: 0 0 84%;
    position: relative
  }

  .overview-content .power-off-memory .w-container {
    width: auto
  }

  .overview-content .power-off-memory .text {
    padding: 0;
    text-align: left
  }

  .overview-content .power-off-memory .icons {
    margin: 0 20px
  }

  .overview-content .power-off-memory h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }

  .overview-content .power-off-memory h3 {
    padding: 0em 20px .5em
  }

  .overview-content .power-off-memory .icon-wrap {
    margin: 0 20px
  }

  .overview-content .power-off-memory p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px .5em
  }

  .overview-content .power-off-memory .smart-action-wrap {
    width: 60vw;
    height: 24vw;
    background-size: 60vw;
    margin: 0 20px
  }

  .overview-content .power-off-memory .smart-action-wrap .info-2 {
    left: 20vw
  }

  .overview-content .power-off-memory .smart-action-wrap .info-3 {
    left: 43vw
  }
}

@media(max-width:414px) {
  .overview-content .power-off-memory {
    font-size: 2.5vw
  }
}

.overview-content .share-families {
  font-size: 16px;
  background-color: #fff;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/k.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 42em
}

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

.overview-content .share-families .text {
  text-align: center;
  padding: 5em 8em 0
}

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

.overview-content .share-families p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: 0.5em
}

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

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

@media(max-width:736px) {
  .overview-content .share-families {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/k.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding: 0 0 50vw
  }

  .overview-content .share-families .w-container {
    width: auto;
    background: 0;
    padding-bottom: 0
  }

  .overview-content .share-families .text {
    padding: 0;
    text-align: left
  }

  .overview-content .share-families h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }

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

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

.overview-content .deterrent-for-home {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/l.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 14em
}

.overview-content .deterrent-for-home .w-container {
  width: 95em;
  margin: 0 auto
}

.overview-content .deterrent-for-home .text {
  text-align: left;
  padding: 18em 59em 0 9em
}

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

.overview-content .deterrent-for-home p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: 1.5em
}

@media(max-width:1680px) {
  .overview-content .deterrent-for-home {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .deterrent-for-home {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .deterrent-for-home {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/l.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 80%;
    position: relative
  }

  .overview-content .deterrent-for-home .w-container {
    width: auto
  }

  .overview-content .deterrent-for-home .text {
    padding: 0;
    text-align: left
  }

  .overview-content .deterrent-for-home h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }

  .overview-content .deterrent-for-home p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 1.5em
  }

  .overview-content .deterrent-for-home .smart-action-wrap {
    width: 60vw;
    height: 24vw;
    background-size: 60vw;
    margin: 0 20px
  }

  .overview-content .deterrent-for-home .smart-action-wrap .info-2 {
    left: 20vw
  }

  .overview-content .deterrent-for-home .smart-action-wrap .info-3 {
    left: 43vw
  }
}

@media(max-width:414px) {
  .overview-content .deterrent-for-home {
    font-size: 2.5vw
  }
}

.overview-content .dedicated-tapo-app {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 120em;
  background-image: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/i.jpg);
  height: 49.125em
}

.overview-content .dedicated-tapo-app .nowrap {
  white-space: nowrap
}

.overview-content .dedicated-tapo-app .w-container {
  width: 85.375em;
  margin: 0 auto;
  position: relative
}

.overview-content .dedicated-tapo-app .text {
  padding-top: 5em;
  text-align: center
}

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

.overview-content .dedicated-tapo-app p {
  font-size: 1.25em;
  line-height: 1.5
}

.overview-content .dedicated-tapo-app p.h1,
.overview-content .dedicated-tapo-app p.h2,
.overview-content .dedicated-tapo-app p.h3 {
  position: absolute;
  top: 32.5em;
  text-align: center;
  width: 18em
}

.overview-content .dedicated-tapo-app p.h1 {
  left: 3.5em
}

.overview-content .dedicated-tapo-app p.h2 {
  left: 26.3em
}

.overview-content .dedicated-tapo-app p.h3 {
  left: 48em
}

@media (max-width:1680px) {
  .overview-content .dedicated-tapo-app {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .dedicated-tapo-app {
    font-size: 12px
  }
}

@media (max-width:1024px) {
  .overview-content .dedicated-tapo-app {
    font-size: 10px
  }
}

@media (max-width:736px) {
  .overview-content .dedicated-tapo-app {
    font-size: 10.35px;
    height: auto;
    background-size: 100%;
    background-image: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/i.jpg);
    background-position: 50% 100%;
    background-color: #eeeeee;
    padding-bottom: 73.4375%
  }

  .overview-content .dedicated-tapo-app .m-hide {
    display: none
  }

  .overview-content .dedicated-tapo-app .w-container {
    width: auto
  }

  .overview-content .dedicated-tapo-app .text {
    padding: 0 0 2em;
    text-align: left
  }

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

  .overview-content .dedicated-tapo-app p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px
  }

  .overview-content .dedicated-tapo-app .detail {
    height: 0;
    position: absolute
  }

  .overview-content .dedicated-tapo-app p.h1,
  .overview-content .dedicated-tapo-app p.h2,
  .overview-content .dedicated-tapo-app p.h3 {
    top: 45vw;
    left: 0;
    right: 0;
    width: 24vw;
    font-size: 3.5vw;
    padding: 0;
    line-height: 1.3
  }

  .overview-content .dedicated-tapo-app p.h1 {
    left: 4vw
  }

  .overview-content .dedicated-tapo-app p.h2 {
    left: 35vw
  }

  .overview-content .dedicated-tapo-app p.h3 {
    left: 72vw
  }
}

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

.overview-content .enjoy-easy {
  font-size: 16px;
  background-color: #efefef;
  max-width: 120em;
  margin: 0 auto;
  padding: 4em 0
}

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

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

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

.overview-content .enjoy-easy p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: 0.5em
}

.overview-content .enjoy-easy .img-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 85.375em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/n.jpg) 50% 0 no-repeat;
  background-size: 85.375em
}

.overview-content .enjoy-easy .img-wrap .li {
  width: 30%;
  box-sizing: border-box;
  margin: 0 0.5%;
  position: relative
}

.overview-content .enjoy-easy .img-wrap .item {
  display: inline-block;
  width: 23%;
  vertical-align: bottom;
  margin-right: 1%;
  box-sizing: border-box
}



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

.overview-content .enjoy-easy .img-wrap .li-2 img {
  width: 100%
}

.overview-content .enjoy-easy .img-wrap .li-3 img {
  width: 100%
}


.overview-content .enjoy-easy .img-wrap .li p {
  text-align: center;
  font-size: 1.5em;
  padding: 5.5em 0 0;
  font-weight: 500
}

.overview-content .enjoy-easy .img-wrap .li .notice {
  font-size: 1.125em;
  font-weight: 300;
  padding: 0.5em 0 0;
  line-height: 1.2;
  position: absolute;
  width: 100%
}

.overview-content .enjoy-easy .num-bg {
  margin: 0 auto;
  width: 57.3125em;
  height: 2.125em;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/num.png) 50% 50% no-repeat;
  background-size: 100%;
  margin-top: 1em
}

.overview-content .enjoy-easy .mobile-img {
  display: none
}

.overview-content .enjoy-easy .img-wrap img.store {
  width: 153%
}

@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;
    padding: 0;
    background: none
  }

  .overview-content .enjoy-easy .w-container {
    width: auto;
    background: 0;
    padding-bottom: 0
  }

  .overview-content .enjoy-easy .text {
    padding: 0;
    text-align: left
  }

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

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

  .overview-content .enjoy-easy .num-bg {
    display: none
  }

  .overview-content .enjoy-easy .img-wrap {
    padding: 2em 20px;
    background: none;
    background-color: #eeeeee;
    width: auto;
    margin-top: 2em
  }

  .overview-content .enjoy-easy .img-wrap .li {
    width: 70%;
    margin: 0 0 4em 0
  }

  .overview-content .enjoy-easy .img-wrap .li p {
    padding: 0.5em 0
  }

  .overview-content .enjoy-easy .img-wrap .li .notice {
    top: 5%;
    left: 26%;
    text-align: left;
    width: 62%;
    padding: 0
  }

  .overview-content .enjoy-easy .mobile-img {
    display: block
  }

  .overview-content .enjoy-easy .pc-img {
    display: none
  }
}

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

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

.overview-content .live-smarter-by-presetting-times {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/h.jpg) 50% 100% no-repeat;
  background-size: 120em;
  padding-bottom: 50em;
}

.overview-content .live-smarter-by-presetting-times .w-container {
  width: 85.375em;
  margin: 0 auto;
  position: relative;
}

.overview-content .live-smarter-by-presetting-times .text {
  text-align: center;
  padding: 4em 10em 0;
}

.overview-content .live-smarter-by-presetting-times h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .live-smarter-by-presetting-times p {
  font-size: 1.25em;
  line-height: 1.5;
  word-wrap: break-word;
  color: #7f7f7f;
}

.overview-content .live-smarter-by-presetting-times .nowrap {
  white-space: nowrap;
}

.overview-content .live-smarter-by-presetting-times .bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}

.overview-content .live-smarter-by-presetting-times .bg .txt-wrap {
  position: absolute;
  opacity: 0.8;
  background-color: #fff;
  width: 18em;
  padding: 1.5em 2em;
  box-shadow: -3px 3px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2em;
  display: flex;
}

.overview-content .live-smarter-by-presetting-times .bg .txt-wrap1 {
  left: -1em;
  top: 25em;
}


.overview-content .live-smarter-by-presetting-times .bg .txt-wrap2 {
  left: 37.5em;
  top: 20em;
}

.overview-content .live-smarter-by-presetting-times .bg .txt-wrap3 {
  left: 71.5em;
  top: 33em;
}

.overview-content .live-smarter-by-presetting-times .bg .txt-wrap .icon {
  width: 3.75em;
}

.overview-content .live-smarter-by-presetting-times .bg .txt-wrap1 .icon-1,
.overview-content .live-smarter-by-presetting-times .bg .txt-wrap2 .icon-1 {
  background-image: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/h-icon1.png);
  background-repeat: no-repeat;
  background-size: 3.4375em;
  height: 3.0625em;
  background-position: 50% 0;
}

.overview-content .live-smarter-by-presetting-times .bg .txt-wrap1 .icon-2 {
  background-image: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/h-on.png);
  background-repeat: no-repeat;
  background-size: 3.125em;
  height: 1.4375em;
  background-position: 50% 0;
  margin-top: 2em;
}

.overview-content .live-smarter-by-presetting-times .bg .txt-wrap2 .icon-2,
.overview-content .live-smarter-by-presetting-times .bg .txt-wrap3 .icon-2 {
  background-image: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/h-off.png);
  background-repeat: no-repeat;
  background-size: 3.125em;
  height: 1.4375em;
  background-position: 50% 0;
  margin-top: 2em;
}

.overview-content .live-smarter-by-presetting-times .bg .txt-wrap3 .icon-1 {
  background-image: url(https://static-product.tp-link.com/tapo-p300_v1.2/img/h-icon2.png);
  background-repeat: no-repeat;
  background-size: 2.9375em;
  height: 3em;
  background-position: 50% 0;
}

.overview-content .live-smarter-by-presetting-times .bg .txt-wrap .txt {
  display: inline-block;
  width: calc(100% - 1.5em);
  vertical-align: top;
}

.overview-content .live-smarter-by-presetting-times .bg .desc {
  line-height: 1.2;
}

.overview-content .live-smarter-by-presetting-times .bg .desc1 {
  font-size: 1.5em;
  font-weight: 500;
  padding-bottom: 0.25em;
}

.overview-content .live-smarter-by-presetting-times .bg .desc2 {
  font-size: 2.25em;
  font-weight: 500;
}

.overview-content .live-smarter-by-presetting-times .bg .desc3 {
  font-size: 1.25em;
  font-weight: 300;
}

@media (max-width: 1680px) {
  .overview-content .live-smarter-by-presetting-times {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .overview-content .live-smarter-by-presetting-times {
    font-size: 12px;
  }
}

@media (max-width: 736px) {
  .overview-content .live-smarter-by-presetting-times {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p300_v1.2/m/h.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 58%;
  }

  .overview-content .live-smarter-by-presetting-times .w-container {
    width: auto;
  }

  .overview-content .live-smarter-by-presetting-times .text {
    padding: 0;
    text-align: left;
  }

  .overview-content .live-smarter-by-presetting-times h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em;
  }

  .overview-content .live-smarter-by-presetting-times .bg .txt-wrap1 .icon-1,
  .overview-content .live-smarter-by-presetting-times .bg .txt-wrap2 .icon-1 {
    background-size: 2em;
    height: 3.0625em;
  }

  .overview-content .live-smarter-by-presetting-times .bg .txt-wrap1 .icon-2 {
    background-size: 2em;
    height: 1.4375em;
    margin-top: 0;
  }

  .overview-content .live-smarter-by-presetting-times .bg .txt-wrap2 .icon-2,
  .overview-content .live-smarter-by-presetting-times .bg .txt-wrap3 .icon-2 {
    background-size: 2em;
    height: 1.4375em;
    margin-top: 0;
  }

  .overview-content .live-smarter-by-presetting-times .bg .txt-wrap3 .icon-1 {
    background-size: 2em;
    height: 3em;
  }

  .overview-content .live-smarter-by-presetting-times p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px 1em;
  }

  .overview-content .live-smarter-by-presetting-times .bg {
    position: relative;
  }

  .overview-content .live-smarter-by-presetting-times .bg .txt-wrap {
    width: 23vw;
    left: auto;
    padding: 1.5vw 2vw;
  }

  .overview-content .live-smarter-by-presetting-times .bg .txt-wrap1 {
    top: 19.75vw;
    bottom: auto;
    right: 66vw;
  }

  .overview-content .live-smarter-by-presetting-times .bg .txt-wrap2 {
    top: 10vw;
    bottom: auto;
    right: 26vw;
  }

  .overview-content .live-smarter-by-presetting-times .bg .txt-wrap3 {
    top: 38.5vw;
    bottom: auto;
    right: 10vw;
  }

  .overview-content .live-smarter-by-presetting-times .bg .txt-wrap .icon {
    margin-top: 0.5em;
    width: 2em;
  }

  .overview-content .live-smarter-by-presetting-times .bg .desc2 {
    font-size: 1.642em;
    padding: 0;
  }

  .overview-content .live-smarter-by-presetting-times .bg .desc1 {
    margin-bottom: 1em;
    font-size: 1.06em;
    padding: 0;
  }

  .overview-content .live-smarter-by-presetting-times .bg .desc3 {
    font-size: 0.91em;
    padding: 0;
  }

  .overview-content .live-smarter-by-presetting-times .bg .txt-wrap .txt {
    width: 18vw;
  }
}

@media (max-width: 414px) {
  .overview-content .live-smarter-by-presetting-times {
    font-size: 2.5vw;
  }
}