.UserManager {
  width: 100%;
  height: 100%;
  padding: 32px 24px;
  /* padding-right: 6px; */
}

.search-bar {
  display: flex;
  justify-content: space-between;
  /* padding-bottom: 32px; */
} 
.search-bar:first-child {
  padding-bottom: 12px;
}
.search-label {
  font-size: 14px;
  color: #666;
  margin-right: 12px;
}
.search-bar .el-button {
  width: 76px;
}
.search-bar .el-input__inner,
.search-bar .el-date-editor{
  height: 34px !important;
}
.search-bar .el-button{
  height: 36px !important; 
}

.opera-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 17px;
}

.button-group {
  display: flex;
  gap: 12px;
  padding: 12px 0 6px;
}

.button-item {
  background: rgba(45, 156, 255, 0.12);
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  color: var(--theme-color);
  cursor: pointer;
  user-select: none;
}

.button-item:hover {
  background: #d2e8ff;
} 
.table {
  width: 96%;
  height: 455px;
  margin: 0 auto; 
}
.table .el-table__cell{
	padding: 4px 0;
}
.table .el-button [class*='el-icon']+span {
  margin-left: 4px;
}

.table .el-button {
  color: #506697;
}
.table .el-button.is-text {
  padding: 0;
}
.status-group {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-left: 10px;
}
.use-status,
.deactivate-status {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.use-status {
  background-color: #25d096;
}
.deactivate-status {
  background-color: #ff343d;
}
.link-button {
  font-size: 14px;
  font-weight: 400;
  color: #506697;
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 8px;
  user-select: none;
}
.upload-content {
  width: 100%;
/*  height: 145px;*/
  background-color: #f7fbfe;
  border: 1px dashed #d4d6d9;
  border-radius: 6px;
  margin: 12px 0 23px;
/*  display: flex;*/
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.upload-content>img {
  width: 52px;
  height: 44px;
  margin-bottom: 8px;
}
.upload-submit {
  width: 76px;
  height: 32px;
  background: #2d9cff;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  user-select: none;
}

.file-main {
  width: 100%;
  display: flex;
  padding: 0 16px;
}

.conten-l {
  flex: 1;
  display: flex;
  gap: 16px;
}

.file-main .conten-l img {
  width: 48px;
  height: 48px;
  margin-bottom: 0;
}

.file-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.conten-r {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 16px;
}

.pro-section {
  margin-top: 10px;
  color: #333;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pro-section .el-input {
  width: 120px;
  height: 36px;
}

.el-pagination {
  padding-top: 24px;
  padding-bottom: 32px;
  justify-content: center;
}
.el-upload-list__item{
	padding-bottom: 5px;
}
.el-upload-list__item-name{
	cursor: unset !important;
}