.vigi-color-vision  .a {position: relative;font-size:16px;max-width:1920px;margin:0 auto;background:url(https://static-page.tp-link.com/technology/vigi-colorpro-night-vision/img/a.jpg) 50%/0 no-repeat; background-size: 120em;height:65em}
.vigi-color-vision  .a .w-container{max-width: 90%;margin: 0 auto;width: 85.375em;color:#fff;}
.vigi-color-vision  .a .text>div{position: absolute;top:42%;transform: translateY(-50%);left:10%;right:10%}
.vigi-color-vision  .a .text h2{font-size:4.375em;font-weight:500;line-height:1.2;padding-bottom: 0.25em;}
.vigi-color-vision  .a .text p{font-size:2.5em;line-height: 1.5;}
@media (max-width:1680px){.vigi-color-vision  .a {font-size:14px;}}
@media (max-width:1440px){.vigi-color-vision  .a {font-size:12px;}}
@media (max-width:1024px){.vigi-color-vision  .a {font-size:10px;}}
@media (max-width:736px){
  .vigi-color-vision  .a {font-size:10.35px;height:108vw;background-size:100%;background-image: url(https://static-page.tp-link.com/technology/vigi-colorpro-night-vision/m/a.jpg);}
  .vigi-color-vision  .a .w-container{width:auto;max-width: 100%;}
  .vigi-color-vision  .a .text{padding:0; text-align:center;}
  .vigi-color-vision  .a .text h2{font-size:2.5em;line-height:1.2;padding:0 20px 0.5em; }
  .vigi-color-vision  .a .text p{font-size:1.75em;line-height:1.2;padding:0 20px ; }

}
@media (max-width:414px){.vigi-color-vision  .a {font-size:2.5vw;}}

.vigi-color-vision  .b {font-size:16px;max-width:1920px;margin:0 auto;background:#0a0b1f url(https://static-page.tp-link.com/technology/vigi-colorpro-night-vision/img/b.jpg) bottom/cover no-repeat;position: relative;}
.vigi-color-vision  .b .w-container{max-width: 90%;margin: 0 auto;width: 100em;color:#fff}
.vigi-color-vision  .b .text{padding:4em 0 0;text-align:center}
.vigi-color-vision  .b .text h2{font-size:3.125em;font-weight:400;line-height:1.2;padding-bottom:0.5em}
.vigi-color-vision  .b .text p{font-size:1.25em;line-height:1.5;padding-bottom: 2em;}
.vigi-color-vision  .b .video{width: 100%;margin:1em auto 0;text-align: center;padding-bottom: 2em;}
.vigi-color-vision  .b .video iframe{width: 100%;display: block;height: 40em;}

@media (max-width:1680px){.vigi-color-vision  .b {font-size:14px;}}
@media (max-width:1440px){.vigi-color-vision  .b {font-size:12px;}}
@media (max-width:1024px){.vigi-color-vision  .b {font-size:10px;}}
@media (max-width:736px){
  .vigi-color-vision  .b {font-size:10.35px;padding:0;background:#090a1c url(https://static-page.tp-link.com/technology/vigi-colorpro-night-vision/m/b.jpg) bottom/100% no-repeat;}
  .vigi-color-vision  .b .w-container{width:auto;max-width: 100%;}
  .vigi-color-vision  .b .text{padding:0; text-align:left;}
  .vigi-color-vision  .b .text h2{font-size:2.5em;line-height:1.2;padding:1.5em 20px 0.5em; }
  .vigi-color-vision  .b .text h3{font-size:2em;line-height:1.2;padding:0 20px 0.5em; }
  .vigi-color-vision  .b .text p{font-size:1.75em;line-height:1.5;padding:0 20px 2em;}
  .vigi-color-vision  .b .video {width: 88%;margin:2em auto 0;}
  .vigi-color-vision  .b .video iframe{height: 48vw;}

}
@media (max-width:414px){.vigi-color-vision  .b {font-size:2.5vw;}}

.vigi-color-vision .c {font-size:16px;max-width:1920px;margin:0 auto;background:#04003c url(https://static-page.tp-link.com/technology/vigi-colorpro-night-vision/img/d.jpg) center/cover no-repeat;padding: 4em 0;}
.vigi-color-vision .c .w-container{position: relative;max-width: 90%;margin: 0 auto;width: 85.375em;color:#fff}
.vigi-color-vision .c .text{text-align:center}
.vigi-color-vision .c .text h2{font-size:3.125em;font-weight:400;line-height:1.2;padding-bottom:0.5em}
.vigi-color-vision .c .text h3{font-size:2.375em;font-weight:400;line-height:1.2;padding-bottom:0.5em}
.vigi-color-vision .c .text p{font-size:1.25em;line-height:1.5;}
.vigi-color-vision .c .text .list{margin:4em auto 0;width: 90%;}
.vigi-color-vision .c .text .list>div{display: flex;flex-direction: row;align-items: center;text-align: left;}
.vigi-color-vision .c .text .list>div .info{width:50%;padding: 0 8% 0 3%;box-sizing: border-box;}
.vigi-color-vision .c .text .list .img{width: 50%;}
.vigi-color-vision .c .text .list .img img{width: 100%;}
.vigi-color-vision .c .text .list4>.img{position: relative}
.vigi-color-vision .c .text .list4>.img img{width: 80%;margin:0 auto;}
.vigi-color-vision .c .text .list4 p{padding-bottom: 0.5em;}
.vigi-color-vision .c .text .list4 .p1{position: absolute;top:2%;left:4%;width: 72%;}
.vigi-color-vision .c .text .list4 .p2{position: absolute;top:50%;left:4%;width: 72%;}
.vigi-color-vision .c .text .list3 p>span{font-size:3em}
.vigi-color-vision .c .text ul{margin-top:2em}
.vigi-color-vision .c .text .list li{display: inline-block;vertical-align: top;width:90%}
.vigi-color-vision .c .text ul li p.large{font-size:3.75em;}
.vigi-color-vision .c .text ul li p.large>span{font-size:0.33em}
@media (max-width:1680px){.vigi-color-vision  .c {font-size:14px;}}
@media (max-width:1440px){.vigi-color-vision  .c {font-size:12px;}}
@media (max-width:1024px){.vigi-color-vision  .c {font-size:10px;}}
@media (max-width:736px){
  .vigi-color-vision .c {font-size:10.35px;padding:0 0 2em}
  .vigi-color-vision .c .w-container{width:auto;max-width: 100%;}
  .vigi-color-vision .c .text{padding:0; text-align:left;color:#ccc}
  .vigi-color-vision .c .text h2{font-size:2.5em;line-height:1.2;padding:1.5em 20px 0.5em; }
  .vigi-color-vision .c .text p{font-size:1.75em;line-height:1.5;padding:0 20px ;}
  .vigi-color-vision .c .text .list p{padding:0}
  .vigi-color-vision .c .text .list .list1 , 
  .vigi-color-vision .c .text .list .list3{flex-direction: column;margin-bottom: 2em;}
  .vigi-color-vision .c .text .list .list2, 
  .vigi-color-vision .c .text .list .list4 {flex-direction: column-reverse;margin-bottom: 2em;}
  .vigi-color-vision .c .text .list .list4 .img p{font-size: 1.5em;}
  .vigi-color-vision .c .text .list>div .info{width:100%;}
  .vigi-color-vision .c .text .list .img{width: 100%;margin:0 auto 2em}
  .vigi-color-vision .c .m-hdie{display: none;}
  .vigi-color-vision .c .text .list4>.img img{width: 100%;}

}
@media (max-width:414px){.vigi-color-vision  .c {font-size:2.5vw;}}

.vigi-color-vision  .d {font-size:16px;max-width:1920px;margin:0 auto;background:url(https://static-page.tp-link.com/technology/vigi-colorpro-night-vision/img/c.jpg) center/cover no-repeat;}
.vigi-color-vision  .d .w-container{position: relative;max-width: 90%;margin: 0 auto;width: 100em;color:#fff}
.vigi-color-vision  .d .text{padding:6em 0;text-align:center}
.vigi-color-vision  .d .text h2{font-size:3.125em;font-weight:400;line-height:1.2;padding-bottom:0.5em}
.vigi-color-vision  .d .text h3{font-size:2.5em;line-height:1.2;padding-top:1em;padding-bottom:0.5em}
.vigi-color-vision  .d .text p{font-size:1.25em;line-height:1.5;}
.vigi-color-vision  .d .text ul{width:100%;margin-top: 4em;}
.vigi-color-vision  .d .text ul li{display: inline-block; width:48%;background-position: top;background-size:100%;background-repeat: no-repeat;vertical-align: top;}
.vigi-color-vision  .d .text ul li img{width: 100%;}
.vigi-color-vision  .d .text ul li+li{margin-left:2%}
.vigi-color-vision  .d .text ul li .desc{font-size:1.25em;font-weight:400;padding:0.5em;}
.vigi-color-vision  .d .text .list2 li{width:31%}

@media (max-width:1680px){.vigi-color-vision  .d {font-size:14px;}}
@media (max-width:1440px){.vigi-color-vision  .d {font-size:12px;}}
@media (max-width:1024px){.vigi-color-vision  .d {font-size:10px;}}
@media (max-width:736px){
  .vigi-color-vision  .d {font-size:10.35px;background:#0e0f2d url(https://static-page.tp-link.com/technology/vigi-colorpro-night-vision/img/c.jpg) bottom/100% no-repeat;}
  .vigi-color-vision  .d .m-hide{display: none;}
  .vigi-color-vision  .d .w-container{width:auto;max-width: 100%;}
  .vigi-color-vision  .d .text{padding:0; text-align:left;}
  .vigi-color-vision  .d .text h2{font-size:2.5em;line-height:1.2;padding:1.5em 20px 0.5em; }
  .vigi-color-vision  .d .text h3{font-size:2em;line-height:1.2;padding:0 20px 0.5em; }
  .vigi-color-vision  .d .text p{font-size:1.75em;line-height:1.5;padding:0 20px;color:#cccccc}
  .vigi-color-vision  .d .text ul{width:88%;margin: 2em auto 0; }
  .vigi-color-vision  .d .text ul li+li{margin-left:0%}
  .vigi-color-vision  .d .text ul li{width: 100%;margin-bottom:2em}
  .vigi-color-vision  .d .text ul li .desc{font-size: 1.5em;}
  .vigi-color-vision .d .text .list2 li{width: 100%;}

}
@media (max-width:414px){.vigi-color-vision  .d {font-size:2.5vw;}}

.vigi-color-vision  .i {font-size:16px;max-width:1920px;margin:0 auto;background:url(https://static-page.tp-link.com/technology/vigi-colorpro-night-vision/img/i.jpg) center/cover no-repeat;}
.vigi-color-vision  .i .w-container{position: relative;max-width: 90%;margin: 0 auto;width: 75em;color:#fff}
.vigi-color-vision  .i .text{padding:4em 0 0;text-align:center}
.vigi-color-vision  .i .text h2{font-size:3.125em;font-weight:400;line-height:1.2;padding-bottom:0.5em}
.vigi-color-vision  .i .text span{display: block;}
.vigi-color-vision  .i .text a{color:#fff;text-decoration: none;cursor: pointer;;}
.vigi-color-vision  .i #compatibility .compatibility-lists .cat-name{display: none;}
.vigi-color-vision  .i #compatibility .compatibility-lists .items .item {box-sizing: border-box;float: left;margin: 0 3% 3% 0;padding: 2.5em 1.25em 1em;position: relative;width: 22%;background-color: #3d649b;border-radius: 10px;border: none;}
.vigi-color-vision  .i #compatibility .compatibility-lists .items .item.more{position:relative}
.vigi-color-vision  .i #compatibility .compatibility-lists .items .item.more a {position:absolute;color: #fff;text-align: center;text-decoration: none;position: absolute;left: 5%;right: 5%;top: 50%; transform: translateY(-50%);}
@media (max-width:1680px){.vigi-color-vision  .i {font-size:14px;}}
@media (max-width:1440px){.vigi-color-vision  .i {font-size:12px;}}
@media (max-width:1024px){.vigi-color-vision  .i {font-size:10px;}}
@media (max-width:736px){
  .vigi-color-vision  .i {font-size:10.35px;background:#000 url(https://static-page.tp-link.com/technology/vigi-colorpro-night-vision/m/i.jpg) bottom/100% no-repeat;height:auto;padding-bottom:10vw}
  .vigi-color-vision  .i .w-container{width:auto;max-width: 100%;}
  .vigi-color-vision  .i .text{padding:0; text-align:left;}
  .vigi-color-vision  .i .text h2{font-size:2.5em;line-height:1.2;padding:1.5em 20px 0.5em; }
  .vigi-color-vision  .i .text p{font-size:1.75em;line-height:1.5;padding:0 20px;}
  .vigi-color-vision  .i #compatibility .compatibility-lists .items {width: 92%;margin:0 auto;}
  .vigi-color-vision  .i #compatibility .compatibility-lists .items .item{width: 47%;margin:0 1.5% 3% 1.5%}
}
@media (max-width:414px){.vigi-color-vision  .i {font-size:2.5vw;}}

.vigi-color-vision .e {font-size:16px;max-width:1920px;margin:0 auto;background:#060338 url(https://static-page.tp-link.com/technology/vigi-colorpro-night-vision/img/e.jpg) center/cover no-repeat}
.vigi-color-vision .e .w-container{position: relative;max-width: 90%;margin: 0 auto;width: 100em;}
.vigi-color-vision .e .text{padding: 4em 0 0;text-align:center;color:#fff}
.vigi-color-vision .e .text h2{font-size:3.125em;font-weight:400;line-height:1.2;padding-bottom:0.5em}
.vigi-color-vision .e .text h3{font-size:1.875em;font-weight:400;line-height:1.2;padding-bottom:0.5em}
.vigi-color-vision .e .text p{font-size:1.25em;line-height:1.5;}
.vigi-color-vision .e .text .lists{margin:2em auto;width: 100%; border-bottom: 1px solid #cccccc;display: flex;justify-content: space-between;}
.vigi-color-vision .e .text .lists li {color:#cccccc ;padding:0 1% 1em;cursor: pointer;width: 19%;} 
.vigi-color-vision .e .text .lists li .icon{width:6.25em;height:3.75em;display: block;margin:0 auto 2em}
.vigi-color-vision .e .text .lists li.active {color:#cccccc;border-bottom:4px solid #009de2}
.vigi-color-vision .e .text .lists li.active p {color: #009de2;font-weight: 400;}
.vigi-color-vision .e .text .lists li p{font-size: 1.25em;line-height: 1.2;font-weight: 300;}
.vigi-color-vision .e .text .box{padding: 3em 0;}
.vigi-color-vision .e .text .box .img.active{display: block;}
.vigi-color-vision .e .text .box .img{display: none;}
.vigi-color-vision .e .text .box .img-box{width: 50%;display: inline-block;vertical-align: middle;}
.vigi-color-vision .e .text .box .img img{width: 100%;}
.vigi-color-vision .e .text .box .img p{display: inline-block;vertical-align: middle;text-align: left;padding:0 8%;width: 45%;box-sizing: border-box;}
.vigi-color-vision .e .m-show{display: none;}
@media (max-width:1680px){.vigi-color-vision .e {font-size:14px;}}
@media (max-width:1440px){.vigi-color-vision .e {font-size:12px;}}
@media (max-width:1024px){.vigi-color-vision .e {font-size:10px;}}
@media (max-width:736px){
  .vigi-color-vision .e {font-size:10.35px;}
  .vigi-color-vision .e .m-show{display: block;}
  .vigi-color-vision .e .m-hide{display: none;}
  .vigi-color-vision .e .w-container{width:auto;max-width: 100%;}
  .vigi-color-vision .e .text{padding:0; text-align:left;}
  .vigi-color-vision .e .text h2{font-size:2.5em;line-height:1.2;padding:1.5em 20px 0.5em; }
  .vigi-color-vision .e .text h3{font-size:2em;line-height:1.2;padding:0 20px 0.5em; }
  .vigi-color-vision .e .text p{font-size:1.75em;line-height:1.5;padding:0 20px;}
  .vigi-color-vision .e .swiper {width: 80%;margin:2em auto 0;overflow: hidden;}
  .vigi-color-vision .e .swiper .swiper-slide{overflow: hidden;}
  .vigi-color-vision .e .swiper .swiper-slide .img{width:100%}
  .vigi-color-vision .e .swiper .swiper-slide .img img{width:100%}
  .vigi-color-vision .e .swiper .swiper-slide .txt{margin:2em 0}
  .vigi-color-vision .e .swiper .swiper-slide .icon-box p{font-size: 2em;color:#009de2;font-weight: 400;padding-bottom: 0.5em;}
  .vigi-color-vision .e .swiper .txt p{font-size: 1.75em;padding:0}
  .vigi-color-vision .e .swiper-button-next,.vigi-color-vision .e .swiper-container-rtl .swiper-button-prev{color:#959595}
  .vigi-color-vision .e .swiper-button-prev, .vigi-color-vision .e .swiper-container-rtl .swiper-button-next{color:#959595}
}
@media (max-width:414px){.vigi-color-vision .e {font-size:2.5vw;}}