body{
  background-image:url(https://tkww-static.tkww.hk/special/thirdMeeting2024/bg-top.png),url(https://tkww-static.tkww.hk/special/thirdMeeting2024/bg-bottom-1.png),url(https://tkww-static.tkww.hk/special/thirdMeeting2024/bg-bottom.png),url(https://tkww-static.tkww.hk/special/thirdMeeting2024/bg.png);
  background-size:100% auto,100% auto,100% auto,100% 100%;
  background-position:left 0 top 25vw,left 0 bottom 1vw,left 0 bottom 0,left 0 top 0;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
}
.news-list{
  padding:10px;
  background-color:#ffffff;
  margin-top:4px;
}
#lazy-bag .galleryLazySwiper .swiper-pagination{
  bottom:0;
  background:red;
  display: flex;
  height: 20px;
  align-items: center;
  justify-content: center;
}
#lazy-bag{
  height:1295px;
  margin-top:4px;
}
.lazy-bag-slide-inner{
  height:100%;
  overflow-y:auto;
}
body #lazy-bag .galleryLazySwiper .swiper-pagination{
  height:50px;
  background-color:rgba(0,0,0,0);
}
#lazy-bag .swiper-pagination-bullet{
  background-color: rgba(0,0,0,0);
  opacity:1;
  border-radius:4px;
  border: solid 1px #ff6568;
}
#lazy-bag .swiper-pagination-bullet-active{
  background-color: #ff6568;
}
.lazy-bag-slide-inner img{
  width:100%;
}
.lazy-bag-slide-inner::-webkit-scrollbar{
  width: 5px;
  height:5px;
}
.lazy-bag-slide-inner::-webkit-scrollbar-track{
  background: rgba(0,0,0,0);
  border-radius:5px;
}
.lazy-bag-slide-inner::-webkit-scrollbar-thumb{
  background: rgba(255,255,255,1);
  border-radius:3px;
}
.lazy-bag-shadow{
  width:100%;
  height:100px;
  background-image:linear-gradient( to bottom, rgba( 0,0,0,0 ) , rgba( 0,0,0,1 ) );
  position:absolute;
  z-index:10;
  left:0;
  bottom:0;
}
#lazy-bag .lazy-bag-swiper-button{
  z-index:99;
}
#lazy-bag .lazy-bag-swiper-button.swiper-button-next,#lazy-bag .lazy-bag-swiper-button.swiper-button-prev{
  top:unset;
  bottom:30px;
  width:32px;
  height:unset;
}
#lazy-bag .lazy-bag-swiper-button.swiper-button-prev{
  left:33%;
}
#lazy-bag .lazy-bag-swiper-button.swiper-button-next{
  right:33%;
}
.column-title-box{
  display:flex;
  width:100%;
  position:relative;
  align-items:center;
  justify-content:flex-start;
}
.column-title{
  height:66px;
  position:relative;
  z-index:10;
}
.column-more-box{
  position:absolute;
  z-index:99;
  right: 0;
  bottom:0;
  font-size: 19px;
}
.column-more{
  width:100%;
}
.Headlines-box{
  background-image: linear-gradient(90deg, #027fc2 0%, #dcbf1c 100%);
}
.Headlines{
  padding:80px 0 50px 0;
  width:96.26vw;
  margin-left:auto;
  margin-right:auto;
  background-image:url(https://tkww-static.tkww.hk/special/thirdMeeting2024/news-bg.png);
  background-size:1400px auto;
  background-position:center top 60px;
  background-repeat:no-repeat;
}
.prev-swiper1-shadow{
  width:20%;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  background-image: linear-gradient(87deg, rgba(255, 255, 255, 0) 0%, rgb(245, 224, 216) 77%);
  z-index:99;
}
.HeadlinesFirst{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  font-family:"SimHei";
}
.HeadlinesFirst-img{
  flex:none;
  width: 41px;
  margin-right:18px;
}
.HeadlinesFirst-title{
  flex:none;
  font-size: 30px;
  font-weight:bold;
  max-width: 55%;
}
.Greaterthan1{
  display:flex;
  justify-content:center;
  width:100%;
  margin-top:25px;
}
.Greaterthan1 div{
  flex:1;
}
.Greaterthan1 div:nth-child(1){
  padding-right:10px;
}
.Greaterthan1 div:nth-child(2){
  padding-left:10px;
}
.Greaterthan1 a{
  font-size: 24px;
  padding:0 10px;
  background-image: linear-gradient(180deg, 
		#ffffff 0%, 
		rgba(255, 255, 255, 0) 100%);
  height:50px;
  line-height:50px;
}
.Headlines a{
  color: #d70202;
  transition:0.5s;
}
.Greaterthan1 div:nth-child(1) a{
  text-align:right;
  text-align-last: right;
}
.prev-swiper{
  width:100%;
  height:100%;
  position:relative;
  z-index:10;
  overflow:hidden;
  height:unset;
}
.prev-swiper-slide{
  width:100%;
  height:100%;
}
.prev-swiper-slide-left{
  flex:none;
  height:100%;
  width:100%;
  position:relative;
}
.prev-swiper-img-box{
  position:relative;
  z-index:10;
}
.prev-swiper-img{
  width:100%;
  height:calc( 900px * 9 /16 );
}
.prev-swiper-title{
  font-size:26px;
  color: #ffffff!important;
  width:100%;
  line-height: 70px;
  height:70px;
  text-align:center;
  position:absolute;
  z-index:99;
  left:0;
  bottom:0;
  background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0% ,rgba(0,0,0,1) 100%);
}
.prev-swiper-text{
  font-size:17px;
  line-height: 30px;
  width:431px;
  margin: 23px auto 0 auto;
  color: #97afae!important;
  text-align:justify;
}
.prev-swiper-box{
  border: solid 1px #e156ff;
  padding:13px 12px;
  box-sizing:border-box;
  margin-top:21px;
}
.prev-box-inner{
  margin-top:44px;
  position:relative;
  height:calc( 905px * 9 / 16 + 170px + 30px );
  width:calc( 905 / 1280 * 100% );
}
.prev-swiper1-box{
  position:absolute;
  right:0;
  bottom:15px;
  z-index:99;
  width:100%;
}

.prev-swiper1-slide{
  display:flex;
  align-items:center;
  /*opacity:0.5*/
}
/*.swiper-slide-active .prev-swiper1-slide{
  opacity:1;
}
.swiper-slide-active .prev-swiper1-slide img{
  
}*/
.prev-swiper1-slide, .prev-swiper1-box{
  height:170px;
}
.prev-swiper1-slide img{
  display:block;
  box-shadow: 6px 6px 0px 0px #ff9c9a;
}
.prev-swiper1-button:after{
  font-size:18px;
}
.prev-swiper1-button{
  color:#ffffff;
}
.prev-swiper1-button.swiper-button-next{
  right:-12.5px;
  z-index:199;
}
.prev-swiper1-button.swiper-button-prev{
  left:-12.5px;
}
.prev-swiper1-button.swiper-button-next,.prev-swiper1-button.swiper-button-prev{
  width:25px;
  height:auto;
  margin-top: calc( -1 * 25px / 2 );
}
.prev-swiper1-img{
  cursor:pointer;
  width:100%;
}
.prev-swiper-text{
  width:484px;
  text-indent:34px;
}
/*.prev-swiper1 .swiper-slide-active .prev-swiper1-slide{
  transform:scale(1.2);
  transform-origin:50% 50%;
}*/
.first-box{
  display:flex;
}
.comment-box{
  flex:1;
  margin-left:28px;
}
.comment-list{
  background-image:url(https://tkww-static.tkww.hk/special/thirdMeeting2024/comment-bg.png);
  background-size:100% 100%;
  background-position:0 0;
  padding:6px;
  height: 671px;
  margin-top: 5px;
  box-sizing: border-box;
}
.comment-list .common-column-list-unit-title{
  padding: 0 20px;
}
.comment-list-unit{
  margin-top:20px;
  padding-top:8px;
  padding-bottom:8px;
  transition:0.5s;
  background-color:rgba(255,255,255,0);
}
.comment-list-unit:first-of-type{
  margin-top:0;
}
.comment-list .common-column-list-unit-title:hover{
  color:#333333;
}
.play-list-2-unit-img{
  width:100%;
}
.play-list-2{
  margin-top:20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.play-list-2-unit{
  display:block;
  width:calc( 635 / 1280 * 100% );
  box-sizing:border-box;
  background-color:#ffffff;
}
.second-box{
  display:flex;
  margin-top:24px;
  justify-content: space-between;
}
.report{
  margin-top:24px;
}
.news-box{
  width:calc( 774 / 1280 * 100% );
  flex:none;
}
.lazy-box{
  flex:none;
  width: calc(475 / 1280* 100%);
}
.news-list.common-column-list-ur .common-column-list-unit{
  width:100%;
}
.news-list.common-column-list-ur .common-column-list-unit-img{
  width: 341px;
  height:100%;
}
.news-list.common-column-list-ur .common-column-list-unit{
  height: calc( 341px * 9 / 16);
}
.news-list.common-column-list-ur .common-column-list-unit-content{
  height:100%;
  background-color:rgba(0,0,0,0);
  transition:0.5s;
}
.news-list .common-column-list-unit-content{
  padding:0;
}
.news-list .common-column-list-unit-title{
  color: #e33a36;
}
.news-list .common-column-list-unit-text:hover,.news-list .common-column-list-unit-text,.common-column-list-unit-bottom-time{
  color: #7f7f7f;
}
.news-list .common-column-list-unit-title-box{
  padding:10px;
  background-color:rgba(0,0,0,0);
  transition:0.5s;
}
.news-list .common-column-list-unit-text-box{
  padding:10px 10px 0 10px;
}
.news-list .common-column-list-unit-text{
  margin-top:0;
}
.news-list.common-column-list-ur .common-column-list-unit-content{
  justify-content: flex-start;
}
.news-list.common-column-list-ur .common-column-list-unit-bottom{
  justify-content: flex-end;
}
.news-list .common-column-list-unit:nth-child(-n+3){
  margin-top:25px;
}
.news-list .common-column-list-unit:first-of-type{
  margin-top:0;
}
body .footer{
  background-color:unset;
}

@media (min-width:767px){
  .comment-list-unit:hover{
    background-color:#ffffff;
  }
  .news-list .common-column-list-unit-title:hover{
    color: #ffffff;
  }
  .news-list .common-column-list-unit:hover .common-column-list-unit-title-box{
    background-color: #e33a36;
  }
  .news-list .common-column-list-unit:hover .common-column-list-unit-title{
    color:#ffffff;
  }
  .news-list .common-column-list-unit:hover .common-column-list-unit-content{
    background-color: #fce4ce;
  }
}
@media (max-width:1400px){
  .Headlines{
    background-size: 100% auto;
    padding: 6vw 0 3vw 0;
    background-position: center top 5vw;
  }
  .HeadlinesFirst-title{
    font-size: 2vw;
    max-width:63%;
  }
  .Greaterthan1{
    margin-top: 3vw;
  }
  .Greaterthan1 a{
    font-size: 1.7vw;
    height:3vw;
    line-height:3vw;
  }
  .prev-swiper-img{
    height:calc( 905 / 1280 * 9 / 16 * 91vw );
  }
  .prev-box-inner{
    height:calc( 905 / 1280 * 9 / 16 * 91vw + 12vw + 2vw );
    margin-top:3.5vw;
  }
  .prev-swiper1-slide, .prev-swiper1-box{
    height:12vw;
  }
  #lazy-bag{
    margin-top:1vw;
    height:93.6vw;
  }
  .new-list{
    margin-top:1vw;
  }
  .column-title{
    height:5vw;
  }
  .column-more-box{
    font-size:1.7vw;
  }
  .comment-list{
    margin-top:0.5vw;
    padding: 0.5vw;
  }
  .comment-list-unit{
    padding-top: 0.5vw;
    padding-bottom: 0.5vw;
    margin-top:1vw;
  }
  .comment-list{
    height:47vw;
  }
  .comment-list .common-column-list-unit-title{
    padding: 0 1vw;
  }
  .news-list.common-column-list-ur .common-column-list-unit-img{
    width: 25vw;
    height:calc( 25vw * 9 / 16);
  }
  .news-list.common-column-list-ur .common-column-list-unit{
    height:unset;
  }
  .news-list{
    padding:1vw 10px;
  }
  .news-list .common-column-list-unit-title-box{
    padding:1vw;
  }
  .news-list .common-column-list-unit-text-box{
    padding: 1vw 1vw 0 1vw;
  }
  .news-list .common-column-list-unit:nth-child(-n+3){
    margin-top:1vw;
  }
  .news-list .common-column-list-unit:first-of-type{
    margin-top:0;
  }
}
@media ( max-width:767px ){
  .Headlines{
    background-image: url(https://tkww-static.tkww.hk/special/thirdMeeting2024/wap/news-bg.png);
    background-position: center bottom 0vw;
    padding: 6vw 0 6vw 0;
  }
  .HeadlinesFirst-title{
    font-size:4.73vw;
    max-width:100%;
  }
  .Greaterthan1 div:nth-child(2){
    display:none;
  }
  .Greaterthan1 div:nth-child(1){
    padding-right:0;
  }
  .Greaterthan1 a{
    font-size: 4vw;
    height: 6vw;
    line-height: 6vw;
  }
  .Greaterthan1 div:nth-child(1) a {
    text-align: center;
    text-align-last: center;
  }
  .Greaterthan1{
    margin-top:1.5vw;
  }
  .first-box{
    display:block;
  }
  .prev-box-inner{
    width:100%;
    height: calc((100vw - 1.87vw - 1.87vw)* 9 / 16 + 28vw + 5vw);
  }
  .prev-swiper-img{
    height: calc((100vw - 1.87vw - 1.87vw)* 9 / 16);
  }
  .prev-swiper1-slide, .prev-swiper1-box{
    height:28vw;
  }
  .prev-swiper1-button.swiper-button-prev{
    left:0;
  }
  .prev-swiper1-button.swiper-button-next{
    right:0;
  }
  .prev-swiper1-shadow{
    display:none;
  }
  .prev-swiper-title{
    font-size:4.73vw;
    height: 8vw;
    line-height: 8vw;
    padding-left:1vw;
    padding-right:1vw;
  }
  .prev-swiper1 .swiper-slide:nth-child(2n) .prev-swiper1-slide,.prev-swiper1 .swiper-slide:last-child .prev-swiper1-slide{
    transform:translateX(-2vw);
  }
  .comment-box{
    margin-left:0;
    margin-top:7vw;
  }
  .column-title-box{
    justify-content: center;
  }
  .column-title{
    height:10.8vw;
  }
  .column-more-box{
    font-size:3.73vw;
  }
  .comment-list{
    background-image: unset;
	border-style: solid;
	border-width: 0.33vw;
	border-image-source: linear-gradient(110deg, 
		#ffbf95 0%, 
		rgba(255, 191, 149, 0.93) 7%, 
		rgba(255, 205, 98, 0.69) 31%, 
		rgba(255, 218, 47, 0.45) 55%, 
		rgba(255, 255, 255, 0.15) 85%, 
		#ffffff 100%);
	border-image-slice: 1;
    background-color:#ffffff;
    height: unset;
    padding:0;
  }
  .comment-list .comment-list-unit{
    padding-top:2.5vw;
    padding-bottom:2.5vw;
  }
  .comment-list .common-column-list-unit-title{
    -webkit-line-clamp: 1;
    height: unset;
  }
  .comment-list .comment-list-unit:nth-child(2n){
    background-color:rgb(242,218,216);
  }
  .play-list-2{
    display:block;
    margin-top:7vw;
  }
  .play-list-2-unit{
    width:100%;
    margin-top:3vw;
  }
  .play-list-2-unit:first-of-type{
    margin-top:0;
  }
  .second-box{
    margin-top:7vw;
    display:block;
  }
  .news-box{
    width:100%;
  }
  .news-list .common-column-list-unit-text{
    display:none;
  }
  .news-list.common-column-list-ur .common-column-list-unit-img{
    width:45.6vw;
    height:calc( 45.6vw * 9 / 16 );
  }
  .news-list{
    padding:0;
    background-color:unset;
  }
  .news-list.common-column-list-ur .common-column-list-unit-title{
    -webkit-line-clamp: 3;
    height: 15.3vw;
  }
  .news-list .common-column-list-unit{
    align-items:center;
  }
  .news-list .common-column-list-unit-title-box{
    padding: 1vw 0 1vw 1vw;
  }
  .news-list .common-column-list-unit-text-box{
    padding: 1vw 0 0 1vw;
  }
  .news-list.common-column-list-ur .common-column-list-unit,.news-list.common-column-list-ur .common-column-list-unit:nth-child(-n+3){
    margin-top:3vw;
  }
  .lazy-box{
    width:100%;
    margin-top:7vw;
  }
  #lazy-bag{
    height:137.2vw;
  }
  body{
    background-image:url(https://tkww-static.tkww.hk/special/thirdMeeting2024/wap/bg-bottom-1.png),url(https://tkww-static.tkww.hk/special/thirdMeeting2024/bg.png);
    background-size:100% auto,100% 100%;
    background-position:left 0 bottom 0,left 0 top 0;
    background-repeat:no-repeat,no-repeat;
  }
  body .footer-tap{
    font-size: 3vw;
  }
}
