@charset "UTF-8";

/* 默认字体颜色 */
/* 主题色 */
/* 辅助色 */
/* 大间距 */
/* 中间距 */
/* 小间距 */
/* 更小间距 */
/* 背景色 */
html {
  font-size: 75px !important;
}

@media (min-width: 430px) and (max-width: 750px) {
  html {
    font-size: calc((100vw - 1px) / 10) !important;
  }
}

@media (max-width: 430px) {
  html {
    font-size: 48px !important;
  }
}

body {
  font-family: "Microsoft YaHei";
  color: #333;
  background-color: #fff;
  font-size: 16px;
}

body.old_type {
  font-size: 24px;
}

/* 通用样式 */
.title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.2666666667rem;
}

.title-box .title-h1 {
  font-weight: 600;
  display: flex;
  align-items: center;
}

.title-box .title-h1 {
  font-size: 0.2933333333rem;
  line-height: 0.4266666667rem;
  font-weight: 600;
}

@media screen and (max-width: 576px) {
  .title-box .title-h1 {
    font-size: 0.3466666667rem;
    line-height: 0.5066666667rem;
  }
}

@media screen and (max-width: 375px) {
  .title-box .title-h1 {
    font-size: 0.3466666667rem;
    line-height: 0.5066666667rem;
  }
}

.old_type .title-box .title-h1 {
  font-size: 0.4rem;
  line-height: 0.48rem;
  font-weight: 600;
}

@media screen and (max-width: 576px) {
  .old_type .title-box .title-h1 {
    font-size: 0.4533333333rem;
    line-height: 0.56rem;
  }
}

@media screen and (max-width: 375px) {
  .old_type .title-box .title-h1 {
    font-size: 0.4533333333rem;
    line-height: 0.56rem;
  }
}



.title-box .title-h2 {
  font-size: 0.2666666667rem;
  line-height: 0.3733333333rem;
  font-weight: 600;
}

@media screen and (max-width: 576px) {
  .title-box .title-h2 {
    font-size: 0.32rem;
    line-height: 0.4533333333rem;
  }
}

@media screen and (max-width: 375px) {
  .title-box .title-h2 {
    font-size: 0.32rem;
    line-height: 0.4533333333rem;
  }
}

.old_type .title-box .title-h2 {
  font-size: 0.3733333333rem;
  line-height: 0.4533333333rem;
  font-weight: 600;
}

@media screen and (max-width: 576px) {
  .old_type .title-box .title-h2 {
    font-size: 0.4266666667rem;
    line-height: 0.5333333333rem;
  }
}

@media screen and (max-width: 375px) {
  .old_type .title-box .title-h2 {
    font-size: 0.4266666667rem;
    line-height: 0.5333333333rem;
  }
}

.title-box .title-h2>*:last-child::after {
  display: none;
}

.title-box .title-h2>*::after {
  content: "|";
  margin: 0 10px;
  color: #333;
  font-weight: 400;
}

.title-box .title-h2>*[data-tab-title]:hover,
.title-box .title-h2>*.on {
  font-weight: 600;
  color: #1492ff;
  cursor: pointer;
}

.title-box .more,
.title-box .more>* {
  color: #999;
}

.title-box .more:hover,
.title-box .more>*:hover {
  color: #D01122;
}

.panel {
  margin: 0 auto;
  min-height: 200px;
  padding: 0.4rem 0;
}

.panel {
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .panel {
    width: 1200px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .panel {
    width: calc(100% - 24px * 2);
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .panel {
    width: calc(100% - 24px * 2);
  }
}

@media screen and (max-width: 576px) {
  .panel {
    width: calc(100% - (0.32rem * 2));
  }
}

@media screen and (max-width: 375px) {
  .panel {
    width: calc(375px - (0.32rem * 2));
  }
}

@media screen and (min-width: 1200px) {

  .hygq,
  .lyxd,
  .zxft-thumbnail,
  .banner img {
    width: 585px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {

  .hygq,
  .lyxd,
  .zxft-thumbnail,
  .banner img {
    width: calc(50% - 15px);
  }
}

@media (min-width: 576px) and (max-width: 992px) {

  .hygq,
  .lyxd,
  .zxft-thumbnail,
  .banner img {
    width: calc(100%);
  }
}

@media screen and (max-width: 576px) {

  .hygq,
  .lyxd,
  .zxft-thumbnail,
  .banner img {
    width: calc(100%);
  }
}

@media screen and (max-width: 375px) {

  .hygq,
  .lyxd,
  .zxft-thumbnail,
  .banner img {
    width: calc(100%);
  }
}

.old_type .hygq,
.old_type .lyxd {
  width: 100%;
}

.old_type .hygq {
  margin-bottom: 0.5333333333rem;
}

.info-list li {
  width: 100%;
  display: flex;
  align-items: center;
  padding-left: 15px;
  background: url(d.png) left center no-repeat;
  background-size: 4px;
}

.info-list a {
  margin-right: auto;
  max-width: 370px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.info-list a:hover {
  color: #D01122;
}

.info-list span.time {
  color: #999;
}

.line-35 {
  line-height: 35px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

/* 民呼我為月收件量 */
.mhwwysjl {
  font-size: 0.2133333333rem;
  line-height: 0.32rem;
  font-weight: 400;
}

@media screen and (max-width: 576px) {
  .mhwwysjl {
    font-size: 0.2666666667rem;
    line-height: 0.4rem;
  }
}

@media screen and (max-width: 375px) {
  .mhwwysjl {
    font-size: 0.2666666667rem;
    line-height: 0.4rem;
  }
}

.old_type .mhwwysjl {
  font-size: 0.32rem;
  line-height: 0.4rem;
  font-weight: 400;
}

@media screen and (max-width: 576px) {
  .old_type .mhwwysjl {
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
  }
}

@media screen and (max-width: 375px) {
  .old_type .mhwwysjl {
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
  }
}

.mhwwysjl span {
  color: #BC1E25;
  margin-right: 0.1333333333rem;
}

.mhwwysjl span {
  font-size: 0.2933333333rem;
  line-height: 0.4266666667rem;
  font-weight: 600;
}

@media screen and (max-width: 576px) {
  .mhwwysjl span {
    font-size: 0.3466666667rem;
    line-height: 0.5066666667rem;
  }
}

@media screen and (max-width: 375px) {
  .mhwwysjl span {
    font-size: 0.3466666667rem;
    line-height: 0.5066666667rem;
  }
}

.old_type .mhwwysjl span {
  font-size: 0.4rem;
  line-height: 0.48rem;
  font-weight: 600;
}

@media screen and (max-width: 576px) {
  .old_type .mhwwysjl span {
    font-size: 0.4533333333rem;
    line-height: 0.56rem;
  }
}

@media screen and (max-width: 375px) {
  .old_type .mhwwysjl span {
    font-size: 0.4533333333rem;
    line-height: 0.56rem;
  }
}

/* 民呼我為月图标 */
.mhwwIcon {
  display: flex;
  justify-content: space-around;
  align-items: center;
  min-height: 150px;
  background: #f7fafc;
  margin-bottom: 0.5333333333rem;
}

.mhwwIcon a {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.mhwwIcon a:hover {
  color:#D01122;
}

.mhwwIcon img {
  width: 57px;
  height: 56px;
  margin: 0 auto;
}

.mhwwIcon span {
  margin-top: 0.2666666667rem;
}

/* banner */
.banner {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5333333333rem;
}

.banner img {
  max-height: 120px;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .banner a {
    width: calc(50% - 15px);
  }

  .banner img {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .banner {
    flex-direction: column;
  }

  .banner img {
    max-height: inherit;
  }

  .banner a+a {
    margin-top: 0.2666666667rem;
  }
}

@media screen and (max-width: 576px) {
  .banner {
    flex-direction: column;
  }

  .banner img {
    max-height: inherit;
  }

  .banner a+a {
    margin-top: 0.2666666667rem;
  }
}

@media screen and (max-width: 375px) {
  .banner {
    flex-direction: column;
  }

  .banner img {
    max-height: inherit;
  }

  .banner a+a {
    margin-top: 0.2666666667rem;
  }
}

/* 调查征集 */
.dczj .info-list>li,
.lyxd .info-list>li {
  background: none;
  padding-left: 0;
}

.dczj .info-list>li span.zjzt,
.lyxd .info-list>li span.zjzt {
  border: 1px solid #D01122;
  margin-right: 0.2666666667rem;
  border-radius: 4px;
  color: #D01122;
  width: 1.2666666667rem;
  text-align: center;
  height: 0.6666666667rem;
  line-height: 0.6666666667rem;
}

.old_type .dczj .info-list>li span.zjzt,
.old_type .lyxd .info-list>li span.zjzt {
  width: 120px;
}

.dczj .info-list>li span.zjzt[data-zjzt=已结束],
.lyxd .info-list>li span.zjzt[data-zjzt=已结束] {
  border-color: #999;
  color: #999;
}

@media (min-width: 576px) and (max-width: 992px) {

  .dczj .info-list>li span.zjzt,
  .lyxd .info-list>li span.zjzt {
    min-width: 5em;
  }
}

@media screen and (max-width: 576px) {

  .dczj .info-list>li span.zjzt,
  .lyxd .info-list>li span.zjzt {
    min-width: 5em;
  }
}

@media screen and (max-width: 375px) {

  .dczj .info-list>li span.zjzt,
  .lyxd .info-list>li span.zjzt {
    min-width: 5em;
  }
}

.dczj .info-list>li a,
.lyxd .info-list>li a {
  max-width: 82%;
}

.old_type .dczj .info-list>li a,
.old_type .lyxd .info-list>li a {
  max-width: calc(100% - 12em);
}

@media (min-width: 992px) and (max-width: 1200px) {

  .dczj .info-list>li a,
  .lyxd .info-list>li a {
    max-width: calc(100% - 12em);
  }
}

@media (min-width: 576px) and (max-width: 992px) {

  .dczj .info-list>li a,
  .lyxd .info-list>li a {
    max-width: calc(100% - 12em);
  }

  .dczj .info-list>li a.jgfk,
  .lyxd .info-list>li a.jgfk {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    margin-bottom: unset;
  }
}

@media screen and (max-width: 576px) {

  .dczj .info-list>li a,
  .lyxd .info-list>li a {
    max-width: calc(100% - 12em);
  }

  .dczj .info-list>li a.jgfk,
  .lyxd .info-list>li a.jgfk {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    margin-bottom: unset;
  }
}

@media screen and (max-width: 375px) {

  .dczj .info-list>li a,
  .lyxd .info-list>li a {
    max-width: calc(100% - 12em);
  }

  .dczj .info-list>li a.jgfk,
  .lyxd .info-list>li a.jgfk {
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    margin-bottom: unset;
  }
}

.dczj .info-list>li a>span,
.lyxd .info-list>li a>span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 25px;
  line-height: 25px;
}

.old_type .dczj .info-list>li a>span,
.old_type .lyxd .info-list>li a>span {
  height: auto;
  line-height: 30px;
}

.dczj .info-list>li a>span em,
.lyxd .info-list>li a>span em {
  font-style: normal;
  color: #999;
  margin-right: 0.1333333333rem;
}

.dczj .info-list>li a>span em,
.lyxd .info-list>li a>span em {
  font-size: 0.1866666667rem;
  line-height: 0.2933333333rem;
  font-weight: 400;
}

@media screen and (max-width: 576px) {

  .dczj .info-list>li a>span em,
  .lyxd .info-list>li a>span em {
    font-size: 0.24rem;
    line-height: 0.3733333333rem;
  }
}

@media screen and (max-width: 375px) {

  .dczj .info-list>li a>span em,
  .lyxd .info-list>li a>span em {
    font-size: 0.24rem;
    line-height: 0.3733333333rem;
  }
}

.old_type .dczj .info-list>li a>span em,
.old_type .lyxd .info-list>li a>span em {
  font-size: 0.2933333333rem;
  line-height: 0.3733333333rem;
  font-weight: 400;
}

@media screen and (max-width: 576px) {

  .old_type .dczj .info-list>li a>span em,
  .old_type .lyxd .info-list>li a>span em {
    font-size: 0.3466666667rem;
    line-height: 0.4533333333rem;
  }
}

@media screen and (max-width: 375px) {

  .old_type .dczj .info-list>li a>span em,
  .old_type .lyxd .info-list>li a>span em {
    font-size: 0.3466666667rem;
    line-height: 0.4533333333rem;
  }
}

.dczj .info-list>li a.jgfk,
.lyxd .info-list>li a.jgfk {
  margin-right: 0;
  color: #D01122;
  margin-bottom: auto;
}

.old_type .dczj .info-list>li a.jgfk,
.old_type .lyxd .info-list>li a.jgfk {
  width: auto;
}

.dczj .info-list b,
.lyxd .info-list b {
  min-width: 75px;
  min-height: 25px;
  text-align: center;
  color: #999;
  border: 1px solid #eee;
  border-radius: 4px;
  margin-right: 10px;
  background-color: #F6F6F6;
}

.dczj .info-list b,
.lyxd .info-list b {
  font-size: 0.1866666667rem;
  line-height: 0.2933333333rem;
  font-weight: 400;
}

@media screen and (max-width: 576px) {

  .dczj .info-list b,
  .lyxd .info-list b {
    font-size: 0.24rem;
    line-height: 0.3733333333rem;
  }
}

@media screen and (max-width: 375px) {

  .dczj .info-list b,
  .lyxd .info-list b {
    font-size: 0.24rem;
    line-height: 0.3733333333rem;
  }
}

.old_type .dczj .info-list b,
.old_type .lyxd .info-list b {
  font-size: 0.2933333333rem;
  line-height: 0.3733333333rem;
  font-weight: 400;
}

@media screen and (max-width: 576px) {

  .old_type .dczj .info-list b,
  .old_type .lyxd .info-list b {
    font-size: 0.3466666667rem;
    line-height: 0.4533333333rem;
  }
}

@media screen and (max-width: 375px) {

  .old_type .dczj .info-list b,
  .old_type .lyxd .info-list b {
    font-size: 0.3466666667rem;
    line-height: 0.4533333333rem;
  }
}

.old_type .dczj .info-list b,
.old_type .lyxd .info-list b {
  min-width: 100px;
}

@media (min-width: 576px) and (max-width: 992px) {

  .dczj .info-list b,
  .lyxd .info-list b {
    min-width: 5em;
  }

  .dczj .info-list b,
  .lyxd .info-list b {
    font-size: 0.2133333333rem;
    line-height: 0.32rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 576px) and (max-width: 992px) and (max-width: 576px) {

  .dczj .info-list b,
  .lyxd .info-list b {
    font-size: 0.2666666667rem;
    line-height: 0.4rem;
  }
}

@media screen and (min-width: 576px) and (max-width: 992px) and (max-width: 375px) {

  .dczj .info-list b,
  .lyxd .info-list b {
    font-size: 0.2666666667rem;
    line-height: 0.4rem;
  }
}

@media (min-width: 576px) and (max-width: 992px) {

  .old_type .dczj .info-list b,
  .old_type .lyxd .info-list b {
    font-size: 0.32rem;
    line-height: 0.4rem;
    font-weight: 400;
  }
}

@media screen and (min-width: 576px) and (max-width: 992px) and (max-width: 576px) {

  .old_type .dczj .info-list b,
  .old_type .lyxd .info-list b {
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
  }
}

@media screen and (min-width: 576px) and (max-width: 992px) and (max-width: 375px) {

  .old_type .dczj .info-list b,
  .old_type .lyxd .info-list b {
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
  }
}

@media screen and (max-width: 576px) {

  .dczj .info-list b,
  .lyxd .info-list b {
    min-width: 5em;
  }

  .dczj .info-list b,
  .lyxd .info-list b {
    font-size: 0.2133333333rem;
    line-height: 0.32rem;
    font-weight: 400;
  }
}

@media screen and (max-width: 576px) and (max-width: 576px) {

  .dczj .info-list b,
  .lyxd .info-list b {
    font-size: 0.2666666667rem;
    line-height: 0.4rem;
  }
}

@media screen and (max-width: 576px) and (max-width: 375px) {

  .dczj .info-list b,
  .lyxd .info-list b {
    font-size: 0.2666666667rem;
    line-height: 0.4rem;
  }
}

@media screen and (max-width: 576px) {

  .old_type .dczj .info-list b,
  .old_type .lyxd .info-list b {
    font-size: 0.32rem;
    line-height: 0.4rem;
    font-weight: 400;
  }
}

@media screen and (max-width: 576px) and (max-width: 576px) {

  .old_type .dczj .info-list b,
  .old_type .lyxd .info-list b {
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
  }
}

@media screen and (max-width: 576px) and (max-width: 375px) {

  .old_type .dczj .info-list b,
  .old_type .lyxd .info-list b {
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
  }
}

@media screen and (max-width: 375px) {

  .dczj .info-list b,
  .lyxd .info-list b {
    min-width: 5em;
  }

  .dczj .info-list b,
  .lyxd .info-list b {
    font-size: 0.2133333333rem;
    line-height: 0.32rem;
    font-weight: 400;
  }
}

@media screen and (max-width: 375px) and (max-width: 576px) {

  .dczj .info-list b,
  .lyxd .info-list b {
    font-size: 0.2666666667rem;
    line-height: 0.4rem;
  }
}

@media screen and (max-width: 375px) and (max-width: 375px) {

  .dczj .info-list b,
  .lyxd .info-list b {
    font-size: 0.2666666667rem;
    line-height: 0.4rem;
  }
}

@media screen and (max-width: 375px) {

  .old_type .dczj .info-list b,
  .old_type .lyxd .info-list b {
    font-size: 0.32rem;
    line-height: 0.4rem;
    font-weight: 400;
  }
}

@media screen and (max-width: 375px) and (max-width: 576px) {

  .old_type .dczj .info-list b,
  .old_type .lyxd .info-list b {
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
  }
}

@media screen and (max-width: 375px) and (max-width: 375px) {

  .old_type .dczj .info-list b,
  .old_type .lyxd .info-list b {
    font-size: 0.3733333333rem;
    line-height: 0.48rem;
  }
}

.dczj .info-list>li {
  margin-bottom: 0.2666666667rem;
}

.old_type .dczj .info-list li {
  margin-top: 0.1333333333rem;
}

.old_type .lyxd {
  flex-direction: column;
}

.old_type .lyxd .info-list b {
  padding: 5px;
}

/* 回应关切&调查征集 */
.hygq-dczj {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5333333333rem;
}

@media (min-width: 576px) and (max-width: 992px) {
  .hygq-dczj {
    flex-direction: column;
  }

  .hygq-dczj>div:nth-child(1) {
    margin-bottom: 0.2666666667rem;
  }
}

@media screen and (max-width: 576px) {
  .hygq-dczj {
    flex-direction: column;
  }

  .hygq-dczj>div:nth-child(1) {
    margin-bottom: 0.2666666667rem;
  }
}

@media screen and (max-width: 375px) {
  .hygq-dczj {
    flex-direction: column;
  }

  .hygq-dczj>div:nth-child(1) {
    margin-bottom: 0.2666666667rem;
  }
}

.old_type .hygq-dczj {
  flex-direction: column;
}

.old_type .hygq-dczj .info-list li {
  margin-top: 0.1333333333rem;
}

.old_type .hygq-dczj .info-list a {
  max-width: 85%;
}

.hygq-dczj .info-list a {
  max-width: 475px;
}

.old_type .hygq-dczj .info-list a {
  max-width: 85%;
}

@media (min-width: 576px) and (max-width: 992px) {
  .old_type .hygq-dczj .info-list a {
    max-width: calc(100% - 7em);
  }
}

@media screen and (max-width: 576px) {
  .old_type .hygq-dczj .info-list a {
    max-width: calc(100% - 7em);
  }
}

@media screen and (max-width: 375px) {
  .old_type .hygq-dczj .info-list a {
    max-width: calc(100% - 7em);
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .hygq-dczj .info-list a {
    max-width: calc(100% - 7em);
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .hygq-dczj .info-list a {
    max-width: calc(100% - 7em);
  }
}

@media screen and (max-width: 576px) {
  .hygq-dczj .info-list a {
    max-width: calc(100% - 7em);
  }
}

@media screen and (max-width: 375px) {
  .hygq-dczj .info-list a {
    max-width: calc(100% - 7em);
  }
}

/* 图说帮你 */
.tsbn {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5333333333rem;
}

.tsbn li {
  width: 277px;
  background-color: #f7f9fb;
}

.tsbn li a {
  display: flex;
  flex-direction: column;
}

.tsbn li a:hover {
  color: #D01122;
}

.tsbn li img {
  width: 100%;
}

.tsbn li span {
  margin: 20px;
  height: 50px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.old_type .tsbn li span {
  height: auto;
  line-height: 1.5;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .tsbn {
    flex-wrap: wrap;
  }

  .tsbn li {
    width: calc(33% - 5px);
  }

  .tsbn li:nth-child(4) {
    display: none;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .tsbn {
    flex-wrap: wrap;
  }

  .tsbn li {
    width: calc(50% - 5px);
    margin-bottom: 0.1333333333rem;
  }
}

@media screen and (max-width: 576px) {
  .tsbn {
    flex-wrap: wrap;
  }

  .tsbn li {
    width: calc(50% - 5px);
    margin-bottom: 0.1333333333rem;
  }
}

@media screen and (max-width: 375px) {
  .tsbn {
    flex-wrap: wrap;
  }

  .tsbn li {
    width: calc(50% - 5px);
    margin-bottom: 0.1333333333rem;
  }
}

/* 在线访谈 */
.zxft {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 576px) and (max-width: 992px) {
  .zxft {
    flex-direction: column;
  }

  .zxft .zxft-thumbnail {
    margin-bottom: 0.2666666667rem;
  }
}

@media screen and (max-width: 576px) {
  .zxft {
    flex-direction: column;
  }

  .zxft .zxft-thumbnail {
    margin-bottom: 0.2666666667rem;
  }
}

@media screen and (max-width: 375px) {
  .zxft {
    flex-direction: column;
  }

  .zxft .zxft-thumbnail {
    margin-bottom: 0.2666666667rem;
  }
}

.zxft .thumbnail-img {
  width: 100%;
  height: 330px;
  text-align: center;
  background-color: #0000007d;position: relative;
}
.zxft .thumbnail-img img.player{position: absolute;width: 64px;height: 64px;left: 260.5px;top: 136px;}

@media (min-width: 992px) and (max-width: 1200px) {
  .zxft .thumbnail-img {
    height: auto;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .zxft .thumbnail-img {
    height: auto;
  }
}

@media screen and (max-width: 576px) {
  .zxft .thumbnail-img {
    height: auto;
  }
}

@media screen and (max-width: 375px) {
  .zxft .thumbnail-img {
    height: auto;
  }
}

.zxft .thumbnail-img img {
  height: 100%;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .zxft .thumbnail-img img {
    width: 100%;
    height: auto;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .zxft .thumbnail-img img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 576px) {
  .zxft .thumbnail-img img {
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 375px) {
  .zxft .thumbnail-img img {
    width: 100%;
    height: auto;
  }
}

.zxft .thumbnail-info {
  width: 100%;
  height: 185px;
  padding: 20px;
  background: #F7F9FB;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .zxft .thumbnail-info {
    height: auto;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .zxft .thumbnail-info {
    height: auto;
  }
}

@media screen and (max-width: 576px) {
  .zxft .thumbnail-info {
    height: auto;
  }
}

@media screen and (max-width: 375px) {
  .zxft .thumbnail-info {
    height: auto;
  }
}

.zxft .thumbnail-info dt {
  font-weight: 600;
}

.zxft .thumbnail-info dd {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.zxft .thumbnail-info dd span {
  width: 50px;
}

.zxft .thumbnail-info dd p {
  width: calc(100% - 50px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 576px) {
  .zxft .thumbnail-info dd p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}


.zxft .zxft-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (min-width: 1200px) {
  .zxft .zxft-list {
    width: 585px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .zxft .zxft-list {
    width: calc(50% - 15px);
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .zxft .zxft-list {
    width: calc(100%);
  }
}

@media screen and (max-width: 576px) {
  .zxft .zxft-list {
    width: calc(100%);
  }
}

@media screen and (max-width: 375px) {
  .zxft .zxft-list {
    width: calc(100%);
  }
}

.zxft .zxft-list a {
  height: 113px;
  padding: 0 20px;
  background: #f7f9fb;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .zxft .zxft-list a {
    margin-bottom: 0.2666666667rem;
  }
}

@media (min-width: 576px) and (max-width: 992px) {
  .zxft .zxft-list a {
    margin-bottom: 0.2666666667rem;
  }
}

@media screen and (max-width: 576px) {
  .zxft .zxft-list a {
    margin-bottom: 0.2666666667rem;
  }
}

@media screen and (max-width: 375px) {
  .zxft .zxft-list a {
    margin-bottom: 0.2666666667rem;
  }
}

.zxft .zxft-list a p+p {
  color: #999;
}

.zxft .zxft-list a:hover {
  background: #F9EDED;
}

.zxft .zxft-list a:hover p {
  color: #D01122;font-weight: bold;
}

.zxft .zxft-list a:hover p+p {
  color: #D01122;font-weight: normal;
}

.old_type .zxft .thumbnail-info {
  height: auto;
}

.old_type .zxft .thumbnail-info dd span {
  width: 1rem;
}

.old_type .zxft .thumbnail-info dd p {
  width: calc(100% - 1rem);
}

@media only screen and (min-width: 100px) and (max-width: 992px) {
  .mhwwIcon {
    min-height: 1.6rem;
    flex-wrap: wrap;
    padding: 0.2666666667rem 0;
    justify-content: space-between;
  }

  .mhwwTitle {
    flex-direction: column;
    align-items: flex-start;
  }

  .mhwwTitle h1,
  .mhwwTitle .mhwwysjl {
    width: 100%;
  }

  .mhwwIcon a {
    width: calc(100% / 3);
    margin-bottom: 0.1333333333rem;
    align-items: center;
  }

  .mhwwIcon img {
    width: auto;
    height: 0.8666666667rem;
  }

  .mhwwIcon span {
    margin: 0;
  }
}