[v-cloak] {
  display: none
}
body {
  background: #fff
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    line-height: normal
  }
}
#productcontent {
  background: #fff;
  min-height: 800px;
  overflow: hidden
}
#productcontent img {
  transition: opacity .5s
}
#productcontent img[lazy=loading] {
  opacity: 0
}
#productcontent img[lazy=loaded] {
  opacity: 1
}
.global-nav {
  border-bottom: none !important
}
.productcontent_All {
  overflow: hidden;
  width: 87.5vw;
  display: block;
  margin: 50px 6.25vw 0;
  min-height: 10px
}
.productcontent_All .productcontent_Left {
  display: block;
  margin: 0;
  float: left;
  width: 43.07291666666667vw
}
.productcontent_All .productcontent_Right {
  display: block;
  margin: 0 0 0 1.3541666666666667vw;
  float: left;
  width: 43.07291666666667vw
}
.productcontent_All .product-none {
  text-align: center
}
.piclist_All {
  overflow: hidden;
  width: 89.0625vw;
  display: block;
  margin: 3.0208333333333335vw 4.84375vw 0;
  min-height: 10px
}
.piclist_All .piclist_detail {
  display: block;
  float: left;
  margin-left: 1.40625vw
}
.piclist_All .product-none {
  text-align: center
}
.piclist_All .slider-box {
  position: relative
}
.piclist_All .slider-box .tran {
  transition: left ease 0.5s
}
.piclist_All .slider-box .slider {
  height: 30.729166666666668vw;
  margin-left: 1.40625vw;
  margin-bottom: 3.072916666666667vw;
  position: relative;
  width: 87.5vw;
  overflow: hidden
}
.piclist_All .slider-box .slider .slider-content {
  position: absolute;
  left: 0
}
.piclist_All .slider-box .slider .slider-content .pic-max, .piclist_All .slider-box .slider .slider-content .pic-max2 {
  float: left
}
.piclist_All .slider-box .slider .slider-content .pic-max img, .piclist_All .slider-box .slider .slider-content .pic-max2 img {
  width: 100%;
  display: block
}
.piclist_All .slider-box .slider .left-arrow, .piclist_All .slider-box .slider .right-arrow {
  width: 38px;
  height: 38px;
  position: absolute;
  top: 50%;
  margin-top: -19px;
  z-index: 111;
  cursor: pointer;
  border-radius: 100%
}
.piclist_All .slider-box .slider .left-arrow:hover, .piclist_All .slider-box .slider .right-arrow:hover {
  background-color: rgba(0, 0, 0, 0.2)
}
.piclist_All .slider-box .slider .left-arrow {
  left: 21px;
  background-image: url("https://webresource.tp-link.com.cn/content/images/arrow_left.png");
  background-repeat: no-repeat;
  background-position: 13px center;
  background-size: 9.5px 15px
}
.piclist_All .slider-box .slider .right-arrow {
  right: 21px;
  background-image: url("https://webresource.tp-link.com.cn/content/images/arrow_right.png");
  background-repeat: no-repeat;
  background-position: 15px center;
  background-size: 9.5px 15px
}
.piclist_All .slider-box .points {
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: -17px
}
.piclist_All .slider-box .points li {
  width: 8px;
  height: 8px;
  border: 1px solid #979797;
  margin-left: 12px;
  float: left;
  border-radius: 100%;
  cursor: pointer
}
.piclist_All .slider-box .points li.active {
  border: 1px solid #979797;
  background: #979797
}
.newPro_All {
  overflow: hidden;
  width: 88.90625vw;
  display: block;
  margin: 0 4.84375vw;
  min-height: 10px
}
.newPro_All .newPro_title {
  margin-left: 1.40625vw
}
.newPro_All .newPro_detail {
  float: left;
  margin-left: 1.40625vw
}
.newPro_All .product-none {
  text-align: center
}
@font-face {
  font-family: 'manrope-bold';
  src: url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-bold.eot");
  src: url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-bold.eot") format("embedded-opentype"), url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-bold.woff") format("woff"), url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-bold.ttf") format("truetype"), url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-bold.svg") format("svg");
  font-weight: normal;
  font-style: normal
}
.pic-min {
  margin-bottom: 1.40625vw;
  background-color: #f5f5f5;
  width: 43.020833333333336vw;
  height: 23.4375vw;
  position: relative
}
.pic-min .left {
  position: relative;
  margin: 0 0 0 3.125vw;
  float: left;
  width: 13.958333333333334vw;
  height: 23.4375vw
}
.pic-min .left .title1 {
  display: none
}
.pic-min .left .title2 {
  font-weight: bold;
  margin: 4.947916666666667vw 0 0 0;
  width: 22vw;
  white-space: pre-wrap;
  font-size: 1.4583333333333335vw;
  color: #000000;
  line-height: 2.1875vw;
  min-height: 2.1875vw;
  font-family: "manrope-bold", "Source Han Sans CN", "PingFangSC-Regular", sans-serif, "Microsoft YaHei"
}
.pic-min .left .model {
  margin: 0.625vw 0 0 0;
  width: 5.989583333333334vw;
  white-space: nowrap;
  font-size: 0.8333333333333334vw;
  min-height: 0.8333333333333334vw;
  color: #000000
}
.pic-min .left .detail {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 4.479166666666667vw;
  width: 5.9375vw;
  height: 1.9270833333333335vw;
  background: #000000;
  border-radius: 0.9635416666666667vw;
  text-align: center;
  font-size: 0.7291666666666667vw;
  color: #FFFFFF;
  line-height: 1.9270833333333335vw;
  z-index: 2
}
.pic-min .left .detail:hover {
  opacity: 0.7
}
.pic-min .left .deal {
  cursor: pointer;
  position: absolute;
  left: 6.71875vw;
  bottom: 4.479166666666667vw;
  width: 5.9375vw;
  height: 1.9270833333333335vw;
  border: 1px solid #000000;
  border-radius: 18.5px;
  text-align: center;
  font-size: 0.7291666666666667vw;
  color: #000000;
  line-height: 1.9270833333333335vw;
  z-index: 2
}
.pic-min .left .deal:hover {
  opacity: 0.7
}
.pic-min img {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  width: 100%;
  z-index: 1
}
.pic-mid1 {
  margin-bottom: 1.40625vw;
  background-color: #f5f5f5;
  width: 43.07291666666667vw;
  height: 48.28125vw;
  position: relative
}
.pic-mid1 .left {
  z-index: 99;
  position: relative;
  margin: 0 0 0 3.125vw;
  float: left;
  width: 21.875vw;
  height: 48.28125vw
}
.pic-mid1 .left .title2 {
  font-weight: bold;
  margin: 4.895833333333334vw 0 0 0;
  width: 11.25vw;
  white-space: nowrap;
  font-size: 1.4583333333333335vw;
  color: #000000;
  line-height: 2.1875vw;
  font-family: "manrope-bold", "Source Han Sans CN", "PingFangSC-Regular", sans-serif, "Microsoft YaHei"
}
.pic-mid1 .left .model {
  margin: 0.9375vw 0 0 0;
  font-size: 0.8333333333333334vw;
  color: #000;
  min-height: 0.8333333333333334vw
}
.pic-mid1 .left .detail {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 35.989583333333336vw;
  width: 5.9375vw;
  height: 1.9270833333333335vw;
  background: #000000;
  border-radius: 0.9635416666666667vw;
  text-align: center;
  font-size: 0.7291666666666667vw;
  color: #FFFFFF;
  line-height: 1.9270833333333335vw
}
.pic-mid1 .left .detail:hover {
  opacity: 0.7
}
.pic-mid1 .left .deal {
  cursor: pointer;
  position: absolute;
  left: 6.71875vw;
  bottom: 35.989583333333336vw;
  width: 5.9375vw;
  height: 1.9270833333333335vw;
  border: 1px solid #000000;
  border-radius: 18.5px;
  text-align: center;
  font-size: 0.7291666666666667vw;
  color: #000000;
  line-height: 1.9270833333333335vw
}
.pic-mid1 .left .deal:hover {
  opacity: 0.7
}
.pic-mid1 img {
  z-index: 98;
  position: absolute;
  width: 43.07291666666667vw;
  height: 48.28125vw;
  cursor: pointer
}
.pic-mid2 {
  margin-bottom: 1.40625vw;
  background-color: #f5f5f5;
  width: 43.07291666666667vw;
  height: 48.28125vw;
  position: relative
}
.pic-mid2 .left {
  z-index: 99;
  position: relative;
  margin: 0 0 0 3.125vw;
  float: left;
  width: 21.875vw;
  height: 48.28125vw
}
.pic-mid2 .left .title2 {
  font-weight: bold;
  margin: 4.895833333333334vw 0 0 0;
  width: 21.875vw;
  white-space: nowrap;
  font-size: 1.4583333333333335vw;
  color: #fff;
  line-height: 2.1875vw;
  min-height: 2.1875vw;
  font-family: "manrope-bold", "Source Han Sans CN", "PingFangSC-Regular", sans-serif, "Microsoft YaHei"
}
.pic-mid2 .left .model {
  margin: 0.9375vw 0 0 0;
  font-size: 0.8333333333333334vw;
  color: #fff;
  min-height: 0.8333333333333334vw
}
.pic-mid2 .left .detail {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 35.989583333333336vw;
  width: 5.9375vw;
  height: 1.9270833333333335vw;
  background: #fff;
  border-radius: 0.9635416666666667vw;
  text-align: center;
  font-size: 0.7291666666666667vw;
  color: #000;
  line-height: 1.9270833333333335vw
}
.pic-mid2 .left .detail:hover {
  opacity: 0.7
}
.pic-mid2 .left .deal {
  cursor: pointer;
  position: absolute;
  left: 6.71875vw;
  bottom: 35.989583333333336vw;
  width: 5.9375vw;
  height: 1.9270833333333335vw;
  border: 1px solid #fff;
  border-radius: 18.5px;
  text-align: center;
  font-size: 0.7291666666666667vw;
  color: #fff;
  line-height: 1.9270833333333335vw
}
.pic-mid2 .left .deal:hover {
  opacity: 0.7
}
.pic-mid2 img {
  z-index: 98;
  position: absolute;
  width: 43.07291666666667vw;
  height: 48.28125vw;
  cursor: pointer
}
.pic-max, .pic-max2 {
  margin-bottom: 1.40625vw;
  background-color: #f5f5f5;
  width: 87.5vw;
  height: 30.729166666666668vw;
  position: relative;
  cursor: pointer
}
.pic-max .left, .pic-max2 .left {
  z-index: 99;
  position: relative;
  margin: 0 0 0 3.125vw;
  float: left;
  width: 16.927083333333336vw;
  height: 30.729166666666668vw
}
.pic-max .left .title1, .pic-max2 .left .title1 {
  font-weight: bold;
  margin: 15.9375vw 0 0 0;
  width: 9.0625vw;
  white-space: pre-wrap;
  font-size: 1.4583333333333335vw;
  color: #FFFFFF;
  line-height: 2.0833333333333335vw;
  min-height: 4.166666666666667vw
}
.pic-max .left .title2, .pic-max2 .left .title2 {
  margin: 0.9375vw 0 0 0;
  width: 16.927083333333336vw;
  white-space: nowrap;
  font-size: 1.09375vw;
  color: #FFFFFF;
  line-height: 1.25vw
}
.pic-max .left .model, .pic-max2 .left .model {
  margin: 0.625vw 0 0 0;
  width: 5.989583333333334vw;
  white-space: nowrap;
  font-size: 0.8333333333333334vw;
  color: #FFFFFF
}
.pic-max .left .detail, .pic-max2 .left .detail {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 2.8645833333333335vw;
  width: 5.9375vw;
  height: 1.9270833333333335vw;
  background: #FFFFFF;
  border-radius: 0.9635416666666667vw;
  text-align: center;
  font-size: 0.7291666666666667vw;
  color: #000000;
  line-height: 1.9270833333333335vw
}
.pic-max .left .detail:hover, .pic-max2 .left .detail:hover {
  opacity: 0.7
}
.pic-max .left .deal, .pic-max2 .left .deal {
  cursor: pointer;
  position: absolute;
  left: 6.71875vw;
  bottom: 2.8645833333333335vw;
  width: 5.9375vw;
  height: 1.9270833333333335vw;
  border: 1px solid #ffffff;
  border-radius: 18.5px;
  text-align: center;
  font-size: 0.7291666666666667vw;
  color: #ffffff;
  line-height: 1.9270833333333335vw
}
.pic-max .left .deal:hover, .pic-max2 .left .deal:hover {
  opacity: 0.7
}
.pic-max img, .pic-max2 img {
  z-index: 98;
  position: absolute;
  width: 87.5vw;
  height: 30.729166666666668vw
}
.pic-max2 .left .title1, .pic-max2 .left .title2, .pic-max2 .left .model {
  color: #000
}
.pic-max2 .left .detail {
  background: #000;
  color: #fff
}
.pic-max2 .left .deal {
  border: 1px solid #000;
  color: #000
}
@font-face {
  font-family: 'manrope-bold';
  src: url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-bold.eot");
  src: url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-bold.eot") format("embedded-opentype"), url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-bold.woff") format("woff"), url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-bold.ttf") format("truetype"), url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-bold.svg") format("svg");
  font-weight: normal;
  font-style: normal
}
@font-face {
  font-family: 'manrope-regular';
  src: url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-regular.eot");
  src: url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-regular.eot") format("embedded-opentype"), url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-regular.woff") format("woff"), url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-regular.ttf") format("truetype"), url("https://media.tp-link.com.cn/webresource/tp_web_common/font/English/manrope-regular.svg") format("svg");
  font-weight: normal;
  font-style: normal
}
.picList-container {
  position: relative;
  width: 20.833333333333336vw;
  background-color: #ffffff
}
.picList-container .pic-frame {
  display: block;
  width: 20.833333333333336vw;
  height: auto;
  margin: 0;
  background-color: #f5f5f5;
  overflow: hidden;
  cursor: pointer
}
.picList-container .pic-frame:hover {
  box-shadow: 0 20px 10px -12px rgba(196, 196, 196, 0.5)
}
.picList-container .pic-frame .pic-img {
  width: 18.75vw;
  height: auto;
  margin: 1.171875vw 1.0416666666666667vw
}
.picList-container .pic-frame .pic-img img {
  width: 100%;
  height: auto
}
.picList-container .txt-frame {
  overflow: hidden;
  position: relative;
  width: 20.833333333333336vw;
  height: 6.40625vw;
  margin: 0;
  cursor: pointer
}
.picList-container .txt-frame .title {
  white-space: nowrap;
  margin: 1.3541666666666667vw 0 0 0;
  font-weight: bold;
  font-size: 0.9375vw;
  min-height: 1.0416666666666667vw;
  color: #000000;
  font-family: "Source Han Sans CN", "PingFangSC-Regular", sans-serif, "Microsoft YaHei";
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}
.picList-container .txt-frame .title:hover {
  opacity: 0.7
}
.picList-container .txt-frame .model {
  white-space: nowrap;
  margin: 0.6770833333333334vw 0 0 0;
  font-size: 0.7291666666666667vw;
  min-height: 0.78125vw;
  color: #000000;
  font-family: "manrope-regular", "Source Han Sans CN", "PingFangSC-Regular", sans-serif, "Microsoft YaHei";
  position: relative
}
.picList-container .txt-frame .model span:hover {
  opacity: 0.7
}
.picList-container .txt-frame .model .demo {
  font-family: TPSource-Medium;
  font-size: 0.625vw;
  color: #006FFF;
  position: absolute;
  right: 0;
  top: 0.052083333333333336vw
}
.picList-container .txt-frame .model .demo:hover {
  opacity: 0.7
}
.picList-container .txt-frame .detail {
  cursor: pointer;
  margin: 0.6770833333333334vw 0 0 0;
  float: left;
  height: 1.3541666666666667vw;
  font-size: 12px;
  color: #000000;
  line-height: 1.3541666666666667vw;
  border-bottom: 1px solid #000000
}
.picList-container .txt-frame .detail:hover {
  opacity: 0.5
}
.picList-container .txt-frame .deal {
  cursor: pointer;
  margin: 0.6770833333333334vw 0 0 0.9375vw;
  float: left;
  height: 1.3541666666666667vw;
  font-size: 12px;
  color: #000000;
  line-height: 1.3541666666666667vw;
  border-bottom: 1px solid #000000
}
.picList-container .txt-frame .deal:hover {
  opacity: 0.5
}
.picList-new {
  background: #CE201D;
  border-radius: 18.5px;
  position: absolute;
  top: 1.3020833333333335vw;
  left: 1.3020833333333335vw;
  width: 3.125vw;
  height: 1.4479166666666667vw;
  font-size: 0.7291666666666667vw;
  text-align: center;
  line-height: 1.4479166666666667vw;
  color: #FFFFFF
}
@font-face {
  font-family: 'TPSource';
  src: url("https://media.tp-link.com.cn/webresource/tp_web_common/font/common/SourceHanSansCN/SourceHanSansCN-Regular.eot");
  src: url("https://media.tp-link.com.cn/webresource/tp_web_common/font/common/SourceHanSansCN/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("https://media.tp-link.com.cn/webresource/tp_web_common/font/common/SourceHanSansCN/SourceHanSansCN-Regular.woff") format("woff"), url("https://media.tp-link.com.cn/webresource/tp_web_common/font/common/SourceHanSansCN/SourceHanSansCN-Regular.ttf") format("truetype"), url("https://media.tp-link.com.cn/webresource/tp_web_common/font/common/SourceHanSansCN/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal
}
.product-nav-bar {
  min-width: 1044px;
  display: block;
  min-height: 2.916666666666667vw;
  width: 87.5vw;
  margin: 80px 6.25% 0 6.25%;
  background: #fff;
  border-bottom: 1px solid #E0E0E0;
  overflow: hidden;
  font-family: 'TPSource', 'Microsoft YaHei', 'Arial'
}
.product-nav-bar .left {
  float: left
}
.product-nav-bar .quiksearch {
  clear: left;
  margin-top: 0.5208333333333334vw;
  font-size: 0.78125vw;
  line-height: 1.09375vw;
  color: #006FFF;
  font-family: 'TPSource-Medium', 'TPSource', 'Microsoft YaHei', 'Arial'
}
.product-nav-bar .parentclass, .product-nav-bar .childclass, .product-nav-bar .newproduct {
  height: 1.25vw;
  line-height: 1.25vw;
  font-size: 1.25vw;
  color: #000000;
  cursor: pointer;
  margin: 0.28645833333333337vw 0
}
.product-nav-bar .parentclass {
  padding-right: 0.9375vw
}
.product-nav-bar .childclass {
  padding-left: 0.8854166666666667vw
}
.product-nav-bar .newproduct {
  color: #FF1E1A;
  padding-left: 0.8854166666666667vw
}
.product-nav-bar .right {
  display: block;
  min-height: 2.5vw;
  float: right
}
.product-nav-bar .right .image {
  display: block;
  width: 3.3171875vw;
  height: 1.25vw;
  margin-bottom: 1.25vw
}
.product-nav-bar .quarter, .product-nav-bar .month {
  cursor: pointer;
  font-size: 1.09375vw;
  width: 2.1875vw;
  color: #000000
}
.product-nav-bar .quarter {
  margin: 0
}
.product-nav-bar .month {
  margin-right: 3.3333333333333335vw
}
.product-nav-bar .category {
  position: relative;
  padding-bottom: 0.5729166666666667vw
}
.product-nav-bar .category-detail {
  display: inline-block;
  min-height: 14px;
  height: 0.7291666666666667vw;
  line-height: 0.7291666666666667vw;
  margin-bottom: 0.7291666666666667vw;
  margin-top: 0.5208333333333334vw;
  font-size: 0.7291666666666667vw;
  color: #222222;
  cursor: pointer;
  border-right: 1px solid #000000;
  padding-right: 1.1979166666666667vw;
  margin-left: 1.25vw
}
.product-nav-bar .category-detail:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0
}
.category-all {
  min-width: 1044px;
  display: block;
  min-height: 2.5vw;
  width: 87.5vw;
  margin: 1.0416666666666667vw 6.25% 0 6.25%;
  padding-bottom: 1.0677083333333335vw;
  background: #fff;
  border-bottom: 1px solid #E0E0E0;
  overflow: hidden
}
.category-all .category-line {
  border-bottom: 1px solid #F3F3F3;
  display: inline-block;
  width: 87.5vw;
  font-size: 0.8333333333333334vw;
  color: #000000;
  line-height: 2.447916666666667vw
}
.category-all .category-line:last-child {
  border-bottom: none
}
.category-all .title {
  float: left;
  width: 6.25vw
}
.category-all .detail {
  float: left;
  width: 81.25vw
}
.category-all .detail .indetail {
  cursor: pointer;
  float: left;
  padding-right: 2.0833333333333335vw
}
.category-all .detail .indetail:first-child {
  padding-bottom: 1px
}

#pages ul {display: flex; justify-content: center;align-items: center;}