.history-wrapper .history-head {
  line-height: 17px;
  font-size: 12px;
  letter-spacing: 0;
  color: #C2C2C4;
  padding: 15px 0 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.history-wrapper .history-head-left {
  float: left;
}
.history-wrapper .history-head-right {
  float: right;
  /*.zhankai {
      position: relative;
      &:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        top: 7px;
        right: -8px;
        background-position: 0 -1px;
        background-image: url(~@/assets/images/icon_@2x.png);
        background-repeat: no-repeat;
      }
      &:hover {
        &:after {
          background-position: -32px -1px;
        }
      }
    }
    .shouqi {
      position: relative;
      &:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        top: 6px;
        right: -8px;
        background-position: -16px -1px;
        background-image: url(~@/assets/images/icon_@2x.png);
        background-repeat: no-repeat;
      }
      &:hover {
        &:after {
          background-position: -48px -1px;
        }
      }
    }*/
}
.history-wrapper .history-head-right i {
  float: right;
  width: 1px;
  height: 8px;
  background-color: #cfcfcf;
  margin: 5px 8px 0;
}
.history-wrapper .history-head-right span {
  float: right;
  cursor: pointer;
  color: #999;
}
.history-wrapper .history-head-right span:hover {
  color: #4f6ef2;
}
.history-wrapper .history-head-right .shezhi {
  position: relative;
}
.history-wrapper .history-head-right .shezhi span {
  display: none;
  position: absolute;
  bottom: -42px;
  right: -47px;
  width: 114px;
  height: 45px;
  line-height: 48px;
  text-align: center;
  color: #999;
  background-color: #fff;
  z-index: 10000;
  background: url(//www-stream.2345cdn.net/s/new2345/img/setting_bg82008d231bc47fee26d3789bc15b667f.png) no-repeat;
}
.history-wrapper .history-head-right .shezhi:hover span {
  display: block;
}
.history-wrapper .history-head-right .shezhi:hover span:hover {
  color: #4f6ef2;
}
.history-wrapper .history-head-right .jinzhi {
  color: #cfcfcf;
  cursor: auto;
}
.history-wrapper .history-head-right .jinzhi:hover {
  color: #cfcfcf;
}
.history-wrapper .history-item-wrapper {
  overflow: hidden;
  max-height: 55px;
}
.history-wrapper .history-item-wrapper .history-item {
  margin: 0 8px 8px 0;
  background-color: #f3f3f3;
  display: inline-block;
  vertical-align: top;
  border-radius: 2px;
  height: 22px;
  line-height: 22px;
  padding: 0 6px;
  position: relative;
  text-decoration: none;
  font-size: 12px;
  cursor: pointer;
}
.history-wrapper .history-item-wrapper .history-item span {
  display: inline-block;
  vertical-align: text-bottom;
  white-space: nowrap;
  overflow-x: hidden;
  color: #666;
  max-width: 130px;
  text-overflow: ellipsis;
}
.history-wrapper .history-item-wrapper .history-item span:hover {
  color: #333;
}
.history-wrapper .history-item-wrapper .history-item i {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: 5px 0 2px 8px;
  background: url(//www-stream.2345cdn.net/s/new2345/img/icon_baidu_searchbbe4cbf981bdd3bb19007a9f842aa5ed.png) no-repeat 0 0;
}
.history-wrapper .history-item-wrapper .history-item i:hover {
  background-position: -11px 0;
}