body{
  background-image:linear-gradient(to bottom,rgb(48,127,180) 4%,rgb(153,207,243) 11%);
}
.time-title{
  width:calc( 545 / 1280 * 100% );
  margin-left:auto;
  margin-right:auto;
}
.time-content{
  width:100%;
  height:71px;
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:rgb(56,85,124);
  border-radius:71px;
  margin-top:10px;
}
.time-content-inner{
  width:calc( 991 / 1280 * 100% );
  height:54px;
  flex:none;
  background-color: #ffffff;
  border-radius: 27px;
  color:#102851;
  font-size:23px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.time-day{
  flex:none;
}
.time-separate{
  flex:none;
  width:15px;
  margin-left:25px;
  margin-right:25px;
}
.plan-time{
  height:90px;
  position:absolute;
  left:-56px;
  bottom:-6px;
}
body .time-box{
  margin-top:5px;
}
.section-box{
  margin-top:50px;
}
.column-title-box{
  display:flex;
  align-items:center;
  padding-right:26px;
  justify-content:space-between;
  height:44px;
  background-image:url(https://tkww-static.tkww.hk/special/UsElection2024/column_title_bg.png),linear-gradient(to right,rgb(227,12,40),rgb(21,36,74),rgb(28,145,253));
  background-size:calc( 450 / 1280 * 100% ) auto,100% 100%;
  background-position: center calc( 53% ), 0 0;
  background-repeat:no-repeat,no-repeat;
  position:relative;
  border-radius:8px;
}
.column-title-img{
  position:absolute;
  height:58px;
  left:-14px;
  bottom:-4px;
}
.column-title-more{
  font-size: 18px;
  margin-left:auto;
  color:#ffffff;
}
.news-top{
  width:100%;
  margin-top:17px;
  padding-top:20px;
  padding-bottom:20px;
  background-image: linear-gradient(108deg, 
    #1c91fd 0%, 
    #1027b9 43%, 
    #e92740 100%), 
    linear-gradient(
      #233d77, 
      #233d77);
  background-blend-mode: normal, 
    normal;
  border-radius: 5px;
}
.news-top .common-column-list-unit{
  width:100%;
  display:flex;
  align-items:center;
}
.news-top .common-column-list-unit-img{
  width:60%;
  height:calc( 1280px * 0.6 * 9 / 16 );
  border-radius: 10px;
  margin-left:18px;
}
.news-top .common-column-list-unit-content{
  width:437px;
  margin-left: auto;
  margin-right: auto;
}
.news-top .common-column-list-unit-title{
  color: #ffffff;
  height:unset;
  font-size:26px;
  line-height:30px;
}
.news-top .common-column-list-unit-text,.news-top .common-column-list-unit-bottom-time{
  color: #7fbced;
}
.news-top .common-column-list-unit-title:hover{
  color: #ffffff;
}
.news-top .common-column-list-unit-text:hover{
  color: #7fbced;
}
.news-top .common-column-list-unit-text{
  -webkit-line-clamp: 5;
}
.news-top .common-column-list-unit-bottom-time,.common-column-list-unit-box .common-column-list-unit-bottom-time{
  margin-left:auto;
}
.common-list{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-top:20px;
}
.common-column-list-unit-box{
  width:30%;
  padding-top:8px;
  padding-bottom:5px;
  border-radius: 5px;
  background-color: #cbe8ff;
  margin-top:20px;
}
.common-column-list-unit-box:nth-child(-n+3){
  margin-top:0;
}
.common-column-list-unit-box .common-column-list-unit{
  width:95%;
  margin:0 auto;
}
.common-column-list-unit-box .common-column-list-unit-img{
  width:100%;
  height:calc( ( 1280px * 0.3 * 0.95 ) * 9 / 16 );
  border-radius: 10px;
}
.common-column-list-unit-box .common-column-list-unit-title,.common-column-list-unit-box .common-column-list-unit-bottom-time{
  color:#252525;
}
.common-column-list-unit-box .common-column-list-unit-title:hover{
  color:#252525;
}
.common-column-list-unit-box .imgBox-box{
  position:relative;
  z-index:10;
}
.common-column-list-unit-box .play-link{
  display:block;
  width:60px;
  position:absolute;
  left:19px;
  z-index:99;
  bottom:16px;
}
.common-column-list-unit-box .play-img{
  width:100%;
}
body .video-list{
  margin-top:0;
}
.video-content{
  background-color: #7fb7e6;
  padding-top:20px;
  padding-bottom:37px;
}
.common-pic{
  width:100%;
  margin-top:14px;
}
.picture-content{
  padding-top:14px;
  padding-bottom:24px;
  background-image: linear-gradient(108deg, 
		#6cb8ff 0%, 
		#ff8998 100%), 
	linear-gradient(
		#feffff, 
		#feffff);
	background-blend-mode: normal, 
		normal;
}
.picture-content .main-box{
  position:relative;
}
.picture-content .common-pic{
  margin-top:0;
}
.picture-content .swiper-button-prev,.picture-content .swiper-button-next{
  width:30px;
  height:auto;
  margin-top:0;
  transform:translateY(-50%);
}
.picture-content .swiper-button-prev{
  left:-20px;
}
.picture-content .swiper-button-next{
  right:-20px;
}
.footer{
  background-image: linear-gradient(108deg, 
		#6cb8ff 0%, 
		#ff8998 100%), 
	linear-gradient(
		#feffff, 
		#feffff);
	background-blend-mode: normal, 
		normal;
}
@media (max-width:1450px){
  .picture-content .swiper-button-prev{
    left:5px;
  }
  .picture-content .swiper-button-next{
    right:5px;
  }
}
@media (max-width:1400px){
  .news-top .common-column-list-unit-img{
    height: calc( 91vw * 0.6 * 9 / 16);
  }
  .news-top .common-column-list-unit-content{
    width:29vw;
  }
  .common-column-list-unit-box .common-column-list-unit-img{
    height:calc( ( 91vw * 0.3 * 0.95 ) * 9 / 16 );
  }
  .common-column-list-unit-box .play-link{
    width:4vw;
  }
  .news-top .common-column-list-unit-title{
    font-size:2.2vw;
    line-height:2.6vw;
  }
}
@media (max-width:1099px){
  .time-content-inner{
    font-size:18px;
  }
}
@media (max-width:767px){
  .news-top .common-column-list-unit-title{
    font-size:5.3vw;
    line-height:6vw;
  }
  .picture-content .swiper-button-prev, .picture-content .swiper-button-next{
    width: 5vw;
    bottom:-11vw;
    top:unset;
  }
  .picture-content .swiper-button-prev{
    left:40vw;
  }
  .picture-content .swiper-button-next{
    right:40vw;
  }
  .time-title{
    width:calc( 64.4vw + 18.4vw );
  }
  .plan-time{
    display:none;
  }
  .time-content{
    height:9.2vw;
    border-radius: 3.6vw;
  }
  .time-content-inner{
    height:7.2vw;
    width:94vw;
    font-size:3.73vw;
  }
  .time-separate{
    width:1.6vw;
    margin-left: 3.87vw;
    margin-right: 3.87vw;
  }
  .column-title-box{
    background-image: url(https://tkww-static.tkww.hk/special/UsElection2024/wap/column_title_bg.png), linear-gradient(to right, rgb(227, 12, 40), rgb(21, 36, 74), rgb(28, 145, 253));
    background-size: 35.33vw auto, 100% 100%;
    background-position: right 16.53vw top -2.53vw, 0 0;
    height:5.87vw;
    padding-right:1.33vw;
    border-radius: 1vw;
  }
  .column-title-more{
    font-size:3.73vw;
  }
  .column-title-img{
    height:7vw;
    left:-2vw;
    bottom:-0.53vw;
  }
  .section-box{
    margin-top:11vw;
  }
  .news-top .common-column-list-unit{
    display:block;
    width:90%;
    margin-left:auto;
    margin-right:auto;
  }
  .common-column-list-unit-box .common-column-list-unit{
    width:90%;
  }
  .news-top .common-column-list-unit-img,.common-column-list-unit-box .common-column-list-unit-img{
    width:100%;
    height: calc((100vw - 1.87vw - 1.87vw)* 0.9* 9 / 16);
  }
  .news-top .common-column-list-unit-img{
    margin-left:0;
  }
  .news-top .common-column-list-unit-content{
    width:100%;
  }
  .news-top .common-column-list-unit-text{
    font-size:3.73vw;
    line-height:5.33vw;
  }
  .common-list{
    display:block;
    margin-top:6vw;
  }
  .news-top{
    margin-top:6vw;
  }
  .news-top,.common-column-list-unit-box{
    padding-top:5vw;
    padding-bottom:4vw;
  }
  .common-column-list-unit-box{
    width:100%;
  }
  .common-column-list-unit-box,.common-column-list-unit-box:nth-child(-n+3){
    margin-top:6vw;
  }
  .common-column-list-unit-box:first-of-type{
    margin-top:0;
  }
  .news-list .common-column-list-unit-box:first-of-type{
    margin-top:6vw;
  }
  .common-column-list-unit-box .common-column-list-unit-title{
    height:unset;
  }
  .common-column-list-unit-box .play-link{
    width:10vw;
  }
  .picture-content{
    padding-bottom:11vw;
  }
}

