input:-internal-autofill-previewed,
input:-internal-autofill-selected {-webkit-text-fill-color: #2a2d33;transition: background-color 5000s ease-out 0.5s;}


.cdai{max-width: 1200px; margin: 15px auto; overflow: hidden;}
.ai-zc{width: 70%;float: left;}
.ai-zc .rq{width: 100%; overflow: hidden;border-radius: 3px; background-color: #fff; box-shadow: 0 0 15.8px rgba(135, 183, 253, 0.1); padding: 15px 20px; box-sizing: border-box; margin-bottom: 15px;}


.ai-zc .zc-yi{overflow: hidden; float: left; width: 100%; padding: 0px 0px 30px 0px;}
.ai-zc .zc-yi .yi-logo{width:100%;text-align:center;padding:50px 0px 35px 0px;}
.ai-zc .zc-yi form{width: 80%;margin: 0 auto;display: flex ; justify-content: space-between;}
.ai-zc .zc-yi textarea{height: 100px; line-height: 50px; border: 2px #d9c49e solid; outline: none; width: 78%; float: left; border-radius: 5px;  padding: 0px 3%; box-sizing: border-box;font-size: 16px;}
.ai-zc .zc-yi textarea:focus{border-color:#a77a3e;z-index:999999;}
.ai-zc .zc-yi .yi-an{display: flex ; flex-direction: column; justify-content: space-between; width: 20%;}
.ai-zc .zc-yi .yi-an .btn{height: 44px; line-height: 44px; width: 100%;  cursor: pointer; border-radius: 5px; box-sizing: border-box; font-size: 18px;}
.ai-zc .zc-yi .yi-an .tjan{background: #a77a3e; color: #fff; border: 1px #a77a3e solid;}
.ai-zc .zc-yi .yi-an .tjan:hover{background:#996f37;border: 1px #996f37 solid;}
.ai-zc .zc-yi .yi-an .qcan{background: #fdf8e8; color: #996f37; border: 1px #d89e53 solid;}
.ai-zc .zc-yi .yi-an .qcan:hover{background:#ebe6d6;border: 1px #996f37 solid;}

.yi-jg{width: 80%; margin: 20px auto; padding: 1.5%; box-sizing: border-box; overflow-y: auto; border: 2px #dcb790 dashed; background: #fcfcfc;}
.yi-jg .empty-state { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5% 0 7% 0; text-align: center;} 
.yi-jg .empty-icon { font-size: 5rem; margin-bottom: 20px; opacity: 0.3; }
.yi-jg .empty-title{margin-bottom: 7px;}
.yi-jg .empty-text{line-height: 2;}
.yi-jg .user-message{width: 100%; background: #b1783b; line-height: 40px; font-size: 18px; padding: 1%; box-sizing: border-box; color: #fff;}
.yi-jg .assistant-bubble{line-height: 2; font-size: 16px; background: #fff8e8; border: 1px #bd7536 solid; padding: 3%;margin-bottom: 15px;}
.yi-jg .assistant-bubble p{margin-bottom: 15px;}
.yi-jg .assistant-bubble ul{}
.yi-jg .assistant-bubble ul li{}
.yi-jg .assistant-bubble .assistant-avatar{display: none;}

.categories{width: 80%; margin: 20px auto;}
.category-title{line-height: 3; border-bottom: 1px #ccc solid; margin-bottom: 15px;}
.symbols-grid{display: flex ; flex-direction: row; flex-wrap: wrap;}
.symbols-grid .symbol-item{width: 24%; margin: 5px 0.5%;  text-align: center;  border-radius: 2px; height: 32px; line-height: 32px;  box-sizing: border-box;cursor: pointer;background: #b1783b;color: #fff;}
.symbols-grid .symbol-item:hover{background: #ac7336;}

#aiok21 table { border-left: 1px #ccc solid; border-top: 1px #ccc solid; border-spacing: 0px; width: 100%; margin-top: 15px; }
#aiok21 thead { background: #e4f5fd; } 
#aiok21 th { border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 7px; font-size: 14px; background: #a0522d; color: #fff; } 
#aiok21 td { border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 7px; text-align: center;line-height: 2; }



.tyyce{width: 28%; float: right;}
.tyyce .rq{width: 100%; overflow: hidden;border-radius: 3px; background-color: #fff; box-shadow: 0 0 15.8px rgba(135, 183, 253, 0.1); padding: 15px 20px; box-sizing: border-box; margin-bottom: 15px;}
.tyyce .bt{width: 100%; border-bottom: 1px #ccc solid;overflow: hidden; line-height: 50px;float: left;font-size: 20px;font-weight: bold;color:#996f37;   }
.tyyce .nr{overflow: hidden; padding-top: 10px;width: 100%;}


.tyyce .liysyjs .nr p{line-height:32px;text-indent:2em;text-align:justify;}
.tyyce .liysyjs .nr div {text-align:center;margin:5px 0px;}
.tyyce .liysyjs .nr div img{width:100%; border-radius:5px;}

.tyyce .liyflcx ul{overflow: hidden; margin: 0px -1.5% 0px -1.5%; }
.tyyce .liyflcx ul li{width: 47%; float: left;text-align: center; background: #996f37;color: #fff;border-radius: 2px;height: 36px; line-height: 36px; margin: 5px 1.5%;}
.tyyce .liyflcx ul li:hover{background: #866231;}



@media (max-width: 768px){
    .cdai{padding: 0px 1.5%; box-sizing: border-box;margin: 10px auto;}
    .ai-zc{width: 100%;}
    .ai-zc .zc-yi .yi-logo{ padding: 20px 0px 15px 0px}
    .ai-zc .zc-yi form{width: 100%;flex-direction: column;}
    .ai-zc .zc-yi textarea{width: 90%;margin: 15px auto;}
    .ai-zc .zc-yi .yi-an{flex-direction: row; width: 90%;margin:0 auto;}
    .ai-zc .zc-yi .yi-an .btn{width: 49%;}
    .yi-jg{width: 90%;}
    
	.tyyce{width: 100%;margin-top:15px;}

}