body {
  background-image: linear-gradient(-225deg, #65379B 0%, #886AEA 53%, #6457C6 100%);
  margin: 0;
  padding: 0;
  height: 100vh;
}
.main-title {
  color: white;
  font-weight: bold;
  font-size: 80px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 200px;
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main-title .item {
  opacity: 0;
  transition: opacity 1s;
  /* 设置过渡效果 */
}
.main-title .item.show {
  opacity: 1;
}
.main-title .main-title-input {
  margin-right: 50px;
  top: 50px;
  position: relative;
  width: 600px;
  display: flex;
  height: 60px;
  font-size: 12px;
}
.main-title .main-title-input input {
  height: 100%;
}
.main-title .main-title2 .item {
  opacity: 0;
  transition: opacity 1s;
  /* 设置过渡效果 */
}
.main-title .main-title2 .item.show {
  opacity: 1;
}
#inputData {
  flex: 3.3;
  padding: 0 0 0 35px;
  border-radius: 10px 0 0 10px;
  border: none;
  height: 100%;
}
#inputbutton {
  border: none;
  border-radius: 0 10px 10px 0;
  flex: 1;
  margin: 0;
  padding: 0;
  height: 100%;
  background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
}
::placeholder {
  color: #999;
  /* 设置提示文本的颜色 */
  font-style: italic;
  /* 设置提示文本的斜体样式 */
  padding-left: 20px;
}
.ToBeiAn {
  position: absolute;
  bottom: 50px;
  left: 50px;
}
.ToBeiAn1 {
  position: absolute;
  left: 50px;
  bottom: 65px;
}