.overview-content { font-size:16px; overflow:hidden;max-width: 1920px;margin: 0 auto;overflow-x: hidden; }
.overview-content .w1366 { margin:0 auto; position:relative; width:85.375em; }
.overview-content .regular { font-weight: 400; }
.overview-content .medium { font-weight: 500; }
.overview-content .bold { font-weight: 700; }
.overview-content .m-show { display:none; }
.overview-content .nowrap { white-space:nowrap; }
.overview-content .text>h2 { font-size:3.125em; letter-spacing:0.01em; line-height:1.2;font-weight: 400 }
.overview-content .text>p { font-size:1.25em; letter-spacing:0.01em; line-height:1.5; padding-top:1.5em; }
@media screen and (max-width:1440px){
  .overview-content { font-size:1.111111111111vw; }
}
@media screen and (max-width:768px){
  html { font-size:10.35px; }
  .overview-content .m-show { display:block; }
  .overview-content .w1366 { width:auto; }
  .overview-content .text>h2 { font-size:2.5rem; padding:3rem 6% 1.5rem; }
  .overview-content .text>p { font-size:1.75rem; line-height:1.5; padding:0 6% 3rem; }
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.overview-content .a{background: url(https://static-product.tp-link.com/m7000_v3.2/img/a.jpg) center/120em auto no-repeat;height: 55em;}
.overview-content .a .text{padding-top: 10em;}
.overview-content .a .text h2{font-size: 3.5em;font-weight: 700;}
.overview-content .a .text p{font-size: 1.875em;padding-top: 0.5em;font-weight: 400;}
.overview-content .a p.product{display: inline-block;background: #fff;padding: .25em .5em;margin-top: 1em;border-radius: .25em;}
.overview-content .b{background: url(https://static-product.tp-link.com/m7000_v3.2/img/b.jpg) 50% 100%/120em auto no-repeat;padding-bottom: 50em;}
.overview-content .b .text{padding: 4em 14em 0;text-align: center;}
.overview-content .c{background: url(https://static-product.tp-link.com/m7000_v3.2/img/c.jpg) center/120em auto no-repeat;height: 60em;}
.overview-content .c .text{padding: 10em 0 0 32em;}
.overview-content .c .text p{padding-right: 12em;}
.overview-content .d .text{text-align: center;padding: 4em 0 3em;}
.overview-content .d .text p{padding: 1em 10em 0;}
.overview-content .d .img{background: url(https://static-product.tp-link.com/m7000_v3.2/img/d.jpg) center/120em auto no-repeat;height: 45em;}
.overview-content .d .time{text-align: center;position: absolute;top: 15em;left: 33em;}
.overview-content .d .time p{font-size: 2em;color: #4acbd2;}
.overview-content .d .time .big{color: #4acbd2;font-size: 15em;line-height: 0.8;}
.overview-content .d .tip{color: #fff;text-align: center;padding-top: 42em;}
.overview-content .e{background:#e7e7e7 url(https://static-product.tp-link.com/m7000_v3.2/img/e.jpg) center/120em auto no-repeat;height:60em;}
.overview-content .e .text{padding: 18em 50em 0 0;}
.overview-content .e .descs{position: absolute;top: 0;left: 0;}
.overview-content .e .desc{display: inline-block;font-size: 1.35em;position: absolute;top: 37em;left: 39em;width: 10em;text-align: center;}
.overview-content .e .desc2{left: 47.5em;}
.overview-content .f{background: url(https://static-product.tp-link.com/m7000_v3.2/img/f.jpg) center/120em auto no-repeat;height: 59em;}
.overview-content .f .text{color: #fff;padding: 20em 0 0 55em;}

.overview-content .f .icons {
  text-align: center;
  display: inline-block;
  margin-top: 2em;
}

.overview-content .f .icons div {
  display: inline-block;
}

.overview-content .f .icons .agient-logo {
  width: 5.625em;
  height: 5.625em;
  padding-right: 0.5em;
  vertical-align: top;
}

.overview-content .f .icons .store {
  padding-right: 0.5em;
  vertical-align: top;
}

.overview-content .f .icons .qrcode {
  width: 5.625em;
  height: 5.625em;
  vertical-align: top;
  padding-right: 0.5em;
}

.overview-content .f .icons .store a {
  display: inline-block;
  width: 8.75em;
  height: 2.5625em;
  margin-bottom: 3px;
}

.overview-content .f .icons .update-online {
  height: 5.625em;
  vertical-align: top;
}

.overview-content .f .icons img {
  height: 100%;
}
@media screen and (max-width: 768px){
    .overview-content .a {background: url(https://static-product.tp-link.com/m7000_v3.2/m/a.jpg) center/100% no-repeat;height: 0;padding-bottom: 133%;}
    .overview-content .a .text{padding: 0;}
    .overview-content .a .text h2{font-size: 8vw;}
    .overview-content .a .text p{font-size: 5vw;padding-bottom: 0;padding-top: 0;}
    .overview-content .a p.product{margin-left: 20px;}
    .overview-content .b{background: url(https://static-product.tp-link.com/m7000_v3.2/m/b.jpg) 50% 100%/100% no-repeat;height: auto;padding-bottom: 107%;}
    .overview-content .b .text{padding: 0;text-align: left;}
    .overview-content .c{background: url(https://static-product.tp-link.com/m7000_v3.2/m/c.jpg) center/100% no-repeat;height: 0;padding-bottom: 149%;}
    .overview-content .c .text{padding: 0;}
    .overview-content .c .text p{padding: 0 6%;}
    .overview-content .d .text{padding: 0 0 2rem;text-align: left;}
    .overview-content .d .text p{padding: 0 6%;}
    .overview-content .d .img{background: url(https://static-product.tp-link.com/m7000_v3.2/m/d.jpg) center/100% no-repeat;height: 0;padding-bottom: 71%;}
    .overview-content .d .tip{padding-top: 60%;font-size: 1.05rem;}
    .overview-content .d .time{top: 36%;left: 41%;}
    .overview-content .d .time p{font-size: 4vw;}
    .overview-content .d .time .big{font-size: 24vw;}
    .overview-content .e{background:#e7e7e7 url(https://static-product.tp-link.com/m7000_v3.2/m/e.jpg) 50% 100%/100% no-repeat;height: auto;padding-bottom: 84%;}
    .overview-content .e .text{padding: 0;}
    .overview-content .e .descs{position: relative;}
    .overview-content .e .desc{font-size: 4vw;top: 67vw;left: 29%;width: 26vw;}
    .overview-content .e .desc2{left: 55%;}
    .overview-content .f{background: url(https://static-product.tp-link.com/m7000_v3.2/m/f.jpg) 50% 100%/100% no-repeat;height: auto;padding-bottom: 133%;}
    .overview-content .f .text{color: #000;padding: 0;}
    .overview-content .f p{padding-bottom: 0;}
    .overview-content .f .bicode{width: 15rem;height: 5rem;margin: 1rem 6% 2rem;}
    .overview-content .f .icons {
      display: block;
      width: auto;
      text-align: left;
      padding: 2em 6% 0;
    }
    .overview-content .f .icons .agient-logo{
      width: 16em;
      height:16em;
    }
    .overview-content .f .icons .qrcode {
      width: 16em;
      height:16em;

    }
    .overview-content .f .icons .store a{
      width: 16em;
      height:8em;
    }
}