/* 大于768（电脑） */
 @media screen and (min-width:768px) {
     .card_list_wrap {
         padding: 40px;
     }

     .link_a {
         margin-bottom: 20px;
         color: #999999;
         font-size: 12px;
     }

     .link_a a {
         font-size: 12px;
     }

     .card_news_wrap {
         padding: 20px 40px;
     }

     .card_news {}

     .card_news div.title {
         line-height: 50px;
         position: relative;
         overflow: hidden;
         border-bottom: 1px solid #A5E5CF;
     }

     .card_news div.title strong {
         font-size: 20px;
         color: #18B580;
         line-height: 50px;
         border-bottom: 2px solid #18B580;
         display: inline-block;
     }

     .card_news div.title strong img {
         width: 20px;
         vertical-align: middle;
         margin-right: 10px;
     }

     .card_news div.title a {
         color: #999999;
         line-height: 50px;
         font-size: 14px;
     }

     .card_news div.title a.more {
         float: right;
     }

     .card_news div.title a.more img {
         width: 11px;
     }

     .card_news .content {
         padding: 15px 0px;
     }

     .data_list {
         overflow: hidden;
     }

     .data_list li {
         float: left;
         margin-bottom: 15px;
     }

     .data_list .block {

         display: block;
         background-color: #EEEEEE;
         border-radius: 8px;
         padding: 15px;
         position: relative;
         padding-left: 209px;
         height: 158px;
     }

     .data_list li:nth-child(even) .block {
         margin-left: 20px;
     }

     .data_list li:nth-child(odd) .block {
         margin-right: 20px;
     }

     .right_content {
         /* border: solid red 1px; */
     }

     .data_list .block h4 {
         color: #333333;
         font-size: 16px;
         overflow: hidden;
         margin-bottom: 10px;
     }

     .data_list .block .info {
         /* background-color: skyblue; */
         height: 78px;
         overflow: hidden;
         margin-bottom: 13px;
     }

     .data_list .block .info p,.data_list .block .info p span {
         color: #999999 !important;
         font-size: 14px !important;
         line-height: 26px;
     }
     .data_list .block .info p {
         line-height: 19px;
     }

     .data_list .block span.attention {
         font-size: 16px;
         background-color: #18B580;
         width: 167px;
         line-height: 30px;
         text-align: center;
         color: #ffffff !important;
         display: inline-block;
         border-radius: 30px;
         cursor: pointer;
     }

     .phone_attention {
         display: none;
     }

     .data_list .block img {
         width: 167px;
         height: 158px;
         position: absolute;
         z-index: 1;
         left: 15px;
         top: 15px;
         object-fit: cover;
         border-radius: 8px;
     }
 }

 /* 小于768（手机） */
 @media screen and (max-width:768px) {
     .card_list_wrap {
         padding: .4267rem;
     }

     .link_a {
         /* margin-bottom: 20px; */
         color: #999999;
     }

     .link_a a {
         font-size: .32rem;
     }

     .card_news_wrap {
         /* border: solid blue 1px; */
         padding: 0 .4267rem;
     }

     .card_news {
         /* border: solid red 1px; */
     }

     .card_news div.title {

         /* line-height: 50px; */
         position: relative;
         overflow: hidden;
         border-bottom: 1px solid #A5E5CF;

     }

     .card_news div.title strong {
         font-size: .3733rem;
         color: #18B580;
         /* line-height: 45px; */
         border-bottom: .0533rem solid #18B580;
         display: inline-block;
         padding: .4267rem 0 .1867rem 0;
     }

     .card_news div.title strong img {
         width: .3467rem;
         vertical-align: middle;
         margin-right: .1333rem;
     }

     .card_news div.title a {
         color: #999999;
         /* line-height: 45px; */
         font-size: .32rem;
         padding: .4267rem 0 .1867rem 0;
     }

     .card_news div.title a.more {
         float: right;
     }

     .card_news div.title a.more img {
         width: .2933rem;
     }

     .data_list {
       
         overflow: hidden;
     }

     .data_list li {
         width: 100%;
         border-bottom: solid #D1D1D1 1px;
     }

     .data_list li:last-child {
         border: none;
     }

     .data_list .block {
        /* border: solid red 1px; */
         height: 2.8267rem;
         padding: .2133rem 0;
         box-sizing: border-box;
         position: relative;
     }

     .data_list .block a {
         display: flex; 
     }

     .data_list .block img {
         width: 2.4rem;
         height: 2.4rem;
         object-fit: cover;
         border-radius: .1067rem;
     }

     .right_content {
        /* border: solid blue 1px; */
         padding-left: .2133rem;
     }

     .data_list .block h4 {
         color: #333333;
         font-size: .3733rem;
         margin-bottom: .1333rem;
     }

     .data_list .block .right_content .info {
        /* background-color: skyblue; */
         font-size: .32rem;
         color: #999999;
         margin-bottom: .1067rem;
         line-height: .4533rem;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box; 
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
         height: .9067rem;
     }

     .data_list .block .right_content .info p {
         line-height: .5233rem!important;
     }

     .data_list .block .right_content .info p span{
        font-size: .32rem!important;
        color: #999!important;
     }

     .data_list .block span.attention {
         position: absolute;
         font-size: .3733rem;
         background-color: #18B580;
         width: 2.6667rem;
         line-height: .64rem;
         text-align: center;
         color: #ffffff;
         display: inline-block;
         border-radius: .4267rem;
         bottom: .2133rem;
         left: 2.6133rem;
     }
 }