@charset "utf-8";

.zxft-banner{background: url(../../images/basehd/zxft_banner_bg.png) no-repeat center top;background-size: auto 100%;}
.zxft-banner-img{display: block;height: 135px;margin: 2% auto 10%;}
@media (max-width: 640px) {
  .zxft-banner-img{height: auto;max-width: 90%;margin: 10px auto 30px;}
}

/* 最新访谈 */
.zxft-slide .tag{position: absolute;left: 0;top:10px;z-index: 9; height: 42px;line-height: 42px;padding: 0 22px 0 10px; font-size: 1.375em;font-weight: 700;color:#fff; background:url(../../images/basehd/zxft.png) no-repeat;background-size: 100% 100%;}
.zxft-slide .owl-carousel a.item{position: relative;height: 0;padding-top: 55%;display: block;}
.zxft-slide .owl-carousel a.item img{position: absolute;left:0;top:0;bottom:0;right:0;}
.zxft-slide .owl-carousel a.item .txt{color:#fff; position: absolute;left:0;bottom:0;right:0;height: 50px;line-height: 50px;font-size: 1.125em;font-weight: 700;text-align: center;padding: 0 20px;background: rgba(0,0,0,.5);}
.zxft-slide .owl-nav>div{position: absolute;top: 50%;margin-top: -24px; width: 23px;height: 48px;background: url(../../images/public/icon_slide_next.png) no-repeat center rgba(0,0,0,.5);background-size: 10px;}
.zxft-slide .owl-nav>div.owl-next{right:0;}
.zxft-slide .owl-nav>div.owl-prev{left:0;background-image: url(../../images/public/icon_slide_prev.png);}
.zxft-slide .owl-nav>div:hover{background-color: rgba(0,0,0,.8);}

.zxft-infolist .com-cardbox.shadow{padding:0;}
.zxft-infolist .com-cardbox.shadow li .box{position: relative;padding: 2px 150px 2px 20px;  height: 100px;border-left: 4px solid #0262D6;}
.zxft-infolist .com-cardbox.shadow li .tit{margin: 16px 0 20px;}
.zxft-infolist .com-cardbox.shadow li .attr{border-top: none;margin-top: 0;padding: 0;color:#808080;}
.zxft-infolist .com-cardbox.shadow li .more{color:#fff; position: absolute;top:50%;right: 30px;margin-top: -18px; padding: 0 16px; height: 36px;line-height: 36px; border-radius: 2px;background: #689EE3;}
.zxft-infolist .com-cardbox.shadow li .more:hover{background:#0262D6;}

@media (max-width: 1280px) {
    .zxft-zxft .interview-list{margin-bottom: 30px;}
}
@media (max-width: 560px) {
  .zxft-slide .tag{font-size: 1em;line-height: 32px;height: 32px;}
  .zxft-infolist .com-cardbox.shadow li .box{height: auto;padding-right: 20px;}
  .zxft-infolist .com-cardbox.shadow li .more{position: static;float: right;margin-top: 0;font-size: 14px; margin-bottom: 20px;padding: 0 9px;height: 28px;line-height: 28px;}
}
@media (max-width: 380px) {
  
}

/* 往期回顾 */
.zxft-wqhg{background: linear-gradient(180deg, #EDF6FF 0%, #fefeff 100%);}

.zxft-wqhg-tab{float: right;margin-top: -70px;}
.zxft-wqhg-tab li{cursor: pointer; float: left;height: 34px;line-height: 34px;min-width: 60px;padding: 0 15px;text-align: center;border: 1px solid #DBDBDB;border-radius: 20px;}
.zxft-wqhg-tab li+li{margin-left: 15px;}
.zxft-wqhg-tab li.on{background: #5892E8;border-color: #5892E8;color:#fff;}

.zxft-wqhg-infolist ul{position: relative;}
.zxft-wqhg-infolist ul:before{content:"";width: 1px;height: 100%;position: absolute;left:  173px;top:0;background: #689EE3;}
.zxft-wqhg-infolist li{position: relative;padding-left:224px;margin-bottom: 40px;}
.zxft-wqhg-infolist li:before{content:"";position: absolute;left: 166px;top:15px;width: 16px;height: 16px;background:url(../../images/basehd/zxft_wqhg_icon_dots.png) no-repeat;background-size: 16px;}
.zxft-wqhg-infolist li .time{
  color: #fff;font-size: 1.125em;font-weight: 700;text-align: center;width: 146px;padding-right: 12px; border-radius: 6px;height: 44px;line-height: 44px;
  background: linear-gradient(225deg, #0262D6 0%, #689EE3 100%);position: absolute;left:0;top: 0;
}
.zxft-wqhg-infolist li .time:after{content:"";position: absolute;left:100%;top: 50%;margin-top: -6px; border: 6px solid transparent;border-left-color:#0262D6; }
.zxft-wqhg-infolist li .box{border-bottom: 1px dashed #689EE3;padding-bottom: 40px;}
.zxft-wqhg-pic{position: relative;height: 0;padding-top: 56.25%;overflow: hidden;}
.zxft-wqhg-pic img{position: absolute;left:0;top: 0;bottom:0;right:0;width: 100%;}
.zxft-wqhg-txt h3{font-size: 1.75em;margin: 20px 0 10px;font-weight: 700;}
.zxft-wqhg-txt .mes .item {margin-top: 20px;}
.zxft-wqhg-txt .mes .item label{float: left;font-weight: 700; text-align: center; width: 80px;padding-right: 6px; color:#2354AF;height: 28px;line-height: 28px;background: url(../../images/basehd/icon_message_xb.png) no-repeat; background-size: 100% 100%;}
.zxft-wqhg-txt .mes .item p{font-size: 1.125em;color:#555555;margin-left: 100px;line-height: 1.5;}
.zxft-wqhg-infolist .pagination{margin-top: -20px;}
.zxft-wqhg-infolist .interview-list.nodata:before,
.zxft-wqhg-infolist .interview-list.nodata li:before{display: none;}

@media (max-width: 992px) {
  body{overflow-x: hidden;}
  .zxft-wqhg-infolist ul:before{left:0;top: 14px;bottom:0;height: inherit;}
  .zxft-wqhg-infolist li{padding-left: 24px;}
  .zxft-wqhg-infolist li:before{left:-8px;top: 14px;}
  .zxft-wqhg-infolist li .time{position: relative;margin-bottom: 20px;background: linear-gradient(225deg, #689EE3 0%, #0262D6 100%);}
  .zxft-wqhg-infolist li .time:after{left: -12px; border-left-color: transparent;border-right-color: #0262D6;}
}
@media (max-width: 768px) {
  .zxft-wqhg-txt h3{font-size: 1.375em;}
  .zxft-wqhg-tab {float: none; margin: 0 -7px 20px;}
  .zxft-wqhg-tab li,.zxft-wqhg-tab li+li{margin: 0 7px 7px;}
}

@media (max-width: 380px) {
  .zxft-wqhg-txt .mes .item label{float: none;display: inline-block;margin-bottom: 4px;}
  .zxft-wqhg-txt .mes .item p{margin-left: 0;}
}




/* 在线访谈详情 */
.interview-detail .tlen05{display: inline-block;width: 0.5em}
.interview-intro .title{font-size: 2.25em;text-align: center;line-height: 1.3;font-weight: 900;}
.interview-intro-pic{height: 325px;overflow: hidden;}
.interview-intro-pic .interview-video,
.interview-intro-pic img{display: block;width: 100%;}
.interviewd-cydqk .com-title h3{font-size: 1.375em;}
.interviewd-cydqk .txt{font-size: 1.25em;line-height: 1.5;}
.interviewd-cydqk .txt span{color: #C20000;}

.interview-intro-txt{border: 1px solid #D8E1F0;background: #F5F9FF;min-height: 470px;padding: 0 9%;}
.interview-intro-txt .item{position: relative;padding-left: 40px;min-height: 26px;font-size: 1.25em;margin-top: 25px;}
.interview-intro-txt .item.elli-m{-webkit-line-clamp: 4;}
.interview-intro-txt .item .icon{width: 26px;position: absolute;left:0;top:0;}
.interview-intro-txt .item label{float: left;font-weight: 700;}

/* 直播图片 */
.interview-live{display: none;}
.interview-live .owl-nav>div{position: absolute;top:50%;width: 26px;height: 40px;margin-top: -20px;background:url(../../images/public/icon_slide_prev.png) no-repeat center rgba(0, 0, 0, 0.5);background-size: auto 40%; cursor: pointer;}
.interview-live .owl-prev{left:0;}
.interview-live .owl-nav>.owl-next{right:0;background-image:url(../../images/public/icon_slide_next.png);}
.interview-live .owl-nav>div:hover{background-color:rgba(0, 0, 0, 1);}
/* 访谈实录 */
.interview-transcript-list{max-height: 1350px;font-size: 1.25em;/*text-indent: 2em;*/line-height: 1.5;padding: 20px 80px 20px 0;}
.interview-transcript-list::-webkit-scrollbar{ width: 8px;}
.interview-transcript-list::-webkit-scrollbar-track{ background: #f7f7f7;box-shadow: none;}
.interview-transcript-list::-webkit-scrollbar-thumb{ background: #ccc;}
.interview-transcript-list dl{margin-top: 30px;}
.interview-transcript-list dt{font-weight: 700;text-indent: 0; padding-left: 40px;background: url(../../images/basehd/zxft_detail_iconq.png) no-repeat left center;background-size: 23px;}
.interview-transcript-list dd{padding-top: 30px; background: url(../../images/basehd/zxft_detail_qbg.png) no-repeat left top;background-size: 100%;}
.interview-transcript-list dd>.bgblue{padding: 0 3% 20px;border: 1px solid #D8E1F0;border-top-width: 0; background: #F5F9FF;}
.interview-transcript-list dd p{margin: 20px 0;}

@media (max-width: 1500px) {
  .interview-intro .title{font-size: 2em;}
  .interviewd-cydqk .txt,
  .interview-intro-txt .item,
  .interview-transcript-list{font-size: 1.125em;}
  .interview-intro-txt .item{padding-left: 46px;display: block;white-space: normal;}
  .interview-intro-txt{padding: 0 5%;}
}
@media (max-width: 1280px) {
  .interview-intro-pic{height: auto;}
  .interview-intro-txt{min-height: auto;padding:0 20px 30px;}
  .interview-intro-txt .item{margin-top: 20px;}
  .interview-transcript-list{padding-right: 20px;}
}
@media (max-width: 992px) {
  .interview-intro .title{font-size: 1.375em;}
  .interviewd-cydqk .txt,
  .interview-intro-txt .item,
  .interview-transcript-list{font-size: 1em;}
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
