body{
  background-color:rgb(203,224,255);
}
.footer{
  background-image:linear-gradient(to bottom,rgb(85,161,216),rgb(175,204,227));
}
.title-img-box{
  position:relative;
}
.title-img{
  width:calc( 232 / 1280 * 100% );
  margin:0 auto;
}
.report-roll-box{
  background-image:url(https://tkww-static.tkww.hk/special/power/report-bg.png);
  background-size:100% 100%;
  padding:40px 34px;
  box-sizing:border-box;
}
body .roll-view{
  margin-top:0;
}
.title-img-more{
  font-size: 20px;
  color: #247fd3;
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
}
.common-column-list-unit-top{
  background-color: #8472d0;
  position:relative;
  border-radius: 20px 20px 0 0;
  transition:0.5s;
  overflow:hidden;
  padding-bottom:8px;
}
.news-list{
  display:flex;
  /*justify-content:space-between;*/
  flex-wrap:wrap;
}
body .common-column-list-unit{
  width:32%;
  margin-top:40px;
  margin-left:calc( ( 1 - 0.32 - 0.32 - 0.32 ) / 2 * 100% );
}
body .common-column-list-unit:nth-child(3n-2){
  margin-left:0;
}
body .common-column-list-unit-img{
  height:calc( 1280px * 0.32 * 9 / 16 );
  position:relative;
  z-index:10;
  border-radius: 0 0 20px 20px;
  transition:0.5s;
}
body .common-column-list-unit-img-shadow{
  position:absolute;
  z-index:99;
  height:60px;
  left:0;
  display:block;
  width:100%;
  background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.7));
}
body .common-column-list-unit-title{
  padding:4px 10px 0px;
  color:#ffffff!important;
  box-sizing: content-box;
}
body .common-column-list-unit-text{
  height:calc( 21px * 3 );
  max-height:calc( 21px * 3 );
  line-height:21px;
  color: #666666!important;
}
body .common-column-list-unit-bottom-time{
  color: #666666;
}
body .common-column-list-unit-bottom{
  justify-content: flex-end;
  height:40px;
  background-image:url(https://tkww-static.tkww.hk/special/power/tip.png);
  background-size:100% auto;
  background-position:left 0 bottom 0;
  background-repeat:no-repeat;
  transition:0.5s;
  align-items: flex-start;
}
.report{
  margin-top:42px;
}
@media ( min-width:1099px ){
  body .common-column-list-unit:hover .common-column-list-unit-top{
    background-color: #eb7c38;
    border-radius: 0 0 0 0;
  }
  body .common-column-list-unit:hover .common-column-list-unit-img{
    border-radius: 0 0 0 0;
  }
  body .common-column-list-unit:hover .common-column-list-unit-bottom{
    background-image:url(https://tkww-static.tkww.hk/special/power/tip-active.png);
  }
}
@media ( max-width:1400px ){
  body .common-column-list-unit-text{
    height: calc( 1.4vw * 3 - 2px );
    max-height:calc( 1.4vw * 3 - 2px );
    line-height: 1.4vw;
  }
  .title-img-more{
    font-size:1.6vw;
  }
  body .common-column-list-unit-img{
    height: calc( 91vw * 0.32 * 9 / 16 );
  }
}
@media ( max-width:767px ){
  .title-img{
    width:25vw;
  }
  .title-img-more{
    font-size:4.5vw;
  }
  .news-list{
    display:block;
    margin-top:4vw;
  }
  body .common-column-list-unit:nth-child(2),body .common-column-list-unit{
    margin-top:7vw;
  }
  body .common-column-list-unit{
    width:100%;
    margin-left:0;
  }
  body .common-column-list-unit:nth-child(n+7){
    display:none;
  }
  body .common-column-list-unit-img{
    height: calc((100vw - 1.87vw - 1.87vw)* 9 / 16);
  }
  body .common-column-list-unit-title{
    height:unset;
  }
  body .common-column-list-unit-text{
    line-height: 4.5vw;
    font-size: 3.75vw;
    height: unset;
    max-height:unset;
  }
  body .common-column-list-unit-bottom{
    height:10vw;
  }
  .report-roll-box{
    background-image: url(https://tkww-static.tkww.hk/special/power/wap/report-bg.png);
    padding: 6vw;
  }
  .report{
    margin-top:7vw;
  }
}