.right_ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 0.2rem;
  }
  .right_li {
    width: 3.5rem;
    height: 3.7rem;
    background: #F5F5F5;
    padding: 0.15rem 0.15rem;
    margin-right: 0.2rem;
    margin-bottom: 0.25rem;
  }
  .right_li:nth-child(3n) {
    margin-right: 0;
  }
  .right_li:nth-last-child(1) {
    margin-bottom: 0;
  }
  .right_li:nth-last-child(2) {
    margin-bottom: 0;
  }
  .right_li:nth-last-child(3) {
    margin-bottom: 0;
  }
  .right_li:hover {
    background: linear-gradient(180deg, #1978DC 0%, #0A54A2 100%);
  }
  .right_li:hover .img_hengx {
    border: 0.01rem solid #F2F2F2;
  }
  .right_li:hover .wdp {
    color: #FFF;
  }
  .right_li:hover .wdp1 img {
    filter: brightness(5);
  }
  .right_li_a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .top_img_r {
    width: 3.2rem;
    height: 2.8rem;
    display: flex;
  }
  .img_hengx {
    border: 0.01rem solid #C9C9C9;
    width: 3.2rem;
    margin-top: 0.15rem;
    margin-bottom: 0.2rem;
  }
  .wid_text {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .wdp {
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    transition: all 0.3s;
  }
  .wdp1 {
    width: auto;
    height: 0.08rem;
    display: flex;
  }
  @media only screen and (max-width:768px){
      .right_li{
          width: 3.2rem;
          margin-right: 0;
      }
      .right_ul{
          justify-content: space-between;
      }
      .img_hengx{
          width: auto;
      }
      .top_img_r{
          width: auto;
      }
     
      
  }