@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-list li { position: relative; padding: 16px 60% 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-guest {right: 30%; width: 30%; }
.jmhd-zxft-list .c-time { right: 15%; width: 15%;}
.jmhd-zxft-list .c-status {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-guest:before { content: "嘉宾："; }
  .jmhd-zxft-list .ubody li .c-time:before { content: "起止时间："; }
  .jmhd-zxft-list .ubody li .c-status: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: 100px; display: flex; justify-content: center; align-items: center; border-radius: 8px; overflow: hidden; background-size: cover; background-position: center; text-decoration: none; transition: all 0.3s ease; color: #1774C2; }
.jmhd-entry li .box:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(23,116,194,0.2); }
.jmhd-entry li .icon {width: 55px; flex-shrink: 0;}
.jmhd-entry li .icon img { display: block; width: 100%; height: 100%; }
.jmhd-entry li .txt { display: block; margin-left: 20px; font-size: 22px; font-weight: bold; line-height: 1.5; }
.jmhd-entry li:nth-child(1) .box { background-image: url(../images/jmhd/btn_bg1.png); }
.jmhd-entry li:nth-child(2) .box { background-image: url(../images/jmhd/btn_bg2.png); color: #16A77D; }
.jmhd-entry li:nth-child(3) .box { background-image: url(../images/jmhd/btn_bg3.png); color: #5C5BC9; }
.jmhd-entry li:nth-child(4) .box { background-image: url(../images/jmhd/btn_bg4.png); color: #CF7E61; }
.jmhd-entry li:nth-child(4) .txt { font-weight: normal; line-height: 1.4; font-size: 16px; font-weight: bold;}
.jmhd-entry li:nth-child(4) .txt b { display: block; }
.jmhd-entry li:nth-child(4) .txt em { display: block; font-style: normal; margin-top: 2px;}
@media (max-width: 768px) {
  .jmhd-entry li .box{justify-content: left;}
  .jmhd-entry li .box .icon{margin-left: 20px;}
}



/* 网上调查问卷列表 */
.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:#267DDE; border-color: #266BBF;}
.jmhd-wsdc-list li .btn:hover{background: rgba(38, 107, 191, .1); color: #266BBF; border-color: #266BBF;}
.survey-status .status {
  display: inline-block;
  padding: 2px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: bold;
  margin-right: 10px;
}
.status.active {
  background: #e8f5e9;
  color: #2e7d32;
}
.status.ended {
  background: #f5f5f5;
  color: #999;
}

/* 卡片样式 - 征集中高亮 */
#wsdc_list li.ing .box {
  border-color: #d32f2f;
  box-shadow: 0 2px 8px rgba(211, 47, 47, 0.15);
}
#wsdc_list li.ing .state b {
  background: #d32f2f;
  color: #fff;
  padding: 2px 12px;
  border-radius: 12px;
}
#wsdc_list li .state b {
  background: #f5f5f5;
  color: #999;
  padding: 2px 12px;
  border-radius: 12px;
}

/* 无进行中提示 */
.no-active-tip {
  background: #fff3cd;
  color: #856404;
  padding: 10px 20px;
  border-radius: 4px;
  margin-bottom: 15px;
}
@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;}
}