@charset "UTF-8";

* {margin: 0px;padding: 0px;}
html,body{margin:0;padding:0; height: 100%; }
body {font-family: "微软雅黑", Arial, Helvetica, sans-serif;color: #666;font-size: 16px;}
ul,ol,li{list-style:none;}
img {border: 0px;}
input{outline:none;}

a {color:#000;text-decoration: none;}
a:hover {color:#000;text-decoration: underline;}
a.bluelink{color:#1278F5;}
a.orangelink{color:#ff6600;}
.number{font-family:Arial, Helvetica, sans-serif}

.border-box{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.opacity-box{-webkit-opacity:0.5;-moz-opacity:0.5;opacity:0.5;filter:alpha(opacity:50); background:#000}

.hx-font-12{font-size: 12px;}
.hx-font-13{font-size: 13px;}
.hx-font-14{font-size: 14px;}
.hx-font-15{font-size: 15px;}
.hx-font-16{font-size: 16px;}
.hx-font-17{font-size: 17px;}
.hx-font-18{font-size: 18px;}
.hx-font-19{font-size: 19px;}
.hx-font-20{font-size: 20px;}

.hx-font-red{color: #FF0000 !important;} /*赤*/
.hx-font-orange{color: #FFB800!important;} /*橙*/
.hx-font-green{color: #009688!important;} /*绿*/
.hx-font-cyan{color: #2F4056!important;} /*青*/
.hx-font-blue{color: #1278f5!important;} /*蓝*/
.hx-font-black{color: #393D49!important;} /*黑*/
.hx-font-gray{color: #999!important;} /*黑*/



.chat-body{background:#fff url('../images/chat-body-bg.png') no-repeat; background-size: 100% 100%;}
.chat-container{width:980px;height:100%;margin-left:auto;margin-right:auto; padding:20px;border-radius:15px;}
.chat-banner{width:100%;height:40px;line-height:40px;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:10px; /*background:url('../images/tlyd121x40.png') no-repeat left bottom;*/}
.chat-banner .chat-logo{display:inline-block;vertical-align:top;margin-right:10px;max-width:150px;height:40px;overflow:hidden;}
.chat-banner .chat-tit{display:inline-block;vertical-align:middle;line-height:130%}
.chat-container1-outer{border:2px solid #fff;border-radius:15px;height: calc(100% - 140px);}
.chat-container1{border-radius:15px;width:100%; height:100%; background:#fff;
	-webkit-opacity:0.3;-moz-opacity:0.3;opacity:0.3;filter:alpha(opacity:30);}
.chat-container2{position:fixed; top:70px; left:50%; width:900px; height: calc(100% - 220px); margin-left:-450px; margin-top:40px;
	 padding:20px;background:#fff;border-radius:15px;}

.search-container{width:100%;margin-top:44px;position:relative;}
.search-container .search-text{width: 100%; /*width:calc(100% - 40px);*/ max-width:100%;height:48px; min-height:48px;/*min-height:72px; */ max-height:224px; line-height:24px; padding-top:12px; padding-bottom:12px; padding-left:15px; padding-right:93px; 
	font-family: "微软雅黑", Arial, Helvetica, sans-serif; border-top-left-radius:10px;border-bottom-left-radius:10px;
	background:#F3F6FD;border:1px solid #E6ECFB; border-radius:10px; color:#333; font-size: 16px;  display:inline-block;margin:0px;position:absolute; bottom:0px;}
.search-container textarea.search-text:focus{border-color:#4C80F6 !important; outline: none; }
/*.search-container .search-bt{position:absolute;top:0px;right:0px;width:78px;height:48px;border:none;margin-top:-48px;
	background:#4C80F6;color:#fff;line-height:48px; font-size: 16px;
	border-radius:10px; border-top-left-radius: 0; border-bottom-left-radius: 0;}*/
.search-container .search-bt{position:absolute;top:7px;right:10px;width:auto;height:34px;border:none;margin-top:-48px;}
/*.search-container .search-bt{position:absolute;top:0px;right:50px;right:10px;width:auto;height:38px;border:none;margin-top:-48px;}*/
.search-container .chat-time{position:absolute;top:0px;left:0px;padding:0 10px;height:26px;margin-top:-72px;
	color:#333; font-size:13px;line-height:26px; }
/*.search-container .clearbt{ width:48px;height:48px;background:#F3F6FD url(../images/icon_clear.png) no-repeat center; background-size:42% auto; border:1px solid #F3F6FD;border-radius:50%;margin-right:5px;}*/
.search-container .clearbt{display: none;position: absolute; right: 8px;top: 8px; z-index: 99999;width:25px;height:25px;background:#e2e2e2;border-radius:50%;border:1px solid #e2e2e2;font-size: 20px;font-weight: bold;color: #fff;line-height:25px; text-align: center;cursor: pointer;}
/*.search-container .ly-bt{position:absolute;top:0px;right:70px; width:38px;height:38px;border:none;margin-top:-48px; border:1px solid #F3F6FD;border-radius:50%;}*/
.search-container .ly-bt{position:absolute;top:0px;right:0px; width:36px;height:72px;margin-top:-74px;
font-size:22px;text-decoration:none;text-align:center;vertical-align:middle; line-height:62px; background:#F3F6FD;
border:1px solid #E6ECFB;border-top-right-radius:10px;border-bottom-right-radius:10px;}
.search-container .ly-bt .lysta{font-size:11px;line-height:11px;margin-top:-18px;font-weight:normal}
.lyining{display:none;position:fixed;width:80px;height:80px;top:50%;left:50%;margin-top:-40px;margin-left:-40px;}

/* 整个滚动条 */
.search-container textarea.search-text::-webkit-scrollbar {
   	/* 对应纵向滚动条的宽度 */
	width: 0px;
	/* 对应横向滚动条的宽度 */
   	height: 0px;  	  
}

/* 滚动条上的滚动滑块 */
.search-container textarea.search-text::-webkit-scrollbar-thumb {
   	background-color: #DFE7FC;
   	border-radius: 0px;
}

/* 滚动条轨道 */
.search-container textarea.search-text::-webkit-scrollbar-track {
   	background-color: #fff;
   	border-radius: 0px;
}
	
.chat-bot{background:#fff;width:100%;height: calc(100% - 94px); padding:0px 5px;overflow-y:scroll;}
/* 整个滚动条 */
.chat-bot::-webkit-scrollbar {
   	/* 对应纵向滚动条的宽度 */
	width: 6px;
	/* 对应横向滚动条的宽度 */
   	height: 6px;
}

/* 滚动条上的滚动滑块 */
.chat-bot::-webkit-scrollbar-thumb {
   	background-color: #DFE7FC;
   	border-radius: 32px;
}

/* 滚动条轨道 */
.chat-bot::-webkit-scrollbar-track {
   	background-color: #fff;
   	border-radius: 32px;
}

.chat-bot p{line-height:200%; padding:8px 0px;}
.chat-bot .user-bot{float:right;align-self: flex-end;padding:7px 25px;
       border-radius: 20px;
       border-bottom-right-radius: 0;
       width:auto;
       background-color:#4C80F6;
       color:#fff;
       word-break: break-all;
       line-height: 200%;
       }
.chat-bot .ai-bot{float:left;background:#F3F6FD;padding:7px 25px;
	   border-radius: 20px;
       border-bottom-left-radius: 0;  
       line-height: 200%;
       width:100%;
       background-color: #F3F6FD;
       color:#333;
       word-break: break-all;
       box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.chat-bot .ai-res{position:absolute;right:0px;top:0px;margin-top:-40px;height:20px;line-height:20px;font-size:12px;color:#C0C4D5;}
       
.chat-bot .chat-think{border-radius:10px;background:#ffff;padding:10px 20px 20px 20px;margin-top:20px;}
.chat-bot .chat-think .think-title{height:28px;line-height:28px;border-bottom: 1px solid #eee;margin-bottom:10px;}
.chat-bot .chat-think .think-content{font-size:14px;line-height:160%;max-height:150px;overflow-x:hidden;overflow:auto;}
/* 整个滚动条 */
.chat-bot .chat-think .think-content::-webkit-scrollbar {
   	/* 对应纵向滚动条的宽度 */
	width: 6px;
	/* 对应横向滚动条的宽度 */
   	height: 6px;
}

/* 滚动条上的滚动滑块 */
.chat-bot .chat-think .think-content::-webkit-scrollbar-thumb {
   	background-color: #DFE7FC;
   	border-radius: 32px;
}

/* 滚动条轨道 */
.chat-bot .chat-think .think-content::-webkit-scrollbar-track {
   	background-color: #fff;
   	border-radius: 32px;
}

      

/*答案 参考*/
.lab{font-weight:bold; color: #333;font-size: 14px; } 
.lab a{display: inline-block;font-weight:normal; background:url(../images/icon_g3_03.png) no-repeat left 10px center;  background-size: auto 52%; padding:0px 15px 0px 28px; text-decoration: none;  border-radius: 17px;}
.lab a:hover{}
.alist a{display: block;
    float: left;
    line-height: 100%;
    font-size: 14px;
    margin: 0px 10px 10px 0px;
    background-color: #ffffff;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 5px;
    color: #4C80F6;}
/*可以这样问*/
.aExample a{display: block;
    float: left;
    line-height: 100%;
    font-size: 14px;
    margin: 0px 10px 10px 0px;
    background-color: #F3F6FD;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 17px;
    color: #333;}
 .aExample a.repeat{padding-left:30px; font-size: 14px; background:#F3F6FD url(../images/icon_g3_03.png) no-repeat left 10px center;  background-size: auto 48%;}
 .aExample a.eval{float:right; padding:8px 8px; background:#F3F6FD url(../images/spacer_line.png) no-repeat center;}
 .aExample a.eval b{display:inline-block;width:16px; height:16px; margin:0px 10px 0px 10px; background-size:100% auto;background-position:0px 0px; background-repeat:no-repeat; }
 .aExample a.eval b:hover{background-position:0 -16px; }
 .aExample a.eval b.ding{background-image:url(../images/icon_ding.png); }
 .aExample a.eval b.cai{background-image:url(../images/icon_cai.png);}
 .aExample a.eval b.copy{background-image:url(../images/icon47.png);}
 .aExample a.eval b.play{background-image:url(../images/icon_play.png);}
 .aExample a.eval b.selected{background-position:0 -16px;}
 

.right-container{display:none;position:fixed;z-index:9999;top:0px;right:0px;width:280px;height:100%;background:#fff;border-left:1px solid #E6ECFB;}
.right-container .rtop-box{background:#fff;border-bottom:1px solid #F0F0F0;padding:10px 10px 10px 20px;}
.right-container .rtop-box .rtop-title{display:inline-block;width:224px;font-size:15px; font-weight:bold;}
.right-container .rtop-box .rtop-close{display:inline-block; vertical-align:middle; background:url('../images/icon_close.png') no-repeat; background-size:auto 100%; width:14px;height:14px;}
.right-container .content{height: calc(100% - 80px); padding:15px;line-height:180%;font-size:14px;overflow-y:auto; overflow-x:hidden; }


@media (max-width:1024px){	
	.chat-container{width:100%;}
	.chat-banner{display:none;}
	.chat-container1-outer{display:none;}
	.chat-container1{display:none;}
	.chat-container2-parent{height:100%;}
	.chat-container2{width:100%;height:100%;margin-left:0px;margin-top:0px;top:0px; left:0px; border-radius:0px;}
	.chat-bot{height:530px;height: calc(100% - 94px);}
}

@media (max-width:500px){
	.search-container .clearbt{width:20px;height:20px;line-height:20px;font-size:16px;font-weight:500;}

}