.swiper-tip{
  position:absolute;
  width:calc( 314 / 1280 * 100% );
  left:0;
  top:0;
  z-index:199;
  transform: translate(-11.5%, -60%);
}
body .report-title-box{
  margin-bottom:0;
}
body .roll-list{
  padding-top:20px;
  padding-bottom:20px;
}
.roll-list li{
  box-shadow: 0px 0px 17px 10px 
		#fbc6a9;
}
.bg3{
  background-image:linear-gradient( to bottom,#e99ce3,#fcd3b0);
  padding-top:1px;
  padding-bottom:30px;
}
body .footer{
  background-color: #e99047;
  margin-top:0;
}
.go-list{
  margin-top:30px;
}
.pic-link{
  width:32%;
  flex:none;
}
.pic-link img{
  width:100%;
}
.pic-content{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:99;
  opacity:0;
  transition:0.5s;
}
.pic-box{
  margin-top:21px;
  cursor:pointer;
  position:relative;
}
.pic-box:first-of-type{
  margin-top:0;
}
.pic-box:hover .pic-content{
  opacity:1;
}
.pic{
  width:100%;
  position:relative;
  z-index:10;
}
.bg2{
  padding:5px 0 20px;
  background-image:url(https://tkww-static.tkww.hk/special/HK28/71_bg.jpg);
  background-size:100% 100%;
}
.seven-box .swiper-slide{
  padding:6px;
  background-image: linear-gradient(-15deg, 
		rgba(250, 204, 34, 1) 0%, 
		#f83600 100%);
  border-radius:8px;
}
.seven-box{
  width:calc( 1146 / 1280 * 100% );
  position:relative;
  margin:0 auto;
}
.seven-swiper{
  position:relative;
  z-index:10;
}
.seven-left,.seven-right{
  width:calc( 33 / 1146 * 100% );
  height:auto;
  margin-top:0;
  transform:translateY(-50%);
  z-index:99;
}
.seven-left{
  left:calc( -66 / 1146 * 100% );
}
.seven-right{
  right:calc( -66 / 1146 * 100% );
}
.seven-img{
  width:100%;
}
.seven-title-bg{
  position:absolute;
  width:calc( ( 149 + 997 ) / 1280 * 100% );
  left:50%;
  top:50%;
  z-index:10;
  transform:translate(-50%,-50%);
}
body .video-box{
  width:calc( 535 / 1280 * 100% );
}
.picture-swiper .swiper-pagination{
  text-align:left;
  padding-left:30px;
}
.picture-swiper .swiper-pagination-bullet,.pic-swiper .swiper-pagination-bullet{
  width:16px;
  height:16px;
  background-color: #363636;
  opacity:1;
  box-shadow: 0px 0px 9px #7587df;
}
.picture-swiper .swiper-pagination-bullet-active,.pic-swiper .swiper-pagination-bullet-active{
  background-color: #fa7645;
}
.video-list .common-column-list-unit-bg{
  background-color: #9102b5;
  border-radius: 20px;
  position:absolute;
  z-index:10;
  left:0;
  top:0;
  width:100%;
  height:100%;
  transform:translate( 5px,5px );
}
.video-list .common-column-list-unit-box{
  position:relative;
  margin-top:32px;
}
.video-list .common-column-list-unit-box:first-of-type{
  margin-top:0;
}
.video-list .common-column-list-unit{
  background-color: #d8b9ff;
  border-radius: 20px;
  width:100%;
  position:relative;
  z-index:99;
}
.video-list .common-column-list-unit-img{
  width:calc( 332 / 535 * 100% );
  height:calc( 332px * 9 / 16 );
  border-radius: 20px;
}
.video-list .common-column-list-unit-title{
  height:unset;
}
.video-list .common-column-list-unit-title{
  color: #9102b5!important;
}
.video-list .common-column-list-unit-bottom-time{
  color: #9102b5;
  margin-left:auto;
}
.video-list .imgBox-video-message{
  background-image: unset;
}
.video-list .imgBox-video-play{
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.5));
}
.picture-box{
  width:calc( 712 / 1280 * 100% );
}
.picture-box .column-title-box,.video-box .column-title-box{
  justify-content:flex-start;
}
.picture-swiper-box{
  height:calc( 712px * 9 / 16 );
  position:relative;
}
.picture-swiper-bg{
  width:100%;
  height:100%;
  left:0;
  top:0;
  position:absolute;
  transform:translate( 8px , 8px );
  z-index:10;
  background-color: #ffcca8;
  border-radius: 20px;
}
.picture-swiper{
  width:100%;
  height:100%;
  border-radius: 20px;
  position:relative;
  z-index:99;
}
.news-box-inner .flex-between-left{
  width:calc( 746 / 1265 * 100% );
  position:relative;
}
.news-bg{
  position:relative;
  z-index:10;
  width:100%;
}
.news-list{
  flex:1;
}
.news-list .common-column-list-unit{
  width:100%;
}
.news-list .common-column-list-unit-content{
  background-color:rgba(0,0,0,0);
  transition:0.5s;
  padding:19px 18px 12px 11px;
  margin-top:0;
}
.news-list .common-column-list-unit-title{
  color:#ffffff!important;
}
.news-list .common-column-list-unit-bottom-time{
  color:#ffffff;
  margin-left:auto;
}
.news-list .common-column-list-unit-active{
  background-image:linear-gradient(to right,rgba(0,0,0,0),#0575ff 20%);
}
.news-swiper .common-column-list-unit-img{
  height:100%;
}
.news-list-wap{
  display:none;
}
.news-swiper{
  width:100%;
  height:calc( 746px * 9 / 16 );
  position:absolute;
  z-index:99;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.section-box{
  margin-top:60px;
}
.column-title-box{
  display:flex;
  justify-content:center;
  width:100%;
  position:relative;
  margin-bottom:7px;
}
body .flex-between{
  padding:0;
}
body .news-box-inner{
  justify-content:center;
  align-items:center;
  background-color: #46a3fe;
  border-radius: 20px;
  overflow:hidden;
  padding-left:15px;
}
.colunmn-more{
  width:100px;
  position:absolute;
  right:6px;
  bottom:1px;
}
.column-more-img{
  width:100%;
}
.column-title{
  height:140px;
  flex:none;
  position:relative;
  z-index:99;
}
.bg1{
  background-image:linear-gradient(to bottom,#57b2ff,#dd7bf7);
  padding-bottom:1px;
}
.column-swiper-slide-title-wap{
  display:none;
}
.swiper1-box{
  width:100%;
  position:relative;
  margin-top: 50px;
}
.swiper1-box-bg{
  position:absolute;
  z-index:10;
  height:90%;
  width:100%;
  left:0;
  bottom:0;
  border-radius:20px;
  background-image:linear-gradient(to bottom,#ffcca8,#3667f8);
}
.swiper1-box-inner{
  width:calc( 1180 / 1280 * 100% );
  margin-left:auto;
  margin-right:auto;
  position:relative;
  z-index:99;
}
.swiper1-pagination{
  display:none;
}
.swiper1 .column-swiper-slide-bac{
  width:100%;
  height:calc( ( 1180px - 12px ) * 9 / 16 + 12px );
  border-radius:20px;
  border:6px solid #ffcca8;
  overflow:hidden;
}
.column-swiper-slide-bac{
  position:relative;
}
.column-swiper-container{
  overflow:hidden;
  height:100%;
  position:relative;
  width:100%;
}
.column-swiper-slide{
  position:relative;
  width:100%;
  height:100%;
  display:block;
}
.column-swiper-slide-bac{
  position:relative;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:10;
}
.column-swiper-slide .imgBox-box{
  transition:0.5s;
  transform:scale(1);
  border-radius:20px;
}
.column-swiper-slide:hover .imgBox-box{
  transform:scale(1.05);
}
.column-swiper-slide-title-bac{
  position:absolute;
  width:100%;
  z-index:99;
  padding:20px 21px 26px;
  left:0;
  bottom:0;
  display:flex;
  align-items:flex-end;
  background-image: linear-gradient(to bottom,rgba(19, 20, 23, 0),#131417);
  background-color:transparent!important;
}
.column-swiper-slide-title{
  font-size: 28px;
  line-height: 36px;
  color:#ffffff;
}
.column-swiper-container .column-swiper-pagination{
  position:absolute;
  display:flex;
  justify-content:flex-end;
  bottom:19px;
  left:unset;
  right:21px;
  z-index:99;
  background-color: transparent !important;
}
.column-swiper-pagination .swiper-pagination-bullet{
  width: 16px;
  height: 6px;
  background-color: #ffffff;
  border-radius: 3px;
  margin-left:13px;
  opacity: 1;
}
.column-swiper-pagination .swiper-pagination-bullet-active{
  width: 38px;
  background-color: #e20413;
}
.column-swiper-button-next,.column-swiper-button-prev{
  width: 28px;
  background-color: #9a9a9a;
  border-radius: 8px;
  height: 50px;
  transition:0.5s;
  opacity: 0.5;
}
.column-swiper-button-next:hover,.column-swiper-button-prev:hover{
  background-color: #b5020e;
}
.column-swiper-button-next:after,.column-swiper-button-prev:after{
  font-size:26px;
  color:#ffffff;
}
.column-swiper-button-next.swiper-button-disabled,.column-swiper-button-prev.swiper-button-disabled{
  opacity: 0;
}
.swiper1-box-thumb{
  width:calc( 926 / 1280 * 100% );
  margin-left:auto;
  margin-right:auto;
  position:relative;
  z-index:99;
}
.swiper1-left,.swiper1-right{
  width:calc( 52 / 926 * 100% );
  height:unset;
}
.swiper1-left{
  left:calc( -143 / 926 * 100% );
}
.swiper1-right{
  right:calc( -143 / 926 * 100% );
}
.swiper1-box-thumb-swiper .swiper-slide{
  border-radius: 20px;
  overflow:hidden;
  position:relative;
  z-index:10;
  transition:0.5s;
  box-shadow: 0px 0px 26px 12px 
		rgba(0,0,0,0);
  cursor:pointer;
}
.swiper1-box-thumb-swiper .swiper-slide-active{
  transform:scale(1.3);
  box-shadow: 0px 0px 26px 12px 
		#7587df;
  z-index:99;
}
.swiper1-box-thumb-swiper{
  padding-top:72px;
  padding-bottom:72px;
}

@media (max-width:1400px){
  .column-title{
    height:11vw;
  }
  .column-swiper-slide-title-bac{
    padding: 1vw 1.5vw 1.8vw;
  }
  .column-swiper-slide-title{
    font-size:1.7vw;
    line-height:3vw;
  }
  .column-swiper-container .column-swiper-pagination{
    bottom:1vw;
  }
  .column-swiper-button-next, .column-swiper-button-prev{
    width: 2vw;
    height: 3.5vw;
  }
  .column-swiper-button-next:after, .column-swiper-button-prev:after{
    font-size: 1.8vw;
  }
  .swiper1 .column-swiper-slide-bac{
    height:calc( ( 1187 / 1280 * 91vw - 12px ) * 9 / 16 );
  }
  .news-swiper{
    height:calc( ( 746 / 1295 * 91vw ) * 9 / 16 );
  }
  .picture-swiper-box{
    height:calc( ( 712 / 1280 * 91vw ) * 9 / 16 );
  }
  .video-list .common-column-list-unit-img{
    height:calc( ( 332 / 1280 * 91vw ) * 9 / 16 );
  }
}
@media (max-width:1099px){
  .column-swiper-slide-title{
    font-size:2vw;
    line-height:2.5vw;
  }
}
@media (max-width:767px){
  .column-swiper-slide-title{
    font-size:4.27vw;
    line-height:4.8vw;
  }
  .column-swiper-slide-title-bac{
    padding: 2vw 18.53vw 3vw 2.4vw;
  }
  .column-swiper-pagination .swiper-pagination-bullet{
    width: 2.5vw;
    height: 1vw;
    border-radius: 1vw;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 0.9vw;
  }
  .column-swiper-pagination .swiper-pagination-bullet-active{
    width:5.5vw;
  }
  .column-swiper-container .column-swiper-pagination{
    right:1.2vw;
    bottom:1.5vw;
  }
  .column-swiper-button-next, .column-swiper-button-prev{
    width: 6.5vw;
    height: 12vw;
    border-radius: 1.2vw;
  }
  .column-swiper-button-next:after, .column-swiper-button-prev:after{
    font-size:4.5vw;
  }
  .column-swiper-button-next{
    right:1.5vw;
  }
  .column-swiper-button-prev{
    left:1.5vw;
  }
  .swiper1-box-bg,.swiper1-box-thumb{
    display:none;
  }
  .swiper1-box-inner{
    width:100%;
  }
  .swiper1 .column-swiper-slide-bac{
    height:calc( ( 100vw - 1.87vw - 1.87vw - 8px ) * 9 / 16 + 8px );
    border: 4px solid #ffcca8;
  }
  .column-swiper-slide-title-wap{
    display:-webkit-box;
    margin-top:0.5vw;
  }
  .swiper1 .column-swiper-slide-title-bac .column-swiper-slide-title{
    display:none;
  }
  .swiper1-pagination{
    display:block;
    width:100%;
    bottom:-2vw;
  }
  .swiper1-box{
    margin-top:6vw;
  }
  .column-swiper-slide-title-bac{
    height:8vw;
  }
  .swiper1-box .swiper-pagination-clickable .swiper-pagination-bullet{
    width:3vw;
    height:1vw;
    border-radius:1vw;
    opacity:1;
    margin:0 0.5vw;
    background-color:#ffffff;
  }
  .swiper1-box .swiper-pagination{
    top:100%;
  }
  .swiper1-box .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #ffa96c;
  }
  .news-box-inner{
    display:none;
  }
  .news-list-wap{
    display:block;
  }
  .news-list-wap .common-column-list-unit{
    background-color: #46a3fe;
    border-radius: 3vw;
  }
  .news-list-wap .common-column-list-unit-img{
    border-radius: 3vw;
    overflow:hidden;
  }
  .news-list-wap.common-column-list-ur .common-column-list-unit-title{
    height:unset;
    color:#ffffff;
    -webkit-line-clamp: 3;
  }
  .news-list-wap .common-column-list-unit-bottom-time{
    margin-left:auto;
    color:#ffffff;
  }
  .common-column-list-ur .common-column-list-unit-content{
    padding: 1.5vw 2vw 0.5vw;
  }
  .column-title{
    height:17vw;
  }
  .colunmn-more{
    width:13vw;
  }
  .picture-box{
    width:100%;
  }
  .picture-swiper-box{
    height:calc( ( 100vw - 1.87vw - 1.87vw ) * 9 / 16 )
  }
  .picture-swiper .swiper-pagination-bullet,.pic-swiper .swiper-pagination-bullet{
    width:2vw;
    height:2vw;
  }
  .picture-swiper-bg{
    transform: translate(4px, 4px);
  }
  body .video-box{
    width:100%;
  }
  .section-box{
    margin-top:7vw;
  }
  .news-box{
    margin-top:14vw;
  }
  .common-column-list-ur{
    margin-top:0;
  }
  .video-list .common-column-list-unit-img{
    width: 47.6vw;
    height: 27vw;
  }
  .common-column-list-ur .common-column-list-unit{
    margin-top:0;
  }
  .video-list.common-column-list-ur .common-column-list-unit-title{
    -webkit-line-clamp: 3;
  }
  .seven-left,.seven-right{
    filter: drop-shadow(0vw 0vw 1vw 
		#ec854e);
    width:3vw;
  }
  .pic-box,.go-list{
    margin-top:4vw;
  }
  .pic-link{
    margin-top:4vw;
    display:block;
    width:100%;
  }
  .pic-link:first-of-type{
    margin-top:0;
  }
  .roll-view{
    margin-top:0;
  }
  .section-box.report-box{
    margin-top:11vw;
  }
  .picture-box .column-title-box, .video-box .column-title-box{
    justify-content:center;
  }
  .video-list .common-column-list-unit-bg{
    transform: translate(4px, 4px);
  }
  .bg2{
    background-image: url(https://tkww-static.tkww.hk/special/HK28/wap/71_bg.jpg);
    padding:1vw 0;
  }
  .seven-box{
    width:100%;
  }
  .seven-right{
    right:-1vw;
  }
  .seven-left{
    left:-1vw;
  }
  .seven-right,.seven-left{
    width:unset;
    height:7vw;
  }
  .seven-title-bg{
    width: 106%;
    top: unset;
    bottom: 0;
  }
  body .roll-view{
    margin-top:0;
  }
}