.online{width: 73.6%;}
.online-box .online-box-img {
    width:40%;
    max-height: 21.2rem;
    overflow: hidden;
  }
  .online-box .online-box-img  img{width: 100%; height: 100%;}
  .online-box .online-info {
    width:57%;
    text-align: lelft;
  }
  .online-box .online-info p {
    width: 100%;
    color: #666666;
    font-weight: regular;
    font-size: 1.5rem;
    line-height: normal;
    padding-bottom: 1.1rem;
  }
  .online-box .online-info p.artic {
    line-height:3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .online-box .online-info .title {
    color: #2962AA;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: normal;
  }
  .online-box .online-info .title-name {
    color: #666666;
  }
  .online-box {
    margin-top:1.5rem
  }
  .online-talk{background-color: #fff;}
  .online .interaction {
    height: 11.8rem;
     margin-top: 1.6rem;
    width: 100%;
    background: #FFFFFF;
  }
  .hudong {
    border: 1px solid #a1c3ed;
    display: block;
    width: 32.33%;
    height:7.6rem;
    float: left;
    text-align: center;
    line-height:7.6rem;
    margin-left:1%;
    color: #2962aa;
    font-size: 2rem;
    font-weight: 600;
  }
  .hudong:first-child{
    margin-left:0;
  }
  .hudong img {
    margin-right: 2rem;
  }
  .new-media {
    width: 25.4%;
    background-color: #FFFFFF;
  }
  .new-media .new-media-title {
    width: 100%;
    height:8.8rem
  }
  .new-media .new-media-list li {
    width: 100%;
    height: 9rem;
    line-height:9rem;
    border-radius: 4px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F0F7FD 100%);
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    text-align: center;
    margin-top: 2rem;
  }
  .new-media .new-media-list li a {
    color: #20242A;
    font-weight: bold;
    font-size:2.4rem;
    line-height: normal;
  }
  .new-media .new-media-list li img {
    width: 5.2rem;
    height:5.2rem;
    margin-right:1rem;
  }
  .new-media-title img{min-height: 8.8rem;width: 100%;}
  .new-media-title_a2{display: none;}
  .ztmore {
    text-align: right;
    line-height: 4.8rem;
  }
  .ztmore a{color: #999;}



/* 民生办事 */
.livelihood {
    background: #FFFFFF;
  }
  .livelihood-titlebox {
    width: 100%;
    height: 4.9rem;
    border-bottom: 1px solid #E5E5E5;
  }
  /* 走势分布 */
  .livelihood-echars-title {
    color: #20242A;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: normal;
    padding-left:1rem;
    margin-top: 2rem;
  }
  .zsfb{width: 57%; overflow: hidden;}
  .livelihood-echars {
    /* margin-top: 22px; */
    width: 100%;
    height: 26rem;
  }


  .livelihood-list {
    width: 40%;
    margin-top: 4rem;
  }
  .livelihood-list li {
    width: 33.33%;
    text-align: center;
    float: left;
  }
  .livelihood-list li img {
    width: 5.6rem;
    height: 5.6rem;
    margin: 0 auto;
  }
  .livelihood-list li .livelihood-list-text {
    padding-top: 3.4rem;
    color: #20242A;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: normal;
  }
  .livelihood-list li span {
    display: block;
  }
  .livelihood-list li .livelihood-list-num {
    padding-top: 0.6rem;
    color: #2962AA;
    font-family: DIN;
    font-weight: bold;
    font-size: 3.4rem;
  }
/* 意见征集 */
.opinion {

    background: #FFFFFF;

  }
  .opinion-list {
    font-weight: semibold;
    font-size: 2.0rem;
    line-height: normal;
    border-bottom: 1px solid #E5E5E5;
    line-height: 4.9rem;
  }
  /* .opinion-list li.active {
    border-bottom: 4px solid #2962AA;
  } */
  .opinion-list li {
    margin-right: 4.0rem;
    cursor: pointer;
    float: left;
  }
  .opinion-list li.active a {
    color: #2962AA;
  }
  .opinion-list li a {
    color: #999999;
    display: block;
    height: 5.4rem;
  }
  .focus-news-list1{display: none;}
.focus-news-list1 li{line-height: 5.4rem; height: 5.4rem;}
.focus-news-list1:first-child{display: block;}
.opinion-list li a::after{
    content: attr(title);
    display: block;
    float: left;
}
.opinion-list li.on a::after{
    border-bottom: 4px solid #2962AA;
}



  @media (max-width:970px){
    .new-media,.online{width: 100%;}
    .new-media-title_a2{display: block; background-color: #3a77cf; font-size: 3.2rem; color:#fff;font-weight: 700;text-shadow: 0 2px 2px #000;padding:2rem 0; text-align: center;}
    .new-media-title_a2:hover{color:#fff!important;}
    .new-media-title_a1{display: none;}
  }
  @media (max-width:768px){
    html {
        font-size: 56%;
    }
    .focus-news{padding:1rem;}
    .livelihood-list,.zsfb{width: 100%;}
    .opinion-list li{width: 25%;margin-right:0; text-align: left;}
  }
  @media (max-width:650px){
   .online-box .online-box-img{width: 100%; max-height: 32rem;}
    .online-box .online-info{margin-top: 1.6rem;width: 100%;}
    .hudong{width: 49.5%; margin-bottom: 1rem;}
    .hudong:nth-child(3){margin-left: 0;}

  }