.overview-content .easy-control-from-anywhere {
  font-size: 16px;
  position: relative;
  background: url(https://static-product.tp-link.com/tapo-p110_v1.2/img/a.jpg) 50% 0 no-repeat;
  background-size: 120em;
  height: 62.625em;
  max-width: 120em;
  margin: 0 auto;
  position: relative
}


.overview-content .easy-control-from-anywhere .w-container {
  width: 85.375em;
  margin: 0 auto;
  position: relative;
}

.overview-content .easy-control-from-anywhere .w-container .text {
  padding: 16em 5em 0 39em;
  text-align: left
}

.overview-content .easy-control-from-anywhere h2 {
  font-size: 3.4375em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 16px
}

.overview-content .easy-control-from-anywhere h3 {
  font-size: 2em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 16px
}

.overview-content .easy-control-from-anywhere .icon {
  border-radius: 8px;
  margin-right: 1em;
  vertical-align: top
}

.overview-content .easy-control-from-anywhere .img-icon {
  height: 2em;
  font-size: 1.5em;
}

.overview-content .easy-control-from-anywhere .model {
  font-size: 1.875em;
  font-weight: 700;
  display: inline-block;
  color: #005eac;
  padding: 0 0.75em;
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 1em
}

@media(max-width:1680px) {
  .overview-content .easy-control-from-anywhere {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .easy-control-from-anywhere {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .easy-control-from-anywhere {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p110_v1.2/m/a.jpg) 50% 0 no-repeat;
    background-size: 100%;
    height: 135vw;
    position: relative
  }

  .overview-content .easy-control-from-anywhere .w-container {
    width: auto
  }

  .overview-content .easy-control-from-anywhere .w-container .text {
    padding: 8vw 0;
  }

  .overview-content .easy-control-from-anywhere .w-container .model {
    border-radius: 6px;
    border: 0
  }

  .overview-content .easy-control-from-anywhere h2 {
    font-size: 7.8vw;
    font-weight: 700;
    line-height: 1.2;
    padding: 0 20px 5.9375vw;
  }

  .overview-content .easy-control-from-anywhere h3 {
    font-size: 5vw;
    font-weight: 300;
    line-height: 1.2;
    padding: 0 20px 0.5em
  }

  .overview-content .easy-control-from-anywhere .line {
    margin: 4px 0;
    height: 22px
  }

  .overview-content .easy-control-from-anywhere .model {
    font-size: 3.75vw;
    font-weight: 700;
    padding: 0.15em 0.75em;
  }

  .overview-content .easy-control-from-anywhere .work-with-amazon,
  .overview-content .easy-control-from-anywhere .tag-hey_google {
    margin-right: 1em;
    border-radius: 6px
  }

  .overview-content .easy-control-from-anywhere .icons {
    margin: 0 20px;
  }

  .overview-content .easy-control-from-anywhere .icon {
    border-radius: 5px;
    margin-bottom: 0.5em;
    margin-right: 0.25em;
    box-sizing: border-box;
  }

  .overview-content .easy-control-from-anywhere .feature-wrap {
    padding: 0 20px;
    margin-bottom: 5em
  }

  .overview-content .easy-control-from-anywhere .feature-wrap .feature {
    font-size: 1.25em
  }

}

@media(max-width:414px) {
  .overview-content .easy-control-from-anywhere {
    font-size: 2.5vw
  }
}

.overview-content .tapo-switch-selling-point {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto
}

.overview-content .tapo-switch-selling-point .w-container {
  width: 85.375em;
  margin: 0 auto
}

.overview-content .tapo-switch-selling-point .feature-icon {
  padding: 5em 0
}

.overview-content .tapo-switch-selling-point .feature-icon ul {
  text-align: center
}

.overview-content .tapo-switch-selling-point .feature-icon li {
  display: inline-block;
  width: 24%;
  margin: 2em 0;
  vertical-align: top
}

.overview-content .tapo-switch-selling-point .feature-icon li p {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 500
}

.overview-content .tapo-switch-selling-point .feature-icon .b-icon {
  margin: 0 auto;
  text-align: center;
  width: 7.5em;
  height: 6.25em;
  background: url(https://static-product.tp-link.com/tapo-p110_v1.2/img/b.png) no-repeat;
  background-size: 30em
}

.overview-content .tapo-switch-selling-point .feature-icon .icon-1 {
  background-position: 0 0
}

.overview-content .tapo-switch-selling-point .feature-icon .icon-2 {
  background-position: 33.33% 0
}

.overview-content .tapo-switch-selling-point .feature-icon .icon-3 {
  background-position: 66.667% 0
}

.overview-content .tapo-switch-selling-point .feature-icon .icon-4 {
  background-position: 100% 0
}

.overview-content .tapo-switch-selling-point .feature-icon .icon-5 {
  background-position: 0% 100%
}

.overview-content .tapo-switch-selling-point .feature-icon .icon-6 {
  background-position: 33.333% 100%
}

.overview-content .tapo-switch-selling-point .feature-icon .icon-7 {
  background-position: 66.667% 100%
}

.overview-content .tapo-switch-selling-point .feature-icon .icon-8 {
  background-position: 100% 100%
}

@media(max-width:1680px) {
  .overview-content .tapo-switch-selling-point {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .tapo-switch-selling-point {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .tapo-switch-selling-point {
    font-size: 10.35px;
    background-size: 100%
  }

  .overview-content .tapo-switch-selling-point .w-container {
    width: auto
  }

  .overview-content .tapo-switch-selling-point .feature-icon {
    padding: 3em 0
  }

  .overview-content .tapo-switch-selling-point .feature-icon ul {
    text-align: left
  }

  .overview-content .tapo-switch-selling-point .feature-icon li {
    width: 49%;
    text-align: center
  }

  .overview-content .tapo-switch-selling-point .feature-icon li p {
    font-size: 1.25em;
    line-height: 1.42857;
    padding: 0.5em 20px
  }
}

@media(max-width:414px) {
  .overview-content .tapo-switch-selling-point {
    font-size: 2.5vw
  }
}


.overview-content .remote-control-local-control-1 {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto
}

.overview-content .remote-control-local-control-1 .menu {
  padding: 2em 0;
  text-align: center
}

.overview-content .remote-control-local-control-1 .menu li {
  display: inline-block;
  min-width: 16%;
  margin: 0 2%
}

.overview-content .remote-control-local-control-1 .menu li span {
  font-size: 2em;
  font-weight: 500;
  color: #9c9c9c;
  cursor: pointer
}

.overview-content .remote-control-local-control-1 .menu li.active span {
  color: #005eac;
  border-bottom: 2px solid currentColor
}

.overview-content .remote-control-local-control-1 .c0 {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 120em;
  height: 44.8125em;
  display: none;
  color: #fff
}

.overview-content .remote-control-local-control-1 .c0.active {
  display: block
}

.overview-content .remote-control-local-control-1 .c1 {
  background-image: url(https://static-product.tp-link.com/tapo-p110_v1.2/img/c-1.jpg)
}

.overview-content .remote-control-local-control-1 .c2 {
  background-image: url(https://static-product.tp-link.com/tapo-p110_v1.2/img/c-2.jpg)
}

.overview-content .remote-control-local-control-1 .c3 {
  background-image: url(https://static-product.tp-link.com/tapo-p110_v1.2/img/c-3.jpg)
}


.overview-content .remote-control-local-control-1 h2 {
  font-size: 3.125em;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 0.5em
}


.overview-content .remote-control-local-control-1 .text p {
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.5
}

.overview-content .remote-control-local-control-1 .w-container {
  width: 87.5em;
  margin: 0 auto;
  position: relative
}

.overview-content .remote-control-local-control-1 .box {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.5em;
  padding: 2em 3em;
  position: absolute
}

.overview-content .remote-control-local-control-1 .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.overview-content .remote-control-local-control-1 .c1 .box {
  top: 10.75em;
  right: -4em;
  width: 38.5%;
  min-height: 17em;
}

.overview-content .remote-control-local-control-1 .c1 .desc {
  font-size: 1.375em;
  position: absolute;
  padding: 0.25em 0.4em;
  border-radius: 20px;
  background-color: #005eb0;
  color: #fff;
  font-weight: 500;
}

.overview-content .remote-control-local-control-1 .c1 .desc1 {
  right: 32em;
  top: 8em;
}

.overview-content .remote-control-local-control-1 .c1 .desc2 {
  right: 9em;
  top: 28em;
}

.overview-content .remote-control-local-control-1 .c2 .box {
  top: 13.75em;
  right: -6em;
  width: 43%;
}

.overview-content .remote-control-local-control-1 .c2 .desc {
  position: absolute;
  left: 50em;
  top: 6.25em;
  display: flex;
  padding: 0.5em 1em 1em;
  background: rgb(0, 0, 0, 0.5);
  border-radius: 10px;
}

.overview-content .remote-control-local-control-1 .c2 .desc .c-icon {
  width: 3.5em;
  height: 2em;
  margin-top: 0.5em;
}

.overview-content .remote-control-local-control-1 .c2 .desc .content {
  width: 8em;
  margin-left: 1em;
}

.overview-content .remote-control-local-control-1 .c2 .desc .content .title {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 400;
  color: #fff;
  padding: 0;
}

.overview-content .remote-control-local-control-1 .c2 .desc .content .time {
  font-size: 1.25em;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  padding: 0;
}

.overview-content .remote-control-local-control-1 .c3 .box {
  top: 10.75em;
  right: -3.5em;
  width: 40%;
}

.overview-content .remote-control-local-control-1 .c3 .desc {
  position: absolute;
  left: 50.5em;
  top: 29.25em;
  display: flex;
  padding: 0.5em 1em 1em;
  background: rgb(0, 0, 0, 0.5);
  border-radius: 10px;
}

.overview-content .remote-control-local-control-1 .c3 .desc .c-icon {
  width: 3.5em;
  height: 2em;
  margin-top: 1em;
}

.overview-content .remote-control-local-control-1 .c3 .desc .content {
  width: 20em;
  margin-left: 1em;
}

.overview-content .remote-control-local-control-1 .c3 .desc .content .title {
  font-size: 1.25em;
  line-height: 1.5;
  font-weight: 400;
  color: #fff;
  padding: 0;
}


@media (max-width:1680px) {
  .overview-content .remote-control-local-control-1 {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .remote-control-local-control-1 {
    font-size: 12px
  }
}

@media (max-width:736px) {
  .overview-content .remote-control-local-control-1 {
    font-size: 10.35px
  }

  .overview-content .remote-control-local-control-1 .w-container {
    width: auto
  }

  .overview-content .remote-control-local-control-1 .text {
    padding: 0 0 1.5em;
    text-align: left
  }

  .overview-content .remote-control-local-control-1 h2 {
    font-size: 2.5em;
    font-weight: 400;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em
  }


  .overview-content .remote-control-local-control-1 .text p {
    font-size: 1.75em;
    line-height: 1.5;
    font-weight: 300;
    padding: 0 20px;
  }

  .overview-content .remote-control-local-control-1 .menu {
    display: none
  }

  .overview-content .remote-control-local-control-1 .box {
    position: relative;
    background: none;
    padding: 0
  }

  .overview-content .remote-control-local-control-1 .c0 {
    background: none;
    color: inherit;
    height: auto;
    display: block
  }


  .overview-content .remote-control-local-control-1 .c0 .bg {
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100%;
    position: relative;
    left: 0;
    top: 0;
  }

  .overview-content .remote-control-local-control-1 .c1 .box .desc {
    right: 33vw;
    bottom: 42vw;
    font-size: 3vw;
  }

  .overview-content .remote-control-local-control-1 .c {
    background: none;
  }

  .overview-content .remote-control-local-control-1 .c1 .bg {
    background-image: url(https://static-product.tp-link.com/tapo-p110_v1.2/m/c-1.jpg);
    padding-bottom: 68.75%
  }

  .overview-content .remote-control-local-control-1 .c2 .bg {
    background-image: url(https://static-product.tp-link.com/tapo-p110_v1.2/m/c-2.jpg);
    padding-bottom: 66.09375%
  }

  .overview-content .remote-control-local-control-1 .c3 .bg {
    background-image: url(https://static-product.tp-link.com/tapo-p110_v1.2/m/c-3.jpg);
    padding-bottom: 58.125%;
    height: 0;
  }


  .overview-content .remote-control-local-control-1 .c1 .box,
  .overview-content .remote-control-local-control-1 .c2 .box,
  .overview-content .remote-control-local-control-1 .c3 .box {
    width: auto;
    top: auto;
    left: auto;
    right: auto;
    position: relative
  }


  .overview-content .remote-control-local-control-1 .c2 .bg {
    position: relative;
    left: 0;
    top: 0;
  }

  .overview-content .remote-control-local-control-1 .c1 .desc {
    font-size: 3vw;
    padding: 1vw 2vw;
  }

  .overview-content .remote-control-local-control-1 .c1 .desc1 {
    right: 11vw;
    top: 15vw;
  }

  .overview-content .remote-control-local-control-1 .c1 .desc2 {
    right: 15vw;
    top: 52vw;
  }

  .overview-content .remote-control-local-control-1 .c2 .desc {
    left: 48vw;
    top: 17vw;
  }

  .overview-content .remote-control-local-control-1 .c2 .desc .content {
    width: 20vw;
  }

  .overview-content .remote-control-local-control-1 .c2 .desc .content .title {
    font-size: 3vw;
  }

  .overview-content .remote-control-local-control-1 .c2 .desc .content .time {
    font-size: 2.75vw;
  }

  .overview-content .remote-control-local-control-1 .c3 .desc {
    left: 44vw;
    top: 32vw;
    padding: 0.5em;
  }

  .overview-content .remote-control-local-control-1 .c3 .desc .c-icon {
    margin-top: 2vw;
    width: 7vw;
    height: 4vw;
  }

  .overview-content .remote-control-local-control-1 .c3 .desc .content {
    width: 42vw;
  }

  .overview-content .remote-control-local-control-1 .c3 .desc .content .title {
    font-size: 2.75vw;
  }
}

@media (max-width:414px) {
  .overview-content .remote-control-local-control-1 {
    font-size: 2.5vw
  }
}



.overview-content .auto-off {
  font-size: 16px;
  max-width: 120em;
  margin: 6.25em auto 0;
  background: url(https://static-product.tp-link.com/tapo-p110_v1.2/img/d.jpg) 50% 0% no-repeat;
  background-size: 120em;
  padding-bottom: 23em
}

.overview-content .auto-off .nowrap {
  white-space: nowrap
}

.overview-content .auto-off .w-container {
  width: 95em;
  margin: 0 auto
}

.overview-content .auto-off .text {
  text-align: left;
  padding: 19em 58em 0 0em;
}

.overview-content .auto-off h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .auto-off p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: .5em
}

@media(max-width:1680px) {
  .overview-content .auto-off {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .auto-off {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .auto-off {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p110_v1.2/m/d.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 66.5625%;
    position: relative;
    margin: 0 auto;
  }

  .overview-content .auto-off .w-container {
    width: auto
  }

  .overview-content .auto-off .text {
    padding: 0 0 1.5em;
    text-align: left
  }

  .overview-content .auto-off h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }

  .overview-content .auto-off p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
  }
}

@media(max-width:414px) {
  .overview-content .auto-off {
    font-size: 2.5vw
  }
}

.overview-content .smart-voice-control {
  font-size: 16px;
  max-width: 120em;
  margin: 0 auto;
  background: url(https://static-product.tp-link.com/tapo-p110_v1.2/img/e.jpg) 50% 0% no-repeat;
  background-size: 120em;
  padding-bottom: 22em;
  position: relative;
}

.overview-content .smart-voice-control .nowrap {
  white-space: nowrap
}

.overview-content .smart-voice-control .w-container {
  width: 95em;
  margin: 0 auto;
  position: relative;
}

.overview-content .smart-voice-control .text {
  text-align: left;
  padding: 16em 7em 0 55.5em;
}

.overview-content .smart-voice-control h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: .5em
}

.overview-content .smart-voice-control .text p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-bottom: .5em
}


.overview-content .smart-voice-control .desc {
  position: absolute;
  left: 22.5em;
  top: 37em;
  display: flex;
  padding: 1em 2em;
  background: rgb(0, 0, 0, 0.5);
  border-radius: 10px;
}

.overview-content .smart-voice-control .desc img {
  width: 2.75em;
  height: 2.75em;
  margin-top: 0.5em;
}

.overview-content .smart-voice-control .desc .content {
  width: 15em;
  margin-left: 1em;
}

.overview-content .smart-voice-control .desc .content .title {
  font-size: 1.3125em;
  line-height: 1.5;
  font-weight: 400;
  color: #fff;
  padding: 0;
}

.overview-content .smart-voice-control .desc .content .time {
  font-size: 1.5625em;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  padding: 0;
}

@media(max-width:1680px) {
  .overview-content .smart-voice-control {
    font-size: 14px
  }
}

@media(max-width:1440px) {
  .overview-content .smart-voice-control {
    font-size: 12px
  }
}

@media(max-width:736px) {
  .overview-content .smart-voice-control {
    font-size: 10.35px;
    background: url(https://static-product.tp-link.com/tapo-p110_v1.2/m/e.jpg) 50% 100% no-repeat;
    background-size: 100%;
    padding-bottom: 68.90625%;
    position: relative
  }

  .overview-content .smart-voice-control .w-container {
    width: auto
  }

  .overview-content .smart-voice-control .text {
    padding: 0 0 1.5em;
    text-align: left
  }

  .overview-content .smart-voice-control h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px .5em
  }

  .overview-content .smart-voice-control .text p {
    font-size: 1.75em;
    line-height: 1.42857;
    padding: 0 20px;
  }

  .overview-content .smart-voice-control .bg {
    position: relative;
    top: 0;
    left: 0;
  }

  .overview-content .smart-voice-control .desc img {
    width: 7.8vw;
    height: 7.8vw;
    margin-top: 1vw;
  }

  .overview-content .smart-voice-control .desc {
    left: 45vw;
    top: 53vw;
    padding: 2vw 4vw;
  }

  .overview-content .smart-voice-control .desc .content .title {
    font-size: 2.75vw;
    padding: 0;
  }

  .overview-content .smart-voice-control .desc .content {
    width: 31vw;
  }

  .overview-content .smart-voice-control .desc .content .time {
    font-size: 4vw;
    padding: 0;
  }
}

@media(max-width:414px) {
  .overview-content .smart-voice-control {
    font-size: 2.5vw
  }
}

.overview-content .remote-control-local-control {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto
}

.overview-content .remote-control-local-control .menu {
  padding: 2em 0;
  text-align: center
}

.overview-content .remote-control-local-control .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: 51.875em;
  color: #fff
}


.overview-content .remote-control-local-control .c1 {
  background-image: url(https://static-product.tp-link.com/tapo-p110_v1.2/img/f-1.jpg)
}

.overview-content .remote-control-local-control .c2 {
  background-image: url(https://static-product.tp-link.com/tapo-p110_v1.2/img/f-2.jpg)
}

.overview-content .remote-control-local-control .c3 {
  background-image: url(https://static-product.tp-link.com/tapo-p110_v1.2/img/f-3.jpg)
}


.overview-content .remote-control-local-control h2 {
  font-size: 3.125em;
  font-weight: 400;
  line-height: 1.2;
  padding-bottom: 0.5em;
}

.overview-content .remote-control-local-control .text p {
  font-size: 1.25em;
  line-height: 1.5;
}

.overview-content .remote-control-local-control .w-container {
  width: 87.5em;
  margin: 0 auto;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.overview-content .remote-control-local-control .box {
  border-radius: 0.5em;
  padding: 2em 3em;
  position: absolute
}

.overview-content .remote-control-local-control .c1 .box {
  top: 11.75em;
  right: 55em;
  width: 24%;
}

.overview-content .remote-control-local-control .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.overview-content .remote-control-local-control .c1 .desc {
  font-size: 1.125em;
  font-weight: 300;
  position: absolute;
  right: 19em;
  top: 7em;
  padding: 0.5em 1em;
  border-radius: 10px;
  background-color: rgb(93, 88, 87, 0.86);
  color: #fff;
}

.overview-content .remote-control-local-control .c1 .desc::after {
  content: '';
  position: absolute;
  right: 1em;
  border: 6px solid transparent;
  border-right: 6px solid rgb(93, 88, 87, 0.86);
  border-top: 6px solid rgb(93, 88, 87, 0.86);
  opacity: 1;
  bottom: -10px;
}

.overview-content .remote-control-local-control .c1 .text {
  color: #000;
}

.overview-content .remote-control-local-control .c2 .text {
  color: #fff;
}

.overview-content .remote-control-local-control .c2 .box {
  top: 12.25em;
  right: 3em;
  width: 43%;
}

.overview-content .remote-control-local-control .c2 ul {
  margin-top: 5em;
  margin-left: -2em;
}

.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: 4.375em;
  height: 4.375em;
  background: url(https://static-product.tp-link.com/tapo-p110_v1.2/img/e-icons.png) 0 0 no-repeat;
  background-size: 17.5em
}

.overview-content .remote-control-local-control .c2 .c11>b {
  background-position: 0 0
}

.overview-content .remote-control-local-control .c2 .c12>b {
  background-position: 33.333% 0
}

.overview-content .remote-control-local-control .c2 .c13>b {
  background-position: 66.6667% 0
}

.overview-content .remote-control-local-control .c2 .c14>b {
  background-position: 100% 0
}

.overview-content .remote-control-local-control .c2 li>p {
  font-size: 1em;
  text-align: center
}

.overview-content .remote-control-local-control .c3 .box {
  top: 11.75em;
  right: 4em;
  width: 44%;
}

.overview-content .remote-control-local-control .swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}

.overview-content .remote-control-local-control .swiper-slide {
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.overview-content .remote-control-local-control .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #fff;
}

.overview-content .remote-control-local-control .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 15px
}

@media (max-width:1680px) {
  .overview-content .remote-control-local-control {
    font-size: 14px
  }
}

@media (max-width:1440px) {
  .overview-content .remote-control-local-control {
    font-size: 12px
  }
}

@media (max-width:736px) {
  .overview-content .remote-control-local-control {
    font-size: 10.35px
  }

  .overview-content .remote-control-local-control .w-container {
    width: auto;
    position: relative;

  }

  .overview-content .remote-control-local-control .text {
    padding: 0 0 1.5em;
    text-align: left
  }

  .overview-content .remote-control-local-control h2 {
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 20px 0.5em
  }


  .overview-content .remote-control-local-control .c0 .bg {
    position: relative;
  }

  .overview-content .remote-control-local-control .swiper {
    width: auto;
    height: auto;
    overflow: visible;
    display: block;
  }

  .overview-content .remote-control-local-control h3 {
    font-size: 2em;
    line-height: 1.2;
    padding: 0 20px 0.5em
  }

  .overview-content .remote-control-local-control .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .remote-control-local-control .menu {
    display: none
  }

  .overview-content .remote-control-local-control .box {
    position: relative;
    padding: 0
  }


  .overview-content .remote-control-local-control .c0 {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    height: auto;
    color: #000;
  }


  .overview-content .remote-control-local-control .c1 .box .desc {
    right: 33vw;
    bottom: 42vw;
    font-size: 3vw;
  }

  .overview-content .remote-control-local-control .c1 .desc {
    right: 24vw;
    top: 5vw;
  }

  .overview-content .remote-control-local-control .c1 {
    background-image: url(https://static-product.tp-link.com/tapo-p110_v1.2/m/f-1.jpg);
    padding-bottom: 67.34375%
  }

  .overview-content .remote-control-local-control .c2 .text {
    color: #000;
  }

  .overview-content .remote-control-local-control .c2 {
    background-image: url(https://static-product.tp-link.com/tapo-p110_v1.2/m/f-2.jpg);
    padding-bottom: 66.25%
  }

  .overview-content .remote-control-local-control .c3 {
    background-image: url(https://static-product.tp-link.com/tapo-p110_v1.2/m/f-3.jpg);
    padding-bottom: 57.65625%;
  }


  .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;
    right: auto;
    position: relative
  }

  .overview-content .remote-control-local-control .c2 .bg {
    position: relative;
    left: 0;
    top: 0;
  }

  .overview-content .remote-control-local-control .c2 ul {
    text-align: center;
    margin: 1em 0 0;
  }

  .overview-content .remote-control-local-control .c2 li {
    width: 24%
  }

  .overview-content .remote-control-local-control .c2 ul p {
    padding: 0;
    font-size: 4.375vw
  }

  .overview-content .remote-control-local-control .c2 li>b {
    background: url(https://static-product.tp-link.com/tapo-p110_v1.2/m/e-icons.png) 0 0 no-repeat;
    background-size: 43.75vw;
    width: 10.9375vw;
    height: 10.9375vw;
  }
}

@media (max-width:414px) {
  .overview-content .remote-control-local-control {
    font-size: 2.5vw
  }
}


.overview-content .group-scenes {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  padding: 6.25em 0 0;
}

.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: 100%;
}

.overview-content .group-scenes .feature .li-2 {
  position: relative;
}


.overview-content .group-scenes .feature ul h2 {
  font-size: 1.875em;
  line-height: 1.2;
  font-weight: 500;
  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-1 .desc {
  top: 88%;
  width: 20%;
  font-size: 0.875em;
  font-weight: 300;
  line-height: 1;
  color: #fff;
}

.overview-content .group-scenes .feature ul .li-1 .desc1 {
  left: 4%;
}

.overview-content .group-scenes .feature ul .li-1 .desc2 {
  left: 28%;
}

.overview-content .group-scenes .feature ul .li-1 .desc3 {
  left: 52%;
}

.overview-content .group-scenes .feature ul .li-1 .desc4 {
  left: 78%;
}

.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: 11%;
}

.overview-content .group-scenes .feature ul .li-2 .desc2 {
  left: 41.5%;
}

.overview-content .group-scenes .feature ul .li-2 .desc3 {
  left: 69.5%;
}

.overview-content .group-scenes .feature ul .li-4 .desc {
  width: 20%;
  font-size: 1em;
  font-weight: 300;
  line-height: 1;
  color: #767676;
}

.overview-content .group-scenes .feature ul .li-4 .desc1 {
  left: 69%;
  top: 75%;
  transform: rotateZ(-5deg);
}

.overview-content .group-scenes .feature ul .li-4 .desc2 {
  left: 85.5%;
  top: 46%;
  transform: rotateZ(89deg);
}


@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 .text {
    text-align: left;
  }

  .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;
    flex-direction: column-reverse;
  }

  .overview-content .group-scenes .feature .li-2 .desc {
    top: 69%;
    left: 3%;
    font-size: 2.5vw;
  }
  .overview-content .group-scenes .feature .text-container{
    padding: 0 0 1.5em;
  }
  .overview-content .group-scenes .feature ul h2 {
    text-align: left;
    font-size: 2.5em;
    line-height: 1.2;
    padding: 1.5em 0 0.5em;
    font-weight: 500;
  }

  .overview-content .group-scenes .feature ul p {
    font-size: 1.75em;
    padding: 0;
    text-align: left;
    width: auto;
  }

  .overview-content .group-scenes .feature ul .li-1 .desc {
    font-size: 3vw;
  }

  .overview-content .group-scenes .feature ul .li-2 .desc {
    font-size: 3vw;
  }

  .overview-content .group-scenes .feature ul .li-4 .desc {
    font-size: 2.5vw;
  }
}

@media (max-width: 414px) {
  .overview-content .group-scenes {
    font-size: 2.5vw;
  }
}

.overview-content .dedicated-tapo-app {
  font-size: 16px;
  max-width: 1920px;
  margin: 0 auto;
  height: auto;
  background-color: #efefef;
  padding: 4em 0 8em
}

.overview-content .dedicated-tapo-app .w-container {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  width: 85.375em;
}

.overview-content .dedicated-tapo-app .text {
  padding: 0;
  text-align: center;
}

.overview-content .dedicated-tapo-app .text .desc {
  padding: 0 13em;
}

.overview-content .dedicated-tapo-app .text .box {
  background: url(https://static-product.tp-link.com/tapo-p110_v1.2/img/h.png) 50% 100% no-repeat;
  background-size: 62.6875em;
  width: 62.6875em;
  margin: 2em auto 0;
  position: relative;
  height: 0;
  padding-bottom: 21.75em;
}

.overview-content .dedicated-tapo-app .text .box p {
  position: absolute;
  color: #313d3e;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.2;
  width: 37%;
  bottom: -12%;
  text-align: center;
}

.overview-content .dedicated-tapo-app .text .box .p1 {
  left: -11%;
}

.overview-content .dedicated-tapo-app .text .box .p2 {
  left: 34%;
}

.overview-content .dedicated-tapo-app .text .box .p3 {
  left: 76%;
}

.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 .text p {
  font-size: 1.375em;
  line-height: 1.5;
}

@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;
    padding: 0 0 8em
  }

  .overview-content .dedicated-tapo-app .text .desc {
    padding: 0 20px;
  }

  .overview-content .dedicated-tapo-app .w-container {
    width: auto;
    max-width: 100%;
  }

  .overview-content .dedicated-tapo-app .text {
    padding: 0;
    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 .text p {
    font-size: 1.75em;
    line-height: 1.5;
    padding: 0 20px;
  }

  .overview-content .dedicated-tapo-app .text .box {
    background: url(https://static-product.tp-link.com/tapo-p110_v1.2/m/h.png) center/40% no-repeat;
    padding-bottom: 240vw;
    width: 100%;
    margin: 0
  }

  .overview-content .dedicated-tapo-app .text .box p {
    width: 100%;
    font-size: 2em;
    padding: 0
  }

  .overview-content .dedicated-tapo-app .text .box .p1 {
    left: 0;
    bottom: 157vw
  }

  .overview-content .dedicated-tapo-app .text .box .p1:before {
    content: '1';
    display: inline-block;
    border: 1px solid #000;
    border-radius: 50%;
    margin-right: 0.5em;
    padding: 0.5vw 2vw;
  }

  .overview-content .dedicated-tapo-app .text .box .p2:before {
    content: '2';
    display: inline-block;
    border: 1px solid #000;
    border-radius: 50%;
    margin-right: 0.5em;
    padding: 0.5vw 2vw;
  }

  .overview-content .dedicated-tapo-app .text .box .p3:before {
    content: '3';
    display: inline-block;
    border: 1px solid #000;
    border-radius: 50%;
    margin-right: 0.5em;
    padding: 0.5vw 2vw;
  }

  .overview-content .dedicated-tapo-app .text .box .p2 {
    left: 0;
    bottom: 87vw
  }

  .overview-content .dedicated-tapo-app .text .box .p3 {
    left: 0%;
    bottom: -4vw;
  }
}

@media (max-width:414px) {
  .overview-content .dedicated-tapo-app {
    font-size: 2.5vw;
  }
}