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

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

     .link_a a {
         font-size: 12px;
     }
     .news_info {
         display: -webkit-flex;
         display: flex;
     }

     .news_info .w80 .news_main .author_source {
         text-align: right;
         font-size: 12px;
     }

     .news_info .w80 .news_main h2 {
         color: #333333;
         font-size: 20px;
         margin-bottom: 20px;
     }

     .news_info  .phone_source,
     .news_info  .phone_created_at{
        display: none;
     }

     .news_info .w80 .news_main .info {
         min-height: 400px;
     }

     .news_info .w80 .news_main .info img {
         max-width: 100%;
     }

     .news_info .w80 .news_main .addition {
         position: relative;
         margin-top: 50px;
         min-height: 70px;
     }

     .news_info .w80 .news_main .addition dl {
         display: -webkit-flex;
         display: flex;
     }

     .news_info .w80 .news_main .addition dl dt {
         width: 70px;
     }

     .news_info .w80 .news_main .addition dl dt img {
         width: 50px;
         height: 50px;
         border-radius: 40px;
     }

     .news_info .w80 .news_main .addition dl dd {
         width: 100%;
     }

     .news_info .w80 .news_main .addition dl dd div {
         padding: 5px 0px;
     }

     .news_info .w80 .news_main .addition dl dd div strong {
         color: #333333;
         font-size: 14px;
         margin-right: 20px;
     }

     .news_info .w80 .news_main .addition dl dd div span {
         background-color: #18B580;
         border-radius: 2px;
         width: 70px;
         color: #ffffff;
         display: inline-block;
         text-align: center;
         cursor: pointer;
     }

     .news_info .w80 .news_main .addition dl dd div span b {
         font-size: 12px;
     }

     .news_info .w80 .news_main .addition dl dd p {
         font-size: 12px;
     }

     .news_info .w80 .news_main .attr {
         position: absolute;
         z-index: 1;
         right: 0px;
         top: 0px;
     }

     .news_info .w80 .news_main .attr span {
         margin-right: 15px;
         line-height: 20px;
         display: inline-block;
     }

     .news_info .w80 .news_main .attr .collect {
         font-size: 14px;
         cursor: pointer;
     }

     .news_info .w80 .news_main .attr img {
         width: 20px;
         margin-right: 5px;
         cursor: pointer;
         vertical-align: bottom;
     }

     .news_info .w80 .comment_sort {
         border-bottom: 1px solid #DCDFE6;
     }

     .news_info .w80 .comment_sort span {
         color: #333333;
         font-size: 16px;
         padding: 5px 10px;
         display: inline-block;
         cursor: pointer;
     }

     .news_info .w80 .comment_sort span.hover {
         color: #18B580;
         border-bottom: 2px solid #18B580;
     }

     .news_info .w80 .comment_input {
         /* display: none;
         width: 100%; */
         margin-top: 15px;
     }

     .news_info .w80 .comment_input textarea {
         border: 1px solid #DCDFE6;
         padding: 10px;
         border-radius: 8px;
         width: 95%;
         font-size: 14px;
     }

     .news_info .w80 .comment_input .btn {
         background-color: #18B580;
         font-size: 14px;
         width: 120px;
         text-align: center;
         padding: 5px 0px;
         color: #ffffff;
         border-radius: 8px;
         margin: 10px 0px;
         cursor: pointer;
     }

     .news_info .w80 .comment_list {
         margin-bottom: 50px;
     }

     .news_info .w80 .comment_list dl {
         display: -webkit-flex;
         display: flex;
         border-top: 1px solid #DCDFE6;
         padding-top: 15px;
     }

     .news_info .w80 .comment_list dl dt {
         width: 50px;
         padding-right: 15px;
     }

     .news_info .w80 .comment_list dl dd {
         width: 100%;
         overflow: hidden;
     }

     .news_info .w80 .comment_list dl dt img {
         width: 50px;
         height: 50px;
         border-radius: 50px;
     }

     .news_info .w80 .comment_list dl dd h4 {
         color: #18B580;
         margin-bottom: 5px;
     }

     .news_info .w80 .comment_list dl dd h4 span {
         border: 1px solid #18B580;
         font-size: 12px;
         padding: 0px 5px;
         border-radius: 3px;
         font-weight: normal;
     }

     .news_info .w80 .comment_list dl dd .content {
         color: #333333;
         word-wrap: break-word;
     }

     .news_info .w80 .comment_list dl dd .content strong.title {
         color: #18B580;
     }

     .news_info .w80 .comment_list dl dd .content strong.title span {
         border: 1px solid #18B580;
         font-size: 12px;
         padding: 0px 5px;
         border-radius: 3px;
         font-weight: normal;
     }


     .news_info .w80 .comment_list dl dd .child_div p span {
         display: none;
     }

     .news_info .w80 .comment_list dl dd .child_div p:hover span {
         display: inline-block;
     }

     .news_info .w80 .comment_list dl dd p {
         margin-top: 5px;
         margin-bottom: 10px;
     }

     .news_info .w80 .comment_list dl dd p img {
         margin-right: 5px;
         margin-left: 30px;
         width: 12px;
         cursor: pointer;
     }

     .news_info .w80 .comment_list dl dd p span {
         margin-left: 30px;
         cursor: pointer;
     }

     .news_info .w20 {}

     .news_info .w20 .hot {
         padding-left: 30px;
         margin-bottom: 50px;
     }

     .news_info .w20 .hot dt {
         overflow: hidden;
         line-height: 50px;
         height: 50px;
     }

     .news_info .w20 .hot dt strong {
         font-size: 16px;
         color: #333333;
         padding-left: 13px;
     }

     .news_info .w20 .hot dt .more {
         float: right;
         line-height: 50px;
         font-size: 14px;
         color: #999999;
     }

     .news_info .w20 .hot dd img {
         width: 167px;
         height: 155px;
         border-radius: 8px;
         object-fit: cover;
     }

     .news_info .w20 .hot dd a {
         font-size: 14px;
         color: #333333;
         display: block;
         width: 167px;
         margin: 0px auto;
         margin-bottom: 20px;
     }
 }

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

     .link_a {
         margin-bottom: .64rem;
         color: #999999;
         font-size: .32rem;
     }

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

     .news_info {
         display: -webkit-flex;
         display: flex;
     }

     .news_info .w80 {
         width: 100%;
     }

     /* 新闻标题+内容+底部点赞收藏图标 */
     .news_info .w80 .news_main {
         position: relative;
         
     }

     .news_info .w80 .news_main .author_source {
         display: none;
     }

     .news_info .w80 .news_main h2 {
         color: #333333;
         font-size: .3733rem;
         text-align: center;
         height: 1.0667rem;
         line-height: .5333rem;
         margin-bottom: .4267rem;
     }

     .news_info  .phone_source,
     .news_info  .phone_created_at {
         height: .5333rem;
         font-size: .32rem;
         line-height: .5333rem;
         color: #999999;
         text-align: right;
     }

     .news_info  .phone_created_at{
        margin-bottom: .2667rem;
        padding-bottom: .4267rem;
        border-bottom: 1px solid #D1D1D1;
     }

     .news_info .w80 .news_main .info p:first-child video{
        width: 100%;
        height: 5.0933rem;
     }

     .news_info .w80 .news_main .info p:first-child span {
        display: none;
     }

     .news_info .w80 .news_main .info img {
         width: 100%!important; 
         height: auto;
     }

     .news_info .w80 .news_main .addition {
        /* border: solid red 1px; */
         display: flex;
         flex-direction: column-reverse;
         position: relative;
         /* margin-top: 50px; */
         /* min-height: 70px; */
         padding-top: .4533rem;
     }

     .news_info .w80 .news_main .addition dl {
         height: 1.68rem;
         border-radius: .2133rem;
         background: rgba(235, 235, 235);
         display: -webkit-flex;
         display: flex;
         padding: .2133rem .4267rem;
         box-sizing: border-box;
     }

     .news_info .w80 .news_main .addition dl dt {
         /* width: 47px; */
         margin-right: .2133rem;
     }

     .news_info .w80 .news_main .addition dl dt img {
         width: 1.2533rem;
         height: 1.2533rem;
         border-radius: 50%;
     }

     .news_info .w80 .news_main .addition dl dd {
         width: 100%;
         display: flex;
         flex-direction: column;
         justify-content: space-between;
         overflow: hidden;
     }

     .news_info .w80 .news_main .addition dl dd div {
         display: flex;
         justify-content: space-between;
         /* padding: 5px 0px; */
     }

     .news_info .w80 .news_main .addition dl dd div strong {
         color: #333333;
         font-size: .3733rem;
         margin-right: .5333rem;
         vertical-align: top;
     }

     .news_info .w80 .news_main .addition dl dd div span {
         background-color: #18B580;
         border-radius: .0533rem;
         width: 1.68rem;
         color: #ffffff;
         display: inline-block;
         text-align: center;
         cursor: pointer;
         font-size: .32rem;
         vertical-align: top;
     }

     .news_info .w80 .news_main .addition dl dd div span b {
         font-size: .32rem;
     }

     .news_info .w80 .news_main .addition dl dd {
        font-size: .32rem!important;
         width: 6.9333rem;
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
     }

     .news_info .w80 .news_main .addition dl dd{
         font-size: .32rem!important;
     }

     .news_info .w80 .news_main .attr {
         /* position: absolute; */
         margin-bottom: .4533rem;
     }

     .news_info .w80 .news_main .attr span {
         margin-right: .2667rem;
         line-height: .4533rem;
         display: inline-block;
         font-size: .32rem;
         color: #999;
     }

     .news_info .w80 .news_main .attr .collect {
         font-size: .3733rem;
         cursor: pointer;
     }

     .news_info .w80 .news_main .attr img {
         width: .48rem;
         height: .4533rem;
         margin-right: .2667rem;
         vertical-align: middle;
     }

     .news_info .w80 .news_main .attr b {
         /* vertical-align: top; */
         font-size: .32rem;
         font-weight: 400;
     }

     .news_info .w80 .comment_sort {
         border-bottom: 1px solid #DCDFE6;
         margin-top: .32rem;
     }

     .news_info .w80 .comment_sort span {
         color: #333333;
         font-size: .4267rem;
         padding: .1333rem 0;
         display: inline-block;
         cursor: pointer;
         margin-right: .5333rem;
     }

     .news_info .w80 .comment_sort span.hover {
         color: #18B580;
         border-bottom: .0533rem solid #18B580;
     }

     .news_info .w80 .comment_input {
         /* display: none;
         width: 100%; */
         margin-top: .4rem;
     }

     .news_info .w80 .comment_input textarea {
         border: 1px solid #DCDFE6;
         padding: 0 .4267rem;
         padding-top: .2133rem;
         box-sizing: border-box;
         border-radius: .2133rem;
         width: 100%;
         font-size: .3733rem;
         height: .96rem;
     }

     .news_info .w80 .comment_input div {
         /* border-bottom: solid #DCDFE6 1px; */
         text-align: right;
     }

     .news_info .w80 .comment_input .btn {
         background-color: #18B580;
         font-size: .32rem;
         width: 2.56rem;
         text-align: center;
         padding: .1333rem 0px;
         color: #ffffff;
         border-radius: .2133rem;
         margin: .2133rem 0;
         cursor: pointer;
     }




     .news_info .w80 .comment_list {
         margin-bottom: 1.3333rem;
     }

     .news_info .w80 .comment_list dl {
         display: -webkit-flex;
         display: flex;
         border-top: 1px solid #DCDFE6;
         padding-top: .4267rem;
     }

     .news_info .w80 .comment_list dl dt {
         width: 1.28rem;
         padding-right: .2133rem;
     }

     .news_info .w80 .comment_list dl dd {
        /* border: solid red 1px; */
         width: 100%;
         overflow: hidden;
         padding-top: 2px;
     }

     .news_info .w80 .comment_list dl dt img {
         width: 1.28rem;
         height: 1.28rem;
         border-radius: 50%;
     }

     .news_info .w80 .comment_list dl dd h4 {
         color: #18B580;
         font-size: .32rem;
         /* margin-bottom: 5px; */
     }

     .news_info .w80 .comment_list dl dd h4 span {
         border: 1px solid #18B580;
         font-size: .32rem;
         padding: 0px .1333rem;
         border-radius: .08rem;
         font-weight: normal;
         line-height: 150%;
     }

     .news_info .w80 .comment_list dl dd .content {
         font-size: .3733rem;
         color: #333333;
         word-wrap: break-word;
     }

     .news_info .w80 .comment_list dl dd .content strong.title {
         color: #18B580;

     }

     .news_info .w80 .comment_list dl dd .content strong.title span {
         border: 1px solid #18B580;
         font-size: .32rem;
         padding: 0px .1333rem;
         border-radius: .08rem;
         font-weight: normal;

     }


     .news_info .w80 .comment_list dl dd .child_div p span {
         display: none;
         
     }

     .news_info .w80 .comment_list dl dd .child_div p:hover span {
         display: inline-block;
         
     }

     .news_info .w80 .comment_list dl dd p {
         margin-top: .1333rem;
         margin-bottom: .2667rem;
         font-size: .32rem;
     }

     .news_info .w80 .comment_list dl dd p img {
         margin-right: .1333rem;
         margin-left: .8rem;
         width: .3467rem;
         cursor: pointer;
         
     }

     .news_info .w80 .comment_list dl dd p span {
         margin-left: .8rem;
         cursor: pointer;
        
     }






     .news_info .w20 {
         display: none;
     }

     .news_info .w20 .hot {
         padding-left: .8rem;
         margin-bottom: 1.3333rem;
     }

     .news_info .w20 .hot dt {
         overflow: hidden;
         line-height: 1.3333rem;
         height: 1.3333rem;
     }

     .news_info .w20 .hot dt strong {
         font-size: .4267rem;
         color: #333333;
         padding-left: .3467rem;
     }

     .news_info .w20 .hot dt .more {
         float: right;
         line-height: 1.3333rem;
         font-size: .3733rem;
         color: #999999;
     }

     .news_info .w20 .hot dd img {
         width: 4.4533rem;
         height: 4.1333rem;
         border-radius: .2133rem;
         object-fit: cover;
     }

     .news_info .w20 .hot dd a {
         font-size: .3733rem;
         color: #333333;
         display: block;
         width: 4.4533rem;
         margin: 0px auto;
         margin-bottom: .5333rem;
     }
 }