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