.aiAssistanBtn {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: -100%;
  transition: right .8s !important;
  z-index: 3;
}
.aiAssistanBtn.on {
  right: -8px;
}
.assistan_warp {
  width: 460px;
  height: 70%;
  position: fixed;
  right: 20px;
  bottom: 0;
  z-index: 1000;
  border: 2px solid #fff;
  border-radius: 15px;
  background: #DBEFF8;
  background-size: 100% auto;
  overflow: hidden;
  display: none;
  flex-direction: column;
  color: #333;
}
/* 吸附 */
.assistan_warp.adsor {
  height: 100%;
}
/* 全屏 */
.assistan_warp.full {
  left: 0;
  right: 0;
  height: 100%;
  width: auto;
}
/* 头部工具栏 */
.assistan_warp .top_tool {
  padding: 10px 15px 0;
  border-bottom: 1px solid #fff;
  text-align: right;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 20px;
  z-index: 10;
}
.assistan_warp .top_tool a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 10px;
}
.assistan_warp .top_tool .audioBtn {
  display: none;
}
.assistan_warp.horizontal .top_tool .audioBtn {
  display: block;
  line-height: 0;
}
.assistan_warp.horizontal .top_tool .audioBtn em {
  line-height: 18px;
}
.assistan_warp .top_tool .audioBtn img:nth-child(1){
  display: none;
}
.assistan_warp .top_tool .audioBtn.isPaly img:nth-child(2){
  display: none;
}
.assistan_warp .top_tool .audioBtn.isPaly img:nth-child(1){
  display: block;
}
.assistan_warp .top_tool .adsBtn img:nth-child(2) {
  display: none;
}
.assistan_warp.adsor .top_tool .adsBtn img:nth-child(1) {
  display: none;
}
.assistan_warp.adsor .top_tool .adsBtn img:nth-child(2) {
  display: block;
}

.assistan_warp .top_tool a:hover > img {
  opacity: .8;
}
.assistan_warp .ps {
  padding: 15px 0;
  text-align: center;
  color: #42a1fb;
  font-size: 14px;
  text-shadow: 0 0 3px #fff;
}
.dialog_main {
  flex: 1;
  overflow: hidden;
  overflow-y: auto;
  padding: 15px;
  background: url(/newimages/ai_bg_1_1.jpg) no-repeat center bottom;
  background-size: cover;
}
.dialog_main .dialog_box {
  display: flex;
  margin-bottom: 15px;
  position: relative;
}
.dialog_main .dialog_box .avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center 5px;
  background-color: #fff;
}
.dialog_main .dialog_box .content {
  max-width: 90%;
  padding: 15px 20px;
  background: #fff;
  border-radius: 15px;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  word-break: break-all;
  box-sizing: border-box;
  /* flex: 1; */
}
/* 列表样式 start*/
/* 列表1 - 获取更多信息 */
.dialog_main .dialog_box .content .lists_t1 {
  margin-top: 10px;
  border-top: 1px solid #E6E6E6;
}
.dialog_main .dialog_box .content .lists_t1 h6 {
  padding: 5px 0;
}
.dialog_main .dialog_box .content .lists_t1 li a{
  color: #42a1fb;
  display: block;
  position: relative;
  padding: 2px 0 2px 10px;
  line-height: 22px;
}
.dialog_main .dialog_box .content .lists_t1 li a::after {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #42a1fb;
}
/* 列表2- 可以这样问我 */
.dialog_main .dialog_box .content .lists_t2 h6 {
  margin: 10px 0;
  color: #687BEB;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dialog_main .dialog_box .content .lists_t2 h6 a.closeList {
  width: 24px;
  height: 24px;
  background: #f9f9f9;
  border-radius: 50%;
  position: relative;
  text-indent: -99px;
  overflow: hidden;
}
.dialog_main .dialog_box .content .lists_t2 h6 a.closeList::after,
.dialog_main .dialog_box .content .lists_t2 h6 a.closeList::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  background: #0685FA;
}
.dialog_main .dialog_box .content .lists_t2 h6 a.closeList::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.dialog_main .dialog_box .content .lists_t2 h6 a.closeList::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.dialog_main .dialog_box .content .lists_t2 li a {
  color: #333;
  display: block;
  position: relative;
  padding: 3px 20px 3px 0;
  line-height: 22px;
  font-size: 15px;
}
.dialog_main .dialog_box .content .lists_t2 li a::after {
  content: '>';
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: '宋体';
  font-weight: 600;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #E5F3FD;
  color: #0685FA;
}

/* 列表样式 end*/
.dialog_main .dialog_box .content::after {
  content: '';
  position: absolute;
  top: 15px;
  left: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid #fff;
  border-radius: 5px;
  visibility: hidden;
}
.assistan_warp.horizontal .dialog_main .dialog_box .content::after {
  visibility: visible;
}
.dialog_main .dialog_box.question .content::after {
  left: auto;
  right: -8px;
}
.dialog_main .dialog_box.answer .avatar {
  margin-right: 12px;
  background-image: url(/newimages/ai_img_2_2.png);
  background-position-y: 7px;
}
.dialog_main .dialog_box.question .avatar {
  margin-left: 12px;
  background-image: url(/newimages/ai_img_2_1.png);
}
.dialog_main .dialog_box.question {
  flex-direction: row-reverse;
  display: flex;
  margin-bottom: 0px;
}
.dialog_main .dialog_box.answer {
  margin-top: 42px;
}
.dialog_main .dialog_box.question .content {
  background-image: linear-gradient(to right, #4A95F9, #1F77D7);
  color: #fff;
}
.dialog_main .dialog_box.question .content::after {
  border-top-color: #2178D9;
}

.dialog_main.lhq .dialog_box .content {
  border-radius: 0 20px 20px;
}
.dialog_main.lhq .dialog_box .content a {
  color: #42a1fb;
}
.dialog_main.lhq .dialog_box .content::after{
  display: none;
}
.dialog_main.lhq .dialog_box.question .content {
  border-radius: 20px 0 20px 20px;
}
/* 对话框内的字体大小配置 */
.dialog_main.fz_min .dialog_box .content,
.assistan_warp .input_container.fz_min .sendTxt {
  font-size: 14px;
  line-height: 24px;
}
.dialog_main.fz_cen .dialog_box .content,
.assistan_warp .input_container.fz_cen .sendTxt {
  font-size: 16px;
  line-height: 28px;
}
.dialog_main.fz_max .dialog_box .content,
.assistan_warp .input_container.fz_max .sendTxt {
  font-size: 18px;
  line-height: 30px;
}


.dialog_main .dialog_box .content .btns_s1 a {
  display: inline-block;
  margin: 5px 5px 0 0;
  height: 28px;
  line-height: 28px;
  padding: 0 15px 0 40px;
  background: #FBAC73 url(/newimages/an_icon_2_2a.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  border-radius: 14px;
  color: #fff;
  transition: .3s;
}
.dialog_main .dialog_box .content .btns_s1 a:hover,
.dialog_main .dialog_box .content .btns_s1 a.on {
  background-color: #F87516;
  background-image:  url(/newimages/an_icon_2_2b.png);
}
.dialog_main .dialog_box .content .btns_s1 a:first-child {
  background-color: #9CD286;
  background-image:  url(/newimages/an_icon_2_1a.png);
}
.dialog_main .dialog_box .content .btns_s1 a:first-child:hover,
.dialog_main .dialog_box .content .btns_s1 a:first-child.on {
  background-color: #5BBA35;
  background-image:  url(/newimages/an_icon_2_1b.png);
}

.input_container {
  border-top: 1px solid #fff;
  padding: 15px;
  background: url(/newimages/ai_bg_1_2.jpg) no-repeat center;
  background-size: cover;
}
.input_container .inp_box{
  background: #fff;
  border-radius: 15px;
}
.input_container .sendTxt {
  width: 100%;
  height: 44px;
  border: none;
  text-align: justify;
  word-break: break-all;
  margin-top: 10px;
  padding: 0 10px;
  font-size: 14px;
  overflow: hidden;
  resize: none;
  box-sizing: border-box;
}
.input_container .sendTxt.s1 {
  color: #999;
}
.assistan_warp .input_container .tools {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}
.assistan_warp .input_container .audio .toAudio {
  margin: 10px 0 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: #F1F1F1;
  border-radius: 50%;
}
.assistan_warp .input_container .audio .toAudio img {
  height: 24px;
}
.assistan_warp .input_container .audio .doing{
  display: none;
}
.assistan_warp .input_container .audio.ing .toAudio{
  display: none;
}
.assistan_warp .input_container .audio.ing .doing{
  display: block;
  white-space: nowrap;
}
.assistan_warp .input_container .audio.ing .doing > img {
  width: 50px;
}
.assistan_warp .input_container a {
  display: inline-block;
  padding: 5px;
}
.assistan_warp .input_container img {
  height: 28px;
}
a, img {
  transition: none !important;
}
.assistan_warp .input_container .sendBtn {
  width: 38px;
  height: 38px;
  background-image: linear-gradient(to right, #4994F9, #1F77D7);
  border-radius: 50%;
  box-sizing: border-box;
}
.assistan_warp .input_container.ing .stopSendBtn img {
  height: 38px;
}
.assistan_warp .input_container .sendBtn.not {
  opacity: .4;
}

.assistan_warp .input_container .sendBtn,
.assistan_warp .input_container.ing .stopSendBtn{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;

}
.assistan_warp .input_container.ing .sendBtn,
.assistan_warp .input_container .stopSendBtn{
  display: none;
}
.assistan_warp .input_container .stopSendBtn .tip {
  bottom: 114%;
}

.assistan_warp .input_container .aud_inp {
  display: flex;
  align-items: center;
}

.assistan_warp .input_container .other_btn {
  display: flex;
  gap: 10px;
}
.assistan_warp .input_container .other_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 26px;
  padding: 0 10px;
  border-radius: 13px;
  border: 1px solid #D3D9E1;

}
.assistan_warp .input_container .other_btn a img {
  height: auto;
}
.assistan_warp .input_container .other_btn a .tip {
  transform: translate(-50%, -6px);
}

.assistan_warp .input_container .other_btn .iscpageBtn {
  color: #607592;
  position: relative;
  padding-left: 28px;
}
.assistan_warp .input_container .other_btn .iscpageBtn.on {}
.assistan_warp .input_container .other_btn .iscpageBtn::after,
.assistan_warp .input_container .other_btn .iscpageBtn::before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: left .3s;
}
.assistan_warp .input_container .other_btn .iscpageBtn::after {
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #fff;
  left: 11px;
}
.assistan_warp .input_container .other_btn .iscpageBtn::before {
  content: '';
  display: inline-block;
  margin-right: 3px;
  width: 16px;
  height: 9px;
  border-radius: 5px;
  background: #D3D9E1;
}
.assistan_warp .input_container .other_btn .iscpageBtn.on::after {
  left: 17px;
}
.assistan_warp .input_container .other_btn .iscpageBtn.on::before {
  background: #0685FA;
}


/* 居中版（横版） start */
.full_ai_bg {
  position: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .2);
  opacity: 0;
  z-index: 98;
}
.full_ai_bg.on {
  position: fixed;
  opacity: 1;
}
.assistan_warp.horizontal {
  width: 1000px;
  max-width: 1000px;
  height: 640px;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
}
.assistan_warp.horizontal.adsor {
  top: 0;
  bottom: 0;
  height: auto;
  transform: translate(-50%, 0);
}
.assistan_warp.horizontal.full {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
  height: auto;
  max-width: 100%;
  transform: translate(0, 0);
}


.assistan_warp .answer .content {
  padding-top: 30px;
  padding-bottom: 36px;
  border-radius: 0 15px 15px;
  width: 90%;
}
.assistan_warp .answer .content .source{
  margin-top: 10px;
}
.assistan_warp.horizontal .answer .content {
  padding-bottom: 20px;
}
/* 回复的底部工具栏 */
.dialog_main .dialog_box.answer .b_tool {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #eee;
  height: 30px;
  display: flex;
  justify-content: right;
  gap: 20px;
  padding-right: 15px;
}
.dialog_main .dialog_box.answer .b_tool a {
  display: flex;
  align-items: center;
}
.dialog_main .dialog_box.answer .b_tool.not .like_step {
  cursor: default;
}
.dialog_main .dialog_box.answer .b_tool.not .like_step:hover {
  opacity: 1;
}
.dialog_main .dialog_box.answer .b_tool a:hover {
  opacity: .8;
}
.dialog_main .dialog_box.answer .b_tool .like_step img:nth-of-type(2) {
  display: none;
}
.dialog_main .dialog_box.answer .b_tool .like_step.on img {
  display: none;
}
.dialog_main .dialog_box.answer .b_tool .like_step.on img:nth-of-type(2) {
  display: inline;
}
/* 回复时的顶部提示语 */
/* .assistan_warp .dialog_box .top_ps {
  display: none;
} */

.assistan_warp .answer .top_ps {
  display: block;
  position: absolute;
  top: -28px;
  left: 61px;
  width: 90%;
  box-sizing: border-box;
  z-index: 1;
}
.assistan_warp.horizontal .answer .top_ps {
  left: 64px;
}
.assistan_warp .answer .top_ps span::after{
  content: '内容基于AI智能生成，仅供参考';
}
.assistan_warp.horizontal .answer .top_ps span::after{
  content: '问答服务范围：仅提供罗湖区情、办事服务、政策文件等方面的知识问答。';
  /* 内容基于AI智能生成，仅供参考 */
  display: inline-block;
}
.assistan_warp .answer .top_ps a {
  display: none;
}
.assistan_warp.horizontal .answer .top_ps a {
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 24px;
  position: absolute;
  right: 0;
  top: 100%;
  background: #FFF3DC;
  border-radius: 0 15px 0 0;
}
.assistan_warp .answer .top_ps span {
  display: inline-block;
  background: #FFF7E8;
  color: #999;
  border-radius: 15px 40px 0 0;
  white-space: nowrap;
  padding: 5px 20px 5px 10px;
}
.assistan_warp.horizontal .answer .top_ps a::after {
  content: '';
  position: absolute;
  top: 0;
  left: -24px;
  width: 24px;
  height: 24px;
  background: radial-gradient(circle at 0 100%, transparent 24px, #FFF3DC 0)
}
.assistan_warp.horizontal .answer .top_ps a::before {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  width: 12px;
  height: 12px;
  background: radial-gradient(circle at 0 100%, transparent 13px, #FFF3DC 0)
}
.assistan_warp.horizontal.ywzx .btns_s1 .toLy{
  display: inline-block;
}
.assistan_warp.horizontal.ywzx .btns_s1 .toXx{
  display: none;
}
.assistan_warp.horizontal.ldxx .btns_s1 .toLy{
  display: none;
}
.assistan_warp.horizontal.ldxx .btns_s1 .toXx{
  display: inline-block;
}

/* .assistan_warp.horizontal .answer .top_ps */

/* 居中版（横版） end */

/* 显示气泡标识 start
  showTip 显示气泡
  hoverTip 移入时显示气泡
*/
.tip {
  display: none;
}
.showTip, .hoverTip {
  position: relative;
  display: inline-block;
}
.showTip .tip, .hoverTip .tip{
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  background: #000;
  border-radius: 5px;
  color: #fff;
  padding: 5px 10px;
}
.showTip .tip {
  display: inline-block !important;
}
.showTip .tip::after,.hoverTip .tip::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -4px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #000;
}
.hoverTip .tip {
  display: none;
}
.hoverTip:hover .tip {
  display: inline-block;
}
.bottomTip .tip {
  bottom: auto;
  top: 100%;
}
.bottomTip .tip::after {
  top: -4px;
  bottom: auto;
  border-top: none;
  border-bottom: 4px solid #000;
}

/* 菜单式 */
.menuTip {
  position: relative;
}
.menuTip span {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  background: #fff;
  border-radius: 5px;
  color: #fff;
  padding: 5px 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.menuTip span {
  display: none;
}
.menuTip:hover span {
  display: inline-block;
}
.menuTip span::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -4px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #fff;
}
.menuTip span em {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 14px;
  padding: 5px 0;
}
.menuTip span em img {
  margin-right: 5px;
}
.menuTip span em:hover {
  background: #f8f8f8;
  border-radius: 3px;
}
.fontBtn.menuTip span em {
 display: inline-block;
 width: 28px;
 height: 28px;
 padding: 0;
 line-height: 28px;
 text-align: center;
}
.fontBtn.menuTip span em.on {
  background: #f5f5f5;
}
.actBtn.menuTip span {
  padding: 10px 0;
}
.actBtn.menuTip span em{
  padding: 5px 10px;
}

/* 显示气泡标识 end */


/***** 其它模版 *****/
/* 初始化信息 */
.jh_info {
  flex-direction: column;
  gap: 15px;
}
.jh_info .content {
  width: 100%;
  max-width: 100% !important;
  background-image: linear-gradient(to bottom, #CFEAFF 40px, #fff 120px) !important;
  border: 2px solid #fff;
  padding: 10px 15px !important;
}
.jh_info .content .well_box {
  display: flex;
  align-items: center;
  gap: 15px;
}
.jh_info .content .well_box .xx_img {
 flex: 0 0 70px;
 text-align: center;
 border-radius: 34px;
 padding-top: 10px;
 background-image: linear-gradient(to bottom, #C4E5FF 0, transparent 60px);
}
.jh_info .content .well_box .txt_ps {
  flex: 1;
}
.jh_info .content .well_box .txt_ps h4 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 5px;
}
.jh_info .content .cx_box h6 {
  display: flex;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
  color: #297edf;
  justify-content: space-between;
}
.jh_info .content .cx_box h6 .change_btn {
  font-size: 14px;
  align-items: center;
  gap: 5px;
  color: #0685FA;
}
.jh_info .content .cx_box h6 .change_btn img {
  width: 13px;
  height: 17px;
}
.jh_info .content.cx {
  background-image: linear-gradient(to bottom, #CFEAFF 10px, #fff 80px) !important;
}
.jh_info .content .cx_list li a {
  display: block;
  margin-bottom: 15px;
  padding: 10px 15px;
  border-radius: 15px;
  background-image: linear-gradient(to bottom, #D3EAFF, #fff);
  box-shadow: 0 4px 0 #D1E2F0;
  color: #333;
}
.jh_info .content .cx_list li a:hover {
  opacity: .8;
}

.jh_info .content::after {
  display: none;
}
.assistan_warp.horizontal .content .well_box .xx_img {
  flex: 0 0 100px;
  border-radius: 50px;
}
.jh_info .content {
  font-family: 'Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Microsoft YaHei',Arial,sans-serif;
}
.jh_info .content.notLogin {
  background: none !important;
  border: none;
}
.jh_info .content .notLog_box h4 {
  padding: 20px 0 10px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.jh_info .content .notLog_box h5 {
  padding: 30px 0 10px;
  font-size: 18px;
  font-weight: 600;
}
.jh_info .content .notLog_box p {

  line-height: 30px;
}
.jh_info .content .notLog_box .toLogin {
  display: block;
  margin: 15px auto;
  max-width: 400px;
  background: #DEF4FE;
  border: 0.5px solid #246CAA;
  border-radius: 4px;
  text-align: center;
  padding: 8px 0;
  font-weight: 600;
  font-size: 16px;
  color: #246CAA;
  cursor: pointer;
}
.jh_info .content .notLog_box .toLogin:hover {
  opacity: .8;
}
/* 第二版登录样式 */
.jh_info .content.notLogin.s1 {
  border: 2px solid #fff;
  background-image: linear-gradient(to bottom, #fff 40%, #CFEAFF) !important;
}
.jh_info .content.s1 .notLog_box .toLogins1 {
  display: inline-block;
  margin: 15px auto 0;
}

.expA { 
  color: #394C5D;
  position: relative;
  font-weight: 600;
  /* border-bottom: 1px solid #394C5D; */
}
.expA i {
  display: none;
  width: 80px;
  height: 34px;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.expA i img {
  width: 80px !important;
  height: 34px !important;
  max-width: auto;
}
.expA:hover i {
  display: block;
}

.assistan_warp.horizontal .jh_info h6 {
  padding-top: 5px;
  font-weight: 600;
}
.assistan_warp.horizontal .jh_info h6 .change_btn {
  float: right;
  color: #0685FA;
  display: flex;
  align-items: center;
}
.assistan_warp.horizontal .jh_info h6 .change_btn:hover {
  opacity: .8;
}
.assistan_warp.horizontal .jh_info h6 .change_btn img {
  margin-right: 5px;
}
.assistan_warp.horizontal .jh_info .cx_list {
  display: flex;
  flex-wrap: wrap;
}
.assistan_warp.horizontal .jh_info .cx_list li {
  float: left;
  width: 50%;
}
.assistan_warp.horizontal .jh_info .cx_list li a {
  margin: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/****** 文章内识别关键词 ******/
.articleBox .toSendTite {
  color: #337ab7;
}

/******* ai内弹窗 start *******/
.pop_bg {
  display: none;
  position: absolute;
  top: 44px;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, .2);
  z-index: 8;
  opacity: 0;
  transition: opacity .3s;
}
.pop_bg.on {
  opacity: 1;
}

/* 协议和免责 */
.xy_mz_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 640px;
  padding: 15px 15px 50px;
  background: #fff;
  border-radius: 20px;
  display: none;
  z-index: 9;
  opacity: 0;
  transition: opacity .3s;
  overflow: hidden;
}
.xy_mz_box.on {
  opacity: 1;
}
.xy_mz_box .closeBtn {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 2;
}
.xy_mz_box h6 {
  font-size: 20px;
  color: #000;
  padding: 15px 0;
  text-align: center;
}
.xy_mz_box .s_box {
  font-size: 14px;
  color: #333;
  max-height: 320px;
  overflow: hidden;
  overflow-y: auto;
}
.xy_mz_box .mz .s_box {
  height: auto;
}
.xy_mz_box::after, .xy_mz_box::before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: url(/newimages/ai_bg_1_3_1.png) no-repeat 0 0;
  background-size: auto 80px;
}
.xy_mz_box::before {
  background: url(/newimages/ai_bg_1_3_2.png) no-repeat center bottom;
  background-size: 100% 60px;
}
.xy_mz_box .s_box, .xy_mz_box .xy_ok_box {
  position: relative;
  z-index: 2;
}
.xy_mz_box .s_box p {
  line-height: 28px;
  text-indent: 2em;
}

.xy_mz_box .xy_ok_box {
  display: flex;
  align-items: center;
  padding-top: 15px;
  font-size: 14px;
}
.xy_mz_box .xy_ok_box .lab {
  padding-left: 6px;
  flex: 1;
}
.xy_mz_box .xy_ok_box .disagreeBtn {
  background: #eee;
  border-radius: 4px;
  font-size: 14px;
  color: #000;
  text-align: center;
  padding: 5px 25px;
}
.xy_mz_box .xy_ok_box.on .disagreeBtn {
  background: #457AC6;
  color: #fff;
  cursor: pointer;
}
.xy_mz_box .xy_ok_box.on .disagreeBtn:hover {
  opacity: .8;
}

/* 历史记录 */
.history_box {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: -100%;
  background: #fff;
  border-radius: 10px;
  min-height: 240px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  z-index: 9;
  transition: bottom .3s;
}
.history_box.on {
  bottom: 10px;
}
.history_box h6 {
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 10px;
}
.history_box h6 .close {
  display: block;
  float: right;
}

.history_box ul, .assistan_warp .notData {
  flex: 1;
}
.history_box ul {
  max-height: 300px;
  overflow: hidden;
  overflow-y: auto;
}
.history_box ul li {
  display: flex;
  align-items: center;
  padding: 0 5px;
  border-radius: 3px;
}
.history_box .close {
  display: none;
  width: 28px;
  height: 28px;
  background: url(/newimages/delete.png) no-repeat center;
  background-size: 16px;
  cursor: pointer;
  font-size: 12px;
  opacity: .6;
}
.history_box .close:hover {
  opacity: 1;
}
.history_box ul li:hover {
  background: #f6f6f6;
}
.history_box ul li:hover .close {
  display: inline-block;
}
.history_box ul li a {
  display: inline-block;
  padding: 4px 0;
  color: #333;
  font-size: 14px;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/******* ai内弹窗 end *******/

.assistan_warp .notData {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #888;
}

/* ai内弹窗 end */


/* 脑图弹窗 start*/
.mindWarp {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
}
.mindWarp .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .2);
  z-index: 0;
  opacity: 0;
  transition: .2s;
}
.mindWarp .mindBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 1170px;
  height: 80%;
  background: #fff url(/newimages/ai_mind_bg_1_1.png) no-repeat center;
  border-radius: 20px;
  background-size: cover;
  transition: .2s;
}
.mindWarp.full .mindBox {
  width: 100%;
  height: 100%;
}
.mindWarp.on .bg {
  opacity: 1;
}
.mindWarp.on .mindBox {
  transform: translate(-50%, -50%) scale(1);
}
.mindWarp .mindBox .t_btns {
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px 10px;
  z-index: 3;
}
.mindWarp .mindBox .t_btns a {
  display: inline-block;
  padding: 10px;
}
.mindWarp .mindBox .b_tools {
  display: flex;
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translateX(-50%);
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, .05);
  border-radius: 5px;
  padding: 0 10px;
  z-index: 3;
}
.mindWarp .mindBox .b_tools a {
  display: flex;
  align-items: center;
  padding: 5px 8px;
}
.mindWarp .mindBox .b_tools a img {
  height: 18px;
}
.mindWarp .mindBox .b_tools a .tip {
  bottom: 110%;
}
.mindWarp .mindBox .b_tools a:hover img {
  opacity: .8;
}
.mindWarp .mindBox .charts_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 50px 0;
  box-sizing: border-box;
}
.mindWarp .mindBox .charts_box .loading {
  padding: 30%;
  text-align: center;
  font-size: 14px;
  color: #457AC6;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mindWarp .mindBox .charts_box .loading img {
  margin-right: 10px;
  width: 16px;
  float: left;
}
/* 脑图弹窗 end*/




/* 对话框滚动条dialog_main 问题输入框input_container .sendTxt*/
.dialog_main::-webkit-scrollbar,
.input_container .sendTxt::-webkit-scrollbar,
.history_box ul::-webkit-scrollbar,
.xy_mz_box .s_box::-webkit-scrollbar { width: 6px; height: 6px; background: none;}
.dialog_main::-webkit-scrollbar-track,
.input_container .sendTxt::-webkit-scrollbar-track,
.history_box ul::-webkit-scrollbar-track,
.xy_mz_box .s_box::-webkit-scrollbar-track { border-radius: 3px; background-color: none;}   
.dialog_main::-webkit-scrollbar-thumb,
.input_container .sendTxt::-webkit-scrollbar-thumb,
.history_box ul::-webkit-scrollbar-thumb,
.xy_mz_box .s_box::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ccc;}


/* 最小1200时，pc端时 */
@media screen and (min-width: 1200px) {
  .assistan_warp.horizontal .input_container .audio {
    position: absolute;
    bottom: 18px;
    right: 70px;
  }
}

@media screen and (max-width: 1200px) {
  .assistan_warp {
    width: auto;
    left: 0;
    right: 0;
  }
  .assistan_warp.horizontal {
    width: 100%;
  }
}

@media screen and (max-width: 760px) {
  .assistan_warp.horizontal .answer .top_ps span::after{
    content: '内容基于AI智能生成，仅供参考';
    display: inline-block;
  }
  .assistan_warp .dialog_box .top_ps a{
    display: none !important;
  }
  .assistan_warp.horizontal .content .well_box .xx_img {
    display: none;
  }
  .assistan_warp.horizontal .jh_info .cx_list li {
    flex: 0 0 100%;
    width: 100%;
  }
  .assistan_warp.horizontal .jh_info .cx_list li a {
    margin: 5px 0;
  }
  .assistan_warp.horizontal .jh_info .content .well_box {
    display: block;
  }
  .aiAssistanBtn { 
    width:100px;
  }
	.aiAssistanBtn img {
     width:100%;
  }
}