body {
  position: relative; }

.side_bar {
  display: none;
  position: fixed;
  right: 0;
  width: 56px;
  z-index: 1;
  overflow: hidden; }
  .side_bar > div {
    width: 100%;
    height: 25%;
    margin-left: 1px;
    background-color: #fff;
    cursor: pointer; }
    .side_bar > div.active {
      background-color: #383d9c; }
      .side_bar > div.active img {
        display: none; }
      .side_bar > div.active .txt {
        display: block; }
    .side_bar > div .txt {
      display: none;
      color: #fff;
      text-align: center;
      font-size: 12px;
      line-height: 56px;
      padding: 0; }
    .side_bar > div:first-child {
      position: relative; }
      .side_bar > div:first-child .radius {
        position: absolute;
        top: 8px;
        left: 4px;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #ff0707;
        color: #fff;
        font-size: 12px;
        line-height: 14px;
        text-align: center; }
      .side_bar > div:first-child.active {
        background-color: #383d9c; }
        .side_bar > div:first-child.active img {
          display: none; }
        .side_bar > div:first-child.active .txt {
          display: block; }
      .side_bar > div:first-child .txt {
        display: none;
        color: #fff;
        text-align: center;
        font-size: 12px;
        line-height: 56px;
        padding: 0; }

.compare_btn {
  position: absolute;
  top: 55px;
  left: 50%;
  width: 50%;
  height: 30px;
  margin-left: -25%;
  line-height: 30px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  background-color: #383d9c;
  cursor: pointer; }
  .compare_btn.cancel {
    background-color: #dcdcdc;
    color: #7a7a7a; }

/*# sourceMappingURL=side_bar.css.map */