.auto-size-button {
  width: max-content;
  /* 根据内容自动调整宽度 */
  padding: 10px;
  /* 按钮内间距 */
  border: none;
  /* 无边框 */
  background-color: #007BFF;
  /* 背景颜色 */
  color: white;
  /* 文本颜色 */
  cursor: pointer;
  /* 鼠标悬停时显示指针 */
  font-size: 16px;
  /* 文本大小 */
  border-radius: 5px;
  /* 边框圆角 */
}

.auto-size-button:hover {
  background-color: #0056b3;
  /* 鼠标悬停时的背景颜色 */
}


.u-col1 label {
  white-space: nowrap;
  /* white-space: normal; 默认，空白会被浏览器忽略，文本会在达到元素宽度后自动换行 */
  /* word-break: break-all; 如果需要在任意字符间断开，可以使用这个属性 */
  /* word-wrap: break-word; 允许在长单词或URL地址内部换行 */

}


.button-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  /* 这会在按钮之间增加等间距 */
  align-items: center;
  padding: 10px;
  /* 这是按钮容器的内填充，可以调整间距 */
}


.column-type {
  display: inline-block;
  /* 或者 display: table; */
  width: auto;
  /* 确保宽度自适应 */
  white-space: nowrap;
  /* 不换行 */

  /* 其他样式 */
}

.button-type {
  margin: 10px;
  /* 这是按钮之间的外间距，可以调整 */
  /* padding: 10px; */
  /* 按钮内的填充，可以调整 */
  /* background: #007AFF; */
  /* color-scheme: #0056b3 ; */
  /* color: #14cbec; */
}


.button-type2 {
  margin-right: 50px;
  /* 按钮内的填充，可以调整 */

}





.number-box-type {
  display: flex;
  align-items: center;
  /* 垂直居中 */
  justify-content: flex-start;
  /* 水平左对齐 */
}



.qcbutton {
  display: flex;
  margin-right: 10px; /* 外边距 需要的间隔大小 */
  padding-right: 10px; /* 内边距 需要的间隔大小 */

  /* gap: 10px; 或者你需要的间隔大小 */
}


.qcradio {
  display: flex;
  flex-direction: column;
}