/*竖屏 css*/
  @media screen and (orientation: portrait) {
      .bottom {
          position: fixed;
          bottom: 0;
          /* padding: 0 1.875rem; */
          padding: 0 25px;
          width: 100%;
          height: 6.25rem;
          color: #fff;
          display: flex;
          align-items: center;
          background-color: #000;
      }

      .bottom .bottom-left {
          width: 50%;
          height: 6.25rem;
          display: flex;
          justify-content: space-between;
          color: #9e7453;
          font-family: "SimSun";
          font-size: 3.25rem;
          font-weight: 600;
          line-height: 6.25rem;
      }

      .bottom .bottom-right {
          /* padding: 0 3.5rem 0 1.875rem; */
          padding: 0 30px;
          width: 50%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          box-sizing: border-box;
          font-size: 1.5rem;
      }

      .bottom .avtive {
          color: #9e7453;
      }
  }

  @media screen and (orientation: landscape) {
      a {
          text-decoration: none;
          color: #fff;
      }

      .bottom {
          position: fixed;
          bottom: 0;
          padding: 0 25px;
          width: 100%;
          height: 6.25rem;
          color: #fff;
          display: flex;
          align-items: center;
          background-color: #000;
          box-sizing: border-box;
      }

      .bottom .bottom-left {
          width: 50%;
          height: 6.25rem;
          display: flex;
          justify-content: space-between;
          color: #9e7453;
          font-family: "SimSun";
          font-size: 3.25rem;
          font-weight: 600;
          line-height: 6.25rem;
      }

      .bottom .bottom-right {
          padding: 0 35px;
          width: 50%;
          display: flex;
          align-items: center;
          justify-content: space-between;
          box-sizing: border-box;
          font-size: 1.5rem;
      }

      .bottom .avtive {
          color: #9e7453;
      }
  }


  @media screen and (max-width: 768px) {

      html,
      body {
          padding: 0;
          margin: 0;
          font-size: 14px;
          box-sizing: border-box;
          background-color: #fff;
      }

      a {
          text-decoration: none;
          color: #fff;
      }

      .bottom {
          width: 100%;
          box-sizing: border-box;
      }

      .bottom .bottom-right {
          width: 100%;
      }
  }

  .bottom .bottom-left {
      display: none;
  }
  .bottom .bottom-right {
      width: 100%;
  }