.hybody {
  position: fixed;  /* 让元素固定在视口 */
  top: 0;
  left: 0;
  width: 100%;  /* 宽度设置为100% */
  height: 100%;  /* 高度设置为100% */
  background-image: url('../images/bg-mantonwater.png');
  background-position:0 auto auto 0;  /* 背景图片居中 */
  background-size: cover;  /* 背景图片覆盖整个元素 */
  background-repeat: no-repeat;
  border: 0;
  margin: 0;  /* 确保没有外边距 */
  padding: 0;  /* 确保没有内边距 */
  z-index: -1;
}
.tfont{
  position: absolute;
  top: 5rem;
  left: 50%; 
  transform: translateX(-50%); 
  width: 20rem;
}
.hfont{
  font-size: 3rem;
  color: #707070;
}
.wfont{
  font-size: 1.5rem;
  color: #707070;
}
.tbbody{
  position: absolute;
  top: 14rem;
  left: 50%; 
  transform: translateX(-50%); 
  width: 20rem;
  height: 20rem;
  border-radius: 3rem;
  background-color: #fff;
  
}
.lgtable{
  margin: 0 auto;
}
.lgtable th{
  text-align: center;
  color: #707070;
  font-size: 1rem;
  height: 2rem;
}
.lgtable td{
  text-align: center;
  color: #333333;
  font-size: 0.6rem;
  height: 2rem;
}
.inputtext{
  border-radius: 2rem;
  background-color: #f6f1f4;
  border: 0;
}
.inputtext input{
  border: none;
  outline: none;
}
.inputtext input:focus{
  border: none;
  outline: none;
}

.login-bg{
    position:absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.main {
    display: flex;
    justify-content: center; /* 左右居中 */
    align-items: center; /* 上下居中 */
    height: 100vh; /* 确保容器占据整个视口高度 */
    z-index: 2;
  }
  .lgtext{
    background-color: transparent; 
    border-radius: 5px; 
    height: 2rem;
    width: 15rem;
    border:solid 2px #cccccc; 
  }
  .lgsub{
    text-align:center;
  }
  .lgsub input{
    background-color: transparent;
    border-radius: 5px;
    border-color: #cccccc;
    font-size: 1rem;
    margin: 0 20px 0 20px;
    color: #333333;
  }