@charset "utf-8";
/* CSS Document */
.robot_iframe{ margin-bottom: 30px;}
/* textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{background-color: #fff;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition: border linear .2s,box-shadow linear .2s;-moz-transition: border linear .2s,box-shadow linear .2s;-o-transition: border linear .2s,box-shadow linear .2s;transition: border linear .2s,box-shadow linear .2s;} */

.ui-widget.ui-widget-content{ border:0 none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background:#fff; padding:10px 20px 10px 15px; width:634px!important; /*left:10px!important; top:-474px!important;*/}
.robot-bodybg{ background: url("../images/rob_bodybg.jpg") center 0 no-repeat;}
.robot-titbox{padding: 7px 0 0 30px;}
.robot-tip{ margin: 33px 0 0 20px;}
.robot-titbox img{float: left;}
.mainbox{height: 761px; border: 2px solid rgba(255, 255, 255, 0.5); box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.06); background: linear-gradient(179deg, rgba(236, 242, 255, 0.8) 6%, rgba(255, 255, 255, 0.8) 98%); border-radius: 32px;}


.w40{ width:40%;}
.margin-left30 {margin-left: 30px !important;}
.no_padding{ padding:0 !important;}
.padding_top10{ padding-top:20px !important;}
.padding_bottom10{ padding-bottom:20px !important;}
.padding-top20 {padding-top: 20px !important;}
.padding-left10 {padding-left: 10px !important;}
.padding_side{ padding-left:15px !important; padding-right:15px !important;}
.import-status{ margin:0 !important; line-height:32px;}
.col100{ margin-right:110px; height:65px;}
.chat_conversation{height: 554px !important; margin-top: 18px; overflow-x: hidden; overflow-y: auto; border-radius: 32px 0 0 32px; position: relative;}
.chat-linebg{position: absolute; height: 50px; left: 0; right: 0; top: -50px; background: linear-gradient(0deg, #f5f8ff -9%, rgba(216, 216, 216, 0) 100%);}

.conversation_list{list-style: none; margin: 0; padding:0 30px 40px 0;  }
.conversation_list li{margin-bottom: 24px;margin-top: 10px;}
.conversation_list .conversation_text{ font-size: 16px; margin-left:78px;}
.conversation_list .ctext_wrap{padding: 14px 25px;background: #fff; box-shadow: 0px 2px 10px 0px rgba(53, 128, 236, 0.06); border-radius: 0px 10px 10px 10px; position: relative;display: inline-block;}
.conversation_list .ctext_wrap .after,.chat_ico{right: 100%;top: 20px; width:9px; height:15px;position: absolute;pointer-events: none; background: url("../images/tip.png") no-repeat;  }
.chat_index{}

.conversation_list .chat_avatar {width: 40px;display: inline-block;text-align: center;float: left;margin: 0 0 0 28px;}
.conversation_list .odd .chat_avatar {float: right; margin: 0 0 0 10px;}
.conversation_list .odd .conversation_text {width: 70% !important; text-align: right;float: right !important; margin-left:0px;}
.conversation_list .odd .conversation_text .after{left: 100%;top: 12px; width:9px; height:15px;position: absolute;pointer-events: none; background: url("../images/tips.png") no-repeat;  }
.conversation_list .odd .ctext_wrap{box-shadow: 0px 2px 10px 0px rgba(53, 128, 236, 0.06); background: #245399; border-radius: 10px 0 10px 10px; color: #fff;}



.conversation_list .odd .ctext_wrap::after {left: 100% !important;top: 20% !important;border-color: rgba(238,238,242,0) !important;border-left-color: #ccc !important;}
.conversation_list .ctext_wrap i {display: block;font-style: normal;font-weight: bold;position: relative;font-size: 12px;color: #2cb9b3;}
.conversation_list .odd .ctext_wrap i {color: #e72103;}
.conversation_list .ctext_wrap p {margin: 0px;padding-top: 3px;}
.bszn {margin: 8px 0 0 0;overflow: hidden;zoom: 1;border-bottom: 1px solid #245399;white-space: nowrap;}
.bszn li {list-style: none;float: left;margin-bottom: 0; margin-top:0px;}
.bszn li a {padding: 0 12px;line-height: 2.2;}
.bszn li.active {background: #245399;}
.bszn li.active a {color: #fff;}
.list {overflow: hidden;zoom: 1;padding-bottom:5px;margin: 10px 0 0 0px; padding-right:15px; background:none !important;}
.list li {list-style: none; margin: 6px 0; font-size: 16px; overflow:hidden;height:auto; line-height: 22px; padding-left: 14px;background-position: 0 11px;}
.list li em {width: 5px;height: 5px; display: none; border-radius: 10px;background: #656566;float: left;margin:12px 10px 0 0;overflow: hidden;}
.list li a {color: #666; display:block; float: none; overflow:hidden;white-space:normal;}
.list5 li {width: 20%;*width: 19.98%;}
.list2 li {width: 50%;*width: 49.98%;}
.list li.record {
    height: auto;
}

.list li.record .more {
    color: #c80000;
    display: inline-block;
    overflow: visible;
}


.gac_m {cursor: default;border: 1px solid #90a8c1;z-index: 10001;background: #f2f7fe;position: absolute;margin: 0;font-size: 12px;top: 174px;left: 1px;width: 1151px;display: block;}
.gac_m td {line-height: 15px;}
.gac_d {padding: 0 3px;white-space: nowrap;overflow: hidden;text-align: right;color: green;font-size: 0.77em;}
.gac_b {background: #355fb1;color: #fff;}
.gac_e {padding: 0 3px 2px;text-decoration: underline;text-align: right;color: #00c;font-size: 0.77em;line-height: 0.88em;}
.gac_c {padding-left: 3px;white-space: nowrap;overflow: hidden;text-align: left;padding-bottom: 1px;}
/*回复框 end*/
.import{ position:relative;}
.span6 {width: 460px;}

#hotlabels { padding:0 0 20px; position: relative;}
#hotlabels .tit{display: block;float: left; padding-left: 28px; text-align: right;line-height: 35px; font-size: 16px;}
#hotlabels ul li {float: left; margin: 0 6px;}
#hotlabels ul li a,#hotlabels ul li span{display: block;padding: 0 20px;border-radius: 35px;background: #fff;line-height: 35px;cursor: pointer;box-shadow: 0px 3px 6px 0px rgba(51, 51, 51, 0.07); color: #666; font-size: 16px;}
#hotlabels ul li a:hover,#hotlabels ul li span:hover{color: #fff;background: #245399;}

.import .send {font-family: "微软雅黑"; outline: none; border: none; text-shadow: none; height: 43px; background: #245399 url("../images/rob_send.png") 19px center no-repeat; border-radius: 5px; -webkit-border-radius: 5px; padding: 0 30px 0 50px; line-height: 42px; text-align: center; font-size: 20px; color: #fff; position: absolute;bottom: 28px;right: 30px;cursor: pointer;}
.import .send:hover{opacity: 0.9;}
.import .chat-input{ display: block; width: 84%; margin: 23px 0 0; overflow: auto;border: none; resize: none; font-size: 18px; line-height:28px; border-radius: 0;box-shadow: none; background:none; height: 84px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; font-family: "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; outline: none;}
.import .chat-input::-webkit-input-placeholder{color:#7c98c2;}
.import .chat-input:-moz-placeholder{color:#7c98c2;}
.import .chat-input:-ms-input-placeholder{color:#7c98c2;}

.wza-on .import .chat-input:focus{outline: auto;}
.text-input{ position:absolute; height:26px; display: none; letter-spacing: 0; line-height:26px; left:20px; bottom:8px; font-size:14px; color: #999;}
.text-input span{ color: #c00;margin: 0 5px 0 3px;font-style: italic; font-size: 18px;}
.chat-send button {width: 100%;}
.pull-right{ position: absolute; right: 10px; bottom: 35px;}
/*输入框 end*/
.modal{width: 340px !important;margin-left: -170px;}
/*左侧 end*/
.main_right{ background:#fff;}
.tab_pages{ border-bottom:solid 2px #f59744; height:36px; padding-top:8px;}
.tab_pages li{ float:left; font-size:14px; font-weight:bold; height:36px; line-height:36px;}
.tab_pages li .tab_text{ padding-left:10px;}
.tab_pages li.tab_selected{ background:#f59744; color:#fff;}
.toolbar{ display: none;}

.search-talk-eva{margin-top: 15px;}
.search-talk-eva-text{line-height: 30px;}
.search-talk-eva-x{line-height: 30px;}
.search-talk-eva .btn-satisfactory,.search-talk-eva .btn-unsatisfactory{ height:28px; line-height:28px; padding:0 10px 0 28px; background:url(../images/goodico.png) 10px center no-repeat #efefef; border: 1px #efefef solid; -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px; margin:0 3px; font-size:14px; color:#777; cursor:pointer; outline:none; transition: 0.4s all;}
.search-talk-eva .btn-unsatisfactory{ background:url(../images/nogoodico.png) 10px center no-repeat #efefef;  outline:none;}
.search-talk-eva .btn-satisfactory:hover,.search-talk-eva .btn-unsatisfactory:hover{ border-color: rgba(255, 255, 255, 0.71); color: #f00; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}

.page-header1 {border-bottom: 2px solid #e9e9e9;overflow: hidden;zoom: 1;color: #ec6941;margin-bottom: 5px;height: 34px;}
.page-header1 h3 {border-bottom: 2px solid #ec6941;position: absolute;margin: 0;height: 34px;line-height: 34px;padding: 0;font-size: 16px;font-weight: bold;padding: 0 20px;float: left;margin-right: 10px;}
.module {background: #fff;margin-top: 5px;}
.page-header2 {background: #e9e9e9;overflow: hidden;zoom: 1; margin-bottom:10px;}
.page-header2 li {float: left;list-style: none;height: 40px;line-height: 40px;padding: 0;font-size: 16px;font-weight: 100;float: left;}
.page-header2 li a {color: #666;padding: 0 20px;display: block;}
.page-header2 li.active {background: #fff;border-top: 2px solid #ec6941;}
.page-header2 li.active a {color: #ec6941;font-weight: bold;}
.iconList {overflow: hidden;zoom: 1;margin: 0 0 10px 0;}
.page-header1 {border-bottom: 2px solid #e9e9e9;overflow: hidden;zoom: 1;color: #ec6941;margin-bottom: 5px;height: 34px;}
.iconList li {margin-top: 10px;float: left;list-style: none;width: 33.3%;}
.iconList li a {font-size: 14px;line-height: 26px;text-align: center;display: block;color: #666;background: #fff;outline: none;}
.iconList li.active i {background: #ec6941;}
.iconList li i {cursor: pointer;display: block;width: 54px;height: 54px;font-size: 34px;line-height: 50px;border-radius: 50px;color: #fff;margin: 0 auto;*padding-left: 10px;*width: 64px;_padding-left: 20px;_width: 54px;background: #c4c4c4;}

.inquiry {position: relative;background: #e1e8f1;margin: 0;padding: 5px 0 5px 25px;overflow: inherit;_overflow: hidden;zoom: 1;}
.inquiry::before {position: absolute;top: -12px;left: 15%;display: inline-block;border-right: 15px solid transparent;border-bottom: 15px solid #e1e8f1;border-left: 15px solid transparent;content: '';}
.inquiry li {display: inline-block;float: none;*float: left;width: 24%;}
.inquiry1::before {left: 48%;}
.inquiry2::before {right: 15%;left: auto;}
.impot-tips{ position:absolute; bottom:170px; max-width:895px; left:20px; border:2px solid #ddd; padding:10px;  -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px; font-size:16px;}
.impot-tips .impot-tit{ color:#0000cc; padding-left:26px; height:22px; line-height:22px; background: url(../images/ssico.png)  left center no-repeat; margin-bottom:5px;}
.impot-tips .impot-ico{ position:absolute; left:16px; bottom:-10px; width:13px; height:10px; background: url(../images/arrow_bot.gif)  0 0 no-repeat;}
.impot-tips ul li{ height:32px; line-height:32px; color:#666; background: url(../images/xx_ico.gif)  left center no-repeat; padding:0 0 0 8px;}
.impot-tips ul li a{ text-decoration:underline; color:#666;}
.impot-tips .red{ color:#f00;}
.ui-helper-hidden-accessible{ display:none;}

/*智能搜索-左侧满意度*/
.conversation_list li.is_good{ font-size:14px; color:#777; line-height:22px;  margin:8px 0 8px 60px; }
.is_good .is_goodtext{ padding:2px 0;}
.is_good .gookbtn{ height:22px; line-height:22px; padding:0 10px 0 28px; background:url(../images/goodico.png) 10px center no-repeat #efefef;   -webkit-border-radius: 3px; -moz-border-radius: 3px;  border-radius: 3px; margin:0 10px; border:none; font-size:14px; color:#777; cursor:pointer; outline:none;}
.is_good .no_gookbtn{background:url(../images/nogoodico.png) 10px center no-repeat #efefef;  outline:none; }
.tips_list ul li{ height:32px; line-height:32px;  color: #666; background: url(../images/xx_ico.gif) left center no-repeat; padding: 0 0 0 8px; margin:0;}
.tips_list ul li a{ text-decoration:underline; color:#666;}
.tips_list .red {  color: #f00;}
.tips_list .moretips,.ask_content  .moretips{ clear:both; display:block; color:#0000ff; text-decoration:underline; font-size:14px;}
.ask_content{ font-size:14px; color:#666; line-height:25px;}
.conversation_list .chat_index .padding_side,.conversation_text .ctext_wrap .padding_side{ line-height:1.6; padding:16px 20px !important;text-align: justify; text-justify: inter-ideograph;}

.input-area{resize: none;position: relative; background: #fff; height: 134px; padding: 1px 30px 0 28px; border-radius: 0 0 0 32px;}
/*热词*/
.wz_hotword{ height: 40px; line-height: 24px; overflow: hidden;border-bottom: 1px solid #e9e9e9; background:#f8f8f8; padding-top:11px;}
.wz_hotword .wz_tit{ display: block; float: left; width: 47px; font-weight:bold;overflow: hidden; text-align: left; font-size: 15px; color:#333; padding-left:37px;}
.wz_hotword #keyWordsHeat{ margin-left:84px;overflow: hidden;}
.wz_hotword #keyWordsHeat li{float: left; font-size: 15px; padding-right: 10px;}
.wz_hotword #keyWordsHeat li a{ padding: 0 18px; color: #666; background: #ebebeb;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; display: block; height: 24px; white-space: nowrap; line-height:24px; text-decoration: none;}
.wz_hotword #keyWordsHeat li a:hover{ background: #dfeaf3; color:#015293;}


.main_left{width: 858px;float: left; border-right: 2px #fff solid;}
.main_left .slimScrollDiv{ height: 572px !important;}

.hide.active{display: block !important;}
.robotright{ width: 308px; height: 731px; padding: 20px 0 10px 28px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.23) 12%, rgba(255, 255, 255, 0.84) 49%, rgba(255, 255, 255, 0.77) 78%, rgba(255, 255, 255, 0) 99%); backdrop-filter: blur(15px); border-radius: 0 32px 32px 0; box-shadow: inset 0px 0px 20px 0px #FFFFFF;}
.znss_tit{position: relative;}
.znss_tit ul li{ float: left; padding-right: 20px;}
.znss_tit ul li a{ font-size: 20px; display: block; line-height: 40px; color: #5e6166;}
.znss_tit ul li.active a{color: #245399; font-weight: bold;}
.znss_btn{height: auto; padding: 0 18px 12px 0;}
.znss_btn ul li{ width: 135px; float: left; padding: 10px 10px 0 0;}
.znss_btn ul li a{ font-size: 16px; height: 35px; line-height: 34px; background: url("../images/rob_libg.png") 0 0 repeat-y; border-radius: 4px; display: block; white-space: nowrap; overflow: hidden; text-align: center; text-overflow: ellipsis; transition: 0.4s all;}
.znss_btn ul li.active a,.znss_btn ul li a:hover{ font-weight: bold; color: #fff; background:#245399; }

.znss_list ul{ display: none; padding: 6px 20px 0 0; height: auto;}
.znss_list ul.active{display: block;}
.znss_list ul li{ height: 34px; line-height: 34px; background:url("../images/rob_icon.png") left center no-repeat; padding-left: 14px;}
.znss_list ul li a{ font-size: 16px; float: none; display: block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.znss_list ul li img{ float: left; padding-top: 8px;}
.cjwtlist li .date{ display: none;}

/*历史数据*/
.delet_btn{font-family: "Microsoft YaHei"; background: url("../images/rob_clear.png") 0 -26px no-repeat; display: block; font-size: 14px; color: #999; padding-left: 14px; line-height: 26px;position: absolute;right: 28px;top: 7px;}
.delet_btn:hover{color: #245399; background-position: 0 0;}
/*空数据*/
.ui-empty-skin01 {height: 130px;margin: auto;background: url(../images-search/empty.png) center no-repeat;}

.ls-histroy ul{ padding-top: 10px; height: 260px; overflow: auto;}
.ls-histroy ul li{ margin: 0 10px 10px 0; float: left; position: relative; }
.ls-histroy ul li a{ font-size: 16px; background: #EDF3FD; border-radius: 16px; padding: 4px 16px; line-height: 24px; display: block;word-break: break-all; transition: 0.4s all; text-align: justify;}
.ls-histroy ul li a:hover{background: #245399; color: #fff;}
.ls-histroy ul li .del{ position: absolute; background: url("../images/rob_close.png") 0 -16px no-repeat; height: 16px; width: 16px; top: 8px; right: 14px; cursor: pointer; display: none;}
.ls-histroy ul li .del:hover{background-position: 0 0;}
.relevantReco{width: 280px;height: 189px; position: relative;background: url("../images/rob_associate.png") 0 0 no-repeat;}
.relevantReco li{position: absolute;width: 52px;background: none;height: auto;padding: 0;}
.relevantReco li a{height: auto;white-space: normal; font-size: 12px;color: #fff;line-height: 16px;text-align: center;display: block;}
.relevantReco li a:hover{text-decoration: underline;}
.relevantReco li.relev0 {top: 27px;left: 82px;}
.relevantReco li.relev1 {bottom: 64px;right: 71px;}
.relevantReco li.relev2 {top: 33px;left: 149px;}
.relevantReco li.relev3 {top: 57px;right: 17px;}
.relevantReco li.relev4 {bottom: 65px;left: 78px;}
.relevantReco li.relev5 {top: 60px;left: 23px;}


.ui-autocomplete {overflow: hidden;}
.hide {display: none;}
.list li {width: 100%;}
.ui-menu .ui-menu-item {list-style-image: none;}
.ui-menu .ui-menu-item-wrapper {display:block; margin: 5px 0; padding-left: 10px; white-space: normal; overflow: hidden; text-overflow: ellipsis;}
.ui-menu .ui-menu-item-wrapper > span{margin-right: 5px;}
.impot-tips {background: #fff;}
.ui-menu .ui-menu-item-wrapper:hover{border: 0 none; background: #f8f8f8; color: #d00;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover {
border: 0 none;
background-color: #f8f8f8;
font-weight: normal;
color: #d00
}

.ui-icon-background,.ui-state-active .ui-icon-background {
border: #f8f8f8;
background-color: #fff
}



.impot-tips ul {width: 100% !important;left: 10px !important;top: 10px !important;}
.ui-dialog {*zoom: 1;_float: left;position: relative;background-color: #FFF;border: 1px solid #999;border-radius: 6px;outline: 0;background-clip: padding-box;font-family: Helvetica, arial, sans-serif;font-size: 14px;line-height: 1.428571429;color: #333;opacity: 0;-webkit-transition: -webkit-transform .15s ease-in-out, opacity .15s ease-in-out;transition: transform .15s ease-in-out, opacity .15s ease-in-out}
.ui-popup-show .ui-dialog {opacity: 1}
.ui-popup-focus .ui-dialog {box-shadow: 0 0 8px rgba(0, 0, 0, 0.1)}
.ui-popup-modal .ui-dialog {box-shadow: 0 0 8px rgba(0, 0, 0, 0.1), 0 0 256px rgba(255, 255, 255, .3)}
.ui-dialog-grid {width: auto;margin: 0;border: 0 none;border-collapse: collapse;border-spacing: 0;background: transparent}
.ui-dialog-header, .ui-dialog-body, .ui-dialog-footer {padding: 0;border: 0 none;text-align: left;background: transparent}
.ui-dialog-header {white-space: nowrap;border-bottom: 1px solid #e5e5e5}
.ui-dialog-close {position: relative;_position: absolute;float: right;top: 13px;right: 13px;_height: 26px;padding: 0 4px;font-size: 21px;font-weight: bold;line-height: 1;color: #000;text-shadow: 0 1px 0 #FFF;opacity: .2;filter: alpha(opacity=20);cursor: pointer;background: transparent;_background: #FFF;border: 0;-webkit-appearance: none}
.ui-dialog-close:hover, .ui-dialog-close:focus {color: #000;text-decoration: none;cursor: pointer;outline: 0;opacity: .5;filter: alpha(opacity=50)}
.ui-dialog-title {margin: 0;line-height: 1.428571429;min-height: 16.428571429px;padding: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;cursor: default}
.ui-dialog-body {padding: 20px;text-align: center}
.ui-dialog-footer button {color: #333;background-color: #fff;border-color: #ccc}
.ui-dialog-footer button:hover, .ui-dialog-footer button:focus, .ui-dialog-footer button:active {color: #333;background-color: #ebebeb;border-color: #adadad}
.ui-dialog-footer button:active {background-image: none}
.ui-dialog-footer button[disabled], .ui-dialog-footer button[disabled]:hover, .ui-dialog-footer button[disabled]:focus, .ui-dialog-footer button[disabled]:active {background-color: #fff;border-color: #ccc}
.ui-dialog-footer button.ui-dialog-autofocus {color: #fff;background-color: #428bca;border-color: #357ebd}
.ui-dialog-footer button.ui-dialog-autofocus:hover, .ui-dialog-footer button.ui-dialog-autofocus:focus, .ui-dialog-footer button.ui-dialog-autofocus:active {color: #fff;background-color: #3276b1;border-color: #285e8e}
.ui-dialog-header, .ui-dialog-body, .ui-dialog-footer {border: 0 none;text-align: left;background: transparent;}
.ui-dialog-footer {padding: 0 20px 20px 20px;text-align: right;}
.ui-dialog-header {border-bottom: none;}
.ui-dialog-footer button {width: auto;overflow: visible;display: inline-block;padding: 6px 12px;_margin-left: 5px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.ui-dialog-footer button {color: #333;background-color: #fff;border-color: #ccc;margin-left: 5px;}
/*___*/
@-webkit-keyframes animationLeft {
0% {-webkit-transform: translateX(-20px);transform: translateX(-20px);opacity: 0;}
50% {-webkit-transform: translateX(-20px);transform: translateX(-20px);opacity: 0}
to {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
}

@keyframes animationLeft {
0% {-webkit-transform: translateX(-20px);transform: translateX(-20px);opacity: 0;}
50% {-webkit-transform: translateX(-20px);transform: translateX(-20px);opacity: 0;}
to {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
}

@-webkit-keyframes animationRight {
0% {-webkit-transform: translateX(20px);transform: translateX(20px);opacity: 0;}
20% {-webkit-transform: translateX(20px);transform: translateX(20px);opacity: 0;}
to {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
}

@keyframes animationRight {
0% {-webkit-transform: translateX(20px);transform: translateX(20px);opacity: 0;}
20% {-webkit-transform: translateX(20px);transform: translateX(20px);opacity: 0;}
to {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
}
.conversation_list .answer_text {-webkit-animation: animationLeft .5s ease-in-out;animation: animationLeft .5s ease-in-out;}
.conversation_list .conversation_text {-webkit-animation: animationRight .5s ease-in-out;animation: animationRight .5s ease-in-out;}
.red {color: red;}
.line {text-decoration: underline;}
.hot_service_item {float: left;color: #333;margin: 0 10px 10px 0;padding: 0 16px;border-radius: 20px; background: #F6F9FA; line-height: 34px;cursor: pointer; transition: 0.4s all;}
.hot_service_item:hover {color: #fff;background: #245399;}
.hot_service_table td {padding: 5px 10px;border: 1px solid #e0e1e1;}
.hot_service_table td.table-bt {color: #868686;}
.knowledge_box {margin: 8px 0;}
.blod {font-weight: bold;}
.col100 {margin-right: 110px;height: auto;margin-top: 20px;}
.hot_detail {display: inline-block;width: 98px;height: 34px;line-height: 34px;text-align: center;background: #245399;border-radius: 17px;font-size: 14px;color: #fff;margin-top: 9px; transition: 0.4s all;}
.hot_detail:hover{ opacity: 0.9; color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);}
@media (min-width: 992px) and (max-width:1199px) {
.main_left{width: 634px;}
.robotright{width: 324px;}
.znss_btn ul li,.znss_tit ul li{width: 92px;}
}
@media (max-width:991px) {
.robot-bodybg{background-size: auto 100%;}
.robot_iframe{margin-bottom: 15px;}
.mainbox{height: auto;}
.main_left{float: none; border-right: 0 none; border-radius: 32px 32px 0 0; width: auto;}
.robotright{float: none; width: auto; height: auto; border-radius:0 0 32px 32px; padding: 15px;}

.znss_btn{height: auto; padding-right: 0;}
.znss_btn ul li{width: 16.6%; padding-right: 0;}
.znss_btn ul li a{margin: 0 5px;}
.znss_tit ul li{width: auto;}
.input-area{border-radius: 0;}
.ls-histroy ul{overflow-y: inherit; height: auto;}
.relevantReco{margin: 0 auto;}
}
@media (max-width:767px) {
.robot-titbox span{ display: none;}
.robot-titbox{padding-left: 20px;}
.robot_iframe{margin:0 10px 10px;}
.robotright{padding: 10px;}
.conversation_list .chat_avatar{margin-left: 13px;}
.conversation_list{padding-right: 15px;}
.conversation_list .conversation_text{margin-left: 63px; font-size: 14px;}
.znss_btn ul li{width: 33.3%;}
.conversation_list .chat_index .padding_side, .conversation_text .ctext_wrap .padding_side{padding: 11px 13px !important;}
.input-area{padding: 1px 8px 0 8px;}
.import .send{right: 8px; bottom: 8px; font-size: 16px; height: 36px; line-height: 36px; padding: 0 10px 0 32px; background-position: 10px center; background-size: auto 12px;}
.import .chat-input{margin-top: 8px; width: 100%;font-size: 14px;line-height: 24px;height: 72px;}
.list li{font-size: 14px; line-height: 1.6; background-position: 0 10px; padding-left: 10px;}
#hotlabels{padding: 5px 0 10px;}
#hotlabels .tit{padding-left: 13px;font-size: 14px; height: 30px; line-height: 30px;}
#hotlabels ul li a, #hotlabels ul li span{font-size: 14px; height: 30px; line-height: 30px;}

.znss_tit ul li{padding-right: 10px;}
.znss_tit ul li a{font-size: 18px;}
.znss_btn ul li a{font-size: 14px; height: 30px; line-height: 30px;}
.znss_list ul{padding-right: 0;}
.ls-histroy ul li a{font-size: 14px; line-height: 1.5;}
.znss_list ul li a{font-size: 14px;}
}


.lmbg{
    height: 100%;
    z-index: -6;
}

#suggest_bar #phone {
    width: 395px;
    padding: 4px 0;
    margin: 10px 0;
    text-indent: 10px;
}

#write {
    font-size: 17px;
    color: #245399; white-space: nowrap;
}