.color455c{
  color: #455CFF;
}
.historical_records{
  text-align: center;
  color: #455CFF;
  position: relative;
}
.clear_list_parent{
  text-align: center;
  margin-top: 12px;
}
 .clear_list_parent .clear_btn{
  display: inline-block;
  background-color: #AAAAAA;
  font-size: 14px;
  color: #fff;
  padding: 1.5px 2px;
}
.historical_records_in{
  display: inline-block;
position: relative;
z-index: 1;
background:#F6F6F6;
  font-size: 14px;
  padding: 11px 9px 11px;
}
.historical_records::after{
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  top: 50%;
  left: 0;
  background-color: #455CFF;
}

.ai_chart_footer_btn{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 70px;
  padding: 10px 5px 10px 5px;
  box-sizing:border-box;
  background-color: #fff;
  z-index: 100;
  transition: all 0.2s;
  bottom: constant(safe-area-inset-bottom);
  /* 兼容 iOS < 11.2 */
  bottom: env(safe-area-inset-bottom);
  /* 兼容 iOS >= 11.2 */
}
.ai_chart_footer_btn .display_flex{
  display: flex;
  align-items: center;
  justify-content: center;
}
.ai_chart_footer_btn .toggle_btn,.ai_chart_footer_btn .send_btn{
  width:40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 25px;

color: #455CFF;
}
.changed-price{
	 text-decoration: line-through;
	  font-size: 12px;
	  color: #838383
}
/* .ai_chart_footer_btn .toggle_btn{
  margin-right: 5px;
}
.ai_chart_footer_btn .send_btn{
  margin-left: 5px;
} */
.ai_chart_footer_btn .input{
  flex: 1;
  border: 2px solid #455CFF;
  height: 30px;
  max-height: 90px;
  font-size: 14px;
  border-radius: 15px;
  word-break: break-all;
  line-height:16px;
  box-sizing: border-box;
  padding: 5px 14px;
  margin: 0;
  
  resize: none; /* 禁止用户手动调整大小 */
}
.ai_chart_footer_btn .sound_recording{
  flex: 1;
  border: 2px solid #455CFF;
  height: 30px;
  font-size:14px;
  border-radius: 15px;
  line-height: 26px;
  box-sizing: border-box;
  padding: 0 14px;
  text-align: center;
  margin-right: 40px;
  color: #455CFF;
  position: relative;
  transition: all 0.2s;
}
.ai_chart_footer_btn .sound_recording.action{
  border-radius: 8px;
  background-color: #455CFF;
  margin-right: 0;
}
.ai_chart_footer_btn .sound_recording.error{
  border-radius: 8px;
  border: 2px solid #F10215;
  background-color: #F10215;
  margin-right: 0;
}
.ai_chart_footer_btn .touch_tip{
  text-align: center;
  color: #333333;
  font-size: 14px;
  margin-bottom: 8px;
}
/* 按住说话的动画效果 */
.wave_list{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wave_list.display_none{
	display: none;
}
.wave_list .wave{

  width: 2px;
  height: 0;
  border-radius:2px;
  background-color: #fff;
  margin: 0 3px;
  animation: waveHeight 1.1s  linear infinite;
}
.wave_list .wave:nth-of-type(2n){
  animation: waveHeight1 0.7s  linear infinite;
}
@keyframes waveHeight{
  0% {
    height: 2.5px;
  }
  10%{
    height:5px;
  }
  20% {
    height: 10px;
  }
  30% {
    height: 12.5px;
  }
  40% {
    height: 15px;
  }
 50% {
    height: 12.5px;
  }
  60% {
    height: 10px;
  }
  70% {
    height: 7.5px;
  }
  80% {
    height: 5px;
  }
  90% {
    height: 2.5px;
  }
  100% {
    height: 0;
  }
}
@keyframes waveHeight1{
  0% {
    height: 0;
  }
  10%{
    height: 2.5px;
  }
  20% {
    height: 5px;
  }
  30% {
    height: 7.5px;
  }
  40% {
    height: 10px;
  }
 50% {
    height:12.5px;
  }
  60% {
    height:15px;
  }
  70% {
    height: 12.5px;
  }
  80% {
    height: 10px;
  }
  90% {
    height: 5px;
  }
  100% {
    height: 2.5px;
  }
}

 /*加载效果*/
.page_loadmore{width:65%;margin:1.5em auto;line-height:1.6em;font-size:14px;text-align:center}

.page_loadmore .weui-loading {
	margin: 0 5px;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	-webkit-animation: aLoad 1s steps(12) infinite;
	animation: aLoad 1s steps(12) infinite;
	background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
	background-size: 100%
}


@-webkit-keyframes aLoad {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}

@keyframes aLoad {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	to {
		-webkit-transform: rotate(1turn);
		transform: rotate(1turn)
	}
}


/* 内容区域 */
.color455c{
  color: #455CFF;
}
.footer_height{
	padding-bottom: 100px;
	padding-bottom: calc(constant(safe-area-inset-bottom) + 75px);  /* 兼容 iOS < 11.2 */
	padding-bottom: calc(env(safe-area-inset-bottom) + 75px);  /* 兼容 iOS >= 11.2 */
}
.ai_chat_list {
  padding-top: 22.5px;
  background:#F6F6F6;
  min-height: calc(100vh - 44px);
  width: 100%;
  box-sizing: border-box;

}
.ai_chat_list_in{
  background:#F6F6F6;
}
.ai_chat_list_in.left_item{
  text-align: left;
  width: 100%;
}
.ai_chat_list_in.item_in text{
  word-break: break-all;

}
.ai_chat_list_in.left_item .item_in{
  margin: 0 40px 30px 20px;
  background-color: #fff;
  padding: 16px;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 21px;
  border-radius: 8px;
  display: inline-block;
  width: calc(100% - 60px);
  box-sizing: border-box;
}
.ai_chat_list_in.left_item .tip{
  font-size: 12px;
  color: #979797;
}
.ai_chat_list_in.left_item .image{
  width: 100%;
  margin-top: 16px;
  background-color: #000;
  height: auto;
}
.ai_chat_list_in.right_item{
  text-align: right;
}
.ai_chat_list_in.right_item .item_in{
  margin: 0 20px  30px 58px;
  background-color: #455CFF;
  color: #fff;
  font-size: 14px;
  padding: 18px 16px 16px 16px;
  line-height: 21px;
  border-radius: 24px 24px 8px 24px;
  text-align: right;
}
.ai_chat_list_in.right_item .item_in{
  display: inline-block;
  text-align: left;
}


/* ai商品 */
.ai_goods_list{
  position: relative;
  padding-bottom: 21px;
}
.ai_goods_list .goods_item{
    position: relative;
    padding:5px 4px 5px 106px ;
    min-height: 100px;
    margin-bottom: 18px;
    font-size: 12px;
    line-height: 18px;
    color: #333;
}
.banner_number{
  float: right;
  background-color: rgba(51, 51, 51, 0.62);
  color: #fff;
  min-width: 35px;
  text-align: center;
  border-radius: 16px;
  font-size: 12px;
  line-height: 17px;
  padding: 0 4px;
}
.ai_goods_list .goods_item .img{
  position: absolute;
  top: 5px;
  left: 0;
  width: 100px;
  height: 100px;
  border-radius: 4px;
  background-color: #e8e8e8;
  overflow: hidden;
}
.ai_goods_list .goods_item image{
  width: 100px;
  height: 100px;
}
.ai_goods_list .goods_item .img .img_tip{
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(207, 13, 13, 0.8);
  width: 100%;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
.ai_goods_list .goods_item .img .img_tip .iconfont{
  font-size: 14px;
}
.ai_goods_list .goods_item .modal_goods{

color: #979797;
}
.ai_goods_list .goods_item .state{
  border-radius: 2px;
  color: #FFA24F;
  padding: 0 4px;
  font-size: 11px;
  border: 1px solid #FFA24F;
  margin-right: 5px;
}
.ai_goods_list .goods_item .price{
  color: #D02502;
  font-size: 14px;
}
.ai_goods_list .goods_item .price text{
  color: #333333;
}
.ai_goods_list .goods_item .del{
  color: #838383;
  text-decoration: line-through;
}
.ai_goods_list .banner_cur{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  z-index: 111;
}
.ai_goods_list .banner_cur text{
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 2px;
  background-color: #979797;
  margin: 0 3px;
}
.ai_goods_list .banner_cur .action{
  width: 12px;
  background-color: #455CFF;
}