.right_bar {
  position: fixed;
  top: 300px;
  right: 0;
  width: 80px;
  height: 203px;
  z-index: 10;
}

.right_bar li {
  width: 62px;
  height: 35px;
  z-index: 20;
}

.right_bar li.rtbar_li1{
  position: absolute;
  left: 0;
}

.right_bar li.rtbar_li4 {
  position: absolute;
  left: 0;
}


.right_bar li.rtbar_li1 {
  top: 0;
  width: 150px;
  left: -35px !important;
}

.right_bar li.rtbar_li2 {
  position: absolute;
  top: 40px;
  left: -35px !important;
  width: 150px;
}

.right_bar li.rtbar_li3 {
  position: absolute;
  top: 80px;
  left: -35px !important;
  width: 150px;
}

.right_bar li.rtbar_li4 {
  top: 120px;
  left: -35px !important;
  width: 150px;
}

.rtbar_li4 {
  position: absolute;
  top: 153px;
  left: 0;
}
.rtbar_li5 {
  position: absolute;
width: 150px !important;
    left: -35px !important;
 /* top: 160px;*/
  top:120px;
}
.right_bar li a {
    display: block;
    color: #FFF;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    background-color:#cabd9e;
    opacity: 1;
    border-radius: 30px;
    /* background: linear-gradient(to left,#4e27ab,#5783ff); */
    background-image:linear-gradient(200deg, #cabd9e 0%, #c2ac74 100%);
}

.right_bar li a img {
  display: block;
  float: left;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin: 8px 5px 8px 10px;
}

.right_bar li a:hover {
  background-color: #0254a6;
  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;
}