.pc-foot-wrap {}
  
  .pc-foot {
      width: 100%;
      height: 350px;
      background-color: RGB(23, 31, 56);
  }
  
  .pc-foot-left {
      width: 80%;
      margin: 0 auto;
      height: 60px;
  }
  
  .pc-foot-link {
      width: 80%;
      margin: 0 auto;
      background-color: RGB(36, 46, 76);
      height: 100px;
      border-radius: 20px;
  }
  
  .pc-foot-link h3 {
      font-size: 30px;
  }
  
  .pc-foot-link li {
      list-style-type: none;
      padding: 5px 10px;
  }
  
  .pc-foot-link li a {
      text-decoration: none;
      color: white;
  }
  
  .pc-foot-wen {
      width: 80%;
      margin: 0 auto;
      background-color: RGB(36, 46, 76);
      border-radius: 20px;
      text-align: center;
  }
  
  .pc-foot-wen p:nth-child(1) {
      color: white;
  }
  
  .pc-foot-wen p:nth-child(2) {
      color: #888;
  }
  
  .cms-foot {
      display: none;
  }
  
  @media screen and (max-width:500px) {
      .pc-foot {
          display: none;
      }
      /* 底部 */
      .cms-foot {
          display: block;
          width: 100%;
          height: 280px;
          background-color: RGB(23, 31, 56);
      }
      .cms-link {
          padding-top: 30px;
          width: 100%;
          height: 80px;
      }
      .cms-link h3 {
          text-align: center;
          color: #999;
      }
      .cms-link ul li {}
      .cms-link ul li a {
          text-decoration: none;
          color: white;
          padding: 5px;
      }
      .cms-footer {
          width: 100%;
      }
      .cms-footer p {
          padding: 8px 0px;
          text-align: center;
          color: #999;
          font-size: 14px;
      }
  }