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

     .banner .img {
         width: 1110px;
         height: 378px;
     }

     .banner .link {
         color: #ffffff;
         background-color: #18B580;
         width: 170px;
         height: 60px;
         font-size: 16px;
         border-radius: 60px;
         line-height: 60px;
         text-align: center;
         display: block;
         position: absolute;
         bottom: 60px;
         z-index: 1;
         background: linear-gradient(33deg, #29CC95 0%, #18B580 100%);
         box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.13);
         background: #05D4A3;
     }

     .banner .live {
         left: 50%;
         margin-left: -190px;
     }

     .banner .review {
         left: 50%;
         margin-left: 20px;
     }

     .banner .info {
         color: #ffffff;
         position: absolute;
         right: 60px;
         bottom: 60px;
         z-index: 1;
         font-size: 14px;
     }

     .activity_wrap {
         padding: 20px 40px;
         padding-top: 0px;
     }

     .category_title {
         text-align: center;
         padding: 20px 0px;
         position: relative;
     }

     .category_title strong {
         font-size: 20px;
         color: #18B580;
         font-weight: bold;
     }

     .category_title .more {
         position: absolute;
         right: 0px;
         z-index: 1;
         top: 25px;
         float: none;
         color: #999999;
         font-size: 14px;
     }

     .category_title .more img {
         width: 11px;
     }

     .activity_list {
         overflow: hidden;
     }

     ul.new_img_list {
         margin: 20px 0px;
         display: -webkit-flex;
         display: flex;
         -webkit-justify-content: space-between;
         justify-content: space-between;
     }

     .new_img_list li {
         width: 247px;
         text-align: center;
     }

     .new_img_list li a {
         color: #333333;
         font-size: 14px;
     }

     .new_img_list li a .img_div {
         width: 247px;
         height: 215px;
         text-align: center;
         display: flex;
         align-items: center;
     }

     .new_img_list li a .img_div img {
         width: 247px;
         height: 215px;
         margin: 0px auto;
         vertical-align: middle;
         align-items: center;
         object-fit: cover;
         border-radius: 8px;
     }

     .new_img_list li a h4 {
         overflow: hidden;
         height: 40px;
         line-height: 40px;
         font-size: 14px;
         color: #333333;
         text-align: left;
         white-space: nowrap;
         text-overflow: ellipsis;
     }

     .new_img_list li a p {
         color: #999999;
         font-size: 12px;
         text-align: right;
         line-height: 20px;
     }

     .source,
     .created_at {
         display: none;
     }
 }

 /* 小于768（手机） */
 @media screen and (max-width:768px) {
     .banner {
         /* border: solid blue 1px; */
         position: relative;
         /* padding: .4267rem; */
     }

     .banner .img {
         width: 100%;
         /* height: 5.0933rem; */
         /* object-fit: contain; */
     }

     .banner .link {
         color: #ffffff;
         width: 2.7733rem;
         height: .96rem;
         font-size: .3733rem;
         border-radius: .8rem;
         line-height: .96rem;
         text-align: center;
         display: block;
         position: absolute;
         bottom: 20px;
         z-index: 1;
         background: linear-gradient(33deg, #29CC95 0%, #18B580 100%);
         box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.13);
     }

     .banner .live {
         left: 20.3%;
     }

     .banner .review {
         right: 20.3%;
     }

     .banner .info {
         color: #ffffff;
         position: absolute;
         right: .5333rem;
         bottom: .8rem;
         z-index: 1;
         font-size: .32rem;
     }

     .activity_wrap {
         /* border: solid red 1px; */
         padding: .5333rem .4267rem;
         padding-top: 0px;
     }

     .category_title {
         /* border: solid blue 1px; */
         text-align: center;
         position: relative;
         padding-top: 8px;
     }

     .category_title strong {
         font-size: .4267rem;
         color: #18B580;
         font-weight: bold;
     }

     .category_title .more {
         position: absolute;
         right: 0;
         z-index: 1;
         /* top: 25px; */
         bottom: 0;
         /* float: none; */
         color: #999999;
         font-size: .3733rem;
     }

     .category_title .more img {
         width: .2933rem;
     }

     .activity_list {
         /* border: solid red 1px; */
         /* overflow: hidden; */
     }

     ul.new_img_list {
         /* width: 100%; */
         /* border: solid blue 1px; */
         margin-top: .4267rem;
         display: -webkit-flex;
         display: flex;
         -webkit-justify-content: space-between;
         justify-content: space-between;
         flex-wrap: wrap;
     }

     .new_img_list li {
         /* border: solid red 1px; */
         width: 4.32rem;
         text-align: center;
         margin-bottom: .2133rem;
     }

     .new_img_list li a {
         color: #333333;
         font-size: .3733rem;
     }

     .new_img_list li a .img_div {
         width: 4.32rem;
         height: 4.32rem;
         text-align: center;
         margin-bottom: .2133rem;
     }

     .new_img_list li a .img_div img {
         width: 4.32rem;
         height: 4.32rem;
         object-fit: cover;
         border-radius: .2133rem;
     }

     .new_img_list li a h4 {
         height: 1.0667rem;
         line-height: .5333rem;
         font-size: .3733rem;
         color: #333333;
         text-align: left;

         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 2;
         -webkit-box-orient: vertical;
     }

     .new_img_list li a .PC_p {
         display: none;
     }

     .created_at {
         color: #999999;
         font-size: .32rem;
         text-align: right;
         line-height: .8rem;
     }
 }