@charset "utf-8";
/* ==========================================================================
   在线访谈-列表页
========================================================================== */
.interview-page-list{
    overflow: hidden;
    margin-right: -40px;
}
.interview-page-list li{
    width: 300px;
    float: left;
    margin: 0 40px 30px 0;
    background-color: #F9FCFF;
}
.interview-page-list li .pic {
    position: relative;
    z-index: 1;
}
.interview-page-list li .pic em {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: auto;
    float: left;
    height: 36px;
    line-height: 36px;
    padding: 0 16px;
    color: white;
    background-color: #999;
    border-radius: 0 3px 3px 0;
}
.interview-page-list li .pic em.going {
    background-color: #0D5093;
}
.interview-page-list li .pic em.predict {
    background-color: #c00;
}
.interview-page-list li .pic em.replay {
    background-color: #999;
}
.interview-page-list li .pic img {
    display: block;
    width: 300px;
    height: 200px;
}
.interview-page-list li .con{
    overflow: hidden;
    padding: 15px 25px 20px;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    color: #999;
}
.interview-page-list li .title{
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
}
.interview-page-list li .title a{
    color: #333;
}


/* ==========================================================================
   访谈-内容页
========================================================================== */

/*访谈内容*/
.interviewConPage #content {
   background:white url(../../Base/img/photo/about-bg-2.png) right bottom no-repeat;
}
.interviewCon{
    padding: 20px 180px 30px;
    overflow: hidden;
}
.interviewCon .interviewConTit {
    padding: 20px 0 32px 8px;
    margin-bottom: 25px;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: #205893;
    background:  url(../../Base/img/photo/interview-title-bg.png) left top no-repeat;
}
.interviewCon .interviewConTit>span{
    font-weight: bold;
}

/*访谈内容-详情*/
.interviewDetail{overflow: hidden;}
.interviewDetail .pic img{width: 100%; height: auto;}
.interviewDetail .con{padding-top: 30px; overflow: hidden;}
.interviewDetail dl{line-height: 36px; font-size: 16px;}
.interviewDetail dl>dt{width: auto; float: left; font-weight: bold;}
.interviewDetail dl.intro>dd{line-height: 36px;}

/* 往期回顾 */
#box-other{
    margin-top: 10px;
    padding: 50px 30px 40px;
    overflow: hidden;
    background-color: #fff;
}
#box-other .bd{
    padding-top: 20px;
}
.interview-other-list{
    overflow: hidden;
    margin-right: -20px;
}
.interview-other-list li{
    width: 250px;
    float: left;
    margin-right: 20px;
}
.interview-other-list li .pic img{
    width: 250px !important;
    height: 142px !important;
}
.interview-other-list li .con{
    padding: 26px 10px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #999;
    border: 1px solid #E6E6E6;
    border-top: 0;
    background: #FFF;
}
.interview-other-list li .title{
    overflow: hidden;
    margin-bottom: 10px;
    height: 24px;
    font-size: 18px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.interview-other-list li .title a{
    color: #333;
}
.interview-other-list li .title a:hover{
    text-decoration: none;
}
.interview-other-list li:hover .con{
    background-color: #0D5093;
    border-color: #0D5093;
    color: white;
}
.interview-other-list li:hover .title,
.interview-other-list li:hover .title a{
    color: white;
}


.ftBanner{
    background: url(../img/zxft-logo.png) no-repeat center top;
    width: 100%;
    height: 200px;
}

/* interviewSideBox */
.interviewSideBox{
    margin-bottom: 20px;
}
.interviewSideBox .hd {
    height: 43px;
    line-height: 43px;
    background-color: #efefef;
    padding: 0 15px 0 0;
    border:1px #e8e8e8 solid;
}
.interviewSideBox .hd h3 {
    float: left;
    _display: inline;
    font-size: 16px;
    color: #fff;
    background-color:#0f4c91;
    padding: 0 20px;
}
.interviewSideBox .hd h3 a {
    color: #fff
}
.interviewSideBox .hd .more {
    float: right;
    _display: inline;
    font-size: 14px;
    color: #333;
}
.interviewSideBox .bd {
    padding: 10px 20px;
    border: 1px #e8e8e8 solid;
    border-top:none;
}
/*最新访谈*/
.interview-last .interviewItem{overflow: hidden;margin-bottom:20px;}
.interview-last .interviewItem .interviewPic{float:left;margin-right:20px;display:inline;}
.interview-last .interviewItem .interviewCon{float:right;width:930px}
.interview-last .interviewItem .interviewCon .label{color:#1c1c1c;font-weight:bold;}

.interview-last li {
    display: block;
    float: left;
    width: 292px;
    padding: 20px 30px;
    font-size: 14px;
    line-height: 160%;
    margin: 0 24px;
}
.interview-last .pic img {
    border: 1px solid #fff;
    width: 290px;
    height: 215px;
}
.interview-last .detail dl {
    padding-bottom: 7px;
    padding-top: 7px;
    border-bottom: 1px dashed #ccc;
}
.interview-last .detail dl:last-child {
    border-bottom: none;
}
.interview-last .detail dt {
    float: left;
    width: 45px;
    text-align: right;
    font-weight: bold;
}
.interview-last .detail dd {
    margin-left: 55px;
    text-align: justify;
    text-justify: inter-word;
    word-break: break-all;
}
.interview-last .link {
    text-align: right;
    padding: 15px 10px 10px;
}
.interview-last .link a {
    color: #69c;
}
.interview-last li:hover {
    background: #53aada;
    color: #fff;
}
.interview-last li:hover a {
    color: #fff;
}
.interview-last li:hover a:hover {
    text-decoration: underline;
}
/*访谈列表*/
.interview-list {
}
.interview-list .tit, .interview-content .tit {
    height: 40px;
    line-height: 40px;
    border-bottom: 2px solid #dcdcdc;
}
.interview-list .tit h3, .interview-content .tit h3 {
    float: left;
    height: 40px;
    padding: 0 20px;
    font-size: 20px;
    font-weight: normal;
    border-bottom: 2px solid #ac0001;
    color: #ac0001;
}
.interview-list .tit .more, .interview-content .tit .more {
    float: right;
    padding-right: 10px;
    font-size: 14px;
}
.interview-list .tit .more a, .interview-content .tit .more a {
    color: #ccc;
}
.interview-list .tit .more a:hover, .interview-content .tit .more a:hover {
    color: #f60;
}
.interview-list .con {
}
.interview-list .con .interviewItem{
    overflow:hidden;
    border-bottom:1px #eee dotted;
    padding-bottom:20px;
    margin-bottom:20px;
}
.interview-list .con .interviewItem .interviewPic{
    float:left;
    width:240px;
    margin-right:20px;
}
.interview-list .con .interviewItem .interviewCon{
    overflow:hidden;
    line-height:28px;
}
.interview-list .con .interviewItem .interviewCon .label{
    color:#1c1c1c;
    font-weight:bold;
}

.interview-list .con li {
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
}
.interview-list .con li:nth-child(5n) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}
.interview-list .con li:last-child {
    border-bottom: none;
}
.interview-list .con li a {
    display: block;
    float: left;
    height: 36px;
    padding-left: 15px;
    line-height: 36px;
    background: url(/Content/_Common/Base/img/icon.png) -396px -79px no-repeat;
}
.interview-list .con li a:hover {
    background-position: -396px -348px;
}
.interview-list .con li span {
    float: right;
    color: #999;
    font-size: 14px;
}
.interview-list .con li em {
    color: #009300;
    font-style: normal;
}
.interview-list .bot {
    padding-left: 30px;
}

/*在线访谈-列表页*/
.interviewList{overflow: hidden;}
.interviewList li{overflow: hidden; padding: 30px 0; border-bottom: 1px dotted #ccc;}
.interviewList li:nth-child(1){padding-top: 10px;}
.interviewList li .pic{position: relative; z-index: 1; float: left; margin-right: 20px;}
.interviewList li .pic em{position: absolute; z-index: 1; left: 0; top: 0; width: auto; float: left; height: 36px; line-height: 36px; padding: 0 16px; color: white; background-color: #999; border-radius:0 3px 3px 0;}
.interviewList li .pic em.going{background-color: #5aa03f;}
.interviewList li .pic em.predict{background-color: #c00;}
.interviewList li .pic em.replay{background-color: #999;}
.interviewList li .pic img{display: block; width: 300px; height: 200px;}
.interviewList li .con{overflow: hidden;}
.interviewList li dl{overflow: hidden; line-height: 40px; font-size: 16px; margin-bottom: 15px;}
.interviewList li .intro{margin-bottom: 0;}
.interviewList li .con dt{width: auto; float: left; margin-right: 18px; padding: 0 28px; height: 38px; line-height: 38px; border: 1px solid #dbdbdb;}
.interviewList li .con dd{overflow: hidden;}
.interviewList li .intro dd{line-height: 30px; padding-top: 5px;}



/*访谈循环-内容*/
.interviewLoop{overflow: hidden;}
.interviewLoop .box{width: 32%; margin: 20px 0 0; float: left; background-color: #f4f8fe;}
.interviewLoop .box .hd .more{margin-right: 15px;}
.interviewLoop .box .bd{padding: 20px;}

/*访谈内容-访谈视频*/
#boxFtsp{margin-right: 2%;}
#boxFtsp .bd{margin: 0 auto; text-align: center;}
#boxFtsp .bd>div{display: inline-block; *display: inline; max-width: 100% !important;}

/*访谈内容-嘉宾嘉宾*/
.jbfcList{overflow: hidden; margin: 0 auto; text-align: center;}
.jbfcList li{position: relative; z-index: 1; display: inline-block;}
.jbfcList .pic img{max-width: 100%; height: 248px;}
.jbfcList .titleBg,
.jbfcList .title{position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; line-height: 60px; text-align: center;}
.jbfcList .titleBg{z-index: 1; background-color: #000; opacity: 0.5; filter: alpha(opacity=50);}
.jbfcList .title{z-index: 3; color: white; font-size: 16px;}
.jbfcList .title a{color: white;}

/*访谈内容-背景资料*/
.interviewLoop #boxBjzl{float: right;}
.interviewLoop #boxBjzl .bd{height: 248px; padding: 20px 30px;}
.interviewLoop #boxBjzl li{font-size: 16px; line-height: 36px;}
.interviewLoop #boxBjzl li .intro{padding-top: 10px; text-indent: 2em; line-height: 30px; max-height: 192px; overflow: hidden;}

/* 内容页-文字实录 */
.interviewConPage #boxWzsl{ margin-top: 20px;}
.interviewConPage #boxWzsl .hd{ height: 50px; line-height: 50px; background-color: #f4f8fe;}
.interviewConPage #boxWzsl .hd h3{padding-left: 15px; font-size: 18px; font-weight: bold; color: #0f4c91;}
.interviewConPage #boxWzsl .hd h3 a{color: #0f4c91;}
.interviewConPage #boxWzsl .bd {height: 480px; overflow-y: auto; margin-top: 10px; margin-bottom: 10px;}
.interviewConPage #boxWzsl .bd .interviewlist-bd { word-wrap: break-word; word-break: break-all}
.interviewConPage #boxWzsl .bot { margin: 40px auto 0; text-align: center;}
.interviewConPage #boxWzsl .bot a {display: inline-block; height: 50px; line-height: 50px; padding: 0 30px; font-size: 16px; border: 1px solid #e6e6e6;}
.interviewConPage #boxWzsl .bot a:hover {text-decoration: none; color: #333; background-color: #fafafa;}

#boxWzsl .loading-more {
    padding: 10px 0 0;
    text-align: center;
}
#boxWzsl .loading-more button {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
}
#boxWzsl .loading-more button:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/*内容页-往期回顾*/
.interviewPicList{overflow: hidden; margin-right: -1%; font-size: 0;}
.interviewPicList li{display: inline-block; *display: inline; font-size: 16px; width: 24%; padding: 15px 0 10px; margin-right: 1%; background-color: white;}
.interviewPicList li .pic,.interviewPicList li a{padding: 0 3%;display: block;}
.interviewPicList li .pic a,.interviewPicList li span{display: block;}
.interviewPicList li .pic img,.interviewPicList li img{display: block; width: 100%; height: auto;}
.interviewPicList li .title,.interviewPicList li span{margin-top: 3%; height: 30px; line-height: 30px; overflow: hidden; font-size: 16px; text-align: center;}
.interviewPicList li .title a:hover{text-decoration: none; }

/* 内容页-其它 */
#columnD {
    margin-bottom: 0px;
}
#boxQtft {
    margin-bottom: 0px;
}
#boxQtft .bd {
    padding: 20px 0px 0px
}
#boxQtft .bd ul {
    width: 1200px
}
#boxQtft .bd li {
    display: block;
    float: left;
    width: 260px;
    text-align: center;
    margin-right: 40px
}
#boxQtft .bd li img {
    width: 260px;
    height: auto;
}
#boxQtft .bd li span {
    display: block;
    text-align: center;
    padding-top: 8px;
    font-size: 16px;
}
/* 相关信息页 */
.interviewRelated {
    overflow: hidden;
}
.interviewRelated .interviewRelatedTit {
    font-size: 24px;
    font-weight: normal;
    padding: 0 10px;
    text-align: center;
    margin: 20px 0;
}
.interviewRelated .relateMain {
    width: 840px;
    float: left;
    _display: inline;
}
.interviewRelated .relateSide {
    width: 300px;
    float: right;
    _display: inline;
}
.interviewRelated .relateNoSideMain {
    width: 100%;
    /* overflow: hidden; */
}
#boxRelate .hd h3 {
    padding: 0 20px;
    color: #fff;
}
#boxRelate .bd {
    padding: 10px 0px;
}
#boxRelate .picListFl {
    padding-top: 20px;
}
/* 相关信息页 - 文章 */
.newsList li {
    font-size: 16px;
    overflow: hidden;
    height: 46px;
    line-height: 46px;
}
.newsList li a {
    padding-left: 13px;
    background: url(../../Base/img/icons.png) 0 -388px no-repeat;
}
.newsList .date {
    float: right;
    color: #999;
    margin: 0 10px;
}
.newsList .node {
    color: #999;
    margin-right: 10px;
}
/* 相关信息页 - 图片 */
.picPageList {
    margin-right: -20px;
    overflow: hidden;
    text-align: center;
}
.picPageList li {
    border: 1px solid #ddd;
    float: left;
    width: 273px;
    margin: 0 20px 20px 0;
    _display: inline;
    position: relative;
    background: #fff;
    overflow: hidden;
}
.picPageList .pic {
    margin: 3%;
}
.picPageList .pic img {
    height: auto;
    width: 100%;
}
.picPageList .title, .picPageList .titleBg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 94%;
    margin: 3%;
    display: block;
    overflow: hidden;
    line-height: 28px;
    padding: 5px 0;
    height: 28px;
    z-index: 3;
    color: #fff;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    -moz-transition: 400ms;
    transition: 400ms;
}
.picPageList .titleBg {
    background: #000;
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index: 2
}
.picPageList .title a {
    color: #fff;
    padding: 0 10px;
    display: block;
    font-size: 14px
}
.picPageList li:hover {
    border-color: #bbb;
    -webkit-box-shadow: #eee 2px 2px 0;
    -moz-box-shadow: #eee 2px 2px 0;
    box-shadow: #eee 2px 2px 0;
}
.picPageList li:hover .title, .picPageList li:hover .titleBg {
    height: 56px;
}
/* 相关信息页 - 视频 */
.vedioPageList {
    margin-right: -20px;
    overflow: hidden;
    text-align: center;
}
.vedioPageList li {
    float: left;
    width: 273px;
    margin: 0 20px 20px 0;
    _display: inline;
}
.vedioPageList .pic {
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
}
.vedioPageList .pic a {
    display: block;
    margin: 3%;
    overflow: hidden;
}
.vedioPageList .pic .ico {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 62px;
    height: 62px;
    margin-left: -31px;
    margin-top: -31px;
    background: url(../../Base/img/playButton.png) 0 0 no-repeat;
    display: none;
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.vedioPageList .pic img {
    height: auto;
    width: 100%;
    -webkit-transition: 400ms;
    -o-transition: 400ms;
    -moz-transition: 400ms;
    transition: 400ms;
}
.vedioPageList .title {
    overflow: hidden;
    padding-top: 5px;
    line-height: 24px;
    height: 48px;
    text-align: left;
    font-size: 14px;
    padding-left: 25px;
    background: url(../../Base/img/icons.png) 0 -2218px no-repeat;
}
.vedioPageList .pic:hover {
    border-color: #bbb
}
.vedioPageList .pic:hover img {
    transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
}
/*文字实录列表*/
.interviewlist-bd ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.interviewlist-bd li {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px dashed #ccc;
    font-size: 14px;
}
.interviewlist-bd li:hover {
    background: #f8f8f8;
}
.interviewlist-bd li .title {
    color: #0f4c91;
    font-weight: bold;
    line-height: 26px;
}
.interviewlist-bd li p {
    display: inline;
    line-height: 150%;
    padding: 5px 0 5px 0;
    margin: 0;
    text-indent: 28px;
}
.interviewlist-bd li .time {
    color: #999;
    line-height: 150%;
    padding-left: 8px;
}
/*访谈问题列表*/
.interviewQuesListPage .askButton {
    width: 56px;
    height: 166px;
    position: relative;
    float: right;
    _display: inline;
    right: -18px;
}
.interviewQuesListPage .askButton a {
    position: absolute;
    width: 24px;
    text-align: center;
    right: 0px;
    top: 0px;
    border: 1px solid #ba0001;
    padding: 10px 15px;
    line-height: 24px;
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    background: #ba0001;
}
.interviewQuesListPage .askButton a:hover {
    background-color: #da2526;
    border-color: #da2526;
    text-decoration: none;
}
.interviewQuesListPage .askButton-fixed a {
    position: fixed;
    top: 60px;
    left: 50%;
    margin-left: 522px;
}
.interviewQuestionList {
    position: relative;
    padding: 10px 20px;
}
.interviewQuestionList ul {
    overflow: hidden;
}
.interviewQuestionList li {
    display: block;
    line-height: 150%;
    padding: 15px 10px 20px;
    border-bottom: 1px dashed #ccc;
}
.interviewQuestionList li:last-child {
    border-bottom: none;
}
.interviewQuestionList li:hover {
    background: #eff9fe;
}
.interviewQuestionList li .ms {
    padding-bottom: 5px;
    height: 30px;
    font-weight: bold;
}
.interviewQuestionList li .ms font {
    display: inline-block;
    background: #9fd5f1;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    padding: 0 12px;
    color: #fff;
    margin-right: 10px;
    font-weight: normal;
}
.interviewQuestionList li .ms span {
    font-size: 14px;
    font-weight: normal;
    padding-left: 10px;
}
.interviewQuestionList li p {
    color: #666;
}
.interviewQuestionList-bot {
    padding: 20px 30px 30px;
}
/*网友提问*/
.interview-ask-questions {
    width: 700px;
    margin: 20px auto;
}
.interview-ask-questions .hd {
    height: 20px;
    line-height: 20px;
    text-align: right;
    padding: 10px;
}
.interview-ask-questions .hd a {
    color: #fff;
    font-size: 14px;
}
.interview-ask-questions .hd a:hover {
    text-decoration: underline;
}
.interview-ask-questions .bd {
    padding: 50px 50px 30px;
    background: #fff;
}
.interview-ask-questions .bd dl {
    padding: 5px 0;
    line-height: 30px;
}
.interview-ask-questions .bd dt {
    display: block;
    float: left;
    width: 90px;
    font-size: 14px;
    color: #666;
    text-align: right;
    position: relative;
}
.interview-ask-questions .bd dt.required:after {
    display: block;
    position: absolute;
    right: -13px;
    top: 2px;
    content: "*";
    color: #f00;
    font-weight: bold;
}
.interview-ask-questions .bd dd {
    display: block;
    margin-left: 115px;
}
.interview-ask-questions .bd .title h3 {
    font-size: 22px;
    font-weight: normal;
}
.interview-ask-questions .form-control {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 24px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.interview-ask-questions .codeinp .form-control {
    width: 200px;
}
.interview-ask-questions .codeinp .form-control, .interview-ask-questions .validationcode {
    float: left;
}
.interview-ask-questions .validationcode {
    position: relative;
    left: -105px;
    top: 6px;
}
.interview-ask-questions .ft {
    background: #fff;
    padding: 30px 50px 50px;
    text-align: center;
}
.interview-ask-questions .ft button {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 4px;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #357ebd;
    border-radius: 4px;
    background: #428bca;
    color: #fff;
    font-family: Microsoft YaHei, arial, helvetica, sans-serif;
}
.interview-ask-questions .ft button[type="reset"] {
    background-color: #5bc0de;
    border-color: #46b8da;
}

.onlineinterviewList{margin-top:20px;}
.onlineinterviewList a{text-align:center;display:block;}

#columnA,#columnB{margin-bottom:20px;}
#columnA .pic{display: flex;justify-content:center;}

#columnB .areaL{float:left;width:500px;}
#columnB .areaL #ftsp{width:500px;}
#columnB .areaL #ftsp .hd{margin-bottom:20px;}
#columnB .areaR{float:right;width: 680px;}