@charset "UTF-8";

html,
body{width:100%; height:100vh; position:relative; font-size:14px;}

body{background:rgba(255, 249, 248, 1);}

a{color:#202020;}


.dialog_wrap{width:100%; height:100%;}
.dialog_box{width:100%; height:calc(100% - 80px); overflow-y:hidden; box-sizing:border-box; padding:/*20px*/0 0 20px;}
.dialog_grounp{width:100%; height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch; position:relative;} 
.dialog_grounp .ask_box{width:100%; display:flex; justify-content:flex-end; padding:12px 0;}
.dialog_grounp .ask_box:first-child{padding-top:0;}
.dialog_grounp .ask_box p{box-sizing:border-box; padding:8px 10px; background:#ffe9eb; border-radius:4px;}
.dialog_grounp .answer_box{width:100%; display:flex; justify-content:space-between;}
.dialog_grounp .answer_box .head_pic{width:25px; height:25px; background:url(../img/header.png) 0 0/100% 100% no-repeat;}
.dialog_grounp .answer_box .answer_txt{width:calc(100% - 30px); box-sizing:border-box; background:#fff; padding:8px; border-radius:4px;}
.dialog_grounp .answer_box .pic_load{width:16px;}
.dialog_grounp .answer_box .pic_load img{width:100%;}

.ai_input{width:100%; height:auto;}
.input_box{width:100%; box-sizing:border-box; padding:10px 6px; background:#fff; border:1px solid #fbeeee; border-radius:100px; display:flex; justify-content:space-between;}
.input_box .voice_btn,
.input_box .send_btn{width:24px;}
.input_box img{display:block; width:100%;}
.input_box input{width:calc(100% - 58px);}
.caption_box{width:100%; box-sizing:border-box; padding:12px 10px 1px; font-size:8px; }
.caption_box p{width:100%; text-align:center; color:#666;}