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

     .mokuai {
         display: none;
     }

     .title {
         text-align: center;
         padding: 20px 0px;
         padding-bottom: 0px;
         font-size: 20px;
         color: #18B580;
         font-weight: bold;
     }

     .soso_link {}

     .soso_key {
         display: -webkit-flex;
         display: flex;
         font-size: 12pc;
         color: #999999;
     }

     .soso_key dt {
         width: 80px;
         line-height: 28px;
     }

     .soso_key dd {}

     .soso_key dd span {
         color: #FFFFFF;
         background-color: #18B580;
         padding: 5px 15px;
         border-radius: 14px;
         margin: 0px 5px;
         display: inline-block;
     }

     .soso_key dd span b {
         margin-left: 10px;
         cursor: pointer;
     }

     .soso_select {
         border-bottom: 1px solid #A5E5CF;
     }

     .soso_select a {
         display: inline-block;
         cursor: pointer;
         color: #666666;
         font-size: 16px;
         padding: 10px 0px;
         margin-right: 15px;
     }

     .soso_select a.hover {
         font-size: 20px;
         color: #18B580;
         border-bottom: 1px solid #18B580;
         font-weight: bold;
     }

     .data_list {
         overflow: hidden;
         margin: 20px 0px;
     }

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

     .data_list a {
         display: block;
         background-color: #EEEEEE;
         border-radius: 8px;
         padding: 20px;
         position: relative;
         padding-left: 207px;
         height: 158px;
     }

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

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

     .data_list a h4 {
         color: #333333;
         font-size: 16px;
         height: 50px;
         overflow: hidden;
         margin-bottom: 20px;
     }

     .data_list a p {
         font-size: 14px;
         color: #999999;
         line-height: 26px;
     }

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

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

     .soso_link {}

     .soso_key {
         display: -webkit-flex;
         display: flex;
         font-size: 12pc;
         color: #999999;
     }

     .soso_key dt {
         width: 2.1333rem;
         line-height: .7467rem;
     }

     .soso_key dd {}

     .soso_key dd span {
         color: #FFFFFF;
         background-color: #18B580;
         padding: .1333rem .4rem;
         border-radius: .3733rem;
         margin: 0px .1333rem;
         display: inline-block;
     }

     .soso_key dd span b {
         margin-left: .2667rem;
         cursor: pointer;
     }

     .soso_select {
         border-radius: .2133rem;
         height: 2.16rem;
         background: rgba(238, 238, 238);
         display: flex;
     }

     .mokuai {
         /* border: solid blue 1px; */
         width: 1.92rem;
         height: 100%;
         padding: .4267rem .2133rem;
         box-sizing: border-box;
         font-size: .32rem;
     }

     .category_wrap {
         flex: 1;
         padding-top: .4267rem;
     }

     .soso_select a {
         /* border: solid red 1px; */
         line-height: .3733rem;
         display: inline-block;
         cursor: pointer;
         color: #666666;
         font-size: .32rem;
         /* padding: 10px 0px; */
         margin-right: .2133rem;
         margin-bottom: .4267rem;

     }

     .soso_select a.hover {

         font-size: .32rem;
         color: #18B580;
     }

     .title {
         /* background-color: red; */
         text-align: center;
         padding: 0px 0px;
         padding-bottom: 0px;
         font-size: .5333rem;
         color: #18B580;
         font-weight: bold;
     }

     .data_list {
         /* border: solid blue 1px; */
         overflow: hidden;
         width: 100%;
     }

     .data_list li {
         /* border: solid red 1px; */
         margin-top: .4267rem;
         width: 100%;
     }

     .data_list a {
         display: block;
         height: 2.72rem;
         /* background-color: #EEEEEE; */
         display: flex;

     }

     .data_list a img {
         width: 2.8533rem;
         border-radius: .2133rem;
         object-fit: cover;
         margin-right: .1867rem;
     }

     .data_list a .content {
         /* border: solid blue 1px; */
         flex: 1;
     }

     .data_list a h4 {
         color: #333333;
         font-size: .3733rem;
         font-weight: 400;
     }

     .data_list a p {
         font-size: .32rem;
         color: #999999;
         margin-top: .2133rem;
     }
 }