TP-Link Tapo Wire-Free MagCam, Indoor/Outdoor 2K Battery Powered Smart Security Camera with Magnetic Mount Online Hot Sale

TP-Link Tapo Wire-Free MagCam, Indoor/Outdoor 2K Battery Powered Smart Security Camera with Magnetic Mount

.overview-content .award-banner {
font-size: 16px;

max-width: 120em;
margin: 0 auto;
background: #f7f7f7;
}

.overview-content .award-banner .w-container {
width: 100em;
margin: 0 auto
}

.overview-content .award-banner .w-container .text {
text-align: left;
}

.overview-content .award-banner h2 {
font-size: 2.25em;
font-weight: 700;
line-height: 1.2;
padding-bottom: 0.3em
}

.overview-content .award-banner p {
font-size: 1.25em;
font-weight: 400;
line-height: 1.5;
padding-bottom: 1em;
font-style: italic;
}

.overview-content .award-banner p.link {
font-style: normal;
}

.overview-content .award-banner ul {
display: flex;
padding: 4em 0;
justify-content: space-between;
}

.overview-content .award-banner ul li {
display: flex;
width: 50%;
padding:0
}

.overview-content .award-banner ul li .award-1 {
width: 6.75em;
margin-right: 2em;
}

.overview-content .award-banner ul li .award-2 {
width: 10em;
margin-right: 2em;
}

.overview-content .award-banner ul .li-1 .text-container {
padding: 0 14em 0 0;
}

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

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

@media(max-width:736px) {
.overview-content .award-banner {
font-size: 10.35px;

}

.overview-content .award-banner .w-container {
width: auto
}

.overview-content .award-banner .w-container .text {
padding: 0;
}

.overview-content .award-banner h2 {
font-size: 2em;
line-height: 1.4;
}

.overview-content .award-banner ul li .award-1 {
margin: 0;
}

.overview-content .award-banner .img-container {
width: 32%;
text-align: center;
}

.overview-content .award-banner ul li .award-2 {
margin-right: 0;
}

.overview-content .award-banner ul .li-1 .text-container {
padding: 0;
}

.overview-content .award-banner .text-container {
width: 64%;
}

.overview-content .award-banner p {
font-size: 1.5em;
}

.overview-content .award-banner ul li .award-2 {
width: 8em;
}

.overview-content .award-banner ul {
display: block;
padding: 4em 20px 1em;
}

.overview-content .award-banner ul li {
width: auto;
padding: 0 0 2em;
}
}

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

.overview-content .users-comment {
font-size: 16px;

max-width: 120em;
margin: 0 auto;
}

.overview-content .users-comment .w-container {
width: 87.5em;
margin: 0 auto
}

.overview-content .users-comment .w-container .text {
text-align: left;
padding: 5em 0 0;
}

.overview-content .users-comment h2 {
font-size: 1.875em;
font-weight: 400;
line-height: 1;
padding: 0 0 0 6px;
}

.overview-content .users-comment p {
font-size: 1.25em;
font-weight: 400;
line-height: 1.3;
padding-bottom: 1em;
}

.overview-content .users-comment ul {
display: flex;
padding: 3em 0;
width: 87.5em;
justify-content: space-between;
margin:0;
}

.overview-content .users-comment ul li {
padding: 1em 1em;
border-radius: 1.25em;
box-shadow: 2.65px 2.24px 5px 1px rgba(0, 0, 0, 0.07);
width: 13.875em;
}

.overview-content .users-comment .user span {
font-size: 1em;
font-weight: 400;
line-height: 1.5;
vertical-align: middle;
}

.overview-content .users-comment .user img {
width: 2.75em;
vertical-align: middle;
padding-right: 1em;
}

.overview-content .users-comment .user {
vertical-align: middle;
padding-bottom: 1.5em;
}

.overview-content .users-comment .star {
width: 5.75em;
padding-bottom: .5em;
}

.overview-content .users-comment p.content {
font-size: 1.125em;
font-weight: 400;
line-height: 1.5;
}

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

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

@media(max-width:736px) {
.overview-content .users-comment {
font-size: 10.35px;

}

.overview-content .users-comment .w-container {
width: auto
}

.overview-content .users-comment .w-container .text {
padding: 0 0 1.5em;
}

.overview-content .users-comment h2 {
font-size: 2.5em;
line-height: 1.2;
font-weight: 700;
padding: 1.5em 20px .5em;
}

.overview-content .users-comment p {
font-size: 1.75em;

}

.overview-content .users-comment ul {
margin-left: 20px;
overflow: auto;
width: auto;
}

.overview-content .users-comment ul li {
flex: none;
margin-right: 2em;
width: 20em;
}

.overview-content .users-comment p.content {
font-size: 1.25em;
}

.overview-content .users-comment ul::-webkit-scrollbar {
display: none;
}
}

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

.overview-content .video-for-product {
font-size: 16px;

max-width: 120em;
margin: 0 auto;
}

.overview-content .video-for-product .w-container {
width: 87.5em;
margin: 0 auto
}

.overview-content .video-for-product .w-container .text {
text-align: left;
padding: 5em 0 0;
}

.overview-content .video-for-product .amazon-video {
position: relative;
padding: 5em 0;
}

.overview-content .video-for-product h2 {
font-size: 2.5em;
font-weight: 400;
line-height: 1;
padding: 0 0 1.5em;
}

.overview-content .video-for-product p {
font-size: 1.25em;
font-weight: 400;
line-height: 1.3;
padding-bottom: 1em;
font-style: italic;
}

.overview-content .video-for-product .video-container {
width: 87.5em;
margin: 0 auto;
}

.overview-content .video-for-product .video-container video {
width: 100%;
}

.overview-content .video-for-product .swiper-slide {
width: 22%;
}

.overview-content .video-for-product .swiper-slide img {
width: 100%;
border-radius: 1em;
margin:0
}

.overview-content .video-for-product .swiper-slide .video-content {
position: absolute;
left: 1em;
display: flex;
top: 11.25em;
color: #fff;
width: 18em;
}

.overview-content .video-for-product .swiper-slide span.title {
font-weight: 700;
display: block;
font-size: 0.75em;
}

.overview-content .video-for-product .swiper-slide span.desc {
font-weight: 400;
display: block;
font-size: 0.7em;
}

.overview-content .video-for-product .swiper-slide .video-content img.user-icon {
width: 2.5em;
height: 2.5em;
border-radius: 1em;
margin-right: 1em;
}

.overview-content .video-for-product .swiper {
overflow: hidden;

}

.overview-content .video-for-product .button-icon {
width: 3em;
height: 3em;
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/next-button.png) 50% 100% no-repeat;
background-size: 100%;
top: 12em;
display: block;
position: absolute;
cursor: pointer;
}

.overview-content .video-for-product .button-icon.swiper-button-disabled {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/prev-button.png) 50% 100% no-repeat;
background-size: 100%;
}

.overview-content .video-for-product .button-icon.prev-icon {
transform: rotate(180deg);
left: -4em;
}

.overview-content .video-for-product .button-icon.next-icon {
right: -4em;
}

.overview-content .video-for-product .swiper-slide img.video-player {
position: absolute;
width: 3em;
height: 3em;
left: 50%;
top: 4em;
transform: translateX(-50%);
}

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

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

@media(max-width:736px) {
.overview-content .video-for-product {
font-size: 10.35px;

}

.overview-content .video-for-product .w-container {
width: auto
}

.overview-content .video-for-product .video-container {
width: 90vw;
margin: 0 auto;
}

.overview-content .video-for-product .w-container .text {
padding: 0 0 1.5em;
}

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

.overview-content .video-for-product p {
font-size: 1.75em;

}

.overview-content .video-for-product .swiper-slide {
width: 80%;
}

.overview-content .video-for-product .swiper-slide .video-content {
top: 46vw;
width: 69vw;
left: 3vw
}

.overview-content .video-for-product .swiper-slide img.video-player {
width: 8vw;
height: 8vw;
top: 17vw;
}

.overview-content .video-for-product .button-icon {
display: none;
}

.overview-content .video-for-product .swiper-slide span.title {
font-size: 3vw;
}

.overview-content .video-for-product .swiper-slide span.desc {
font-size: 3vw;
}

.overview-content .video-for-product .swiper-slide .video-content img.user-icon {
width: 8vw;
height: 8vw;
border-radius: 5vw;
}

.overview-content .video-for-product .swiper {
margin-left: 20px;
}
}

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

.overview-content .go-magnetic-snap-anywhere {
font-size: 16px;
margin: 0 auto;
position: relative;
z-index: 2;
}

.overview-content .go-magnetic-snap-anywhere .w-container {
width: 85.375em;
margin: 0 auto;

}

.overview-content .go-magnetic-snap-anywhere .text {
text-align: left;
position: absolute;
top: 26em;
right: 12em;
width: 33em;
transform: translateY(100px);
opacity: 0;
transition: opacity 1s linear, transform 1s linear;
z-index: 3;
}

.overview-content .go-magnetic-snap-anywhere video {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
}

.overview-content .go-magnetic-snap-anywhere h2 {
font-size: 2.8125em;
font-weight: 500;
line-height: 1.2;
padding-bottom: .5em;
}

.overview-content .go-magnetic-snap-anywhere p {
font-size: 1.375em;
font-weight: 400;
line-height: 1.3;
}

.overview-content .go-magnetic-snap-anywhere .fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
}

.overview-content .go-magnetic-snap-anywhere .absolute {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

.overview-content .go-magnetic-snap-anywhere .bg.active .text.active {
transform: translateY(0);
opacity: 1
}

.overview-content .go-magnetic-snap-anywhere .img {
height: 55.4vw;
position: relative;
max-width: 120em;
margin: 0 auto;
}

.overview-content .go-magnetic-snap-anywhere .bg {
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
transition: opacity linear 500ms;
-webkit-transition: opacity linear 500ms;
-moz-transition: opacity linear 500ms;
}

.overview-content .go-magnetic-snap-anywhere .bg.active {
opacity: 1;
}

@media (min-width:1921px) {
.overview-content .go-magnetic-snap-anywhere .img {
height: 70em;
}
}

@media (max-width:1680px) {
.overview-content .go-magnetic-snap-anywhere {
font-size: 14px
}
}

@media (max-width:1440px) {
.overview-content .go-magnetic-snap-anywhere {
font-size: 12px
}
}

@media (max-width:1024px) {
.overview-content .go-magnetic-snap-anywhere {
font-size: 10px
}
}

@media (max-width:736px) {
.overview-content .go-magnetic-snap-anywhere {
font-size: 10.35px
}

.overview-content .go-magnetic-snap-anywhere .bg.img1 .text {
color: #000;
}

.overview-content .go-magnetic-snap-anywhere h2 {
font-size: 2.5em;
font-weight: 700;
line-height: 1.4;
padding: 1.5em 0 0.625em;
}

.overview-content .go-magnetic-snap-anywhere video {
position: relative;
width: 80%;
left: auto;
right: auto;
margin: 0 auto;
display: block;
border-radius: 1em;
}

.overview-content .go-magnetic-snap-anywhere li {
width: 33%;
}

.overview-content .go-magnetic-snap-anywhere .li-2 img {
width: 7.5vw;
height: 7.5vw;
margin: 0.5vw auto;
}

.overview-content .go-magnetic-snap-anywhere p {
font-size: 1.75em;
line-height: 1.5;
padding: 0;
font-weight: 400;
}

.overview-content .go-magnetic-snap-anywhere li p {
font-size: 3.2vw;
}

.overview-content .go-magnetic-snap-anywhere ul img {
width: 8.5vw;
height: 8.5vw;
}

.overview-content .go-magnetic-snap-anywhere ul {
justify-content: space-evenly;
width: 100%;
margin-top: 8vw;
}

.overview-content .go-magnetic-snap-anywhere .bg {
position: relative;
opacity: 0;
transition: opacity 1s linear, transform 1s linear;
}

.overview-content .go-magnetic-snap-anywhere .left-nav {
display: none;
}

.overview-content .go-magnetic-snap-anywhere .bg.img0 {

padding-bottom: 0;
}

.overview-content .go-magnetic-snap-anywhere .bg.img1 {
padding-bottom: 18.67vw
}

.overview-content .go-magnetic-snap-anywhere .img {
width: auto;
height: auto;
}

.overview-content .go-magnetic-snap-anywhere .bg.active .text {}

.overview-content .go-magnetic-snap-anywhere .w-container {
width: auto;
padding-top: -1vw;
}

.overview-content .go-magnetic-snap-anywhere .text {
padding: 0 19px 1.5em;
text-align: center;
position: relative;
top: 0;
left: 0;
right: 0;
width: auto;
opacity: 1;
transform: translateY(12vw);
}

.overview-content .go-magnetic-snap-anywhere .text.active {
transform: translateY(0)
}

.overview-content .go-magnetic-snap-anywhere .fixed {
position: relative;
}

.overview-content .go-magnetic-snap-anywhere .m-go-magnetic-snap-anywhere0 {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/m/e-1.jpg?1) 50% 100%/100% no-repeat;
padding-bottom: 56vw;
}

.overview-content .go-magnetic-snap-anywhere .m-go-magnetic-snap-anywhere1 {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/m/e-2.jpg?1) 50% 100%/100% no-repeat;
padding-bottom: 56vw;
}

.overview-content .go-magnetic-snap-anywhere .m-go-magnetic-snap-anywhere2 {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/m/e-3.jpg?1) 50% 100%/100% no-repeat;
padding-bottom: 56vw;
}

.overview-content .go-magnetic-snap-anywhere .m-go-magnetic-snap-anywhere3 {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/m/e-4.jpg?1) 50% 100%/100% no-repeat;
padding-bottom: 56vw;
}

.overview-content .go-magnetic-snap-anywhere .txt {
position: relative;
left: 0;
top: 0;
width: auto;
}

.overview-content .overview-content .go-magnetic-snap-anywhere h3 {
font-size: 2.5em;
font-weight: 400;
padding: 1em 20px 0.5em;
}

.overview-content .go-magnetic-snap-anywhere .txt p {
font-size: 1.75em;
padding: 0 20px;
}

.section-box {
height: auto !important;
}
}

@media (max-width:414px) {
.overview-content .go-magnetic-snap-anywhere {
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 .swiper {
position: relative;
overflow: hidden;
padding: 11.875em 0;
}

.overview-content .remote-control-local-control .img-container {
width: 54.1875em;
}

.overview-content .remote-control-local-control .img-container img,
.overview-content .remote-control-local-control .img-container video {
width: 54.1875em;
border-radius: 2em;
}

.overview-content .remote-control-local-control h2 {
font-size: 2.8125em;
font-weight: 500;
line-height: 1.2;
padding-bottom: 0.5em
}

.overview-content .remote-control-local-control p {
font-size: 1.25em;
font-weight: 300;
line-height: 1.5;
padding-bottom: 3.75em;
}

.overview-content .remote-control-local-control p.note {
font-size: 1em;
font-weight: 300;
line-height: 1.5;
padding: 0;
color: #737373;
}

.overview-content .remote-control-local-control .c2 p.note {
margin-top: 2em;
}

.overview-content .remote-control-local-control .w-container {
width: 100em;
margin: 0 auto;
display: flex;
position: relative;
align-items: center;
}

.overview-content .remote-control-local-control .text {
padding: 0 7em;
}

.overview-content .remote-control-local-control .swiper-pagination-bullet-active {
background: #5a5a5a;
}

.overview-content .remote-control-local-control .swiper-pagination-clickable .swiper-pagination-bullet {
width: .75em;
height: .75em;
margin: 0 1em;
}

.overview-content .remote-control-local-control .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: 5em;
}

@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;
flex-direction: column-reverse;
}

.overview-content .remote-control-local-control .mobile-bg {
display: block;

}

.overview-content .remote-control-local-control .img-container {
width: 90vw;
margin: 0 auto;
}

.overview-content .remote-control-local-control .img-container img,
.overview-content .remote-control-local-control .img-container video {
width: 100%;
}

.overview-content .remote-control-local-control .swiper {
padding: 0 0 15em;
}

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

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

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

.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 p {
font-size: 1.5em;
line-height: 1.5;
font-weight: 400;
padding: 0 20px;
min-height: 6em;
}

.overview-content .remote-control-local-control .c1 p.note {
position: absolute;
bottom: -7em;
font-size: 1.25em;
width: 80vw;
left: 10vw;
}

.overview-content .remote-control-local-control .c2 p.note {
position: absolute;
bottom: -7em;
font-size: 1.25em;
width: 80vw;
left: 10vw;
margin: 0 auto;
}

}

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

.overview-content .multiple-ai-detection {
font-size: 16px;
margin: 10em auto 0em;
position: relative;
}

.overview-content .multiple-ai-detection .w-container {
width: 100em;
margin: 0 auto;
}

.overview-content .multiple-ai-detection .text-container {
position: relative;
height: 12em;
}

.overview-content .multiple-ai-detection .text {
text-align: center;
padding: 3.75em 0 2.5em;
opacity: 0;
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 70em;
}

.overview-content .multiple-ai-detection .text.active {
opacity: 1;
}

.overview-content .multiple-ai-detection h2 {
font-size: 2.5em;
font-weight: 500;
line-height: 1.5;
padding-bottom: .25em;
}

.overview-content .multiple-ai-detection p {
font-size: 1.375em;
font-weight: 400;
line-height: 1.5;

}

.overview-content .multiple-ai-detection ul {
letter-spacing: -8px;
text-align: center;
}

.overview-content .multiple-ai-detection li {
font-size: 1.5em;
font-weight: 500;
line-height: 1.2;
color: #979797;
display: inline-block;
min-width: 17%;
text-align: center;
padding: 0 3em 1em;
border-bottom: 3px solid #979797;
letter-spacing: 0;
cursor: pointer;
}

.overview-content .multiple-ai-detection li.active {
color: #000;
border-bottom: 3px solid #000000;

}

.overview-content .multiple-ai-detection .box-container {
display: flex;
justify-content: space-between;
margin-top: 4em;
}

.overview-content .multiple-ai-detection .bg {
width: 11.75em;
height: 44.6875em;
display: inline-block;
border-radius: 1em;
position: relative;
cursor: pointer;
transition: width 1s linear;
}

.overview-content .multiple-ai-detection .bg b {
width: 0;
height: 0;
display: block;
transition: width 1s linear, height 1s linear;

}

.overview-content .multiple-ai-detection .bg.active {
width: 73.0625em;
}

.overview-content .multiple-ai-detection .img0 {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/e-1-2.png) 50% 100% no-repeat;
background-size: 73.0625em;
}

.overview-content .multiple-ai-detection .img0 video {
width: 73.0625em;
display: none;
}

.overview-content .multiple-ai-detection .img0.active video {
display: block;
border-radius: 1em;
}

.overview-content .multiple-ai-detection .img1 {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/e-2-2.png) 50% 100% no-repeat;
background-size: 73.0625em;
}

.overview-content .multiple-ai-detection .img2 {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/e-3-2.png) 50% 100% no-repeat;
background-size: 73.0625em;
}

.overview-content .multiple-ai-detection .img2 b {
position: absolute;

}

@media (max-width:1680px) {
.overview-content .multiple-ai-detection {
font-size: 14px
}
}

@media (max-width:1440px) {
.overview-content .multiple-ai-detection {
font-size: 12px
}
}

@media (max-width:1024px) {
.overview-content .multiple-ai-detection {
font-size: 10px
}
}

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

.overview-content .multiple-ai-detection .w-container {
width: auto;
}

.overview-content .multiple-ai-detection .text-container {
height: 60vw;
}

.overview-content .multiple-ai-detection h2 {
font-size: 2.5em;
font-weight: 700;
line-height: 1.4;
padding: 1.5em 0 .5em;
}

.overview-content .multiple-ai-detection .text {
width: 90vw;
padding: 0 0 1.5em;
}

.overview-content .multiple-ai-detection p {
font-size: 1.75em;
line-height: 1.5;
padding: 0 20px;
font-weight: 400;
}

.overview-content .multiple-ai-detection .swiper-father {
margin-left: 6vw;
}

.overview-content .multiple-ai-detection li {
font-size: 1.5em;
padding: 0 1em 1.5em;
}

.overview-content .multiple-ai-detection .bg.active {
width: 80vw;
}

.overview-content .multiple-ai-detection .img0 {
width: 100%;
}

.overview-content .multiple-ai-detection .bg {
width: 80vw;
height: 49vw;
}

.overview-content .multiple-ai-detection .img0 {
background-size: 100%;
}

.overview-content .multiple-ai-detection .img1 {
background-size: 100%;
}

.overview-content .multiple-ai-detection .img2 {
background-size: 100%;
}

.overview-content .multiple-ai-detection .bg span,
.overview-content .multiple-ai-detection .bg b {
opacity: 1;
}

.overview-content .multiple-ai-detection .img0.active b {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/j-1-1.png) 50% 100% no-repeat;
background-size: 100%;
width: 0;
height: 0;
position: absolute;
left: 50vw;
top: 2vw;
}

.overview-content .multiple-ai-detection .bg.active span {
font-size: 2.6vw;

}

.overview-content .multiple-ai-detection .img0.active span {
right: 33vw;
top: 3vw;
}

.overview-content .multiple-ai-detection .img0.active.swiper-slide-active b {
width: 14vw;
height: 45vw;
}

.overview-content .multiple-ai-detection .bg.active span {
opacity: 0;
transition: all 1s linear;
}

.overview-content .multiple-ai-detection .img1.active b {
width: 0;
height: 0;
left: 6vw;
top: 19vw;
}

.overview-content .multiple-ai-detection .img1.active.swiper-slide-active b {
width: 71vw;
height: 22vw;
}

.overview-content .multiple-ai-detection .bg.active b {
opacity: 0;
transition: all 1s linear;
}

.overview-content .multiple-ai-detection .bg.active.swiper-slide-active b,
.overview-content .multiple-ai-detection .bg.active.swiper-slide-active span {
opacity: 1;
}

.overview-content .multiple-ai-detection .img1.active span {
left: 6vw;
bottom: 32vw;
}

.overview-content .multiple-ai-detection .img2.active b {
width: 0;
height: 0;
position: absolute;
left: 33vw;
top: 10vw;
}

.overview-content .multiple-ai-detection .img2.active.swiper-slide-active b {
width: 13vw;
height: 34vw;
}

.overview-content .multiple-ai-detection .img2.active span {
left: 32vw;
top: 2vw;
}

.overview-content .multiple-ai-detection .img0 video {
width: 80vw;
}
}

@media (max-width:414px) {
.overview-content .multiple-ai-detection {
font-size: 2.5vw
}
}

.overview-content .see-wider-see-more {
font-size: 16px;
max-width: 1920px;
margin: 0 auto;
overflow: hidden;
position: relative;
z-index: 2;
}

.overview-content .see-wider-see-more-container {
background: #fff;
}

.overview-content .see-wider-see-more-container.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
}

.overview-content .see-wider-see-more .mask.active {
background: rgba(0, 0, 0, 0.2);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.overview-content .see-wider-see-more .w-container {
width: 100em;
margin: 0 auto;
}

.overview-content .see-wider-see-more .text {
padding: 8.25em 2em 0em;
text-align: center;
opacity: 1;
}

.overview-content .see-wider-see-more h2 {
font-size: 2.5em;
font-weight: 500;
line-height: 1.2;
padding-bottom: 0.5em;
}

.overview-content .see-wider-see-more p {
font-size: 1.375em;
font-weight: 400;
line-height: 1.2;
padding-bottom: 0.25em;
}

.overview-content .see-wider-see-more .bg {
width: 100vw;
max-width: 120em;
margin: 0 auto;
}

.overview-content .see-wider-see-more .bg.fixed {
position: fixed;
top: 8em;
}

.overview-content .see-wider-see-more .c425-box {
position: relative;
max-width: 120em;
width: 100vw;
margin: 0 auto 0;
}

.overview-content .see-wider-see-more .bg.absolute {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

.overview-content .see-wider-see-more .bg i {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/notice.svg) 50% 100% no-repeat;
background-size: 100%;
display: inline-block;
width: 1.1875em;
height: 0.875em;
vertical-align: middle;
margin-right: 1em;
}

.overview-content .see-wider-see-more .bg .bg-container {
position: relative;
overflow: hidden;
height: 62em;
}

.overview-content .see-wider-see-more .bg .img-container1 {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/f.png) 50% 100% no-repeat;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 1;
clip-path: inset(20.5em 41.875em round 2em);
transition: clip-path 1s linear, opacity 1s linear;
}

.overview-content .see-wider-see-more .bg .img-container1 .mask-box {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/f-1.png) 50% 100% no-repeat;
background-size: 120em;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
transition: opacity 1s ease
}

.overview-content .see-wider-see-more .bg .img-container1 .desc1 {
font-size: 2em;
font-weight: 500;
line-height: 1.2;
position: absolute;
width: 30em;
left: 50%;
top: 3.5em;
color: #fff;
text-align: center;
transform: translateX(-50%);
opacity: 0;
transition: opacity 1s ease
}

.overview-content .see-wider-see-more .bg .img-container1 .desc2 {
font-size: 2em;
font-weight: 500;
line-height: 1.2;
position: absolute;
width: 30em;
left: 50%;
top: 7em;
color: #fff;
text-align: center;
transform: translateX(-50%);
opacity: 0;
transition: opacity 1s ease
}

.overview-content .see-wider-see-more .bg .img-container1.active4 .mask-box,
.overview-content .see-wider-see-more .bg .img-container1.active4 .desc1,
.overview-content .see-wider-see-more .bg .img-container1.active4 .desc2 {
opacity: 1;
}

.overview-content .see-wider-see-more .bg .img-container1.inactive {
opacity: 0;
;
}

.overview-content .see-wider-see-more .bg .img-container1.active1 {
clip-path: inset(10.25em 20.75em round 2em);
}

.overview-content .see-wider-see-more .bg .img-container1.active2 {
clip-path: inset(5em 10em round 2em);
}

.overview-content .see-wider-see-more .bg .img-container1.active3 {
clip-path: inset(0 0);
}

.overview-content .see-wider-see-more .bg .img-container1.active4 {
clip-path: inset(0 0);
}

@media (max-width:1680px) {
.overview-content .see-wider-see-more {
font-size: 14px;
}
}

@media (max-width:1440px) {
.overview-content .see-wider-see-more {
font-size: 12px;
}
}

@media (max-width:1024px) {
.overview-content .see-wider-see-more {
font-size: 10px;
}
}

@media (max-width:736px) {
.overview-content .see-wider-see-more {
font-size: 10.35px;
position: relative;
}

.overview-content .see-wider-see-more .w-container {
width: auto;
}

.overview-content .see-wider-see-more .text {
padding: 3em 0 1.5em;
text-align: center;
transform: translateY(0);
}

.overview-content .see-wider-see-more .bg .img-container2 .text-container {
opacity: 0;
}

.overview-content .see-wider-see-more .bg .img-container2.active .text-container {
transition-delay: 0s;
opacity: 1;
}

.overview-content .see-wider-see-more .mask {
display: none;
}

.overview-content .see-wider-see-more h2 {
font-size: 2.5em;
font-weight: 700;
line-height: 1.2;
padding: 1.5em 20px .5em;
}

.overview-content .see-wider-see-more p {
font-size: 1.5em;
line-height: 1.5;
padding: 0 20px;
font-weight: 400;
}

.overview-content .see-wider-see-more .bg .bg-container {
height: auto;
}

.overview-content .see-wider-see-more .bg .img-container1 {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/m/f.png) 50% 100% no-repeat;
background-size: 100%;
height: 205vw;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
clip-path: inset(0 0);
}

.overview-content .see-wider-see-more .bg .img-container1 .mask-box {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/m/f-1.png) 50% 100% no-repeat;
background-size: 100%;
opacity: 1;
width: 80.8125vw;
height: 133.0625vw;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
right: auto;
}

.overview-content .see-wider-see-more .bg .img-container1 .desc1 {
font-size: 5vw;
top: 27vw;
opacity: 1;
}

.overview-content .see-wider-see-more .bg .img-container1 .desc2 {
font-size: 5vw;
top: 44vw;
opacity: 1;
}

.overview-content .see-wider-see-more .bg .img-container2 {
background: none;

padding-top: 24vw;
position: relative;
transition: opacity 1s linear, transform 1s linear;
}

.overview-content .see-wider-see-more .bg .img-container2 p {
font-size: 3.73vw;
line-height: 1.42857;
padding: 0 6.4vw 7.46vw;
font-weight: 400;
}

.overview-content .see-wider-see-more .bg .img-container2 h2 {
font-size: 8.5vw;
font-weight: 700;
line-height: 1.2;
padding: 0 6.4vw 0.625em;
}

.overview-content .see-wider-see-more .bg .img-container2 .text-container {
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/m/f-2.png) 50% 100% no-repeat;
background-size: 87.2%;
padding-bottom: 49vw;
width: auto;
padding-top: 0;
opacity: 0;
transform: translateY(12vw);
color: #000;
}

.overview-content .see-wider-see-more .bg .img-container2 .text-container.active {
transform: translateY(0);

}
}

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

.overview-content .qhd-crystal-clear-view {
font-size: 16px;
margin: 0 auto;
position: relative;
}

.overview-content .qhd-crystal-clear-view-container.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1;
}

.overview-content .qhd-crystal-clear-view .mask.active {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}

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

.overview-content .qhd-crystal-clear-view .text {
text-align: center;
padding: 13em 3em 3.375em;
}

.overview-content .qhd-crystal-clear-view h2 {
font-size: 2.5em;
font-weight: 500;
line-height: 1.2;
padding-bottom: 0.45em;
}

.overview-content .qhd-crystal-clear-view p {
font-size: 1.375em;
font-weight: 400;
line-height: 1.25;
}

.overview-content .qhd-crystal-clear-view .fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
}

.overview-content .qhd-crystal-clear-view .absolute {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

.overview-content .qhd-crystal-clear-view .bg.active .text.active {
opacity: 1;
animation: 1s ease-in text-move-in;
}

.overview-content .qhd-crystal-clear-view .img {
position: relative;
}

.overview-content .qhd-crystal-clear-view .box-container {
width: 80em;
display: flex;
position: relative;
margin: 0 auto;
padding-top: 41.66666em;
user-select: none;
}

.overview-content .qhd-crystal-clear-view .box-container .box1 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0;
background-image: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/g-1.png?1);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: 0 0;
}

.overview-content .qhd-crystal-clear-view .box-container .box2-wrap {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 80%
}

.overview-content .qhd-crystal-clear-view .box-container .box2 {
background-image: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/g-2.png?1);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: right top;
height: 100%;
}

.overview-content .qhd-crystal-clear-view .box-container .desc {
font-size: 1.5em;
font-weight: 500;
color: #fff;
display: inline-block;
position: absolute;
user-select: none
}

.overview-content .qhd-crystal-clear-view .box-container .desc.inactive {
opacity: 0;
}

.overview-content .qhd-crystal-clear-view .box-container .box1 .desc {

top: 5%;

left: 3em;

min-width: 5em;

text-align: center;
}

.overview-content .qhd-crystal-clear-view .box-container .box2 .desc {
top: 5%;
right: 3em;
min-width: 4em;
text-align: center;
}

.overview-content .qhd-crystal-clear-view .progress {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0.2em;
background: #fff;
opacity: 0;
}

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

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

@media (max-width:1024px) {
.overview-content .qhd-crystal-clear-view {
font-size: 10px
}
}

@media (max-width:736px) {
.overview-content .qhd-crystal-clear-view {
font-size: 10.35px
}

.overview-content .qhd-crystal-clear-view .mask {
display: none;
}

.overview-content .qhd-crystal-clear-view .w-container {
width: auto;
padding-top: 20vw;
}

.overview-content .qhd-crystal-clear-view .text {
padding: 0 0 1.5em;
text-align: center;
}

.overview-content .qhd-crystal-clear-view h2 {
font-size: 2.5em;
font-weight: 700;
line-height: 1.2;
padding: 0 20px .5em;
}

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

.overview-content .qhd-crystal-clear-view .box-container {
width: 87.2%;
padding-top: 64vw;
}

.overview-content .qhd-crystal-clear-view .box-container .box1 {
background-image: url(https://static.tp-link.com/file/us/tapo-c425_v1/m/g-1.png?1);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: 0 0;
}

.overview-content .qhd-crystal-clear-view .box-container .box2 {
background-image: url(https://static.tp-link.com/file/us/tapo-c425_v1/m/g-2.png?1);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: right top;
}

.overview-content .qhd-crystal-clear-view .box-container .box1 .desc {
left: 2vw;
}

.overview-content .qhd-crystal-clear-view .box-container .box2 .desc {
right: 2vw;
}
}

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

.overview-content .qhd-crystal-clear-view-2 {
font-size: 16px;
margin: 0 auto;
position: relative;
}

.overview-content .qhd-crystal-clear-view-2-container.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1;
}

.overview-content .qhd-crystal-clear-view-2 .mask.active {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.2);
z-index: 1;
}

.overview-content .qhd-crystal-clear-view-2 .w-container {
width: 85.375em;
margin: 0 auto;
}

.overview-content .qhd-crystal-clear-view-2 .text {
text-align: center;
padding: 8em 3em 3.375em;
}

.overview-content .qhd-crystal-clear-view-2 h2 {
font-size: 2.5em;
font-weight: 500;
line-height: 1.2;
padding-bottom: 0.45em;
}

.overview-content .qhd-crystal-clear-view-2 p {
font-size: 1.375em;
font-weight: 400;
line-height: 1.25;
}

.overview-content .qhd-crystal-clear-view-2 .fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
}

.overview-content .qhd-crystal-clear-view-2 .absolute {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}

.overview-content .qhd-crystal-clear-view-2 .bg.active .text.active {
opacity: 1;
animation: 1s ease-in text-move-in;
}

.overview-content .qhd-crystal-clear-view-2 .img {
position: relative;
}

.overview-content .qhd-crystal-clear-view-2 .box-container {
width: 80em;
display: flex;
position: relative;
margin: 0 auto;
padding-top: 53.25em;
user-select: none;
border-radius: 1em;
}

.overview-content .qhd-crystal-clear-view-2 .box-container .box1 {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0;
background-image: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/h-1.png?1);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: 0 0;

}

.overview-content .qhd-crystal-clear-view-2 .box-container .box2-wrap {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 80%
}

.overview-content .qhd-crystal-clear-view-2 .box-container .box2 {
background-image: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/h-2.png?1);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: right top;
height: 100%;

}

.overview-content .qhd-crystal-clear-view-2 .box-container .desc {
font-size: 1.5em;
font-weight: 500;
color: #fff;
display: inline-block;
position: absolute;
user-select: none
}

.overview-content .qhd-crystal-clear-view-2 .box-container .desc.inactive {
opacity: 0;
}

.overview-content .qhd-crystal-clear-view-2 .box-container .box1 .desc {

top: 5%;

left: 3em;

min-width: 7em;

text-align: center;
}

.overview-content .qhd-crystal-clear-view-2 .box-container .box2 .desc {
top: 5%;
right: 3em;
min-width: 11em;
text-align: center;
}

.overview-content .qhd-crystal-clear-view-2 .progress {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 0.2em;
background: #fff;
opacity: 0;
}

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

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

@media (max-width:1024px) {
.overview-content .qhd-crystal-clear-view-2 {
font-size: 10px
}
}

@media (max-width:736px) {
.overview-content .qhd-crystal-clear-view-2 {
font-size: 10.35px
}

.overview-content .qhd-crystal-clear-view-2 .mask {
display: none;
}

.overview-content .qhd-crystal-clear-view-2 .w-container {
width: auto;
padding-top: 20vw;
}

.overview-content .qhd-crystal-clear-view-2 .text {
padding: 0 0 1.5em;
text-align: center;
}

.overview-content .qhd-crystal-clear-view-2 h2 {
font-size: 2.5em;
font-weight: 700;
line-height: 1.4;
padding: 0 20px .5em;
}

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

.overview-content .qhd-crystal-clear-view-2 .box-container {
width: 87.2%;
padding-top: 58vw;
}

.overview-content .qhd-crystal-clear-view-2 .box-container .box1 {}

.overview-content .qhd-crystal-clear-view-2 .box-container .box2 {}

.overview-content .qhd-crystal-clear-view-2 .box-container .box1 .desc {
left: 2vw;
}

.overview-content .qhd-crystal-clear-view-2 .box-container .box2 .desc {
right: 2vw;
}
}

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

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

.overview-content .tapo-camera-sell-point .w-container {
width: 90%;
margin: 0 auto;
}

.overview-content .tapo-camera-sell-point .text {
padding: 5em 0 3em;
}

.overview-content .tapo-camera-sell-point ul {
text-align: center;
}

.overview-content .tapo-camera-sell-point li {
display: inline-block;
vertical-align: top;
width: 27%;
margin: 0 2%;
text-align: left;
margin-bottom: 4em;
}

.overview-content .tapo-camera-sell-point li img {
max-width: 100%;
margin-bottom: 1.5em;
}

.overview-content .tapo-camera-sell-point h2 {
font-size: 1.75em;
font-weight: 400;
line-height: 1.2;
padding-bottom: 0.5em;
}

.overview-content .tapo-camera-sell-point p {
font-size: 1.25em;
line-height: 1.4;
}

.overview-content .tapo-camera-sell-point .img {
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
}

.overview-content .tapo-camera-sell-point .desc {
position: absolute;
font-size: 1em;
top: 66%;
line-height: 1.2;
text-align: center;
color: #fff;
}

.overview-content .tapo-camera-sell-point .desc1 {
left: 5%;
width: 22%;
}

.overview-content .tapo-camera-sell-point .desc2 {
left: 39%;
width: 20%;
}

.overview-content .tapo-camera-sell-point .desc3 {
left: 71%;
width: 20%;
}

.overview-content .tapo-camera-sell-point ul .desc4 {
position: absolute;
width: auto;
line-height: 1.2;
font-size: 1em;
color: #fff;
background-color: rgba(0, 94, 172, 0.95);
border-radius: 1em;
padding: 0.5em 0.75em;
font-weight: 400;
text-align: left;
}

.overview-content .tapo-camera-sell-point ul .desc5 {
position: absolute;
width: auto;
line-height: 1.2;
font-size: 1em;
color: #fff;
background-color: rgba(0, 94, 172, 0.95);
border-radius: 1em;
padding: 0.5em 0.75em;
font-weight: 400;
text-align: left;
}

.overview-content .tapo-camera-sell-point ul .desc4 {
left: 5em;
top: 4em;
width: 10em;
}

.overview-content .tapo-camera-sell-point ul .desc5 {
right: 7em;
top: 10em;
}

.overview-content .tapo-camera-sell-point ul .desc4 span::before {
left: -0.75em;
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/i-icon-1.png) 50% 100% no-repeat;
width: 1.7em;
height: 1.5em;
background-size: 100%;
top: -1em;
content: ”;
position: absolute;
}

.overview-content .tapo-camera-sell-point ul .desc5 span::after {
right: -0.75em;
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/i-icon-2.png) 50% 100% no-repeat;
width: 1.5em;
height: 1.65em;
background-size: 100%;
top: -1em;
content: ”;
position: absolute;
}

.overview-content .tapo-camera-sell-point ul .desc6 {
position: absolute;
width: auto;
line-height: 1.2;
font-size: 1em;
color: #fff;
background-color: rgba(0, 94, 172, 0.95);
border-radius: 1em;
padding: 0.5em 0.75em;
font-weight: 400;
text-align: left;
}

.overview-content .tapo-camera-sell-point ul .desc6 {
right: 14em;
top: 3em;
width: 10em;
}

.overview-content .tapo-camera-sell-point ul .desc6 span::after {
right: -0.75em;
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/i-icon-3.png) 50% 100% no-repeat;
width: 1.5em;
height: 1.65em;
background-size: 100%;
bottom: -0.05em;
content: ”;
position: absolute;
}

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

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

@media (max-width:1024px) {
.overview-content .tapo-camera-sell-point {
font-size: 10px;
}
}

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

.overview-content .tapo-camera-sell-point li img {
width: 100%;
}

.overview-content .tapo-camera-sell-point .w-container {
width: auto;
}

.overview-content .tapo-camera-sell-point li {
display: block;
width: auto;
margin: 0 3% 4em;
text-align: center;
}

.overview-content .tapo-camera-sell-point li:last-child {
margin-bottom: 0;
}

.overview-content .tapo-camera-sell-point h2 {
font-size: 2.25em;
line-height: 1.2;
padding: 0 20px 0.25em;
}

.overview-content .tapo-camera-sell-point p {
font-size: 1.75em;
line-height: 1.42857;
padding: 0 20px;
}

.overview-content .tapo-camera-sell-point .desc {
font-size: 3vw;
top: 65%
}

.overview-content .tapo-camera-sell-point .desc1 {
left: 4%;
}

.overview-content .tapo-camera-sell-point ul .desc4 {
left: 23vw;
top: 13vw;
width: 35vw;
font-size: 3.5vw;
}

.overview-content .tapo-camera-sell-point ul .desc5 {
right: 26vw;
top: 33vw;
font-size: 3.5vw;
}

.overview-content .tapo-camera-sell-point ul .desc6 {
right: 47vw;
top: 9vw;
width: 35vw;
font-size: 3.5vw;
}

.overview-content .tapo-camera-sell-point .desc3 {
left: 70vw;
}

.overview-content .tapo-camera-sell-point .desc2 {
left: 38vw;
}
}

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

.overview-content .all-for-free {
font-size: 16px;
max-width: 120em;
margin: 0 auto;
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/img/l.jpg?1) 50% 100% no-repeat;
background-size: 120em;
padding-bottom: 42.6875em;
}

.overview-content .all-for-free .w-container {
width: 95em;
position: relative;
margin: 0 auto;
}

.overview-content .all-for-free .text {
text-align: center;
padding: 7em 18em 3.5em;
}

.overview-content .all-for-free h2 {
font-size: 2.875em;
font-weight: 500;
line-height: 1.2;
padding-bottom: 0.5em;
}

.overview-content .all-for-free p {
font-size: 1.375em;
line-height: 1.5;
font-weight: 300;
padding: 0 5em;
}

.overview-content .all-for-free .bg {
position: absolute;
left: 0;
}

.overview-content .all-for-free .bg .desc1 {
position: absolute;
left: 9.8em;
top: 13.2em;
padding: 0.25em 1em;
background-color: #00c6ff;
}

.overview-content .all-for-free .bg .desc1 span {
font-size: 1.25em;
font-weight: 300;
line-height: 1.2;
color: #fff;
}

.overview-content .all-for-free .bg .desc2 {
position: absolute;
left: 42.9em;
top: 24.7em;
padding: 0.25em 1em;
background-color: #00c6ff;
}

.overview-content .all-for-free .bg .desc2 span {
font-size: 1.25em;
font-weight: 300;
line-height: 1.2;
color: #fff;
}

.overview-content .all-for-free .bg .desc3 {
position: absolute;
left: 57.4em;
top: 7.1em;
padding: 0.25em 1em;
background-color: #00c6ff;
}

.overview-content .all-for-free .bg .desc3 span {
font-size: 1.25em;
font-weight: 300;
line-height: 1.2;
color: #fff;
}

.overview-content .all-for-free .bg .desc4 {
position: absolute;
left: 71em;
top: 26em;
padding: 1.5em 1em;
background: #88d5ff;
border-radius: 1.5em;
width: 26em;
}

.overview-content .all-for-free .bg .desc4 .text-container {
display: flex;
}

.overview-content .all-for-free .bg .desc4 .text-container img {
width: 2.25em;
}

.overview-content .all-for-free .bg .desc4 .text-container .content {
width: 18em;
margin-left: 1em;
}

.overview-content .all-for-free .bg .desc4 .text-container p.content1 {
font-size: 1.25em;
padding: 0;
font-weight: 700;
}

.overview-content .all-for-free .bg .desc4 .text-container p.content2 {
font-size: 1.25em;
padding: 0;
font-weight: 400;
line-height: 1.2;
}

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

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

@media (max-width: 736px) {
.overview-content .all-for-free {
font-size: 10.35px;

padding-bottom: 83.28125%;
background: url(https://static.tp-link.com/file/us/tapo-c425_v1/m/l.jpg?1) 50% 100% no-repeat;
background-size: 100%;
}

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

.overview-content .all-for-free .text {
padding: 0 0 1.5em;
text-align: center;
}

.overview-content .all-for-free h2 {
font-size: 2.5em;
line-height: 1.4;
font-weight: 700;
padding: 1.5em 20px 0.5em;
}

.overview-content .all-for-free h3 {
font-size: 2em;
padding: 0 20px 0.5em;
}

.overview-content .all-for-free p {
font-size: 1.75em;
line-height: 1.42857;
padding: 0 20px;
font-weight: 400;
}

.overview-content .all-for-free .bg {
position: relative;
}

.overview-content .all-for-free .bg .desc1 {
left: 5vw;
top: 32.5vw;
}

.overview-content .all-for-free .bg .desc2 {
left: 27.5vw;
top: 56vw;
}

.overview-content .all-for-free .bg .desc3 {
left: 49vw;
top: 29vw;
}

.overview-content .all-for-free .bg .desc1 span,
.overview-content .all-for-free .bg .desc2 span,
.overview-content .all-for-free .bg .desc3 span {
font-size: 2.5vw;
}

.overview-content .all-for-free .bg .desc2 {
padding: 0.1em 1em;
}

.overview-content .all-for-free .bg .desc4 {
left: 62vw;
top: 61vw;
width: 35vw;
padding: 2vw 1vw;
}

.overview-content .all-for-free .bg .desc4 .text-container .content {
width: 24vw;
}

.overview-content .all-for-free .bg .desc4 .text-container p.content1 {
font-size: 1.5vw;
}

.overview-content .all-for-free .bg .desc4 .text-container p.content2 {
font-size: 1.5vw;
}

.overview-content .all-for-free .bg .desc4 .time span {
font-size: 1.25vw;
display: block
}

.overview-content .all-for-free .bg .desc4 .time {
display: none;
}

.overview-content .all-for-free .bg .desc4 .text-container img {
width: 4vw;
margin-left: 2vw;
}
}

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

.overview-content .mobile-br {
display: none;
}

@media (max-width: 736px) {
.overview-content .mobile-br {
display: block;
}

}

.tapo-c425_v1 {
font: 300 13px/1.6 AktivGrotesk-Corp, Helvetica, sans-serif;
-webkit-text-stroke: 1px rgba(0, 0, 0, 0);
background-color: #fff;
}
.tapo-c425_v1 h2, .tapo-c425_v1 p{
margin: 0!important;
}
.overview-content .tapo-c425_v1 *{
box-sizing: content-box !important;
}
.overview-content .smart-secure-easy .icons img{
display:inline-block;
margin:0 0.8em 0 0;
}
.overview-content .go-magnetic-snap-anywhere .img2 h2{
color:#fff
}
.overview-content .tapo-camera-sell-point li{
padding:0!important;
} .overview-content .tapo-camera-sell-point ul{
margin:0
}

.overview-content .users-comment .user img,
.overview-content .users-comment .star,.overview-content .all-for-free .bg .desc4 .text-container img,.overview-content .video-for-product .swiper-slide img{
margin:0;
display:inline-block;
max-width:none
}
.overview-content .award-banner ul li .award-1,
.overview-content .award-banner ul li .award-2{
margin:0 2em 0 0 ;
display:inline-block;
max-width:none
}

.overview-content .tapo-camera-sell-point li img{
margin:0 0 1.5em;
display:inline-block
}
.overview-content .remote-control-local-control .img-container img, .overview-content .remote-control-local-control .img-container video{
max-width:none;
}
.overview-content .multiple-ai-detection li{
padding:0 3em 1em!important;
}
@media (max-width: 736px) {
.overview-content .go-magnetic-snap-anywhere .img2 h2{
color:#000
} .overview-content .award-banner ul li .award-1,
.overview-content .award-banner ul li .award-2{
margin:0
}
.overview-content .multiple-ai-detection li{
padding: 0 1em 1.5em!important;
}
.overview-content .tapo-camera-sell-point img{
margin:0
}
.overview-content .all-for-free img{
margin:0
}
.overview-content .multiple-ai-detection ul{
margin:0
}
.overview-content .smart-secure-easy h2{
color:#fff
}
.overview-content .remote-control-local-control img{
margin: 0
}
}

.levitation-button {
position: fixed;
bottom: 0em;
z-index: 5;
height: 80px;
width: 100%;
box-shadow: 15px 9px 17px 9px #e9e9e9;
background: #fff;
}

.levitation-button .levitation-button-container {
width: auto;
position: relative;
max-width: 1520px;
margin: 0 auto;
}

.levitation-checkout-button {
padding: 1em 2em;
background: #ffcb00;
cursor: pointer;
text-align: center;
border-radius: .5em;
right: 360px;
width: 330px;
top: 16px;
position: absolute;
}

.levitation-checkout-button b {
text-decoration: none !important;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}

.levitation-amazon-button {
padding: 1em 1em;
background: #ffa41c;
border-radius: 0.5em;
cursor: pointer;
text-align: center;
position: absolute;
right: 0px;
width: 330px;
top: 16px;
}

.levitation-bby-button {
padding: 1em;
background: #0046be;
border-radius: 0.5em;
cursor: pointer;
text-align: center;
color: #fff;
}

.levitation-amazon-button a {
text-decoration: none !important;
color: #000;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}

.levitation-bby-button a {
text-decoration: none !important;
color: #fff;
font-size: calc(var(–base-font-size) – 3px);
font-family: var(–text-font-family);
font-weight: var(–text-font-bold-weight);
text-transform: uppercase;
}

.levitation-bby-button a:hover {
color: #fff !important;
}

.levitation-amazon-button a:hover {
color: #fff !important;
}
#MainPaymentContainer .levitation-amazon-button {
position: relative;
right: auto;
top: auto;
width: auto;
}

#MainPaymentContainer .levitation-amazon-button a {
font-size: calc(var(–base-font-size) – 2px);
}

@media(max-width:736px) {

.levitation-checkout-button {
display: block;
padding: 0.5em;
right: auto;
top: auto;
width: 88vw;
position: relative;
margin: 1em auto .5em;
}

.levitation-button {
width: 100vw;
height: auto;
}

.levitation-button .levitation-button-container {
width: auto;
height: auto;
max-width: none;
}

.levitation-amazon-button {
display: block;
padding: 0.75em;
position: relative;
right: auto;
top: auto;
width: 88vw;
margin: 0 auto 1em;
}

.levitation-bby-button {
display: block;
padding: 0.75em;
position: relative;
right: auto;
top: auto;
width: 88vw;
margin: 0 auto 1em;
}

#MainPaymentContainer .levitation-amazon-button {
font-size: calc(var(–base-font-size) – 3px);
width: 100%;
margin: 0 auto;
}
}

.product-detail-content li {
padding-left: 0;
list-style: disc;
background: 0 0;
margin: 0 0 .5em;
}

.product-detail-content li strong {
font-weight: 700;
}