@charset "utf-8";
/* CSS Document */

* {
  box-sizing: border-box;
}

h1 {
  font-size: 1.2em;
  margin-left: 10px;
  margin-right: 10px;
  margin-block-start: 0em;
  margin-block-end: 0em;
}

table {
  width: 100%;
  border-collapse: collapse;
}

table,
th,
td {
  border: 1px solid gray;
}

a:hover,
button:hover,
select:hover,
#onemenuBtn:hover,
.logout:hover,
a:focus,
button:focus,
.menuButton:hover {
  background-color: white;
  color: rgb(90, 90, 90);
}

.popup-menu li:hover,
.popup-menu a:hover,
.popup-menu a:focus {
  background-color: rgb(90, 90, 90);
  color: white;
}

.logout,
button {
  background-color: rgb(90, 90, 90);
  color: white;
}

/* 可点击指针 */
.logout,
button,
#onemenuBtn {
  cursor: pointer;
  margin: 0 4px;
}

/* 表中选中行 */
.selected,
div[selected="true"] {
  background-color: rgb(150, 142, 228);
  color: white;
}

.orderodd,
.ordereven {
  border-top: 8px solid #999;
  margin-top: 20px;
  margin-bottom: 20px;
}

.flex-hcenter {
  display: flex;
  justify-content: center;
  /* 水平居中 */
  align-items: center;
  /* 垂直居中 */
  height: 60vh;
  /*父容器高度，例如100%视口高度 */
}

.flex-hbottom {
  display: flex;
  justify-content: center;
  /*水平居中 */
  align-items: end;
  /* 垂直底部对齐 */
  height: 60vh;
  /*父容器高度，例如100%视口高度 */

  /* border: 1px solid black; */
}

.scrollable-container {
  display: flex;
  justify-content: center;
  /*水平居中 */
  /* width: 300px; */
  /* 容器的宽度 */
  /* height: 100px; */
  /* 容器的高度 */
  align-items: center;
  overflow: auto;
  /* 当内容超出容器大小时显示滚动条 */
  /* border: 1px solid #ccc; */
  /* 容器的边框，便于观察 */
}

.pscaptionrow,
.psdatarow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #999;
}

.flexbox {
  display: flex;
  flex-wrap: wrap;
}

/* 输入一个单元 */
.inlineInput2btn,
.inlineInput {
  display: flex;
  flex-wrap: nowrap;
  margin: 2px 10px 2px 0px;
  align-items: center;
}

.tablep {
  background-color: rgb(179, 210, 227);
}

.orderodd,
.ordereven {
  background-color: rgb(219, 230, 247);
  color: black;
}

/* 整个输入区域 */
.inputContainer {
  display: flex;
  flex-wrap: wrap;
}



/* 数据库输入 */
.dbinput {
  position: sticky;
  top: var(--title-height);
  background-color: ghostwhite;
  z-index: 10;
}

/* 输入标题 */
.inCaption {
  text-align: right;
  padding-right: 10px;
  /* flex:1; */
  width: var(--inCaptionWidth);
}

/* 输入数据 */
.inData>* {
  width: var(--inputWidth);
}

.inDataLong>* {
  width: var(--inputWidthLong);
}

/* 文件路径输入 */
.inPath>* {
  min-width: var(--inputWidthPath);
}

/* 产品类型容器设置 */
.catgeryContainer {
  display: flex;
  flex-wrap: wrap;
}

/* 多行，日期输入 */
.inData>textarea,
input[type="date"] {
  width: auto;
}

/* 只放一列的少量信息窗口 */
.onecol {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* 小项目容器 */
.discrib-item>.itemtitle {
  display: flex;
  border-bottom: 1px solid gray;
  /* justify-content: center; */
  align-items: end;
}

.itemtitle h2 {
  /* height: 18px; */
  padding-left: 20px;
  margin-block-end: 0px;
}

/* flex 居中布置 */
.flexcentercnt {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
}

.mainprodctn p {
  text-indent: 2em;
}

.flexoneimg {
  display: flex;
  flex-wrap: wrap;
}

.flexoneimg>img {
  width: 100%;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}