.gap62{gap:var(--gap62)}
.gap120{gap: var(--gap120);}
.gap40{gap: var(--gap40);}
.gap30{gap: 30px;}
.gap10{gap: 10px;}
.top60{margin-top: 60px;}
.blue{color: #45a6ff;}
.purple{color: #a16dff;font-weight: var(--font-weight-bold);}
.purple2{color: #372174;font-weight: var(--font-weight-bold);}
.orange{color: #fe8e38;}
.bold{font-weight: var(--font-weight-bold);}
.w1400{width: 1400px;max-width: 100%;margin: 0 auto;}
.w1500{width: 1500px;max-width: 100%;margin: 0 auto;}
.w1200{width: 1200px;max-width: 100%;margin: 0 auto;}
.bg-grey{background-color: #7281a2;}
.bg-black{background-color: #000;}
.bg-black2{background-color: #171719;}
.bg-black3{background-color: #121212;}
.bg-shenlan{background-color: #1e2e52;}
main>section {margin-top: 0px;font-size: var(--font-size-25);line-height: 1.5em;}
img{max-width: 100%;} 
h2,h3{font-size: var(--font-size-42);}

.banner-img .m {display: none;margin: 0 auto;}
.adva .desc{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 6em;
}
.adva .adva-item{flex: 1 1 calc(50% - 60px);}
.pd-item{flex: 1 1 calc(50% - 60px);}
.interface{
  padding: 60px 0;
  color: #fff;
  background-image: url(/assets/images/product-k3-tv-bg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.interface h3{
  color: #fff;
}
.interface .img {
    align-items: end;
    position: relative;
}
.interface .pd-item img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    width: 485px;
    position: absolute;
    bottom: -60px;
}

.interface .content{
  padding-right: 60px;
}

.record .content{
  padding: 60px 0 35px;
  justify-content: space-between;
}

.record .content .img{
  padding: 10px 0 0 10px;
  align-items:flex-end;
  line-height: 1em;
}
.headware, .headware h3{
  color: #fff;
}

.headware .content {
  padding: 55px 50px 20px 100px;
}
.headware .img{
  position: relative;
}

.headware img{
  position: absolute;
  width: 100%;
  bottom: -4.9%;
}
.headware .content .font-16{
  line-height: 1.6em;
}
.wifi6{
  max-width: 90%;
  width: 370px;
  height: 13px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: linear-gradient(to right, #02b2fe, #79fff7);
}
.wifi5{
  max-width: 100%;
  width: 215px;
  height: 13px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  background: linear-gradient(to right, #29292b, #474747);
}
.product-app, .product-app h3, .product-cpu h3,.bg-product-k3 .right, .bg-product-k3 .right h3{
  color: #fff;
}
.product-fps{
  margin-top: 38px;
}
.product-fps .imgs{
  width: 1200px;
  justify-content: center;
}
.product-fps .imgs img{
  width: 100%;
}
.product-app{
  margin-top: 100px;
}
.product-app .content h3{
  font-size: var(--font-size-35);
}
.product-app .content {
  padding:50px 100px 50px 65px;
  justify-content: space-between;
}
.product-cpu{
  margin-top: 32px;
}

.product-cpu .content-img img{
  padding-bottom: 20px;
}

.product-cpu .content {
  padding:50px 50px 30px 50px;
  justify-content: space-between;
  color: #fff;
}

.product-cpu .content .img{
  padding-top: 30px;
}

.configurations{
  margin-top: 38px;
  gap: 100px;
}

.configurations .product-items {
  gap: 40px;
}

.configurations .left{
  padding-top:80px;
}

.configurations .right .img1{
  padding:0 100px 0 60px;
}

.guide{
  margin-top: 38px;
}
.guide .name{
  text-align: center;
}

.guide .product-items{
  gap:90px
}

.guide .product-item{
  flex: 1 1 calc(33% - 45px);
  gap: var(--gap2);
}

.guide .product-item img{
  width: auto;
  max-width: 100%;
  height: 160px;
}

.guide .product-item h4{
  font-size: var(--font-size-25);
}

.guide .product-item .desc{
  font-size: var(--font-size-24);
  line-height: 1.5em;
}

.guide .product-item .name{
  align-items: flex-end;
  gap: var(--gap2);
}

.guide .big-number {
  font-size: var(--font-size-57);
  font-family: "Segoe UI Black", Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 5px;
  line-height: 1.1em;
}
.bg-product-k3 {
  background-image: url(/assets/images/product-k3-all-bg.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  gap: 100px;
  margin-top: 28px;
}

.bg-product-k3 .table {
  margin: 80px 0 70px 100px;
  background-color: #fff;
  border-radius: 10px;
  padding: 15px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

table, th, td {
  border: none;
}

.bg-product-k3 .table h3{
  padding: 5px 0;
}

.bg-product-k3 .table .tablepress {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.6em;
}

.tablepress tr{
  border-top: 2px solid #00000026 !important;
}

.tablepress td{
  padding: 5px 10px;
}
.tablepress tr td:first-child{
  border-right: 2px solid #00000026 !important;
}

.bg-product-k3 .right{
  margin-top: 55px;
  margin-bottom: 70px;
}

.bg-product-k3 .right>div{
  width: 460px;
  max-width: 100%;
}

.bg-product-k3 .right h3{
  font-size: var(--font-size-35);
}
.bg-product-k3 .right{
  font-size: var(--font-size-base);
  line-height: 1.5em;
}

.bg-product-k3 .right li{
  list-style:disc;
  margin-left: 3em;
}

@media (max-width: 1024px) {
  .banner-img{padding-left: 0px; padding-right: 0px;}
  .top60,.product-fps,.bg-product-k3{margin-top: 0px;}
  .adva {flex-direction: column;}
  .adva .desc{height: auto;}
  .adva .img{margin: 0 auto;}
  .interface .img,.headware .img,.product-app .img,.product-cpu .content-img{display: none;}
  .interface {padding: 60px;}
  .interface .content,.configurations .right .img1,.configurations .left{padding: 0;}
  .record{flex-direction: column;}
  .record .content{padding: 0;gap: var(--gap40);}
  .record .record-img {margin: 0 auto;} 
  .headware .content{padding: 55px;}
  .product-app{margin-top: var(--gap62);}
  .product-app .content,.product-cpu .content{padding: 50px;gap: var(--gap40);}
  .configurations,.guide{margin-top: 0px;gap: var(--gap62);}
  .configurations .product-items,.guide .product-items,.bg-product-k3{flex-direction: column;gap: var(--gap62);}
  .bg-product-k3 .table{margin: 20px 0 0;}
  .bg-product-k3 .right{align-items: center;gap: var(--gap2);margin:0 0 20px 0;}
}

@media (max-width: 640px) {
  .banner-img .pc{display: none;}
  .banner-img .m{display: block;}
  .bg-product-k3 .table {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100vw;
    justify-content: flex-start;
    align-items: flex-start;
  }
  
  .bg-product-k3 .table .tablepress {
    width: 640px;
    min-width: 640px;
    table-layout: auto;
  }
  .product-fps .imgs{flex-direction: column;}
}

@media (max-width: 598px) {
  .gap30{gap: var(--gap2);}
  .interface ,.headware .content,.product-app .content, .product-cpu .content{padding: var(--gap62) 15px;}
  .wifi6{width: 90%;}
  .wifi5{width: 50%;}
  .product-cpu .content .img {padding-top: 0px;}
}

@media (max-width: 447px) {
  .interface ,.headware .content,.product-app .content, .product-cpu .content{padding: var(--gap62) 10px;}
}