@charset "utf-8";
/* 在线访谈列表（4 列：标题 / 嘉宾 / 起止时间 / 状态）— 绝对定位 */
.jmhd-zxft-list { font-size: 1.125em; }
.jmhd-zxft-list ul { margin: 0; padding: 0; list-style: none; }
.jmhd-zxft-list .uhead { background: #F5F5F5; }
.jmhd-zxft-list .uhead li{padding-top: 12px; padding-bottom: 12px;}
.jmhd-zxft .hd a{color: #2069BD;}
.jmhd-zxft-list li { position: relative; padding: 16px 18% 20px 20px; min-height: 24px; }
.jmhd-zxft-list .ubody li { border-bottom: 1px dashed #CCCCCC;}
.jmhd-zxft-list li > div:first-child{float: left;}
.jmhd-zxft-list li > div:not(:first-child) { position: absolute; line-height: 24px; height: 24px; text-align: center;}
.jmhd-zxft-list .ubody li .c-topic a { color: #333; }
.jmhd-zxft-list .ubody li .c-topic a:hover { color: #2354AF; }
.jmhd-zxft-list .c-time {right: 0; width: 15%; }
.jmhd-zxft-list .c-topic a.elli-s { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 992px) {
  .jmhd-zxft-list{font-size: 1em;}
  .jmhd-zxft-list .uhead { display: none; }
  .jmhd-zxft-list .ubody li { padding: 14px 16px; min-height: 0; color:#888; border-bottom: none;}
  .jmhd-zxft-list .ubody li > div {float: none !important; position: static !important; display: block; width: auto; height: auto; line-height: 1.6; text-align: left; }
  .jmhd-zxft-list .ubody li > div + div { margin-top: 5px; }
  .jmhd-zxft-list .ubody li .c-time:before { content: "来信日期："; }
  .jmhd-zxft-list .ubody li .c-topic { margin-bottom: 6px; }

  .jmhd-zxft-list .ubody li:nth-child(2n){background-color: #f9f9f9;}
  
}

/* 互动入口 4 卡片（icon 本身已是圆形底色，直接展示）*/
.jmhd-entry li .box {height: 123px; display: flex;  align-items: center; border-radius: 8px; overflow: hidden; padding-left: 20%;
background-size: cover; background-position: center; text-decoration: none; transition: all 0.3s ease; color: #1774C2; position: relative; }
.jmhd-entry li .box:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(23,116,194,0.2); }
.jmhd-entry li .icon {width: 89px; flex-shrink: 0;}
.jmhd-entry li .icon img { display: block; width: 100%; height: 100%; }
.jmhd-entry li .txt { display: block; margin-left: 10%; font-size: 22px; font-weight: bold; line-height: 1.5; }
.jmhd-entry li:nth-child(1) .box { background:#F2F8FF; }
.jmhd-entry li:nth-child(2) .box { background:#F2F5FF; color: #5B52C7; }
.jmhd-entry li .icon-shadow{position: absolute; width: 150px; right: -20px; bottom: -5px;}


@media (max-width: 768px) {
  .jmhd-entry li .box{justify-content: left;}
  .jmhd-entry li .box .icon{margin-left: 20px;}
}
/*直播访谈*/
.jmhd-zbft .hd a{color:#2069BD;}
.hdjl-zxft{display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.hdjl-zxft .tit{font-size: 1.5em; font-weight: bold; text-align: center; padding-bottom: 20px;}
.hdjl-zxft .time{font-size: 1.125em; color: #999; padding-bottom: 30px;}
.hdjl-zxft .time span{color: #BA3228;font-weight: bold;}
.hdjl-zxft .memo{text-indent: 2em; padding-bottom: 30px; line-height: 2;}
.hdjl-zxft .memo a{color: #0664CF;}
.hdjl-zxft .wqhg{background-color:#F0F7FF; padding: 10px; text-align: center;}
.hdjl-zxft .wqhg a{display: inline-block; background:url(../images/zmhd/zbft_icon.png) no-repeat left center ; background-size:28px 18px; 
padding-left: 40px; font-weight:bold;font-size: 1.125em;}

/* 网上调查问卷列表 */
.jmhd-wsdc-list { margin: 0; }
.jmhd-wsdc-list li .box{height:85px; position: relative;}
.jmhd-wsdc-list li + li{margin-top: 20px;}
.jmhd-wsdc-list li .state {position:absolute; left: 0; top: 0; width: 100px; height: 85px; background: #EBEBEB; color: #999; text-align: center; box-sizing: border-box; padding: 18px 0; color: #808080; font-weight: bold;}
.jmhd-wsdc-list li .state b { display: block; font-size: 18px; line-height: 1.6;}
.jmhd-wsdc-list li .state span { display: block; font-size: 14px; line-height: 1.6; opacity: 0.8;}
.jmhd-wsdc-list li .txt { margin-left: 120px; margin-right: 120px; }
.jmhd-wsdc-list li .txt h4 { font-size: 18px; font-weight: bold; line-height: 1.4; margin: 0 0 8px; }
.jmhd-wsdc-list li .txt p { line-height: 1.6; color: #999; margin: 0; }
.jmhd-wsdc-list li .btn {position: absolute; right: 0; top: 50%; margin-top: -20px; width: 100px; height: 40px; line-height: 40px; text-align: center; border-radius: 2px; border: 1px solid #383838; transition: all 0.3s ease; color:#808080;}
.jmhd-wsdc-list li.ing .state{color:#267DDE; background: linear-gradient(135deg, rgba(245, 250, 255, 1) 0%, rgba(217, 237, 255, 1) 100%);}
.jmhd-wsdc-list li.ing .btn{color:#318C42; border-color: #318C42;background-color: #E6F0D1;}
.jmhd-wsdc-list li .btn:hover{color:#318C42; border-color: #318C42;background-color: #E6F0D1;}

@media (max-width: 1280px) {
}
@media (max-width: 768px) {
  .jmhd-wsdc-list li .box { height: auto; }
  .jmhd-wsdc-list li .state { position: static; width: auto; height: auto; padding:0; display: inline-block; margin-bottom: 10px; background: none !important;}
  .jmhd-wsdc-list li .state b { display: inline-block; font-size: 14px; }
  .jmhd-wsdc-list li .state span { display: inline-block; font-size: 12px; margin-left: 10px; }
  .jmhd-wsdc-list li .txt { margin: 0 0 10px; }
  .jmhd-wsdc-list li .txt h4 { font-size: 16px; }
  .jmhd-wsdc-list li .btn { position: static; width: auto; height: auto; line-height: 1.2; margin: 0; padding: 5px 15px; display: inline-block; font-size:14px;}
  .jmhd-wsdc-list li + li{margin-top: 0; border-top:#ccc 1px dashed; padding-top: 25px; padding-bottom: 25px;}
  .jmhd-wsdc-list li:first-child{padding-bottom: 25px;}
}