.clientGift {
  background-color: #fff;
}
.clientGift .ant-card-body {
  padding: 0;
}
.clientGift .search {
  height: 50px;
  overflow: hidden;
  padding-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.clientGift .search .formRowCol {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
}
.clientGift .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 195px);
  border-top: 1px solid #f3f3f3;
}
.clientGift .box .leftBox {
  width: 200px;
  height: calc(100vh - 195px);
  overflow-y: auto;
}
.clientGift .box .leftBox div {
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  color: #000;
  border-bottom: 1px solid #f3f3f3;
  border-right: 3px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10px;
  padding-left: 5px;
}
.clientGift .box .leftBox div span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  word-wrap: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clientGift .box .leftBox div:hover {
  color: #1784fc;
  background-color: #E9F2FF;
}
.clientGift .box .leftBox div.active {
  color: #1784fc;
  background-color: #E9F2FF;
  border-right-color: #1784fc;
}
.clientGift .box .rightBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  height: calc(100vh - 195px);
}
.clientGift .box .rightBox .total {
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  font-size: 16px;
  color: #3D3D3D;
}
.clientGift .box .rightBox .total b {
  color: #1784fc;
  margin-right: 10px;
}