/*
.head-bottom-type-1 如香港栏目样式所示
*/
.headBottom-main{
  display:flex;
  align-items:center;
}
.column-home{
  width:59px;
}
.column-home,
.column-common,
.column-search,
.column-spec{
  display:flex;
  justify-content:center;
  align-items:center;
  height:39px;
  transition:0.5s;
  background:rgba(255,255,255,1);
  flex:none;
  outline-offset:-3px;
}
@-moz-document url-prefix() {
  .headBottom-scroll{
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0,0.3) transparent;
  }
}
.headBottom-scroll::-webkit-scrollbar{
  width: 0.4vw;
  height: 0.4vw;
}
.headBottom-scroll::-webkit-scrollbar-button{
  display:none;
}
.headBottom-scroll::-webkit-scrollbar-track{
  background: rgba(0, 0, 0,0.3);
  border-radius:1vw;
}
.headBottom-scroll::-webkit-scrollbar-thumb{
  background: rgba(0, 0, 0,0.3);
  border-radius:1vw;
}
.headBottom-scroll::-webkit-scrollbar-thumb:hover{
  background: rgba(0, 0, 0,0.5);
}
.headBottom-scroll::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0,0.3);
}
.column-search{
  padding:0 16px;
}
.column-spec{
  padding:0 21px;
  border-left:1px solid #666666;
}
.column-common{
  font-size:22px;
  padding:0 10px;
}
.home{
  width: 19px;
}
.search{
  width:28px;
}
.spec{
  width:71px;
}
.headBottom-scroll{
  display:flex;
  align-items:center;
  overflow-x:auto;
  flex:1;
}
.headBottom-youth .headBottom-scroll,.headBottom-youth .column-common{
  background-color:#e20413;
}
.headBottom-youth .column-common{
  color:#ffffff;
}
.headBottom-border{
  border-bottom:4px solid #e20413;
}
.headBottom{
  position:relative;
}

.column-box,
.video-column-box{
  left:0;
  position:absolute;
  right:0;
  transform-origin:50% 0;
  border-top:5px solid transparent;
  top:calc(100% - 5px);
}
.spec-column-box{
  left:0;
  position:absolute;
  right:0;
  transform-origin:50% 0;
  border-top:5px solid transparent;
  top:calc(100% - 5px);
}
.spec-column-box-inner,
.column-box-inner,
.video-column-box-inner{
  box-shadow: 0px 0px 7.8px 1.2px rgba(0, 0, 0, 0.25);
  background:#f5f5f5;
}
.column-box-inner,
.spec-column-box-inner{
  display:flex;
}
.column-box-inner,
.video-column-box-inner{
  padding:18px 32px 33px;
  background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/ColorBlock-left.png),url(https://tkww-static.tkww.hk/index-HKTKWW/ColorBlock-right.png);
  background-repeat:no-repeat,no-repeat;
  background-size:32px 27px,32px 27px;
  background-position:left 5px bottom 4px,right 5px bottom 4px;
}
.column-box-left{
  width:302px;
  flex:none;
}
.column-box-left-img{
  width:100%;
  height:170px;
}
.column-box-left-text{
  width:100%;
  margin-top:11px;
  font-size:16px;
  line-height:22px;
}
.column-box-center{
  width:551px;
  margin-left:71px;
  flex:none;
}
.columnBoxCenterUnit{
  height:44px;
  border-top:1px dashed #c6c6c6;
  width:100%;
  display:flex;
  align-items:center;
}
.play-icon{
  width:28px;
  flex:none;
  margin-right:6px;
}
.column-box-center-unit{
  font-size:16px;
}
.columnBoxCenterUnit:first-of-type{
  border-top:0;
}
.column-box-right{
  flex:none;
  border-top:4px solid #e20413;
  margin-left:93px;
}
.column-box-right-unit{
  font-size:16px;
  padding:11px 0;
  display:block;
  line-height:16px;
}
.video-column-box-top{
  display:flex;
  align-items:center;
  height:22px;
  border-left:4px solid #e20413;
  margin-left:2px;
}
.video-column-box-top-unit{
  font-size:16px;
  margin-left:25px;
  cursor:pointer;
}
.video-column-box-top-unit:first-of-type{
  margin-left:13px;
}
.video-column-box-bottom{
  display:flex;
  width:100%;
  justify-content:space-between;
}
.video-column-box-bottom-left{
  display:flex;
  margin-top:27px;
  height:235px;
}
.video-column-box-bottom-left-link{
  background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/videoLinkBg.png);
  background-size:100% 100%;
  width:53px;
  height:224px;
  margin-right:-5px;
  position:relative;
  z-index:10;
  margin-top:4px;
}
.hot{
  width:37px;
  margin:0 auto;
}
.video-column-box-bottom-left-link-unit,
.video-column-box-bottom-left-link-more{
  display:block;
  margin-top:11px;
  text-align:center;
}
.video-column-box-bottom-left-link-unit{
  color:#ffffff!important;
  font-size:16px;
}
.video-column-box-bottom-left-link-more{
  color: #fcabab!important;
  font-size:14px;
}
.video-column-box-bottom-left-box{
  width:326px;
  height:100%;
  box-sizing:border-box;
  padding:10px 12px;
  position:relative;
  z-index:20;
  background:#c6c6c6;
  border-radius:3px;
}
.video-column-box-bottom-left-box-video{
  position:relative;
  width:100%;
  height:170px;
}
.video-column-box-bottom-left-box-video-bac{
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:10;
}
.video-title{
  font-size: 16px;
  line-height: 22px;
  margin-top:5px;
}
.video-column-box .column-box-center{
  margin-top:36px;
  margin-left:0;
}
.columnBoxCenterUnit{
  display:flex;
  align-items:center;
}
.video-icon{
  width:28px;
  flex:none;
  margin:0 5px;
}
.search-column-box{
  position:absolute;
  left:0;
  width:100%;
  background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/ColorBlock-left.png),url(https://tkww-static.tkww.hk/index-HKTKWW/ColorBlock-right.png);
  background-repeat:no-repeat,no-repeat;
  background-size:32px 27px,32px 27px;
  background-position:left 5px bottom 4px,right 5px bottom 4px;
  transform-origin:50% 0;
  border-top:5px solid transparent;
  top:calc(100% - 5px);
}
.search-column-box-inner{
  background:#f5f5f5;
  padding:64px 0 74px;
  box-shadow: 0px 0px 7.8px 1.2px rgba(0, 0, 0, 0.25);
}
.search-column-box-top{
  margin-left:283px;
}
.search-column-box-search-box{
  width:619px;
  height:60px;
  display:flex;
  align-items:center;
  border-radius: 30px;
  border: solid 1px #cdcdcd;
  padding:0 21px;
  box-sizing:border-box;
  transition:0.5s;
}
#search-column-box-input,#search-column-box-input-2{
  flex:1;
  height:100%;
  line-height:60px;
  font-size:16px;
  color:#333333;
}
#search-column-box-input::placeholder,#search-column-box-input-2::placeholder{
  color:#999999;
}
.search-icon{
  height:27px;
  flex:none;
  margin-left:10px;
  cursor:pointer;
}
.hot-words{
  padding:28px 55px 0;
  font-size:14px;
  color:#999999;
}
.hot-words-list{
  margin-top:11px;
  display:flex;
}
.hot-words-list-unit{
  margin-left:40px;
  cursor:pointer;
}
.hot-words-list-unit:first-of-type{
  margin-left:0;
}
.search-column-box-bottom{
  margin-top:126px;
  width:100%;
  display:flex;
  flex-wrap:wrap;
  padding:0 14px;
}
.search-column-box-bottom-unit{
  width:calc( 100% / 7 );
  border-left: solid 1px #dad9d9;
  flex:none;
  margin-top:52px;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.search-column-box-bottom-unit:nth-child(7n-6){
  border-left:0;
}
.search-column-box-bottom-unit:nth-child(-n+7){
  margin-top:0;
}
.search-column-box-bottom-unit-title{
  font-size: 20px;
  color: #8d3c42!important;
}
.search-column-box-bottom-unit-list{
  margin-top:29px;
  font-size:16px;
}
.search-column-box-bottom-unit-list-unit{
  cursor:pointer;
  text-align:center;
  display:block;
}
.spec-column-box-left{
  flex:none;
  width:216px;
  background:#f0f0f0;
  background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/ColorBlock-left.png),url(https://tkww-static.tkww.hk/index-HKTKWW/left-of-the-special.png);
  background-repeat:no-repeat,no-repeat;
  background-size:32px 27px,210px 185px;
  background-position:left 5px bottom 4px,left 21px top 179px;
  padding:40px 0;
}
.spec-column-box-left-list{
  position:relative;
  width:100%;
}
.spec-column-box-left-list-unit,
.spec-column-box-left-list-unit-active{
    height:65px;
}
.spec-column-box-left-list-unit{
  position:relative;
  z-index:99;
  width:100%;
  line-height:65px;
  padding-right:60px;
  text-align:right;
  font-size:18px;
  cursor:pointer;
}
.spec-column-box-left-list-unit-active{
  position:absolute;
  z-index:10;
  width:100%;
  left:0;
  top:0;
  transition:0.5s;
  transform:translateY(0);
  background-image: linear-gradient(90deg,#f0f0f0 0%,#e9bfc2 100%);
}
.spec-column-box-right{
  padding:42px 0 30px;
  width:100%;
  background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/ColorBlock-right.png);
  background-repeat:no-repeat;
  background-size:32px 27px;
  background-position:right 5px bottom 4px;
}
.spec-column-box-right-top{
  width:933px;
  margin:0 auto;
  height:210px;
}
.spec-column-box-swiper-container{
  width:100%;
  height:100%;
  overflow:hidden;
}
.spec-column-box-swiper-slide{
  display:flex;
  flex-wrap:wrap;
}
.spec-column-box-swiper-slide-unit{
  width:33.33%;
  flex:none;
  border-bottom:solid 1px #cdcdcd;
  border-right:solid 1px #cdcdcd;
  background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/hover-of-the-spacial.png);
  background-size:0% 0%;
  background-repeat:no-repeat;
  transition:0.5s;
  height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 25px;
  line-height:20px;
}
.spec-column-box-swiper-slide-unit-title{
  font-size: 16px;
  text-align:center;
}
.spec-column-box-swiper-slide-unit-title-2-line{
  font-size:14px;
}
.spec-column-box-swiper-slide-unit:hover{
  background-size:100% 100%;
}
.spec-column-box-swiper-slide-unit:nth-child(-n+3){
  border-top:solid 1px #cdcdcd;
}
.spec-column-box-swiper-slide-unit:nth-child(3n-2){
  border-left:solid 1px #cdcdcd;
}
.spec-column-box-right-bottom{
  margin:20px 0 0;
  height:131px;
  display:flex;
  width:100%;
  justify-content:center;
}
.spec-column-box-right-bottom .da-box-list-4{
  margin-top:0;
}
.spec-column-box-right-bottom-right{
  width:231px;
  height:100%;
  background-image:url(https://tkww-static.tkww.hk/index-HKTKWW/spec-go.png),url(https://tkww-static.tkww.hk/index-HKTKWW/right-of-the-special.png),linear-gradient(0deg,#ece8de 0%,#ebe0c6 100%);
  background-repeat:no-repeat,no-repeat,no-repeat;
  background-size:21px 21px,132px 107px,100% 100%;
  background-position:left 61px top 58px,left 104px top 35px,100% 100%;
  font-size:16px;
  font-weight:bold;
  padding:34px 0 0 38px;
}
.column-hover-box{
  opacity:0;
  transform:scaleX(0) scaleY(0);
  transition:0.5s;
}
.column-hover-box-active,
.column-hover-box:hover{
  opacity:1;
  transform:scaleX(1) scaleY(1);
}
.video-column-box-inner .da-box-list-4{
  margin-top:0;
}
.headBottom-fixed{
  background-color: #ffffff;
}
.headBottom-fixed,.head-bottom-type-1{
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 99;
}
.head-bottom-type-1,.head-bottom-type-1 .column-home,.head-bottom-type-1 .column-common,.head-bottom-type-1 .column-search,.head-bottom-type-1 .column-spec{
  background-color: #e20413;
}
.headBottom .nav-current,.headBottom .hover-current{
  background:rgba(0,0,0,0.2);
}
.head-bottom-type-1 .column-home,.head-bottom-type-1 .column-common,.head-bottom-type-1 .column-search,.head-bottom-type-1 .column-spec{
  padding-top: 4px;
  padding-bottom: 4px;
  box-sizing: content-box;
}
.head-bottom-type-1 .headBottom-border{
  display:none;
}
.head-bottom-type-1 .column-common{
  color:#ffffff;
}
.head-bottom-type-1 .column-spec{
  border-left: 1px solid #ffffff;
}
.head-bottom-type-1 .home{
  width:102px;
}
.head-bottom-type-1 .column-home{
  width:120px;
}
.head-bottom-type-1 .column-common{
  font-size:20px;
}
.head-bottom-type-1{
  opacity:0;
}
.pageHead-pt-2 .head-bottom-type-1{
  display:none;
}
.pageHead-pt-2-hide .head-bottom-type-1{
  display:block;
}
.pageHead-pt-2-hide .head-bottom-type-2 .headBottom-column{
  opacity:0;
}
.recording-icon{
  display:none;
}
@media (min-width:1100px){
  .headBottom-youth .column-home:hover{
    background:rgba(204,204,204,1);
  }
  .column-home:hover,
  .column-common:hover,
  .column-search:hover,
  .column-spec:hover,
  .head-bottom-type-1 .column-home:hover{
    background:rgba(0,0,0,0.2);
  }
}
@media (max-width:1400px){
  .column-home{
    width:4vw;
  }
  .home{
    width:1.4vw;
  }
  .column-common{
    font-size:1.57vw;
    padding:0 0.9vw;
  }
  .column-search{
    padding:0 0.9vw;
  }
  .search{
    width:2vw;
  }
  .column-spec{
    padding: 0 1.8vw;
  }
  .spec{
    width:5vw;
  }
  .column-home, .column-common, .column-search, .column-spec{
    height:2.8vw;
  }
  .column-box-center{
    width: 39vw;
    margin-left: 5vw;
  }
  .column-box-right{
    margin-left: 6.5vw;
  }
  .search-column-box-top{
    margin-left:0;
  }
  .search-column-box-search-box{
    margin-left:auto;
    margin-right:auto;
  }
  .hot-words{
    margin-left: auto;
    margin-right: auto;
    padding: 28px 0;
    width: 619px;
  }
  .search-column-box-bottom{
    padding:0 1vw;
  }
  .search-column-box-bottom-unit-title{
    font-size:1.7vw;
  }
  .search-column-box-bottom-unit-list{
    font-size:1.3vw;
  }
  .spec-column-box-right-top{
    width:70vw;
  }
  .spec-column-box-left{
    width:14vw;
  }
  .head-bottom-type-1 .column-home{
    width:9vw;
  }
  .head-bottom-type-1 .home{
    width:7vw;
  }
  .head-bottom-type-1 .column-common{
    font-size:1.4vw;
  }
}
@media (max-width:1200px){
  .column-box-center{
    width: 36vw;
  }
  .video-column-box-inner .column-box-center{
    width: 33vw;
  }
}
@media (max-width:1099px){
  .column-home{
    width:4.32vw;
  }
  .home{
    width:1.512vw;
  }
  .column-common{
    font-size:1.7vw;
    padding:0 0.97vw;
  }
  .column-search{
    padding:0 0.97vw;
  }
  .search{
    width:2.16vw;
  }
  .column-spec{
    padding: 0 1.944vw;
  }
  .spec{
    width:5.4vw;
  }
  .column-home, .column-common, .column-search, .column-spec{
    height:3.24vw;
  }
  .head-bottom-type-1 .column-home{
    width:10vw;
  }
  .head-bottom-type-1 .home{
    width:8.5vw;
  }
}

@media (max-width:950px){
  .column-home{
    width:4.84vw;
  }
  .home{
    width:1.69vw;
  }
  .column-common{
    font-size:1.9vw;
    padding:0 1.1vw;
  }
  .column-search{
    padding:0 1.1vw;
  }
  .search{
    width:2.42vw;
  }
  .column-spec{
    padding: 0 2.18vw;
  }
  .spec{
    width:6.05vw;
  }
  .column-home, .column-common, .column-search, .column-spec{
    height:3.388vw;
  }
  .head-bottom-type-1 .column-home{
    width:10vw;
  }
  .head-bottom-type-1 .home{
    width:8.5vw;
  }
}
@media (max-width:767px){
  .column-home{
    width:8.67vw;
  }
  .column-home, .column-common, .column-search, .column-spec{
    height:8.67vw;
  }
  .home{
    width:4vw;
  }
  .column-common,.head-bottom-type-1 .column-common{
    font-size: 4.27vw;
  }
  .column-common{
    padding: 0 2.7vw;
    line-height:8.67vw;
  }
  .search{
    width:5vw;
  }
  .column-search,.column-spec{
    padding:0 1.4vw;
  }
  .spec{
    width: 12.47vw;
  }
  .headBottom-scroll::-webkit-scrollbar{
    width: 0;
    height: 0;
  }
  .headBottom-scroll::-webkit-scrollbar-track{
    display:none;
  }
  .headBottom-scroll::-webkit-scrollbar-thumb{
    display:none;
  }
  .headBottom-scroll::-webkit-scrollbar-corner {
    display:none;
  }
  .headBottom .main-box{
    padding:0;
  }
  .head-bottom-type-1 .home{
    width:23vw;
  }
  .head-bottom-type-1 .column-home{
    width:27vw;
  }
  .head-bottom-type-1 .column-home,.head-bottom-type-1 .column-common,.head-bottom-type-1 .column-search,.head-bottom-type-1 .column-spec{
    padding-top: 2vw;
    padding-bottom: 2vw;
  }
}