.rightSide {
    display: block;
    position: fixed;
    z-index: 9999;
  right:0;
    width: 2.9rem;
    height: 100vh;
  background-color: rgba(255, 255, 255, .7);
  transition: 1s;
  transform: translateX(2.2rem);
  }
.rightSide:hover{
      transition: .6s;
  background-color: #f4f3f0;
  transform: translateX(0);
    z-index: 9999;
  }
.rightSide .icon_r {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -1.05rem;
  }
.rightSide .icon_r a {
    display: flex;
    color: #848484;
    /* margin-bottom: .45rem; */
  }
.rightSide .icon_r a:last-child {
    margin-bottom: 0;
  }
.rightSide .icon_r a img {
    display: block;
    margin: 0 .25rem;
    width: .2rem;
  }
.rightSide .icon_r a:hover{
      background: #d7b66e;
      color: #fff;
  }
  .side_cls{

    font-size: 14px;
  }

  .icon_r>a{
    height: .68rem;
  display:flex!important;
   justify-content: flex-start;
    align-items: center;
  }