.product-center{
  margin-top:65px;
  padding-top:43px;
  padding-bottom:110px;
  background-image:url(https://tkww-static.tkww.hk/column/video/product-bg.png);
  background-size:auto 100%;
  background-repeat:no-repeat;
  background-position:center center;
}
.product-center-title{
  display:flex;
  align-items:center;
}
.product-center-title-img{
  width:35px;
  flex:none;
}
.product-center-title-text{
  font-size: 28px;
  color: #ffffff;
  flex:none;
  margin-left:10px;
}
.product-center-list{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-top:59px;
  position:relative;
}
.product-center-list-unit{
  width:23.5%;
  flex:none;
  position:relative;
  z-index:10;
}
.product-center-list-unit-inner{
  transition:0.5s transform;
  cursor:pointer;
  padding-bottom:22px;
  border-radius: 3px;
  overflow:hidden;
}
.product-center-list-unit-img-box{
  position:relative;
  border-radius: 3px;
  overflow: hidden;
}
.product-center-list-unit-version{
  font-size: 14px;
  color: #ffffff;
  position:absolute;
  right:14px;
  bottom:6px;
  z-index:99;
  opacity:0;
  transition:0.5s;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
  padding:0 5px;
}
.product-center-list-unit-img{
  width:100%;
  height:calc(1280px * 0.235 * 9 / 16);
  position:relative;
  z-index:10;
  display:block;
  cursor:pointer;
}
.product-center-list-unit-img-inner{
  width:100%;
  height:100%;
}
.product-center-list-unit-title{
  font-size:18px;
  margin-top:15px;
  color:#ffffff;
  padding-left:8px;
  padding-right:8px;
}
.product-center-list-unit-text{
  font-size: 14px;
  color: #999999;
  margin-top:10px;
  min-height:40px;
  line-height:20px;
  padding-left:8px;
  padding-right:8px;
}
.product-center-list-unit-button{
  display:none;
  width: 116px;
  height: 34px;
  cursor:pointer;
  background-image: linear-gradient(90deg, 
    #9e030d 0%, 
    #e20413 100%);
  border-radius: 5px;
  margin-top:20px;
  font-size: 14px;
  color: #ffffff;
  line-height:34px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
@media (min-width:1099px){
  .product-center-list-unit:hover{
    z-index:99;
  }
  .product-center-list-unit:hover .product-center-list-unit-inner{
    position:absolute;
    left:0;
    top:0;
    transform:translateY(-20px);
    background-color:#000000;
  }
  .product-center-list-unit:hover .product-center-list-unit-version{
    opacity:1;
  }
  .product-center-list-unit:hover .product-center-list-unit-button{
    display:block;
  }
}
@media (max-width:1400px){
  .product-center-list-unit-img{
    height: calc(91vw * 0.235 * 9 / 16);
  }
  .product-center-title-text{
    font-size:1.9vw;
  }
  .product-center-title-img{
    width:2.5vw;
  }
  .product-center{
    padding-top: 3vw;
    padding-bottom: 8vw;
  }
  .product-center-list{
    margin-top:3vw;
  }
  .product-center-list-unit-title{
    font-size:1.5vw;
  }
  .product-center-list-unit-text{
    font-size:1.1vw;
    line-height:1.8vw;
    min-height:3.6vw;
  }
  .product-center-list-unit-button{
    font-size:1.3vw;
    margin-top:1vw;
  }
}
@media (max-width:1099px){
  .product-center-list-unit-title{
    font-size:1.7vw;
  }
  .product-center-list-unit-text{
    font-size:1.3vw;
  }
  .product-center-list-unit-button{
    font-size:1.5vw;
    display:block;
  }
  .product-center-list-unit-version{
    opacity:1;
  }
  .product-center-list-unit{
    margin-bottom:2vw;
  }
  .product-center-list-unit-inner{
    background-color:#000000;
  }
}
@media (max-width:767px){
  .product-center-list{
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .product-center-title-img{
    width:6vw;
  }
  .product-center-title-text{
    font-size:5.33vw;
    margin-left:1vw;
  }
  .product-center{
    background-image:url(https://tkww-static.tkww.hk/column/video/wap/product-bg.png);
    background-size: 100% auto;
  }
  .product-center-list-unit{
    width:45vw;
  }
  .product-center-list-unit-img{
    height:calc(45vw * 9 / 16);
  }
  .product-center-list-unit-title{
    font-size:4.27vw;
  }
  .product-center-list-unit-text{
    font-size:3.2vw;
    min-height: 7.5vw;
    line-height: 4vw;
  }
  .product-center-list-unit-button{
    width: 24vw;
    height: 6.8vw;
    line-height: 6.8vw;
    font-size:3.2vw;
  }
  .product-center-list-unit{
    margin-left:1.73vw;
  }
  .product-center-list-unit:first-of-type{
    margin-left:0;
  }
  .product-center-list-unit-version{
    right:0;
    bottom:0;
    font-size: 3.2vw;
  }
  .product-center-list-unit{
    margin-bottom: 0;
  }
}