.zsjj_box{
  background: url(https://tkww-static.tkww.hk/agreementImg/images/projectImg/special/HKSpecialTopic_pcbg.jpg) repeat;
  background-size: 100% auto;
}
body{
  font-family:fz-small;
}
.video-slide{
  margin-top: 0px;
}
/*新headercss--start*/
footer{
  margin-top: 20px;
}
main{
  overflow: hidden;
}
.footer-link, .footer-tap{
  text-align: center;
}
.footer-link {
  float: none;
}
.inner{
  position: relative;
}
.national_flag_out{
  position: absolute;
  right: 19%;
  top: -80%;
  z-index: 99;
}
.national_flag_out img{
  width: 263px;
}
.section-title a{
  background-position: 100% !important;
  color:#333 !important;
  font-size:18px;
  display: flex;
  align-items: center;
  width:auto;
  padding-right:15px;
  background: none !important;
}
.storyTitleFontFamily{
  font-size: 18px;
}
.storyList .item .wrap .text .storySummay{
  font-size: 14px;
}
.storyTitleFontFamily img{
  width: auto;
  order: 0;
}
/* 知史鑑今 */
.zsjj .comment-content-new .news_one .right-box {
  display: inline-block;
  width: 100%;
  vertical-align: top;
}
.zsjj .comment-content-new .news_one .storyTub img {
  display: inline-block;
  width: 100%;
}
.news_one_title{
  margin-bottom: 20px;
}
.news_one_title .title{
  margin: 10px 0 20px 0;
}
.lf_content{
  float: left;
  width: 49%;
}
.rt_content{
  float: right;
  width: 49%;
}
.zsjj .comment-content-new .right-box h2 a{
  height: 55px;
  -webkit-line-clamp: 2;
  padding-left: 20px;
  position: relative;
}
.zsjj .comment-content-new .right-box{
  margin-left: 0;
}
.news_box{
  width: 100%;
}
.zsjj .comment-content-new .item{
  border-bottom: unset;
}
.zsjj .comment-content-new .top_list .item{
  border-bottom: 1px solid #004372;
}
.storySummary a{
  font-size: 16px;
  color: #777;
}
.ganganguoan .comment-content-new .storySummary a{
  color: #555;
}
.ganganguoan .storyTime{
  color: #555;
  text-align: right;
}
.opinion_box .storySummary a{
  color: #777;
}
.zsjj .comment-content-new .right-box{
  width: 100%;
}
.bottom_one .wrap{
  display: flex;
  justify-content: space-between;
}
.bottom_one .storyTub,.bottom_one .one_img{
  width: 49%;
}
.zsjj .comment-content-new .top_list .right-box h2 a:before {
  width: 8px;
  height: 8px;
  content: "";
  background: #CB1722;
  margin-right: 5px;
  position: absolute;
  top: 10px;
  left: 3px;
}
.video-slide{
  max-width: 1200px;
  margin: 0 auto;
}
.zsjj .comment-content-new .storySummary{
  height: 45px;
}
.zsjj .bottom_one .twoLine{
  line-height: 1.5;
  margin-bottom: 41px;
}
.pc_icon{
  display: block;
}
.phone_icon{
  display: none;
}
.zsjj .section-title a{
  background: none;
  color: #fff !important;
}
.yzgtx .section-title a{
  color: #777777 !important;
}
.ganganguoan.nown-news{
  margin-top: 0;
}
.news_box.last_bg{
  background: #aedde8;
  padding-top: 50px;
}
.opinion_box .opinion_content{
  margin-top: 10px;
}
.opinion_content{
  padding: 10px;
}
.opinion{
  background: #d2f6ff;
  border-radius: 10px;
}
.bsgr{
  background: #aedde8;
}
.common-section.title6,.title5{
  margin-top: 50px;
}
.ganganguoan .item{
  margin-bottom: 11px;
  margin-top: 11px;
  padding-bottom: 10px;
}
.title7{
  margin-top: 20px;
}
.ganganguoan .comment-content-new .right-box h2 a{
  height: 26px;
}
.ganganguoan .storySummary a{
  font-size: 14px;
}
.ganganguoan .storyTime{
  padding: 5px 0;
}
.ganganguoan .twoLine{
  margin-bottom: 10px;
}
.featured-news{
  height: 479px;
}
body h2 {
  font-size: 20px;
}
.cols.col-2{
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
}
.cols.col-2 .item{
  width: 32%;
  padding: 0;
}
.cols .wrap{
  background-color: #595959;
}
.cols.col-2 .item .storyTitleFontFamily span{
  color: #fff;
  padding: 0px 10px 4px;
}
.cols .figure:after{
  padding-top: 58%;
}
.nown-news{
  margin-top: 20px;
  width: calc(100% - 400px);
  margin-bottom: 0;
  float: left;
}
.opinion{
  width: 380px;
  float: right;
}
.news_box{
  justify-content: space-between;
  position: relative;
  display: block;
}
.yzgtx{
  background: #c1eaf2;
  display: block;
}
.comment-content-new>.comment-content-new-1{
  margin-right: 0;
}
.comment-content-new>div{
  width: 100%;
  padding-bottom: 0;
  margin-bottom: 0;
  padding: 0;
  box-shadow: unset;
}
.bg_blue{
  background: #31a1ff;
  color: #fff;
  text-align: center;
}
.comment-content-new .item{
  margin-bottom: 6px;
  border-bottom: 1px dashed #004372;
  margin-top: 14px;
}
.comment-content-new .storyTub img {
  display: inline-block;
  width: 30%;
}
.comment-content-new .right-box h2 a {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  line-height: 1.5em;
  max-height: 4.5em;
  height: 25px;
  font-size: 20px;
}
.comment-content-new .right-box {
  display: inline-block;
  width: 60%;
  margin-left: 10px;
  vertical-align: top;
}
.featured-news .flex-control-paging li a.flex-active{
  width: 11px;
}
.bg_one{
  background: #aedde8;
  padding-bottom: 50px;
  position: relative;
}
body{
  background-color: #aedde8 !important;
}
.comment-content-new .news_one_title .storySummary{
  height: 50px;
}
.opinion_content .video-box .storyTitleFontFamily{
  margin: 38px 0 21px 0;
}
.opinion_content .storySummary{
  margin: 5px 0 25px 0;
}
.yzgtx_img img{
  transform: translateY(-50px);
  width: auto;
}
.yzgtx_main{
  transform: translateY(-50px);
}
.jszl_img img{
  width: auto;
}
.jszl_img{
  text-align: right;
}
.jszl_img img.pc_icon{
  display: inline-block;
}
.yzgtx_img{
  display: flex;
  justify-content: space-between;
}
.zsjj_box{
  display: block;
}
@media(min-width:651px){
  .storyTitleFontFamily{
    margin-bottom: 0px;
  }
  .swiper_box{
    height: 479px;
  }
  .comment-content-new .storySummary {
    height: 60px;
  }
  .bsgr{
    padding-bottom: 150px;
  }
  #swp-coverflow .swiper-button-prev{
    left: -185px;
    background: #2b88ca;
    right: auto;
    border-radius: 3px;
    height: 155px;
    width: 50px;
    top: 161px;
  }
  #swp-coverflow .swiper-button-next:after{
    font-size: 2rem;
  }
  .featured-news .flex-control-nav{
    bottom: 3px;
  }
  #swp-coverflow .swiper-button-next{
    left: unset;
    right: -186px;
    background: #2b88ca;
    border-radius: 3px;
    height: 155px;
    width: 50px;
    top: 161px;
  }
  .featured-news .flexslider .slides .slider-caption{
    z-index: 105;
    bottom: 0;
    left: unset;
    right: 0;
    height: 230px;
    width: 350px;
    position: absolute;
    top: unset;
    background-color: #cd4034;
    padding-top: 30px;
  }
  .featured-news .flexslider .slides li .swiper_summary{
    font-size: 16px;
  }
  .featured-news .flexslider .slides .slider-caption .gradient a{
    color: #fff;
    font-size: 20px;
  }
  .featured-news{
    width: 100%;
  }
  .featured-news .flexslider .slides .slider-caption .gradient{
    margin-bottom: 73px;
  }
  .featured-news .flexslider .slides li img{
    width: 100%;
    height: auto;
  }
  .featured-news .flexslider .slides li .national_flag img{
    width: 114px;
    display: block;
    margin: 0 auto;
    position: unset;
  }
  .swiper_box{
    position: relative;
    height: 479px;
    width: 71%;
    box-sizing: border-box;
  }
  .featured-news .flexslider .slides{
    height: 479px;
  }
  .national_flag{
    background: url(https://tkww-static.tkww.hk/agreementImg/images/projectImg/special/HKSpecialTopic_swiperbg.png) repeat;
    background-size: auto 100%;
  }
  .featured-news .flexslider .slides .slider-caption .swiper_summary_txt{
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 1.5em;
    max-height: 13.5em;
    height: 139px;
    color: #fff;
  }
  #swp-coverflow .swiper-button-prev:after{
    font-size: 2rem;
  }
}
.cols.col-1.numsort .item .num span{
  width: 30px;
  line-height: 30px;
  height: 30px;
  display: inline-block !important;
  text-align: center;
}
.cols.col-1.numsort .item .num{
  width: 45px;
  min-width: 45px;
}
main{
  padding: 0px;
  max-width: 1200px;
}
/* 即时新闻 */
.section-title span{
  color:#84bbed;
}
.subLine{
  border-top: 4px solid #84bbed;
  border-bottom:none;
}
#appImg{
  display:none;
}
#videoListNS{
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  height:calc(100% - 67px);
  align-content: space-between;
}
.swiper-slide .text{
  text-align: center;
}
.swiper-slide .text img{
  display: inline-block;
}
.featured-news .flexslider .slides li{
  height: 479px !important;
}
.featured-news .flexslider .slides li .gradient{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background-color: rgba(0,0,0,0.5);
  line-height: 1.5;
  padding: 12px 20px;
}
.featured-news .flexslider .slides li .gradient a{
  color: #fff;
}
.swiper_box{
  position: relative;
}
.national_flag{
  z-index: 105;
  bottom: unset;
  left: unset;
  right: 0;
  height: 249px;
  width: 350px;
  position: absolute;
  top: 0;
}
@media(min-width: 1237px){
  .yzgtx .section-title a{
    right: 368px;
  }
  .zsjj .section-title a{
    right: 354px;
    top: 62px;
  }
  .zsjjtwo .section-title a{
    top: 109px;
  }
}
@media(min-width: 1355px) and (max-width: 1899px){
  .national_flag_out{
    position: absolute;
    right: 61px;
    top: -418px;
  }
  .national_flag_out img{
    width: 270px;
  }
}
@media(max-width: 1236px){
  .yzgtx .section-title a{
    top: 69px;
  }
  .featured-news .flexslider .slides .slider-caption,.national_flag{
    display: none;
  }
  .swiper_box{
    width: 100%;
  }
  .national_flag_out{
    display: none;
  }
  .featured-news .flexslider .slides{
    height: auto;
  }
  .featured-news .flexslider .slides li{
    height: auto;
  }
  .swiper_box{
    height: 409px;
  }
  .last_bg{
    margin-top: 0px !important;
  }
}
@media(min-width: 1155px) and (max-width: 1368px){

}
@media(min-width: 768px) and (max-width: 899px){
  .yzgtx_img img{
    position: relative;
    left: -32px;
    transform: translateY(-6px);
  }
  .phone_icon{
    right: -88px;
    position: relative;
    display: block;
  }
  .jszl_img img.pc_icon{
    display: none;
  }
  .zsjj .section-title a{
    top: 44px;
    opacity: 1;
  }
  .opinion .section-title a{
    padding-right: 41px;
  }
  .phone_pc{
    display: none;
  }
  .featured-news .flexslider .slides li{
    height: 424px !important;
  }
  .featured-news{
    height: 424px;
  }
  .featured-news .flexslider .slides{
    height: 424px !important;
  }
  .featured-news .flexslider .slides li .gradient{
    bottom: -30px;
  }
  .featured-news .flex-control-nav{
    bottom: -12px;
  }
}
@media(min-width: 699px) and (max-width: 767px){
  .yzgtx_img img{
    position: relative;
    left: -338px;
    transform: translateY(-6px);
  }
  .phone_icon{
    display: block;
    position: relative;
    right: -468px;
    width: 100%;
  }
  .jszl_img img.pc_icon{
    display: none;
  }
  .ganganguoan.nown-news{
    margin-top: 0px !important;
  }
  .yzgtx{
    overflow: hidden;
    width: 100%;
  }
  #swp-coverflow .swiper-button-prev{
    right: -73px;
    top: 80px;
    left: -70px;
  }
  #swp-coverflow .swiper-button-next{
    right: -73px;
    top: 80px;
  }
  .opinion_content .video-box .storyTitleFontFamily{
    margin: 28px 0 17px 0;
  }
  .opinion_box .section-title a{
    padding-right: 33px;
  }
  .zsjj_box{
    overflow: hidden;
    width: 100%;
  }
  .phone_pc{
    display: none;
  }
  .phone_icon{
    display: block;
  }
}
@media(max-width: 650px){
  .zsjj_box{
    background: url(https://tkww-static.tkww.hk/agreementImg/images/projectImg/special/HKSpecialTopic_phonebg.jpg) repeat;
    background-size: 100% auto;
  }
  .national_flag_out{
    display: none;
  }
  .yzgtx_img img{
    transform: translateY(-18px);
    position: relative;
    left: -41px;
  }
  .yzgtx_img img{
    transform: translateY(-18px);
  }
  .jszl_img img.pc_icon{
    display: none;
  }
  .phone_pc{
    display: none;
  }
  .zsjj .section-title a{
    top: 20px;
    opacity: 1;
  }
  .swiper_box{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .opinion{
    width: 100%;
  }
  main {
    padding: 0px 15px;
  }
  .col-2{
    padding-right: 5px;
    padding-left: 5px;
  }
  .zsjj_box{
    overflow: hidden;
    width: 100%;
  }
  .yzgtx .section-title a{
    top: 42px;
    color: #333 !important;
    opacity: 1;
  }
  .jszl_img img{
    margin-left: 5px;
  }
  #swp-coverflow .swiper-button-prev{
    left: 0;
  }
  #swp-coverflow .swiper-button-next{
    right: 0;
  }
  .national_flag{
    display: none;
  }
  .cols.col-2 .item .storyTitleFontFamily span{
    padding: 0px 8px 4px 8px;
  }
}