.tta-main-left{
  width: 90%;
  height:100%;
}
.tta-main-left .main-left-title{
  height: 80px;
}
.tta-main-left .main-left-title .left-title-text{
  height:100%;
  text-indent: 10px;
  float:left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tta-main-left .main-left-title .left-title-text span{
  font-size: 20px; font-weight: bold;
}
.tta-main-left .main-left-title .left-title-select{
  width: 40%;
  height:100%;
  float:right;
  display: flex;
  justify-content: right;
  align-items: center;
}
.tta-main-left .main-left-title .left-title-select span{
  font-size: 16px;
  margin:15px;
}
.tta-main-left .main-left-title .left-title-select select{
  width: 60%;
  height: 70%;
  margin:10px;
  font-size: 16px;
  border-radius: 10px; border: 1px solid #1980fa;
}
.select_option{ height: 35px; line-height: 35px; background-color: #dad8f9}
.tta-main-left .main-left-content{
  width:100%;
  padding: 10px;
  height: calc(100% - 80px); border: 1px solid #ebebeb; border-radius: 15px; background: #fcfcfd;
}
.tta-main-left .main-left-content textarea{
  width:100%;
  height: calc(100% - 50px);
  padding: 10px;
  resize: none;
  border: none;
  border-radius: 10px;
  background: #fcfcfd;
}
.tta-main-left .main-left-content textarea:focus .main-left-content, .tta-main-left .main-left-content:hover{
  border:1px solid #1e9fff !important;
}
.tta-main-left .main-left-content textarea:focus{
  border: none !important; box-shadow:none !important;
}
.tta-main-left .layui-input:focus, .layui-textarea:focus{
  border: none !important;
}
.tta-main-left .main-left-control{
  width:100%;
  height: 50px;
  display: flex;
  justify-content: space-between;
}
.tta-main-left .main-left-control .control-left{
  width: 20%;
  height: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
}
.tta-main-left .main-left-control .control-right{
  width: 40%;
  height: 100%;
  display: flex;
  justify-content: right;
  align-items: center;
}
.tta-main-left .main-left-control .control-left select{
  width: 90%;
  height:50%;
  margin:5px;
}

.control-right .control-right-char{
  margin:0 2%;
}
.control-right .control-right-clear{
  margin:0 2%;
}
.control-right .control-right-build{
  width: 45%;
  margin:0 2%;
}
.control-right .control-right-build button{
  width: 100%;
  background-color: #1e9fff;
  border-radius: 100px !important;
}

.layui-tab-brief > .layui-tab-title .layui-this{
  color: #1e9fff;
  border-bottom: 2px solid #1e9fff;
}

.layui-tab-brief > .layui-tab-title .layui-this::after {
  content: none !important; /* 彻底移除生成内容 */
}

.tta-main-right{
  margin-left:2%;
  margin-top: 15px;
  width: calc(25% - 30px);
  min-width:290px;
  height: calc(100% - 20px);
  overflow-y: hidden;
  padding: 5px 15px 10px;
  background: #fcfcfd;
  border: 1px solid #ebebeb;
  border-radius: 12px;
}
.tta-main-right .tab-form {
  display: flex;
  flex-direction: column;
}
.tta-main-right .layui-tab{
  height: 100%;
  margin-top: 5px !important;
  /*font-size: 14px;
  font-weight: bold;*/
}
.tta-main-right .layui-tab .layui-tab-title{
  display: flex;align-items: center;height: 38px;gap: 20px;
}
.tta-main-right .layui-tab .layui-tab-title li {
  color: #999;
  min-width: auto;
  padding:0;
}
.tta-main-right .layui-tab .layui-tab-content{
  margin:0;
  padding: 5px 0 15px;
  height:calc(100% - 30px); overflow: scroll;
}
.layui-tab .layui-tab-content .layui-tab-item{
  height: 100%;
}
.tab-form .form-item{
  margin:3% 0;
  width: 100%;
  height: 35%;
}
.tab-form .form-item .item-title label {
  display: block;
  font-weight: bold;
}
.tab-form .form-item .reset_btn {
  font-size: 12px;
  color: #999;
  cursor: pointer;
}
.tab-form .form-item .reset_btn:hover{
  color:#333;
}
.tab-form .form-item .reset_btn i{
  font-size: 12px;
}
.tab-form .form-item .item-main{
  margin:3% 0;  
}
.form-item .emotion-select{
  width: 100%;
  padding: 1% 0;
}

.item-main .timbre-switch{
  border: 1px solid #e5e5eb;
  width: 100%;
  /*height: 75px;*/
  border-radius: 10px;
  display: flex;
  cursor: pointer;
  background-color: #c8ceda26;
  gap: 5px;
  height: auto;
  padding: 8px;
}
.item-main .timbre-switch:hover{
  border: 1px solid #1980fa;
}
.timbre-switch .timbre-switch-left{
  width: 55px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.timbre-switch-left img{
  width: 55px;
  height: 55px;
  border-radius: 10px;
}
.timbre-switch .timbre-switch-main{
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.timbre-switch-main .timbre-switch-main-title{
  margin:0; font-weight: normal; height: 25px; line-height: 15px;
}
.timbre-switch-main .timbre-switch-main-language{
  margin:0; font-size: 12px;
}
.timbre-switch-main-language span{
  background-color: #806d6d;
  border-radius: 5px;
  padding: 2px 5px;
  color: #fff;
  margin-right: 5px;
  font-size: 12px;
  font-weight: normal;
}
.timbre-switch .timbre-switch-right{
  width: 15%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.timbre-switch .timbre-switch-right span{
  font-size: 14px;
}
.timbre-switch .timbre-switch-right svg:hover{

}
.timbre-adjust-item{
  margin:3% 0;
  width: 100%;
  height: 35%;
}
.timbre-adjust-item:hover{
  cursor: pointer;
}
.timbre-adjust-item label{
  float:left;
  font-weight: bold;
}
.timbre-adjust-item svg{
  float:right;
}
.history-scroll{
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding-top:5px;
  gap:3px;
}
.history-scroll .scroll-item{
  margin:0;
  padding:8px 12px 8px 5px;
  width:100%;
  /*height:77px;
  border: 1px solid #ebebeb;*/
  height:auto;
  display: flex;
  border-radius: 5px;
  cursor: pointer;
  gap:5px;
}
.history-scroll .scroll-item:hover{
   /*border: 1px solid #1980fa;*/
  background-color: aliceblue;
  border-radius: 10px;
}

.history-scroll .scroll-item-select{
  border:1px solid #1e9fff;
  border-radius: 10px;
}

.history-scroll .scroll-play{
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.history-scroll .scroll-play .audio-overlay{
  width: 40px;
  height: 40px;
  left: auto;
  top: auto;
  display: flex;
}
.history-scroll .scroll-play img{
  width: 40px;
  height: 40px;
  border-radius: 10px;
}
.history-scroll .scroll-info{
  /*width: 70%;
  height: 100%;*/
  width: calc(100% - 50px);
  height:auto;
  display: flex;
  flex-direction: column;
  gap:5px;
  padding-left: 1%;
}
.history-scroll .scroll-info .scroll-info-filename{
  font-size: 12px;
  line-height: 16px;
}
.history-scroll .scroll-info .scroll-info-date{
  font-size: 10px;
  color: #aba8a8;
  width:auto;
  min-width: 87px;
}
.history-scroll .scroll-info div{
  width: 100%;
  /*margin:2% 0;
  height: 25px;*/
  margin: 0;
  overflow: hidden;
}
.history-scroll .scroll-info .bottom{
  font-size: 10px;
  line-height: 16px;
  color:#0009;
  gap:10px;
}
.history-scroll .scroll-info .bottom .tag{
  width: auto;
}
.history-scroll .scroll-ctrl{
  width: 50px;
  height: 25px; overflow: hidden; padding:  10px; margin-top: 5px;
  /*display: flex;*/
  display: none;
  justify-content: center;
  align-items: center;
}
.history-scroll .scroll-ctrl a{
  margin:0 10%;
}