body{
  background-color:#83bbf5;
}
body .footer{
  background-image:unset;
  background-color:#135efd;
}
.history{
  margin-top:108px;
  background-color: #cadff6;
  border-radius: 34px;
  position:relative;
}
.history-bg-box{
  position:absolute;
  z-index:10;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:hidden;
}
.history-bg{
  width: 138%;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: -16%;
  transform: translateY(-59%);
}
.history-inner{
  overflow-x:auto;
  overflow-y:hidden;
  padding-top:113px;
  padding-bottom:86px;
  width:calc( 100% - 6px );
  position:relative;
  z-index:99;
}
.history-inner::-webkit-scrollbar{
  height: 11px;
}
.history-inner::-webkit-scrollbar-track{
  background: #3176bc;
  border-radius:5vw;
}
.history-inner::-webkit-scrollbar-thumb{
  background: #ffffff;
  border-radius:5vw;
}

.history-list{
  display:flex;
  align-items:flex-start;
  background-color:#193fc8;
  padding-bottom:5px;
  border-radius: 0px 97px 97px 0;
}
.history-list-unit{
  background-image:linear-gradient(to right,#193fc8,#008eff);
  background-color: #c39300;
  height:97px;
  border-radius: 0px 97px 97px 0;
  flex:1;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-left:28px;
  color: #ffffff;
  flex-direction:column;
  cursor:pointer;
}
.history-list-unit-active{
  background-image:unset;
}
.history-list-unit-year{
  flex:none;
  font-size: 24px;
  line-height:26px;
}
.history-list-unit-month{
  flex:none;
  font-size: 22px;
  line-height:24px;
}
.history-title{
  width:calc( 641 / 1280 * 100% );
  transform:translate( -7% , -50% );
  position:absolute;
  left:0;
  top:0;
  z-index:199;
}
.mil-data-box{
  display:none;
  position:fixed;
  background:rgba(0,0,0,0);
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:99;
}
.mil-data-box-flex{
  display:flex;
  width:100%;
  height:100%;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,0);
}
.mil-data-box-inner-box{
  box-sizing:content-box;
  width:991px;
  position:relative;
  background-image:linear-gradient(104deg, 
		#015eea 0%, 
		#00c0fa 100%);
  padding:9px;
  border-radius: 10px;
  box-shadow: 0px 55px 59.5px 2.5px rgba(3, 55, 112, 0.53);
}
.mil-data-box-inner-box-year{
  position: absolute;
  left: 0;
  top: 0;
  width: 140px;
  height: 45px;
  transform: translateY(-100%);
  background-color: #e9423f;
  color: #ffffff;
  line-height: 45px;
  text-align: center;
  border-radius: 10px 10px 0 0;
  font-size: 22px;
}
.mil-data-box-inner{
  width:100%;
  background-color: #ffffff;
  border-radius: 10px;
  position:relative;
  padding-top:15px;
  padding-bottom:55px;
  padding-left:15px;
  padding-right:15px;
}
.mil-data-box-inner-close{
  width: 36px;
  display:block;
  margin-left:auto;
  cursor:pointer;
}
.mil-data-box-inner-title{
  position:relative;
  z-index:10;
  margin:0 auto;
  background-image: linear-gradient(0deg, #3fe2fe 0%, #2b85ff 100%);
  border-radius: 5px;
  height: 69px;
  line-height:69px;
  text-indent: 21px;
  font-size: 23.47px;
  color: #ffffff;
}
.mil-data-box-inner-list{
  max-height: 547px;
  overflow-y: auto;
  margin-top:3px;
}
.mil-data-box-inner-list::-webkit-scrollbar{
  width: 5px;
  height:5px;
}
.mil-data-box-inner-list::-webkit-scrollbar-track{
  background-color: #d5dae0;
  border-radius:1vw;
}
.mil-data-box-inner-list::-webkit-scrollbar-thumb{
  background-color: #669dea;
  border-radius:1vw;
}
.mil-data-box-inner-list .item{
  width:100%;
  flex:none;
  margin-top:30px;
}
.mil-data-box-inner-list .item:first-of-type{
  margin-top:0;
}
.mil-data-box-inner-list .storyTub,.mil-data-box-inner-list .storyTub img{
  width:100%;
}
.mil-data-box-inner-list .storyTub img{
  width:470px;
  flex:none;
}
.mil-data-box-inner-list .storyTub{
  display:flex;
  align-items:center;
}
.mil-data-box-inner-list .right-box{
  flex:1;
  margin-left:19px;
}
.mil-data-box-inner-list .title{
  font-size:22px;
  text-align:center;
  background-color: #007cde;
  line-height:62px;
  border-radius: 10px;
  color:#ffffff;
  padding: 0 49px 0 17px;
  display:inline-block;
  border-radius: 20px 20px 20px 0px;
  font-weight:normal;
}
.mil-data-box-inner-list .storySummary{
  font-size: 18px;
  line-height: 28px;
  margin-top:5px;
  text-align:justify;
  color:#333333;
}
.more-data a{
  color:#007cde;
}
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));
  bottom:0;
}
.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: #007cde;
  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: #333333!important;
}
body .common-column-list-unit-bottom-time{
  color: #333333;
}
body .common-column-list-unit-bottom{
  justify-content: flex-end;
  height:40px;
  align-items: flex-start;
}
.report{
  margin-top:42px;
}
.news-list{
  margin-top:50px;
}
@media ( min-width:1099px ){
  body .common-column-list-unit:hover .common-column-list-unit-top{
    background-color: #c39300;
    border-radius: 0 0 0 0;
  }
  body .common-column-list-unit:hover .common-column-list-unit-img{
    border-radius: 0 0 0 0;
  }
  .history-list-unit:hover{
    background-image:unset;
  }
}
@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 );
  }
  .mil-title-left-point{
    width:1.5vw;
    height:1.5vw;
  }
  .mil-title-right{
    width: 6.5vw;
    height: 3.5vw;
    line-height: 3.5vw;
    font-size: 1.7vw;
  }
}
@media ( max-width:1099px ){
  .history-list-unit{
    flex:none;
    width:140px;
  }
  .history-inner{
    width:100%;
    display:flex;
  }
  .mil-data-box-inner-list .title{
    font-size:20px;
  }
  .mil-data-box-inner-list .storySummary{
    font-size:16px;
  }
  .history-bg-box{
    display:none;
  }
}
@media ( max-width:767px ){
  .add-more, .add-more-loading{
    margin-top:3.87vw;
  }
  .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-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;
  }
  .mil-data-box-inner-box{
    width: 92vw;
  }
  .mil-data-box-inner{
    padding-top:3vw;
    padding-left:3vw;
    padding-right:3vw;
    padding-bottom:3vw;
  }
  .mil-data-box-inner-close{
    position: absolute;
    right: -3vw;
    top: -3vw;
    width: 7vw;
  }
  .mil-data-box-inner-list{
    display:flex;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    max-height:unset;
    margin-top:0;
  }
  .mil-data-box-inner-list .storyTub{
    display:block;
  }
  .mil-data-box-inner-list .storyTub img{
    width: 66.89vw;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .mil-data-box-inner-list .right-box{
    font-size: 4.73vw;
    line-height: 6vw;
    margin-left:0;
  }
  .mil-data-box-inner-list .title{
    margin-top:2vw;
  }
  .mil-data-box-inner-list .storySummary{
    font-size:3.73vw;
    line-height: 5vw;
    font-size: 3.73vw;
  }
  .mil-data-box-inner-list .item{
    margin-top:0;
    margin-left:4vw;
  }
  .mil-data-box-inner-list .item:first-of-type{
    margin-left:0;
  }
  .mil-data-box-inner-list .title{
    font-size:4.27vw;
    line-height:6vw;
    font-weight: normal;
  }
  .history-title{
    width:70vw;
  }
  .history-inner{
    padding-top:10vw;
    padding-bottom:10vw;
  }
  .history-list-unit{
    width:25vw;
  }
  .history-list-unit-year{
    font-size: 4.27vw;
    line-height:4.5vw;
  }
  .history-list-unit-month{
    font-size:3.97vw;
    line-height:4vw;
  }
  .history-list-unit{
    height:15vw;
  }
  .history-list-unit{
    padding-left:3vw;
    border-radius: 0px 15vw 15vw 0;
  }
  .history-list{
    border-radius: 0px 15vw 15vw 0;
  }
  .history{
    margin-top:21vw;
  }
}