.page-box {
  margin: 20px auto;
  text-align: center;
}
.page-box .el-pagination__editor.el-input {
  width: 70px !important;
}
.page-box .el-pagination__editor.el-input .el-input__inner {
  text-indent: 0 !important;
}
@charset "UTF-8";
.product-search[data-v-cb25efc0] .el-input-group__append {
  padding: 0 10px;
}
.product-name[data-v-cb25efc0] {
  width: 200px;
  display: -webkit-box; /* 1. 将对象作为弹性伸缩盒子模型显示 */
  -webkit-line-clamp: 2; /* 2. 限制在一个块元素显示的文本的行数（这里设置为2行） */
  -webkit-box-orient: vertical; /* 3. 设置或检索伸缩盒对象的子元素的排列方式（垂直排列） */
  overflow: hidden; /* 4. 超出隐藏 */
  text-overflow: ellipsis; /* 5. 用省略号隐藏溢出范围内的文本 */
  white-space: wrap;
}
.right-area[data-v-cb25efc0] {
  width: 240px;
  border-left: 1px solid #e4e7ed;
  padding-left: 20px;
}
.right-area > .top[data-v-cb25efc0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  font-size: 15px;
  font-weight: bold;
}
.right-area > .top .count[data-v-cb25efc0] {
  font-size: 15px;
  font-weight: bold;
}
.right-area > .top .el-icon-delete[data-v-cb25efc0] {
  font-size: 18px;
  cursor: pointer;
}
.right-area > .product-content .empty[data-v-cb25efc0] {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #909399;
}
.right-area > .product-content .product-list[data-v-cb25efc0] {
  max-height: 550px;
  overflow-y: auto;
}
.right-area > .product-content .product-list[data-v-cb25efc0]::-webkit-scrollbar {
  width: 6px; /* 垂直滚动条的宽度 */
  height: 6px; /* 水平滚动条的高度 */
}
.right-area > .product-content .product-list .product-item[data-v-cb25efc0] {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #f5f7fa;
}
.right-area > .product-content .product-list .product-item > .product-name[data-v-cb25efc0] {
  margin-left: 10px;
  width: 130px;
  display: -webkit-box; /* 1. 将对象作为弹性伸缩盒子模型显示 */
  -webkit-line-clamp: 2; /* 2. 限制在一个块元素显示的文本的行数（这里设置为2行） */
  -webkit-box-orient: vertical; /* 3. 设置或检索伸缩盒对象的子元素的排列方式（垂直排列） */
  overflow: hidden; /* 4. 超出隐藏 */
  text-overflow: ellipsis; /* 5. 用省略号隐藏溢出范围内的文本 */
  white-space: wrap;
  line-height: 20px;
}
.right-area > .product-content .product-list .product-item > .el-icon-delete[data-v-cb25efc0] {
  margin-left: 15px;
  font-size: 17px;
  cursor: pointer;
}