.right_bar{position:fixed; top:300px; right:0; width:50px; height:203px; z-index:10;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:172px; }
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; width:172px;}
.right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:232px; }
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#abaeb0; opacity:0.9; border-radius:0px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
  .right_bar li a .icon{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;fill:#ffffff;}
.right_bar li a:hover{background-color: #0d2545; opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-120px; left:-160px; padding-bottom:9px; }
.rtbar_shwx img{ padding:14px; background-color:#0d2545; }
.right_bar{display:none;}
.rtbar_shwx{top:-50px;}
  @media only screen and (max-width: 768px){
.right_barb{position:fixed; top:auto; bottom:0px;right:0; width:100%; height:50px; z-index:10;display:block !important;}
  .right_barb ul {
    display:flex;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  }
  .right_barb ul li {
width: 25% !important;
    position: relative !important;
    top: auto !IMPORTANT;
    left: auto !important;
   margin-right:1px;
  }
    .right_barb ul li:last-child{
  margin-right:0px;
  }
    .right_barb ul li a span{
  display:none;
  }
  .right_barb ul li a  {
    text-align: center;
    display: flex;
    justify-content: center;
  }
}