/* interviewSideBox */ .interviewSideBox .hd { height: 39px; line-height: 39px; background: #d34f12; padding: 0 15px } .interviewSideBox .hd h3 { float: left; _display: inline; font-size: 16px; color: #fff; } .interviewSideBox .hd h3 a { color: #fff } .interviewSideBox .hd .more { float: right; _display: inline; font-size: 14px; color: #FBD9C9 } .interviewSideBox .bd { background: #fbf9e7; padding: 10px 20px; } /*访谈列表*/ .interviewList li{ overflow:hidden; margin-bottom:25px; padding-bottom:25px; border-bottom:1px dotted #ccc } .interviewList .pic{ float:left; position:relative; margin-right:10px; } .interviewList .pic em{ position:absolute; left:5px; top:5px; padding:0 10px; background:#c00; color:#fff; font-size:12px; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; } .interviewList .pic .predict{ background:#16cc00 } .interviewList .pic .replay{ background:#aaa } .interviewList .pic img{ width:240px; height:180px; padding:4px; border:1px solid #eee } .interviewList .con{ overflow:hidden; } .interviewList dl{ overflow:hidden; height:30px; line-height:30px; margin-bottom:5px; overflow:hidden; } .interviewList dt{ float:left; padding:0 10px; background:#F2F2F2; margin-right:10px; } .interviewList dd{ overflow:hidden; } .interviewList .intro{ height:auto; } /*访谈内容*/ .interviewCon { padding: 10px 5px; } .interviewCon .interviewConTit { padding: 0 20px 20px 20px; margin-bottom: 30px; font-size: 32px; text-align: center; line-height: 42px; color: #3069B8; font-weight: normal; border-bottom:4px solid #e3efff; } .interviewCon .column { overflow: hidden; margin-bottom: 20px; } .interviewCon .box .hd h3 { padding: 0 20px 4px; border-bottom: 2px solid #d34f12; } /* 内容页-详细信息 */ #columnA .pic { width: 500px; float: left; _display: inline; max-height: 400px; overflow: hidden; } #columnA .pic img { width: 500px; height: auto; max-height: 400px; } #columnA .detail { width: 610px; float: right; _display: inline; padding-right: 20px; } #columnA .detail dl { margin-bottom: 12px; font-size: 16px; line-height: 2; overflow: hidden; } #columnA .detail dt { float: left; _display: inline; width: 50px; font-weight: bold; } #columnA .detail dd.detailIntro { min-height: 112px; } #columnA .detail .detailAsk a { font-size: 18px; display:inline-block; *display:inline; zoom:1; background:#c00; color: #fff; padding:0 15px; border-radius:5px; } #columnA .detail .detailAsk a:hover { background:#e40d0d; text-decoration:none; } #columnA .detail .detailPolicy { margin-top: 15px; padding-top: 10px; } #columnA .detail .detailPolicy .infoList a { color: #054d88 } #columnA .detail .detailPolicy .infoList a:hover { color: #c00 } /* 内容页-精彩观点、嘉宾风采 */ #columnB .box { width: 570px; float: left; _display: inline; margin-bottom: 0px; } #columnB #boxJbfc { float: right; } #boxJcgd .bd li { width: 270px; float: left; _display: inline; margin: 0 5px; } #boxJbfc .bd { padding-left: 0px; padding-right: 0px; } #boxJbfc .bd .picListFl li { width: 31.33% } /* 内容页-相关视频、背景资料、图解 */ #columnC .areaL { width: 300px; float: left; _display: inline; } #columnC .areaR { width: 840px; float: right; _display: inline; } #boxXgsp .hd { background: #c01e32; } #boxXgsp .hd .more { color: #FFA6B1 } #boxXgsp .bd { background: #f7feff; min-height: 170px; } #boxBjzl .bd { min-height: 170px; } #boxTj .hd { background: #09a3e3; } #boxTj .hd .more { color: #AEE7FF } #boxTj .bd { background: #f7feff; padding-top: 20px; min-height: 250px; } #boxTj .bd ul { overflow: hidden; zoom: 1; width: 260px; margin: 0 auto; } #boxTj .bd ul li { width: 100%; text-align: center; overflow: hidden; margin-bottom: 20px; } #boxTj .bd ul li .pic { overflow: hidden } #boxTj .bd ul li .pic img { width: 100%; -webkit-transition: 200ms; -o-transition: 200ms; -moz-transition: 200ms; transition: 200ms; } #boxTj .bd ul li .title { font-size: 16px; padding-top: 8px; max-height: 56px; } #boxTj .bd ul li:hover .pic 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); } /* 内容页-文字实录 */ #boxWzsl .bd { max-height: 920px; overflow-y: auto; margin-top: 10px; margin-bottom: 10px; } #boxWzsl .bd .interviewlist-bd { word-wrap: break-word; word-break: break-all } #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; } #boxWzsl .bot { text-align: right; padding: 5px 30px; } #boxWzsl .bot a { color: #428bca; } #boxWzsl .bot a:hover { color: #f60; } /* 内容页-其它 */ #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: 165px; } #boxQtft .bd li span { display: block; text-align: center; padding-top: 8px; } /* 相关信息页 */ .interviewRelated { padding: 20px 5px; overflow: hidden; } .interviewRelated .interviewRelatedTit { font-size: 24px; font-weight: normal; padding: 0 10px; text-align: center; margin-bottom: 30px; } .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 4px; } #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("/wwwxcwgysjcom/Content/Main/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("/wwwxcwgysjcom/Content/Main/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("/wwwxcwgysjcom/Content/Main/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: #eff9fe; } .interviewlist-bd li .title { color: #3069B8; 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 #357ebd; padding: 10px 15px; line-height: 24px; font-size: 16px; border-radius: 5px; color: #fff; background: #428bca; } .interviewQuesListPage .askButton a:hover { background-color: #3071a9; border-color: #285e8e; 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 #3069B8; border-radius: 4px; background: #3069B8; color: #fff; font-family: Microsoft YaHei, arial, helvetica, sans-serif; } .interview-ask-questions .ft button[type="reset"] { background-color: #aaa; border-color: #aaa; }