.overview-content {
  font-size: 16px;
  font-weight: 300;
  overflow-x: hidden;
  margin: 0 auto;
  max-width: 120em
}

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

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

  .overview-content .w1366 {
    width: auto
  }

  .overview-content .text h2 {
    font-size: 1.25em;
    padding: 1.5em 6% 1em
  }

  .overview-content .text h3 {
    font-size: 1em;
    padding: 0 6% 1em
  }

  .overview-content .text p {
    font-size: .875em;
    padding: 0 6%
  }

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

  .overview-content .section {
    padding-top: 0
  }
}

.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 .right {
  float: right
}

.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 {
  position: relative;
  box-sizing: border-box;
  overflow: hidden
}

.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 .w750 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 46.875em
}

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

@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 .w750 {
    width: auto
  }
}

.overview-content .w850 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 53.125em
}

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

@media (max-width:736px) {
  .overview-content .w850 {
    width: auto
  }
}

.overview-content .w960 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 60em
}

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

@media (max-width:736px) {
  .overview-content .w960 {
    width: auto
  }
}

.overview-content .w1024 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 64em
}

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

@media (max-width:736px) {
  .overview-content .w1024 {
    width: auto
  }
}

.overview-content .w1050 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 65.625em
}

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

@media (max-width:736px) {
  .overview-content .w1050 {
    width: auto
  }
}

.overview-content .w1200 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 75em
}

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

@media (max-width:736px) {
  .overview-content .w1200 {
    width: auto
  }
}

.overview-content .w1250 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 78.125em
}

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

@media (max-width:736px) {
  .overview-content .w1250 {
    width: auto
  }
}

.overview-content .w1366 {
  position: relative;
  max-width: 100%;
  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 .w1366 {
    width: auto
  }
}

.overview-content .w1500 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 78.125%
}

@media (max-width:736px) {
  .overview-content .w1500 {
    width: auto
  }
}

.overview-content .w1680 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 87.5%
}

@media (max-width:736px) {
  .overview-content .w1680 {
    width: auto
  }
}

.overview-content .w1720 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 89.58333333333334%
}

@media (max-width:736px) {
  .overview-content .w1720 {
    width: auto
  }
}

.overview-content .w1730 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 90.10416666666666%
}

@media (max-width:736px) {
  .overview-content .w1730 {
    width: auto
  }
}

.overview-content .w1800 {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
  width: 93.75%
}

#tapo-c200_v1 {
  width: 100%
}

#tapo-c200_v1 h2 {
  font-weight: 500
}

#tapo-c200_v1 .tag-ga {
  display: inline-block;
  background: url(https://static-product.tp-link.com/tapo-c210_v1/img/tag-google-assistant_20210320062155.jpg) center/98% auto no-repeat;
  width: 12.625em;
  height: 3.625em
}

@media (max-width:736px) {
  .overview-content .w1800 {
    width: auto
  }

  #tapo-c200_v1 .tag-ga {
    width: 27.44565217391304vw;
    height: 7.880434782608696vw;
  }
}

#tapo-c200_v1 .tag-aa {
  display: inline-block;
  background: url(https://static-product-no-cdn.tp-link.com/tapo-c210_v1/img/tag-amazon-alexa_20210320062214.jpg) center/98% auto no-repeat;
  width: 8.875em;
  height: 3.625em
}

@media (min-width:737px) {
  #tapo-c200_v1 h2 {
    font-size: 2.875em
  }

  #tapo-c200_v1 p {
    font-size: 1.375em
  }
}

#tapo-c200_v1 .win-text {
  position: absolute;
  box-sizing: border-box;
  padding: 1.875em 2.5em;
  background-color: rgba(220, 247, 255, .8)
}

#tapo-c200_v1 .a {
  background: url(https://static-product.tp-link.com/tapo-c210_v1/img/01-bg_20210319121840.jpg) center/cover no-repeat;
  min-height: 53.125em;
  padding-top: 17.5em;
  color: #25434e
}

#tapo-c200_v1 .a .model {
  display: inline-block;
  background-color: #fff;
  margin-top: 1.875em;
  padding: 0.5625em 1.59375em;
  border-radius: 0.625em;
  color: #50BCFF
}

#tapo-c200_v1 .a .model span {
  font-size: 1.875em;
  line-height: 1;
  font-weight: 700
}

#tapo-c200_v1 .a .text {
  width: 65%
}

#tapo-c200_v1 .a .title {
  padding-top: .076923076923077em;
  font-size: 4.0625em
}

#tapo-c200_v1 .a .title-prev {
  padding-top: 0;
  font-size: 2.5em
}

#tapo-c200_v1 .a .title-sub {
  padding-top: .333333333333333em;
  font-size: 1.875em
}

#tapo-c200_v1 .a .tags {
  padding-top: 1.875em
}

#tapo-c200_v1 .a .tags span {
  border-radius: .625em
}

#tapo-c200_v1 .a .tags span+span {
  margin-left: .625em
}

@media (max-width:1920px) {
  #tapo-c200_v1 .a {
    min-height: 44.270833333333336vw;
    padding-top: 14.583333333333334vw
  }
}

#tapo-c200_v1 .b {
  padding-top: 6.25em;
  color: #313d3e
}

#tapo-c200_v1 .b .content ul {
  text-align: center
}

#tapo-c200_v1 .b .content li {
  display: inline-block;
  text-align: center;
  width: 14%;
  vertical-align: top
}

#tapo-c200_v1 .b .content li .icon {
  width: 5.625em;
  height: 5.625em;
  margin: 0 auto;
  background-image: url(https://static-product.tp-link.com/tapo-c210_v1/img/02-icon_20210319121851.png);
  background-size: 39.375em 5.625em;
  background-repeat: no-repeat
}

#tapo-c200_v1 .b .content li .title {
  padding-top: 1.363636363636364em;
  font-size: 1.375em;
  font-weight: 500
}

#tapo-c200_v1 .b .content li.li-1 .icon {
  background-position: 0 0
}

#tapo-c200_v1 .b .content li.li-2 .icon {
  background-position: -5.625em 0
}

#tapo-c200_v1 .b .content li.li-3 .icon {
  background-position: -11.25em 0
}

#tapo-c200_v1 .b .content li.li-4 .icon {
  background-position: -16.875em 0
}

#tapo-c200_v1 .b .content li.li-5 .icon {
  background-position: -22.5em 0
}

#tapo-c200_v1 .b .content li.li-6 .icon {
  background-position: -28.125em 0
}

#tapo-c200_v1 .b .content li.li-7 .icon {
  background-position: -33.75em 0
}

@media (max-width:1500px) {
  #tapo-c200_v1 .b .w1500 {
    width: 100%
  }
}

#tapo-c200_v1 .c {
  background: url(https://static-product.tp-link.com/tapo-c210_v1/img/03-bg_20210319121906.jpg) left bottom/contain no-repeat;
  padding-bottom: 61em;
  overflow: visible
}

#tapo-c200_v1 .c .win-text {
  width: 48.4375em;
  bottom: -10em;
  right: 16.25em
}

@media (max-width:1920px) {
  #tapo-c200_v1 .b {
    padding-top: 5.208333333333334vw
  }

  #tapo-c200_v1 .c {
    padding-bottom: 50.833333333333336vw
  }

  #tapo-c200_v1 .c .win-text {
    width: 40.364583333333336vw;
    bottom: -8.333333333333334vw;
    right: 13.541666666666668vw
  }
}

#tapo-c200_v1 .d {
  background: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/img-new/04-bg.jpg?v=20190918) right bottom/contain no-repeat;
  padding-bottom: 59.375em;
  overflow: visible
}

#tapo-c200_v1 .d .win-text {
  width: 43.75em;
  bottom: -9.375em;
  left: 15.625em
}

@media (max-width:1920px) {
  #tapo-c200_v1 .d {
    padding-bottom: 49.47916666666667vw
  }

  #tapo-c200_v1 .d .win-text {
    width: 36.458333333333336vw;
    bottom: -7.8125vw;
    right: 13.020833333333334vw
  }
}

#tapo-c200_v1 .e {
  margin-top: 20em;
  padding-top: 7.5em;
  padding-bottom: 6.25em;
  background: #dcf7ff;
  background: linear-gradient(124deg, #dcf7ff, #cde3fd);
  text-align: center
}

#tapo-c200_v1 .e .icons {
  margin-top: 4.375em;
  text-align: center
}

#tapo-c200_v1 .e .icons li {
  display: inline-block;
  padding: 0 5%;
  box-sizing: border-box;
  width: 49%;
  vertical-align: top
}

#tapo-c200_v1 .e .icons li.li-1 .icon {
  background-position: 0 0
}

#tapo-c200_v1 .e .icons li.li-2 .icon {
  background-position: -6.875em 0
}

#tapo-c200_v1 .e .icons .title {
  padding-top: .416666666666667em;
  font-size: 1.5em;
  color: #313d3e
}

#tapo-c200_v1 .e .icons .desc {
  padding-top: .227272727272727em;
  font-size: 1.375em;
  color: #192324
}

#tapo-c200_v1 .e .icons .icon {
  background: url(https://static-product.tp-link.com/tapo-c210_v1/img/05-icon_20210319121916.png) no-repeat;
  background-size: 13.75em 6.25em;
  height: 6.25em;
  width: 6.875em;
  margin: 0 auto
}

@media (max-width:1920px) {
  #tapo-c200_v1 .e {
    margin-top: 16.666666666666668vw;
    padding-top: 6.25vw;
    padding-bottom: 5.208333333333334vw
  }

  #tapo-c200_v1 .e .icons {
    margin-top: 3.645833333333333vw
  }

  #tapo-c200_v1 .e .icons .title {
    padding-top: .520833333333333vw
  }

  #tapo-c200_v1 .e .icons .desc {
    padding-top: .260416666666667vw
  }
}

#tapo-c200_v1 .f {
  text-align: center;
  padding-top: 19.375em;
  padding-bottom: 41.25em;
  background: url(https://static-product.tp-link.com/tapo-c210_v1/img/06-bg_20210319121927.jpg) bottom/contain no-repeat
}

@media (max-width:1920px) {
  #tapo-c200_v1 .f {
    padding-top: 16.14583333333333vw;
    padding-bottom: 34.375vw
  }
}

#tapo-c200_v1 .g {
  text-align: center;
  padding-top: 10.625em;
  padding-bottom: 38.645833333333336vw;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/img-new/07-bg.jpg?v=20190918) bottom/contain no-repeat
}

#tapo-c200_v1 .g .bg-text {
  text-align: left;
  height: 0
}

#tapo-c200_v1 .g .bg-text .dialog {
  width: 11.458333333333334vw;
  max-height: 4.583333333333334vw;
  bottom: 21.25vw;
  left: 32.96875vw;
  font-size: 1.458333333333333vw
}

@media (min-width:1921px) {
  #tapo-c200_v1 .g .bg-text .dialog {
    width: 220px;
    bottom: 413px;
    left: 640px;
    font-size: 28px
  }
}

@media (max-width:1920px) {
  #tapo-c200_v1 .g {
    padding-top: 8.854166666666668vw
  }
}

#tapo-c200_v1 .h {
  text-align: center;
  padding-top: 10em;
  padding-bottom: 40.625em;
  background: url(https://static-product.tp-link.com/tapo-c210_v1/img/08-bg_20210319121938.jpg) bottom/contain no-repeat
}

#tapo-c200_v1 .h .bg-text {
  height: 0;
  text-align: left;
  color: #192324;
  font-size: 1.375em;
  line-height: 1.181818181818182em
}

#tapo-c200_v1 .h .bg-text .hor,
#tapo-c200_v1 .h .bg-text .ver {
  width: 5.454545454545454em
}

#tapo-c200_v1 .h .bg-text .hor {
  bottom: 0;
  left: 29.545454545454547em
}

#tapo-c200_v1 .h .bg-text .ver {
  bottom: 0;
  left: 61.36363636363637em
}

@media (max-width:1920px) {
  #tapo-c200_v1 .h {
    padding-top: 8.333333333333334vw;
    padding-bottom: 33.85416666666667vw
  }

  #tapo-c200_v1 .h .bg-text .hor,
  #tapo-c200_v1 .h .bg-text .ver {
    width: 6.25vw
  }

  #tapo-c200_v1 .h .bg-text .hor {
    left: 33.85416666666667vw
  }

  #tapo-c200_v1 .h .bg-text .ver {
    left: 70.3125vw
  }
}

#tapo-c200_v1 .i {
  text-align: center;
  padding-top: 10em;
  padding-bottom: 51.875em;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/img-new/09-bg.jpg?v=20190916) bottom/contain no-repeat
}

@media (max-width:1920px) {
  #tapo-c200_v1 .i {
    padding-top: 8.333333333333334vw;
    padding-bottom: 43.22916666666667vw
  }
}

#tapo-c200_v1 .j {
  min-height: 77.8125em;
  padding-top: 10.9375em;
  padding-bottom: 5.3125em;
  color: #313d3e
}

@media (max-width:1920px) {
  #tapo-c200_v1 .j {
    min-height: 64.84375vw;
    padding-top: 9.114583333333334vw;
    padding-bottom: 4.427083333333334vw
  }
}

#tapo-c200_v1 .j .left,
#tapo-c200_v1 .j .right {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box
}

#tapo-c200_v1 .j .left {
  width: 40%;
  padding-right: 6.25em;
  text-align: right
}

#tapo-c200_v1 .j .left .phone-wrapper {
  position: relative;
  display: inline-block;
  width: 26.875em;
  height: 55.45025510204082em
}

#tapo-c200_v1 .j .left .phone,
#tapo-c200_v1 .j .left .screen {
  position: absolute;
  top: 0;
  left: 0
}

#tapo-c200_v1 .j .left .phone {
  z-index: 100;
  width: 100%;
  height: 100%;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/img-new/10-phone.png?v=20190916) center/contain no-repeat
}

#tapo-c200_v1 .j .left .screen {
  top: .9375em;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 25em;
  height: 52.77777777777778em;
  opacity: 0;
  border-radius: 1.25em;
  transition: .5s
}

#tapo-c200_v1 .j .right {
  width: 50%;
  padding-top: 6.25em
}

#tapo-c200_v1 .j .right .options {
  margin-top: .625em
}

#tapo-c200_v1 .j .right .options li {
  padding-top: 3.125em
}

#tapo-c200_v1 .j .right .options li:before {
  display: inline-block;
  background-color: #d9d9d9;
  width: 1.5625em;
  height: 1.5625em;
  margin-top: 1%;
  margin-right: .625em;
  line-height: 1.5625em;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-weight: 700;
  vertical-align: top;
  transition: .5s
}

#tapo-c200_v1 .j .right .options li.hover .line,
#tapo-c200_v1 .j .right .options li.hover:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff)
}

#tapo-c200_v1 .j .right .options li:nth-child(1):before {
  content: '1'
}

#tapo-c200_v1 .j .right .options li:nth-child(2):before {
  content: '2'
}

#tapo-c200_v1 .j .right .options li:nth-child(3):before {
  content: '3'
}

#tapo-c200_v1 .j .right .options li:nth-child(4):before {
  content: '4'
}

#tapo-c200_v1 .j .right label.title {
  display: inline-block;
  width: 90%;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5625em;
  cursor: pointer;
  transform: scale(1);
  transform-origin: left;
  transition: .5s
}

#tapo-c200_v1 .j .right .line,
#tapo-c200_v1 .j .right p.desc {
  box-sizing: border-box;
  margin-top: .9375em
}

#tapo-c200_v1 .j .right .line {
  width: 3.4375em;
  height: .375em;
  margin-left: 2.5em;
  background-image: none;
  background-color: #d9d9d9;
  border-radius: .1875em;
  transition: .5s
}

#tapo-c200_v1 .j .right p.desc {
  pointer-events: none;
  display: block;
  opacity: 0;
  height: 0;
  margin-left: 1.818181818181818em;
  padding-top: 0;
  overflow: visible;
  font-size: 1.375em;
  transition: height .8s, opacity .8s;
  will-change: height;
  transform: translate3d(0, 0, 0)
}

#tapo-c200_v1 .j .screen {
  background: center/cover no-repeat
}

#tapo-c200_v1 .j .screen-1 {
  background-image: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/img-new/10-screen-4.jpg?v=20190916)
}

#tapo-c200_v1 .j .screen-2 {
  background-image: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/img-new/10-screen-2.jpg?v=20190916)
}

#tapo-c200_v1 .j .screen-3 {
  background-image: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/img-new/10-screen-3.jpg?v=20190916)
}

#tapo-c200_v1 .j .screen-4 {
  background-image: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/img-new/10-screen-1.jpg?v=20190916)
}

#tapo-c200_v1 .j #tapo-c200-li1:checked~.content .screen-1 {
  opacity: 1
}

#tapo-c200_v1 .j #tapo-c200-li1:checked~.content .li-1:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c200_v1 .j #tapo-c200-li1:checked~.content .li-1 label.title {
  transform: scale(1.15)
}

#tapo-c200_v1 .j #tapo-c200-li1:checked~.content .li-1 .line {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c200_v1 .j #tapo-c200-li1:checked~.content .li-1 p.desc {
  opacity: 1;
  height: auto
}

#tapo-c200_v1 .j #tapo-c200-li2:checked~.content .screen-2 {
  opacity: 1
}

#tapo-c200_v1 .j #tapo-c200-li2:checked~.content .li-2:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c200_v1 .j #tapo-c200-li2:checked~.content .li-2 label.title {
  transform: scale(1.15)
}

#tapo-c200_v1 .j #tapo-c200-li2:checked~.content .li-2 .line {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c200_v1 .j #tapo-c200-li2:checked~.content .li-2 p.desc {
  opacity: 1;
  height: auto
}

#tapo-c200_v1 .j #tapo-c200-li3:checked~.content .screen-3 {
  opacity: 1
}

#tapo-c200_v1 .j #tapo-c200-li3:checked~.content .li-3:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c200_v1 .j #tapo-c200-li3:checked~.content .li-3 label.title {
  transform: scale(1.15)
}

#tapo-c200_v1 .j #tapo-c200-li3:checked~.content .li-3 .line {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c200_v1 .j #tapo-c200-li3:checked~.content .li-3 p.desc {
  opacity: 1;
  height: auto
}

#tapo-c200_v1 .j #tapo-c200-li4:checked~.content .screen-4 {
  opacity: 1
}

#tapo-c200_v1 .j #tapo-c200-li4:checked~.content .li-4:before {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c200_v1 .j #tapo-c200-li4:checked~.content .li-4 label.title {
  transform: scale(1.15)
}

#tapo-c200_v1 .j #tapo-c200-li4:checked~.content .li-4 .line {
  background-image: linear-gradient(-25deg, #22cbfd, #4096ff);
  background-color: #22cbfd
}

#tapo-c200_v1 .j #tapo-c200-li4:checked~.content .li-4 p.desc {
  opacity: 1;
  height: auto
}

#tapo-c200_v1 .k {
  text-align: center;
  min-height: 60em;
  margin-top: 5.3125em;
  padding-top: 7.1875em;
  background: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/img-new/11-bg.jpg?v=20190916) top/cover no-repeat;
  color: #fff
}

#tapo-c200_v1 .k .bg-text {
  bottom: auto;
  top: 0;
  height: 0;
  font-size: 1.5em
}

#tapo-c200_v1 .k .bg-text .step1,
#tapo-c200_v1 .k .bg-text .step2,
#tapo-c200_v1 .k .bg-text .step3 {
  top: 33.333333333333336em;
  width: 17.5em;
  text-align: center
}

#tapo-c200_v1 .k .bg-text .step1 {
  left: 12.916666666666666em
}

#tapo-c200_v1 .k .bg-text .step2 {
  left: 31.666666666666668em
}

#tapo-c200_v1 .k .bg-text .step3 {
  left: 50em
}

@media (max-width:1920px) {
  #tapo-c200_v1 .k {
    min-height: 50vw;
    margin-top: 4.427083333333334vw;
    padding-top: 5.989583333333334vw
  }

  #tapo-c200_v1 .k .bg-text .step1,
  #tapo-c200_v1 .k .bg-text .step2,
  #tapo-c200_v1 .k .bg-text .step3 {
    top: 41.66666666666667vw;
    width: 21.875vw
  }

  #tapo-c200_v1 .k .bg-text .step1 {
    left: 16.145833333333336vw
  }

  #tapo-c200_v1 .k .bg-text .step2 {
    left: 39.583333333333336vw
  }

  #tapo-c200_v1 .k .bg-text .step3 {
    left: 62.5vw
  }
}

@media (max-width:736px) {
  #tapo-c200_v1 .tag-aa {
    width: 19.29347826086957vw;
    height: 7.880434782608696vw
  }

  #tapo-c200_v1 {
    width: 100%;
    font-size: 16px
  }

  #tapo-c200_v1 .win-text {
    position: static;
    padding: 0;
    background: 0 0
  }

  #tapo-c200_v1 .a {
    display: block;
    background-image: url(https://static-product.tp-link.com/tapo-c210_v1/img/01-bg_20210320074050.jpg);
    min-height: 135.625vw;
    padding-top: 15.625vw
  }

  #tapo-c200_v1 .a .model {
    margin: 2vw 10.9375%;
    padding: 1vw 2.5vw;
  }

  #tapo-c200_v1 .a .model span{
    font-size: 3.4375vw;
  }

  #tapo-c200_v1 .a .text {
    width: 100%
  }

  #tapo-c200_v1 .a .title {
    padding: 1.5625vw 9% 1.5625vw 10.9375%;
    font-size: 6.875vw
  }

  #tapo-c200_v1 .a .title-extra,
  #tapo-c200_v1 .a .title-prev,
  #tapo-c200_v1 .a .title-sub {
    padding: 0 10.9375%
  }

  #tapo-c200_v1 .a .title-prev {
    font-size: 4.6875vw
  }

  #tapo-c200_v1 .a .title-sub {
    font-size: 3.4375vw
  }

  #tapo-c200_v1 .a .title-extra {
    padding-top: 1.5625vw
  }

  #tapo-c200_v1 .a .title-extra span {
    border-radius: 1.5625vw
  }

  #tapo-c200_v1 .a .title-extra span+span {
    margin-left: 1.5625vw
  }

  #tapo-c200_v1 .b .content li {
    width: 49%;
    margin-top: 9.375vw;
    vertical-align: top
  }

  #tapo-c200_v1 .b .content li .icon {
    width: 14.0625vw;
    height: 14.0625vw;
    background-size: 98.4375vw 14.0625vw
  }

  #tapo-c200_v1 .b .content li .title {
    font-size: 3.4375vw
  }

  #tapo-c200_v1 .b .content li.li-1 .icon {
    background-position: 0vw 0
  }

  #tapo-c200_v1 .b .content li.li-2 .icon {
    background-position: -14.0625vw 0
  }

  #tapo-c200_v1 .b .content li.li-3 .icon {
    background-position: -28.125vw 0
  }

  #tapo-c200_v1 .b .content li.li-4 .icon {
    background-position: -42.1875vw 0
  }

  #tapo-c200_v1 .b .content li.li-5 .icon {
    background-position: -56.25vw 0
  }

  #tapo-c200_v1 .b .content li.li-6 .icon {
    background-position: -70.3125vw 0
  }

  #tapo-c200_v1 .b .content li.li-7 .icon {
    background-position: -84.375vw 0
  }

  #tapo-c200_v1 .c {
    background-image: url(https://static-product.tp-link.com/tapo-c210_v1/img/03-bg_20210320074058.jpg);
    background-position: bottom;
    background-size: contain;
    padding-bottom: 75vw
  }

  #tapo-c200_v1 .c .win-text {
    width: 100%
  }

  #tapo-c200_v1 .d {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/mobile-new/04-bg.jpg?v=20190916);
    background-position: bottom;
    background-size: contain;
    padding-bottom: 89.0625vw
  }

  #tapo-c200_v1 .d .win-text {
    width: 100%
  }

  #tapo-c200_v1 .e {
    background: 0 0;
    text-align: left;
    margin-top: 0
  }

  #tapo-c200_v1 .e .icons {
    background: #dcf7ff;
    background: linear-gradient(124deg, #dcf7ff, #cde3fd);
    margin-top: 9.375vw;
    text-align: left;
    padding-bottom: 15.625vw
  }

  #tapo-c200_v1 .e .icons li {
    width: 100%;
    margin-top: 15.625vw
  }

  #tapo-c200_v1 .e .icons li.li-1 .icon {
    background-position: 0vw 0
  }

  #tapo-c200_v1 .e .icons li.li-2 .icon {
    background-position: -17.1875vw 0
  }

  #tapo-c200_v1 .e .icons li .content-text,
  #tapo-c200_v1 .e .icons li .icon {
    display: inline-block;
    vertical-align: middle
  }

  #tapo-c200_v1 .e .icons li .icon {
    background-size: 34.375vw 15.625vw;
    height: 15.625vw;
    width: 17.1875vw
  }

  #tapo-c200_v1 .e .icons li .content-text {
    width: 70%;
    box-sizing: border-box;
    padding: 0 8%
  }

  #tapo-c200_v1 .e .icons li .title {
    font-size: .75em;
    font-weight: 500
  }

  #tapo-c200_v1 .e .icons li .desc {
    font-size: .6875em
  }

  #tapo-c200_v1 .f {
    padding-top: 0;
    text-align: left;
    background-image: url(https://static-product.tp-link.com/tapo-c210_v1/img/06-bg_20210320074119.jpg);
    padding-bottom: 79.6875vw
  }

  #tapo-c200_v1 .g {
    padding-top: 0;
    text-align: left;
    padding-bottom: 112.5vw;
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/mobile-new/07-bg.jpg?v=20190918)
  }

  #tapo-c200_v1 .g .bg-text {
    height: 0
  }

  #tapo-c200_v1 .g .bg-text .dialog {
    width: 34.375vw;
    max-height: 13.75vw;
    bottom: 75vw;
    left: 50vw;
    font-size: 4.375vw
  }

  #tapo-c200_v1 .h {
    text-align: left;
    padding-top: 0;
    padding-bottom: 195vw;
    background-image: url(https://static-product.tp-link.com/tapo-c210_v1/img/08-bg_20210320074111.jpg)
  }

  #tapo-c200_v1 .h h2.title {
    padding-top: 0
  }

  #tapo-c200_v1 .h .bg-text {
    font-size: 3.59375vw;
    line-height: 4.21875vw
  }

  #tapo-c200_v1 .h .bg-text .hor,
  #tapo-c200_v1 .h .bg-text .ver {
    width: 18.75vw;
    left: 57.8125vw
  }

  #tapo-c200_v1 .h .bg-text .hor {
    bottom: 96.09375vw
  }

  #tapo-c200_v1 .h .bg-text .ver {
    bottom: 0
  }

  #tapo-c200_v1 .i {
    text-align: left;
    padding-top: 0;
    padding-bottom: 95.3125vw;
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/mobile-new/09-bg.jpg?v=20190916)
  }

  #tapo-c200_v1 .j {
    padding-top: 0
  }

  #tapo-c200_v1 .j .content {
    display: flex;
    flex-flow: column
  }

  #tapo-c200_v1 .j .left,
  #tapo-c200_v1 .j .right {
    width: 100%
  }

  #tapo-c200_v1 .j .left {
    order: 2;
    padding: 0;
    padding-top: 20.3125vw;
    text-align: center
  }

  #tapo-c200_v1 .j .left .phone-wrapper {
    width: 55.46875vw;
    height: 114.375vw
  }

  #tapo-c200_v1 .j .left .phone {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/mobile-new/10-phone.png?v=20190916)
  }

  #tapo-c200_v1 .j .left .screen {
    top: 2.34375vw;
    width: 50.9375vw;
    height: 108.59375vw;
    border-radius: 3.125vw
  }

  #tapo-c200_v1 .j .screen {
    background: center/cover no-repeat
  }

  #tapo-c200_v1 .j .screen-1 {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/mobile-new/10-screen-4.jpg?v=20190916)
  }

  #tapo-c200_v1 .j .screen-2 {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/mobile-new/10-screen-2.jpg?v=20190916)
  }

  #tapo-c200_v1 .j .screen-3 {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/mobile-new/10-screen-3.jpg?v=20190916)
  }

  #tapo-c200_v1 .j .screen-4 {
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/mobile-new/10-screen-1.jpg?v=20190916)
  }

  #tapo-c200_v1 .j .right {
    order: 1;
    padding-top: 0
  }

  #tapo-c200_v1 .j .right .options {
    margin-top: 4.6875vw
  }

  #tapo-c200_v1 .j .right .options li {
    padding-top: 1.5625vw
  }

  #tapo-c200_v1 .j .right .options li:before {
    width: 4.6875vw;
    height: 4.6875vw;
    margin-right: 1.25vw;
    margin-top: .78125vw;
    line-height: 4.6875vw;
    vertical-align: top
  }

  #tapo-c200_v1 .j .right label.title {
    display: inline-block;
    width: 80%;
    font-size: .875em !important;
    vertical-align: top
  }

  #tapo-c200_v1 .j .right .line,
  #tapo-c200_v1 .j .right p.desc {
    box-sizing: border-box;
    margin-left: 6.25vw;
    margin-top: 2.34375vw
  }

  #tapo-c200_v1 .j .right .line {
    width: 8.59375vw;
    height: .9375vw;
    border-radius: .09375em
  }

  #tapo-c200_v1 .j .right p.desc {
    display: block;
    font-size: .6875em;
    padding: 0
  }

  #tapo-c200_v1 .k {
    text-align: left;
    color: #000;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 231.875vw;
    background-image: url(https://static.tp-link.com/res/images/vi/tapo-c200_v1/mobile-new/11-bg.jpg?v=20190916);
    background-position: bottom;
    background-size: contain
  }

  #tapo-c200_v1 .k .bg-text {
    top: auto;
    bottom: 0;
    height: 222.5vw;
    color: #fff;
    font-size: 4.375vw
  }

  #tapo-c200_v1 .k .bg-text .step {
    box-sizing: border-box;
    width: 100%;
    padding: 0 6%;
    top: auto;
    left: 0
  }

  #tapo-c200_v1 .k .bg-text .step:before {
    display: inline-block;
    margin-right: 1.5625vw;
    width: 4.6875vw;
    height: 4.6875vw;
    line-height: 4.6875vw;
    border-radius: 50%;
    border: 1px solid #fff
  }

  #tapo-c200_v1 .k .bg-text .step1 {
    top: 62.5vw
  }

  #tapo-c200_v1 .k .bg-text .step2 {
    top: 132.8125vw
  }

  #tapo-c200_v1 .k .bg-text .step3 {
    top: 203.125vw
  }

  #tapo-c200_v1 .k .bg-text .step1:before {
    content: '1'
  }

  #tapo-c200_v1 .k .bg-text .step2:before {
    content: '2'
  }

  #tapo-c200_v1 .k .bg-text .step3:before {
    content: '3'
  }
}