@charset "UTF-8";
.container {
  background-color: transparent;
}
.Consult {
  width: 100%;
  height: 100vh;
  display: flex;
}

.Consult .left-container {
  flex: 0 0 31.25vw;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.Consult .left-container .slide-container {
  height: 100%;
  white-space: nowrap;
  transition: all 0.3s;
}

.Consult .left-container .slide-container .slide-item {
  width: 31.25vw;
  height: 100%;
  display: inline-block;
  padding: 10.89vw 0;
  text-align: center;
  position: relative;
}

.Consult .left-container .slide-container .slide-item::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  display: block;
}

.Consult .left-container .slide-container .slide-item > div {
  position: relative;
  z-index: 2;
}

.Consult .left-container .slide-container .slide-item .logo img {
  width: 4.32vw;
}

.Consult .left-container .slide-container .slide-item .avatar {
  margin-top: 4.84vw;
}

.Consult .left-container .slide-container .slide-item .avatar img {
  width: 4.84vw;
  height: 4.84vw;
  border-radius: 50%;
  border: 0.26vw solid #fff;
}

.Consult .left-container .slide-container .slide-item .position {
  font-size: 1.25vw;
  color: #fff;
  margin-top: 3.8vw;
}

.Consult .left-container .slide-container .slide-item .position::after {
  content: "：";
}

.Consult .left-container .slide-container .slide-item .description {
  font-size: 0.73vw;
  line-height: 1.4vw;
  color: #fff;
  margin-top: 1.1vw;
  white-space: normal;
  padding: 0 4.5vw;
}

.Consult .left-container .slide-container .slide-item .description::before {
  content: "「";
}

.Consult .left-container .slide-container .slide-item .description::after {
  content: "」";
}

.Consult .right-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.Consult .right-container .logo {
  width: 8.18vw;
  position: absolute;
  top: 1.04vw;
  right: 1.82vw;
}

.Consult .right-container .logo img {
  width: 100%;
}

.Consult .right-container .form-container {
  width: 31.25vw;
  height: 43.8vw;
  background-color: #ffffff;
  box-shadow: 0.01vw 0.21vw 1.82vw 0vw rgba(0, 0, 0, 0.11);
  border-radius: 0.78vw;
  margin: 1.93vw auto 0;
  padding: 2.24vw 3.28vw;
  box-sizing: border-box;
}

.Consult .right-container .form-container .title {
  font-size: 1.56vw;
  color: #333;
  text-align: center;
}

.Consult .right-container .form-container .form-input-item,
.Consult .right-container .form-container .form-textarea-item {
  margin-top: 2.03vw;
}

.Consult .right-container .form-container .form-input-item:nth-child(2),
.Consult .right-container .form-container .form-textarea-item:nth-child(2) {
  margin-top: 3.07vw;
}

.Consult .right-container .form-container .form-input-item input:focus-visible,
.Consult
  .right-container
  .form-container
  .form-input-item
  textarea:focus-visible,
.Consult
  .right-container
  .form-container
  .form-textarea-item
  input:focus-visible,
.Consult
  .right-container
  .form-container
  .form-textarea-item
  textarea:focus-visible {
  outline-width: 0;
}

.Consult .right-container .form-container .form-input-item.error,
.Consult .right-container .form-container .form-textarea-item.error {
  border-color: red;
}

.Consult .right-container .form-container .form-input-item {
  width: 100%;
  height: 3.33vw;
  border: 0.05vw solid #d9d9d9;
  border-radius: 0.31vw;
  display: flex;
}

.Consult .right-container .form-container .form-input-item .icon {
  flex: 0 0 2.9vw;
  text-align: center;
  line-height: 2.9vw;
}

.Consult .right-container .form-container .form-input-item .icon img {
  width: 1.2vw;
}

.Consult .right-container .form-container .form-input-item .input {
  width: 100%;
  height: 100%;
}

.Consult .right-container .form-container .form-input-item .input input {
  width: 100%;
  height: 100%;
  border: 0;
  line-height: 3.33vw;
  font-size: 0.83vw;
}

.Consult .right-container .form-container .form-textarea-item {
  width: 100%;
  height: 7.24vw;
  border: 0.05vw solid #d9d9d9;
  border-radius: 0.31vw;
  box-sizing: border-box;
  padding: 1.15vw;
}

.Consult .right-container .form-container .form-textarea-item textarea {
  width: 100%;
  height: 100%;
  border: 0;
  resize: none;
}

.Consult .right-container .form-container .form-button {
  margin-top: 2.5vw;
}

.Consult .right-container .form-container .form-button button {
  width: 24.74vw;
  height: 3.33vw;
  font-size: 1.04vw;
  color: #fff;
  border-radius: 0.31vw;
  background: #5a65e9;
  box-shadow: none;
  border: 0;
}

.Consult .right-container .form-container .form-button button:active {
  background: #434caf;
}