.index #body-right-fixed {
  top: 400px;
}

#body-right-fixed {
  position: absolute;
  top: 30px;
  right: 0;
  z-index: 30;
  width: 127px;
  overflow: hidden;
}
#body-right-fixed.position-fixed {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  position: fixed;
}

.body-right-fixed .body-right-fixed-smcontainer {
  position: relative;
  height: 105px;
  cursor: pointer;
}
.body-right-fixed .body-right-fixed-smcontainer > .absolute-container {
  width: 107px;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(95, 101, 129, 0.302);
  border-radius: 100px 0px 0px 100px;
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  height: 74px;
  left: 48px;
  top: 10px;
}
.body-right-fixed .body-right-fixed-smcontainer .detail-container {
  right: 0px;
  top: 17px;
  color: #444;
  white-space: nowrap;
}
.body-right-fixed .body-right-fixed-smcontainer .detail-container img {
  width: 29px;
}
.body-right-fixed .body-right-fixed-smcontainer .detail-container span:first-child {
  visibility: hidden;
}
.body-right-fixed .body-right-fixed-smcontainer .detail-container span:last-child {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 13px;
  color: #444;
}
.body-right-fixed .body-right-fixed-smcontainer.active .detail-container span:last-child {
  color: #fff;
}
.body-right-fixed .body-right-fixed-smcontainer.active .absolute-container {
  background: #245cff;
}

/*# sourceMappingURL=body-right.css.map */