.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; }
.right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:126px; }
.right_bar li.rtbar_li4{ top:153px;}
.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:#174a9b; opacity:1; border-radius:6px;}
.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:hover{ background-color:#174a9b; opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-120px; left:-160px; padding-bottom:9px; }
.rtbar_shwx img{ padding:14px; background-color:#FFF; }
.right_bar{display:none;}
.rtbar_shwx{top:-50px;}
@media only screen and (max-width: 768px){
  .right_bar{
    bottom: 70px;
    right: 0;
    top: auto;
    width: 40px;
    height: 40px;
  }
  .right_bar li:not(:last-child){
  display:none;
  }
  .right_bar li.rtbar_li4 {
    top: 0px;
}
  .right_bar li {
    width: 40px;
    height: 40px;
}
  .right_bar li a{
      align-items: center;
    display: flex;
    color: #FFF;
    justify-content: center;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    background-color: #606572;
    opacity: 0.8;
    border-radius: 0;
  }
  .right_bar li a img{
  margin:0px;
  }
}