.overview-content {
  font-size: 16px;
  font-weight: 300;
  margin: 0 auto;
  max-width: 1920px;
  max-width: 120em;
  width: 100%
}

.overview-content .regular {
  font-weight: 400 !important
}

.overview-content .medium {
  font-weight: 500 !important
}

.overview-content .bold {
  font-weight: 700 !important
}

.overview-content .text h2 {
  font-size: 3.125em;
  line-height: 1.2;
  font-weight: 400
}

.overview-content .text h3 {
  font-size: 1.875em;
  line-height: 1.2
}

.overview-content .text p {
  font-size: 1.25em;
  line-height: 1.5;
  padding-top: 1em
}

@media (max-width: 1440px) {
  .overview-content {
    font-size: 1.1111vw
  }
}

.overview-content .section {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  box-sizing: border-box;
  overflow: hidden
}

@media (max-width: 736px) {
  .overview-content {
    min-width: 320px;
    font-size: 10.35px
  }

  .overview-content .w1366 {
    width: auto
  }

  .overview-content .text h2 {
    font-size: 2.5em;
    padding: 1.2em 20px .8em
  }

  .overview-content .text h3 {
    font-size: 2em;
    padding: 0 20px 1em
  }

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



  .overview-content h2 {
    box-sizing: border-box
  }

  .overview-content .section {
    padding-top: 0;
    background-size: 100% auto;
    background-position: bottom
  }
}

.overview-content .regular,
.overview-content .regular * {
  font-weight: 400
}

.overview-content .medium,
.overview-content .medium * {
  font-weight: 500
}

.overview-content .bold,
.overview-content .bold * {
  font-weight: 700
}

.overview-content .clearfix:after {
  content: '';
  display: block;
  clear: both
}

.overview-content .t-left {
  text-align: left
}

.overview-content .t-right {
  text-align: right
}

.overview-content .t-center {
  text-align: center
}

.overview-content .pa {
  font-size: 1.25em;
  line-height: 1.5;
  padding-top: 1em
}

@media (max-width: 736px) {
  .overview-content .pa {
    font-size: 1.75rem;
    padding: 0 6%
  }
}

.overview-content .hidden {
  display: none
}

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

.overview-content .table {
  display: table;
  width: 100%
}

.overview-content .table .tr {
  display: table-row
}

.overview-content .table .td {
  display: table-cell
}

.overview-content .section-right {
  text-align: right
}

.overview-content .section-right .text {
  display: inline-block;
  text-align: left
}

.overview-content .section .bg-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.overview-content .section .bg-text .center-block {
  left: 0;
  right: 0;
  margin: auto;
  text-align: center
}

.overview-content .section .bg-text .center-block div {
  display: inline-block;
  position: relative
}

.overview-content .section .bg-text>div {
  position: absolute
}

.overview-content .note,
.overview-content .note p,
.overview-content .note span,
.overview-content .text .note,
.overview-content .text .note p,
.overview-content .text .note span {
  font-size: .875em
}

.overview-content .w1366 {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  width: 85.375em
}

@media (max-width: 1080px) and (min-width:737px) {
  .overview-content .w1366 {
    width: 94.851625vw
  }
}

@media (max-width: 736px) {

  .overview-content .note,
  .overview-content .text .note {
    padding: 0 6%;
    font-size: 1.2rem
  }

  .overview-content .note p,
  .overview-content .note span,
  .overview-content .text .note p,
  .overview-content .text .note span {
    font-size: 1.2rem
  }

  .overview-content ul {
    padding: 0 6%
  }

  .overview-content .w1366 {
    width: auto;
    max-width: 100%
  }
}

.overview-content .w1400 {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  width: 87.5em
}

@media (max-width: 1080px) and (min-width:737px) {
  .overview-content .w1400 {
    width: 97.2125vw
  }
}

@media (max-width: 736px) {
  .overview-content .w1400 {
    width: auto;
    max-width: 100%
  }
}

.overview-content .w1470 {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  width: 91.875em
}

@media (max-width: 1080px) and (min-width:737px) {
  .overview-content .w1470 {
    width: 102.073125vw
  }
}

@media (max-width: 736px) {
  .overview-content .w1470 {
    width: auto;
    max-width: 100%
  }
}

.overview-content .w1520 {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  width: 95em
}

@media (max-width: 1080px) and (min-width:737px) {
  .overview-content .w1520 {
    width: 105.545vw
  }
}

@media (max-width: 736px) {
  .overview-content .w1520 {
    width: auto;
    max-width: 100%
  }
}

.overview-content .w1640 {
  position: relative;
  max-width: 90%;
  margin: 0 auto;
  width: 102.5em
}

@media (max-width: 1080px) and (min-width:737px) {
  .overview-content .w1640 {
    width: 113.8775vw
  }
}

.overview-content .tag-group {
  height: 2.8125em;
  letter-spacing: .7em;
  padding-bottom: 2px
}

.overview-content .tag-group.no-border .tag {
  border: none
}

.overview-content .tag-group .tag {
  display: inline-block;
  height: 100%;
  border-radius: .625em;
  border: 1px solid #000;
  background: #fff;
  overflow: hidden
}

.overview-content .tag-group .tag.no-border {
  border: none
}

.overview-content .tag-group .tag img {
  max-height: 100%;
  max-width: 100%
}

@media (max-width: 736px) {
  .overview-content .w1640 {
    width: auto;
    max-width: 100%
  }

  .overview-content .tag-group {
    height: 7.03125vw
  }

  .overview-content .tag-group .tag .inner {
    border-radius: 1.5625vw
  }
}

.overview-content .a {
  background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/img/01-bg.jpg);
  background-color: #187be7;
  padding: 12.5em 0 20em;
  min-height: 53.125em;
  color: #fff
}

.overview-content .a .text {
  width: 60%
}

.overview-content .a .title-pre {
  font-size: 2.5em;
  font-weight: 500
}

.overview-content .a .title {
  font-size: 3.4375em;
  font-weight: 700
}

.overview-content .a .title-sub {
  font-size: 1.5em
}

.overview-content .a .tag-group {
  padding-top: 1.5625em
}

.overview-content .a .tag-group .tag {
  border: none
}

.overview-content .b {
  background: #f0f6ff;
  padding: 3.75em 0 6.25em
}

.overview-content .b .list {
  text-align: center
}

.overview-content .b .list .li {
  display: inline-block;
  box-sizing: border-box;
  width: 19%;
  padding: 1em;
  vertical-align: top
}

.overview-content .b .list .li .img {
  display: block;
  width: 6.875em;
  max-width: 100%;
  margin: auto;
  line-height: 0
}

.overview-content .b .list .li .img:before {
  content: '';
  display: block;
  width: 100%;
  height: 0;
  padding-top: 90.9090909090909%;
  background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/img/02-icons.png);
  background-size: 1000% auto;
  background-repeat: no-repeat
}

.overview-content .b .list .li-1 .img:before {
  background-position: 0 0
}

.overview-content .b .list .li-2 .img:before {
  background-position: 11.11111111111111% 0
}

.overview-content .b .list .li-3 .img:before {
  background-position: 22.22222222222222% 0
}

.overview-content .b .list .li-4 .img:before {
  background-position: 33.33333333333333% 0
}

.overview-content .b .list .li-5 .img:before {
  background-position: 44.44444444444444% 0
}

.overview-content .b .list .li-6 .img:before {
  background-position: 55.55555555555556% 0
}

.overview-content .b .list .li-7 .img:before {
  background-position: 66.66666666666666% 0
}

.overview-content .b .list .li-8 .img:before {
  background-position: 77.77777777777777% 0
}

.overview-content .b .list .li-9 .img:before {
  background-position: 88.88888888888889% 0
}

.overview-content .b .list .li-10 .img:before {
  background-position: 100% 0
}

.overview-content .b .list .li .info {
  padding-top: .5em;
  font-size: 1.375em;
  font-weight: 500;
  color: #313d3e
}

.overview-content .c .text,
.overview-content .d .text {
  position: relative;
  z-index: 20
}

.overview-content .c .title-sub,
.overview-content .d .title-sub {
  padding-top: .5em;
  font-size: 2.5em;
  font-weight: 400
}

.overview-content .c .icon .inner,
.overview-content .d .icon .inner {
  height: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain
}

.overview-content .cd {
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/0304-bg.jpg) top repeat-x;
  background-size: auto 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff), linear-gradient(to right, #5973d0, rgba(255, 255, 255, 0)) #4195f4
}

.overview-content .c {
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/03-bg.png) top no-repeat;
  background-size: cover;
  padding: 8.125em 0 13.75em;
  overflow: visible
}

.overview-content .c .bg-text .light-mask {
  z-index: 10;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/03-mask.png) top no-repeat;
  background-size: cover;
  opacity: 0
}

.overview-content .c .title {
  font-weight: 500
}

.overview-content .c .ic-60w {
  width: 13.2em
}

.overview-content .c .control-bar {
  padding-top: 2.5em;
  user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  width: auto
}

.overview-content .c .control-bar .td {
  vertical-align: middle
}

.overview-content .c .control-bar .progress {
  padding: 0 2em;
  width: 12.875em
}

.overview-content .c .control-bar .progress .inner {
  position: relative;
  height: .375em;
  width: 100%
}

.overview-content .c .control-bar .line {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e9e9e9
}

.overview-content .c .control-bar .line .percent {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #3f4bec
}

.overview-content .c .control-bar .pointer {
  cursor: pointer;
  touch-action: none;
  position: absolute;
  left: -.9375em;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #4242e5;
  width: 1.875em;
  height: 1.875em;
  border-radius: 50%;
  box-shadow: 0 0 13px rgba(22, 22, 22, .22)
}

.overview-content .c .text {
  width: 40%
}

.overview-content .c .text .icon {
  width: 3.375em
}

.overview-content .c .text .icon .inner {
  background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/img/03-i.png);
  padding-top: 66.66666666666666%
}

.overview-content .c .text .icon-start {
  width: 1.3125em
}

.overview-content .c .text .icon-start .inner {
  background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/img/03-p-1.png);
  padding-top: 119.04761904761905%
}

.overview-content .c .text .icon-end {
  width: 1.875em
}

.overview-content .c .text .icon-end .inner {
  background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/img/03-p-2.png);
  padding-top: 96.66666666666667%
}

.overview-content .c .context {
  padding-top: 5em
}

.overview-content .d {
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/04-bg.jpg) 29.30584192439865% 100% no-repeat;
  background-size: 69.6875%
}

.overview-content .d:after {
  content: '';
  display: block;
  height: 0;
  padding-top: 36.97916666666667%
}

@media (max-width: 736px) {
  .overview-content .d:after {
    display: none
  }
}

.overview-content .d:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/04-bg-1.png) bottom/100% auto no-repeat
}

.overview-content .d .text {
  width: 55%
}

.overview-content .d .text .icon {
  width: 2.0625em
}

.overview-content .d .text .icon .inner {
  background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/img/04-i.png);
  padding-top: 100%
}

.overview-content .e {
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/05-bg.jpg) bottom no-repeat;
  background-size: 100% auto
}

.overview-content .e:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 26.5625%
}

@media (max-width: 736px) {
  .overview-content .e:before {
    display: none
  }
}

.overview-content .e:after {
  content: '';
  display: block;
  height: 0;
  padding-top: 18.229166666666668%
}

@media (max-width: 736px) {
  .overview-content .e:after {
    display: none
  }
}

.overview-content .e .text {
  padding-right: 60%
}

.overview-content .e h3 {
  padding-bottom: .5em;
  font-size: 2.5em;
  font-weight: 400
}

.overview-content .e h2 {
  font-weight: 500
}

.overview-content .e .bg-text {
  z-index: 1;
  left: 43.75%;
  right: 0;
  width: auto;
  height: 0;
  padding-top: 44.79166666666667%;
  color: #fff;
  line-height: 1;
  white-space: nowrap
}

.overview-content .e .bg-text .markup {
  top: 3.488372093023256%;
  left: .852893013100437%;
  height: 17.875em
}

.overview-content .e .bg-text .line-wrap {
  padding-left: 2.5em
}

.overview-content .e .bg-text .cards {
  padding-bottom: 1.25em;
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/05-img-0.png) top left no-repeat;
  background-size: 1.0625em auto
}

.overview-content .e .bg-text table {
  width: 100%;
  border-collapse: separate
}

.overview-content .e .bg-text td {
  vertical-align: middle
}

.overview-content .e .bg-text .card-1 img {
  width: 3.375em
}

.overview-content .e .bg-text .card-2 img {
  width: 3.8125em
}

.overview-content .e .bg-text .card {
  margin-top: 1.875em;
  padding: .9375em 1.5625em;
  border-radius: .625em;
  background: rgba(221, 240, 255, .46)
}

.overview-content .e .bg-text .card-2 {
  opacity: .8
}

.overview-content .e .bg-text .card .line-1 {
  font-weight: 500
}

.overview-content .e .bg-text .card .line-2 {
  padding-top: .5em
}

.overview-content .e .bg-text .card .td-2 {
  padding: 0 1.25em
}

.overview-content .e .bg-text .card .td-2 .line-1 {
  font-size: 1.6875em
}

.overview-content .e .bg-text .card .td-2 .line-2 {
  font-size: 1em
}

.overview-content .e .bg-text .card .td-3 {
  text-align: right
}

.overview-content .e .bg-text .card .td-3 .line-1 {
  font-size: 1.375em
}

.overview-content .e .bg-text .card .td-3 .line-2 {
  font-size: 1.125em
}

.overview-content .e .bg-text .desc-1 {
  font-size: 2.5em
}

.overview-content .f {
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/06-bg.jpg) bottom/100% auto no-repeat
}

.overview-content .f:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 9.375%
}

@media (max-width: 736px) {
  .overview-content .f:before {
    display: none
  }
}

.overview-content .f:after {
  content: '';
  display: block;
  height: 0;
  padding-top: 32.29166666666667%
}

@media (max-width: 736px) {
  .overview-content .f:after {
    display: none
  }
}

.overview-content .f .bg-text {
  height: auto;
  padding-top: 28.541666666666668%
}

.overview-content .f .bg-text .dialog {
  box-sizing: border-box;
  padding: .357142857142857em .535714285714286em;
  font-size: 1.75em;
  font-weight: 500;
  color: #fff
}

.overview-content .f .bg-text .dialog>span {
  position: relative;
  z-index: 1
}

.overview-content .f .bg-text .dialog .bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.overview-content .f .bg-text .dialog .bg:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  content: '';
  display: block;
  border-radius: 1.071428571428571em;
  box-shadow: 1.79183975px 4.66790213px 10px rgba(0, 0, 0, .41)
}

.overview-content .f .bg-text .dialog .bg:after {
  content: '';
  display: block;
  pointer-events: none;
  position: absolute;
  top: 95%;
  right: 10%;
  width: 1.25em;
  height: .833333333333333em;
  transform: skew(20deg, 30deg) translateY(-50%)
}

.overview-content .f .bg-text .dialog-1,
.overview-content .f .bg-text .dialog-2 {
  bottom: 75.72992700729927%
}

.overview-content .f .bg-text .dialog-1 {
  max-width: 23.4375%;
  right: 68.22916666666667%;
  text-shadow: 1.79183975px 4.66790213px 10px rgba(0, 0, 0, .48)
}

.overview-content .f .bg-text .dialog-1 .bg {
  opacity: .54
}

.overview-content .f .bg-text .dialog-1 .bg:after,
.overview-content .f .bg-text .dialog-1 .bg:before {
  background: #e5debd
}

.overview-content .f .bg-text .dialog-2 {
  max-width: 40%;
  right: 4.427083333333334%
}

.overview-content .f .bg-text .dialog-2 .bg {
  opacity: .84
}

.overview-content .f .bg-text .dialog-2 .bg:before {
  background: linear-gradient(to right, #7fbbff, #708bff)
}

.overview-content .f .bg-text .dialog-2 .bg:after {
  background: linear-gradient(to right, #7497ff, #7291ff)
}

.overview-content .g:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 12.5%
}

.overview-content .g .w1520 {
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/07-bg.jpg) right bottom no-repeat;
  background-size: 100% auto;
  box-sizing: border-box
}

.overview-content .g .w1520:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 9.868421052631579%
}

@media (max-width: 736px) {

  .overview-content .g .w1520:before,
  .overview-content .g:before {
    display: none
  }
}

.overview-content .g .w1520:after {
  content: '';
  display: block;
  height: 0;
  padding-top: 13.157894736842106%
}

.overview-content .g .w1520 .text {
  position: relative;
  padding-right: 67.10526315789474%;
  min-height: 23em
}

.overview-content .g .w1520 .text h2 {
  margin-right: -15%
}

.overview-content .g .w1520 .text p {
  width: 85%
}

.overview-content .g .w1520 .bg-text {
  height: 0;
  padding-top: 46.973684210526315%;
  color: #fff
}

.overview-content .g .w1520 .bg-text .time {
  font-size: 1.75em;
  font-weight: 400;
  line-height: 1
}

.overview-content .g .w1520 .bg-text .time-1 {
  bottom: 93.83753501400561%;
  left: 47.36842105263158%
}

.overview-content .g .w1520 .bg-text .time-2 {
  bottom: 43.417366946778714%;
  left: 34.86842105263158%
}

.overview-content .h {
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/08-bg.jpg) bottom no-repeat;
  background-size: 100% auto
}

.overview-content .h:before {
  content: '';
  display: block;
  height: 0;
  padding-top: 24.479166666666668%
}

@media (max-width: 736px) {

  .overview-content .g .w1520:after,
  .overview-content .h:before {
    display: none
  }
}

.overview-content .h:after {
  content: '';
  display: block;
  height: 0;
  padding-top: 14.84375%
}

.overview-content .h.light3 .bg-text:after {
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/08-bg-l3.png) bottom no-repeat;
  background-size: 100% auto
}

.overview-content .h.light2 .bg-text:before {
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/08-bg-l2.png) bottom no-repeat;
  background-size: 100% auto
}

.overview-content .h .text {
  padding-left: 73%;
  min-height: 16em
}

.overview-content .h .bg-text {
  height: 0;
  padding-top: 41.97916666666667%;
  color: #011a4b
}

.overview-content .h .bg-text .time {
  bottom: 3.722084367245657%;
  right: 36.458333333333336%;
  background: rgba(255, 255, 255, .5);
  border-radius: .625em;
  padding: .5em 1em
}

.overview-content .h .bg-text .time .inner {
  font-size: 2.1875em;
  font-weight: 400;
  line-height: 1;
  color: #011a4b
}

.overview-content .h .bg-text:after,
.overview-content .h .bg-text:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0
}

.overview-content .i {
  background: #f4faff;
  padding: 8.125em 0 11.875em
}

.overview-content .i .list {
  border-spacing: 2em 0
}

.overview-content .i .list .li {
  width: 33%;
  box-sizing: border-box;
  padding: 1em 2em;
  vertical-align: top
}

.overview-content .i .list .li .img .inner {
  display: inline-block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 15.3125em
}

.overview-content .i .list .li .info {
  padding-top: 5em
}

.overview-content .i .list .li .info h3 {
  font-weight: 500
}

.overview-content .i .list .li-1 .img .inner {
  width: 16.875em;
  background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/img/09-1.png)
}

.overview-content .i .list .li-2 .img .inner {
  width: 11.25em;
  background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/img/09-2.png)
}

.overview-content .i .list .li-3 .img .inner {
  width: 16.5625em;
  background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/img/09-3.png)
}

.overview-content .j {
  text-align: center;
  min-height: 60em;
  padding-top: 7.1875em;
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/10-bg.jpg) top no-repeat;
  background-size: cover;
  color: #fff
}

.overview-content .j .step-img {
  position: relative;
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/10-img.png) top center no-repeat;
  background-size: contain;
  width: 60.1875em;
  height: 20.5em;
  margin: 8.75em auto 0;
}

.overview-content .j .step-img .bg-text {
  bottom: auto;
  top: 0;
  height: 0;
  padding-top: 35.154639175257735%;
  font-size: 1.5em
}

.overview-content .j .step-img .bg-text .step1,
.overview-content .j .step-img .bg-text .step2,
.overview-content .j .step-img .bg-text .step3 {
  top: 110%;
  text-align: center
}

.overview-content .j .step-img .bg-text .step1 {
  left: -7.216494845360825%;
  right: 80.41237113402063%
}

.overview-content .j .step-img .bg-text .step2 {
  left: 35.05154639175258%;
  right: 32.98969072164949%
}

.overview-content .j .step-img .bg-text .step3 {
  left: 77.31958762886599%;
  right: -12.371134020618557%
}

.overview-content .bc {
  background: url(https://static-product.tp-link.com/tapo-l530e_v3/img/0203-bg.jpg) top/100% auto no-repeat;
  padding-top: 55.208333333333336%
}

.overview-content .bc .w1470 {
  position: absolute;
  top: 25.471698113207548%;
  left: 0;
  right: 0
}

.overview-content .bc .text {
  padding-right: 65%
}

.overview-content .bc h2 {
  font-weight: 500
}

.overview-content .bc h3 {
  padding-top: 1em;
  font-weight: 400;
  font-size: 1.75em
}

.overview-content .bc .bg-text {
  z-index: 1;
  left: 39.583333333333336%;
  right: 0;
  width: auto
}

.overview-content .bc .desc {
  font-size: 1.5em;
  font-weight: 400;
  text-align: center
}

.overview-content .bc .desc-1,
.overview-content .bc .desc-2 {
  top: 43.826578699340246%
}

.overview-content .bc .desc-3,
.overview-content .bc .desc-4 {
  top: 86.23939679547597%
}

.overview-content .bc .desc-1,
.overview-content .bc .desc-3 {
  left: 0;
  right: 56.03448275862069%
}

.overview-content .bc .desc-2,
.overview-content .bc .desc-4 {
  left: 46.98275862068966%;
  right: 9.482758620689655%
}

.overview-content .d  .w1520 {
  width: auto;
}
.overview-content .d  .w1520 .context-2 {
  padding-left: 8%;
}
@media (max-width: 736px) {
  .overview-content .h:after {
    display: none
  }

  .overview-content .section {
    padding: 0
  }

  .overview-content .section .text {
    width: 100%;
    padding: 0;
    text-align: left
  }

  .overview-content .a {
    background: url(https://static-product.tp-link.com/tapo-l530e_v3/m/01-bg.jpg) center no-repeat;
    background-size: cover;
    padding: 84.375vw 0 6.25vw;
    min-height: auto
  }

  .overview-content .a .title-pre {
    font-size: 4.0625vw
  }

  .overview-content .a .title {
    padding: .5em 6%;
    font-size: 6.71875vw
  }

  .overview-content .a .title-sub {
    padding-bottom: 4.6875vw;
    font-size: 3.75vw
  }

  .overview-content .a .tag-group {
    padding: 0 6%
  }

  .overview-content .b {
    padding: 12.5vw 0 17.1875vw
  }

  .overview-content .b .list .li {
    width: 45%;
    padding: 6.25vw 3.125vw
  }

  .overview-content .c .icon,
  .overview-content .d .icon {
    padding: 0 6%
  }

  .overview-content .c .title-sub,
  .overview-content .d .title-sub {
    font-size: 1.25rem
  }

  .overview-content .c p,
  .overview-content .d p {
    font-size: 1rem
  }

  .overview-content .c {
    background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/m/03-bg.png);
    background-size: 100% auto;
    padding-bottom: 19.53125vw
  }

  .overview-content .c .bg-text .light-mask {
    background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/m/03-mask-light.png);
    background-size: 100% auto
  }
  .overview-content .g .w1520 .text h2 {
    margin: 0;
  }
  .overview-content .c .ic-60w {
    padding: 1em 0;
    width: 49.21875vw
  }

  .overview-content .c .control-bar {
    box-sizing: border-box;
    padding: 0 6%;
    width: 90%;
    margin: auto
  }

  .overview-content .c .control-bar .progress {
    padding: 0 6.25vw;
    width: 100%
  }

  .overview-content .c .control-bar .progress .inner {
    height: 1.5625vw
  }

  .overview-content .c .control-bar .pointer {
    left: -3.125vw;
    width: 6.25vw;
    height: 6.25vw
  }
  .overview-content .d .w1520 .context-2 {
    padding: 0;
}
  .overview-content .c .context {
    padding-top: 78.125vw
  }

  .overview-content .c .text .icon-start {
    width: 5.46875vw
  }

  .overview-content .c .text .icon-end {
    width: 7.5vw
  }

  .overview-content .d {
    background: url(https://static-product.tp-link.com/tapo-l530e_v3/m/04-bg.jpg) bottom no-repeat;
    background-size: 100% auto;
    padding-bottom: 74.21875vw
  }

  .overview-content .d:before {
    display: none;
    background: 0 0
  }

  .overview-content .e {
    background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/m/05-bg.jpg);
    background-color: #f3f9ff;
    padding-bottom: 118.75vw
  }

  .overview-content .e h2 {
    padding-top: 0
  }

  .overview-content .e h3 {
    padding-top: 2em;
    font-size: 2em
  }

  .overview-content .e .bg-text {
    left: 0;
    padding-top: 112.5%;
    font-size: 2.5vw
  }

  .overview-content .e .bg-text .markup {
    left: 6%
  }

  .overview-content .f {
    background: url(https://static-product.tp-link.com/tapo-l530e_v3/m/06-bg.jpg) bottom no-repeat;
    background-size: 100% auto;
    padding-bottom: 178.125vw
  }

  .overview-content .f .bg-text {
    padding-top: 171.5625%
  }

  .overview-content .f .bg-text .dialog {
    bottom: auto;
    max-width: none;
    font-size: 4.21875vw
  }

  .overview-content .f .bg-text .dialog-1 {
    top: 2.73224043715847%;
    left: 7.8125%;
    right: 39.0625%
  }

  .overview-content .f .bg-text .dialog-2 {
    top: 52.82331511839708%;
    left: 50%;
    right: 7.03125%
  }

  .overview-content .g {
    background: url(https://static-product.tp-link.com/tapo-l530e_v3/m/07-bg.jpg) bottom no-repeat;
    background-size: 100% auto;
    padding-bottom: 120.3125vw
  }

  .overview-content .g .w1520 {
    position: static;
    background: 0 0
  }

  .overview-content .g .w1520 .text {
    position: static;
    padding: 0
  }

  .overview-content .g .w1520 .bg-text {
    bottom: 0;
    top: auto;
    height: 100%;
    padding: 0
  }

  .overview-content .g .w1520 .text p {
    width: auto;
  }

  .overview-content .g .w1520 .bg-text .time {
    left: 6.25vw;
    font-size: 4.6875vw
  }

  .overview-content .g .w1520 .bg-text .time-1 {
    bottom: 104.6875vw
  }

  .overview-content .g .w1520 .bg-text .time-2 {
    bottom: 42.96875vw
  }

  .overview-content .h {
    background: url(https://static-product.tp-link.com/tapo-l530e_v3/m/08-bg.jpg) bottom no-repeat;
    background-size: 100% auto;
    padding-bottom: 103.125vw
  }

  .overview-content .h .bg-text .time {
    display: none
  }

  .overview-content .i {
    padding: 17.1875vw 0 22.65625vw
  }

  .overview-content .i .table,
  .overview-content .i .td {
    display: block;
    box-sizing: border-box
  }

  .overview-content .i .text {
    text-align: center
  }

  .overview-content .i .list {
    padding-left: 0;
    padding-right: 0
  }

  .overview-content .i .list .li {
    display: flex;
    width: auto;
    flex-direction: column
  }

  .overview-content .i .list .li+.li {
    padding-top: 18.75vw
  }

  .overview-content .i .list .li .img {
    order: 10;
    padding-top: 3.90625vw
  }

  .overview-content .i .list .li .info {
    order: 1;
    padding-top: 0
  }

  .overview-content .j {
    background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/m/10-bg.jpg);
    padding-bottom: 32.8125vw
  }

  .overview-content .j .text {
    text-align: center
  }

  .overview-content .j .step-img {
    background-image: url(https://static-product.tp-link.com/tapo-l530e_v3/m/10-img.png);
    width: 88vw;
    height: 198.90625vw;
    margin-top: 7.03125vw
  }

  .overview-content .j .step-img .bg-text {
    padding: 0;
    height: 100%
  }

  .overview-content .j .step-img .bg-text .step1,
  .overview-content .j .step-img .bg-text .step2,
  .overview-content .j .step-img .bg-text .step3 {
    left: 0;
    right: 0
  }

  .overview-content .j .step-img .bg-text .step1 {
    top: 51.5625vw
  }

  .overview-content .j .step-img .bg-text .step2 {
    top: 125.78125vw
  }

  .overview-content .j .step-img .bg-text .step3 {
    top: 203.125vw
  }

  .overview-content .bc {
    background: url(https://static-product.tp-link.com/tapo-l530e_v3/m/0203-bg.jpg) bottom/100% auto no-repeat;
    padding-bottom: 326.5625vw
  }

  .overview-content .bc .w1470 {
    position: static
  }

  .overview-content .bc h2 {
    padding-bottom: 0
  }

  .overview-content .bc .bg-text {
    left: 0;
    right: 0;
    height: 0;
    padding-top: 321.875%
  }

  .overview-content .bc .bg-text .desc {
    left: 6%;
    right: 6%
  }

  .overview-content .bc .bg-text .desc-1 {
    top: 20.388349514563107%
  }

  .overview-content .bc .bg-text .desc-2 {
    top: 44.66019417475728%
  }

  .overview-content .bc .bg-text .desc-3 {
    top: 68.93203883495146%
  }

  .overview-content .bc .bg-text .desc-4 {
    top: 93.20388349514562%
  }
}