.ai-answer[data-v-e29529f6] {
  font-size: 14px;
  /* background-color: #000;
  width: 100%;
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%);
  width: 280px;
  z-index: 2; */
}
.ai-answer .bottom-box[data-v-e29529f6] {
  position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translate(-50%);
  width: 477px;
  z-index: 2;
}
.ai-answer .bottom-box .answer[data-v-e29529f6] {
  width: 100%;
  max-height: 290px;
  background-color: #eeedec80;
  border-radius: 6px;
  margin-bottom: 10px;
  overflow: auto;
  color: #000;
  padding: 10px;
  line-height: 20px;
  position: relative;
  border: 2px solid #fff;
}
.ai-answer .bottom-box .answer .answer-close[data-v-e29529f6] {
  background: url(../assets/images/Frame@2x.83549a73f5021f6ace38c45a4be29021.png) no-repeat center;
  background-size: 60%;
  background-color: #eeedec80;
  width: 22px;
  height: 22px;
  border-radius: 22px;
  border: 2px solid #fff;
  position: fixed;
  top: -9px;
  right: -4%;
}
.ai-answer .bottom-box .question-list[data-v-e29529f6] {
  width: 100%;
  display: flex;
  white-space: nowrap;
  overflow-x: scroll;
  margin-bottom: 10px;
  /* 隐藏滚动条 */
  scrollbar-width: none;
  /* firefox */
  -ms-overflow-style: none;
  /* IE 10+ */
}
.ai-answer .bottom-box .question-list[data-v-e29529f6]::-webkit-scrollbar {
  display: none;
  /* Chrome Safari */
}
.ai-answer .bottom-box .question-list .list-item[data-v-e29529f6] {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 4px;
  margin-right: 10px;
  padding: 10px 20px;
  font-size: 12px;
  cursor: pointer;
}
.ai-answer .bottom-box .input-box[data-v-e29529f6] {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 10px;
}
.ai-answer .bottom-box .input-box .btn-icon[data-v-e29529f6] {
  width: 32px;
  height: 32px;
  margin: 0 10px;
  cursor: pointer;
}
.ai-answer .bottom-box .input-box .btn-icon.microphone[data-v-e29529f6] {
  background: url(../assets/images/microphone-grey.b9f878a39d8a6f1ae27bdb16b3f582bd.png) no-repeat;
  background-size: 100% 100%;
}
.ai-answer .bottom-box .input-box .btn-icon.microphone[data-v-e29529f6]:hover {
  background: url(../assets/images/microphone.40b0352e8239b6b13a5644cf0484f10d.png) no-repeat;
  background-size: 100% 100%;
}
.ai-answer .bottom-box .input-box .btn-icon.keyboard[data-v-e29529f6] {
  background: url(../assets/images/keyboard-grey.e835ee8e7b980e7893d26a8b5c97d24d.png) no-repeat;
  background-size: 100% 100%;
}
.ai-answer .bottom-box .input-box .btn-icon.keyboard[data-v-e29529f6]:hover {
  background: url(../assets/images/keyboard.09b1c42d214635aeb802e19314451982.png) no-repeat;
  background-size: 100% 100%;
}
.ai-answer .bottom-box .input-box .analysis-input[data-v-e29529f6] {
  width: 315px;
  line-height: 32px;
  background-color: #33333370;
  border-radius: 2px;
  color: #b1b4bb;
  padding: 0 15px;
  margin-right: 10px;
}
.ai-answer .bottom-box .input-box[data-v-e29529f6] .el-textarea {
  width: 315px;
  margin-right: 10px;
}
.ai-answer .bottom-box .input-box[data-v-e29529f6] .el-textarea__inner {
  background-color: #33333370;
  border-radius: 2px;
  border: none;
  color: #fff;
  resize: none;
  overflow: hidden;
}
.ai-answer .bottom-box .input-box .analysis-speek[data-v-e29529f6] {
  width: 385px;
  line-height: 32px;
  padding: 0 20px;
  background-color: #3ca909;
  border-radius: 2px;
  border: none;
  color: #fff;
  cursor: pointer;
  text-align: center;
}
.ai-answer .bottom-box .input-box .speek-btn[data-v-e29529f6] {
  width: 385px;
  line-height: 32px;
  padding: 0 20px;
  background-color: #3ca909;
  border-radius: 2px;
  border: none;
  color: #fff;
  cursor: pointer;
  text-align: center;
}
.ai-answer .bottom-box .input-box .speek-btn.green[data-v-e29529f6] {
  background-color: #339307;
  color: #fff;
}
.ai-answer .bottom-box .input-box .button[data-v-e29529f6] {
  width: 60px;
  line-height: 32px;
  text-align: center;
  background: #2991f1;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  margin: 0;
  padding: 0;
  margin-right: 20px;
}
.ai-answer .bottom-box .analysis-shade[data-v-e29529f6] {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai-answer .volume-box[data-v-e29529f6] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.ai-answer .volume-box .volume-icon[data-v-e29529f6] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 110px;
  border-radius: 4px;
  background-color: #0008;
}
.ai-answer .volume-box .volume-icon img[data-v-e29529f6] {
  position: absolute;
  width: 36px;
  height: 45px;
  top: 20%;
  left: 50%;
  transform: translate(-50%);
}
.ai-answer .volume-box .volume-icon p[data-v-e29529f6] {
  width: 100%;
  color: #fff;
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
}
@media screen and (orientation: portrait) and (max-device-width: 768px) and (max-device-height: 1024px) {
.ai-answer .bottom-box[data-v-e29529f6] {
    width: 20rem !important;
    bottom: 0;
}
.ai-answer .bottom-box .input-box .el-textarea[data-v-e29529f6] {
    width: 11.8rem !important;
}
.ai-answer .bottom-box .input-box .analysis-input[data-v-e29529f6] {
    width: 11.8rem !important;
}
.ai-answer .bottom-box .input-box .speek-btn[data-v-e29529f6] {
    width: 16.2rem !important;
}
.ai-answer .bottom-box .input-box .analysis-speek[data-v-e29529f6] {
    width: 16.2rem !important;
}
.ai-answer .bottom-box .input-box .btn-icon.microphone[data-v-e29529f6] {
    margin-left: 0;
}
.ai-answer .bottom-box .input-box .button[data-v-e29529f6] {
    margin: 0;
}
.ai-answer .bottom-box .input-box .btn-icon.keyboard[data-v-e29529f6] {
    margin-left: 0;
}
}
@media all and (orientation: landscape) and (max-device-width: 1024px) {
.ai-answer .bottom-box[data-v-e29529f6] {
    width: 23rem !important;
    bottom: 0;
    transform: translate(-50%) scale(0.8);
}
.ai-answer .bottom-box .input-box .el-textarea[data-v-e29529f6] {
    width: 14.8rem !important;
}
.ai-answer .bottom-box .input-box .analysis-input[data-v-e29529f6] {
    width: 14.8rem !important;
}
.ai-answer .bottom-box .input-box .speek-btn[data-v-e29529f6] {
    width: 19.2rem !important;
}
.ai-answer .bottom-box .input-box .analysis-speek[data-v-e29529f6] {
    width: 19.2rem !important;
}
.ai-answer .bottom-box .input-box .btn-icon.microphone[data-v-e29529f6] {
    margin-left: 0;
}
.ai-answer .bottom-box .input-box .button[data-v-e29529f6] {
    margin: 0;
}
.ai-answer .bottom-box .input-box .btn-icon.keyboard[data-v-e29529f6] {
    margin-left: 0;
}
}