.icon {
    width: 30px;
    height: auto;
  }

  img {
    width: 100%;
    height: auto;
  }

  nav {
    background-color: #020f14cf;
  }
  .dropdown:hover .dropdown-menu {
    display: block;
    background-color: white;
    color: green;
  }


  a:link {
    color: white;
    text-decoration: none;
  }

  #contact-right {
    display: inline;
    position: fixed;
    bottom: 50vh;
    right: 20px;
  }

  #contact-right ul {
    background-color: #f5f5f5;
    padding-inline-start: 0px;
    border-radius: 5px;
  }

  #contact-right li {
    list-style-type: none;
    text-align: center;

    padding: 10px 10px;
  }

  /* #contact-right li:hover {
    list-style-type: square;
    background-color: green;
    color: green;
  } */

  #contact-right ul .content{
    position:absolute;
    padding: 5px  15px;
    background-color: #f5f5f5;
    right: 70px;
    display: none;
  }
  #contact-right ul .content:hover{
    display: block;
  }
  #contact-right ul li:hover .content {
   display: block;
  }

  /* 响应式布局 -屏幕尺寸小于 500px  */
  @media screen and (max-width: 500px) {
    #contact-right {
      display: none;
    }
  }