@charset "utf-8";
/* CSS Document */
.robotmainbox{ padding: 42px 0 20px; background: url("../images_new/znwd_bodybg.jpg") center 0 no-repeat; background-size: auto 100%;}
.robot-title{ text-align: center; padding-bottom: 30px; line-height: 0; font-size: 0;}
.robot-title img{max-width: 98%; height: auto;}
.robot-mainbox{ background: #fff; padding: 20px;}
.main_left{ width: 807px; padding-right: 20px; border-right: 1px #eee solid; line-height: 0; font-size: 0;}
.main_right{ width: 370px;}
.main_right .pagination{display: none;}
.main_right .ind-list{height: 310px;}
.main_right .ind-list li{padding-right: 0;}
.main_right .ind-list li a{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: none; max-width: none;}

.bm_fwlist{ height: 220px; padding: 10px 0 0; overflow: hidden;}
.bm_fwlist ul{margin-left: -10px;}
.bm_fwlist li{float: left; padding: 10px 0 0 10px; width: 116px;}
.bm_fwlist li a{display: block; padding: 16px 0 0; background: #f6f9ff; border: 1px #f6f9ff solid; height: 82px; text-align: center; font-size: 0; line-height: 0; transition: 0.4s all;}
.bm_fwlist li a span,.bm_fwlist li a img{display: inline-block; vertical-align: middle; cursor: pointer; height: 34px;}
.bm_fwlist li a img{width: auto;}
.bm_fwlist li a span{width: 100%; line-height: 34px; font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bm_fwlist li a:hover{ border-color: #275bb0; color: #275bb0; background: #fff;}
.bm_fwlist li a:hover img{transition: all .6s;-webkit-transition: all .6s;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);}

/*问答输入框样式*/
.chat_conversation{  background:#f7f7f7;border: 1px solid #f1f1f1; border-radius: 1px; border-bottom:none;}
.wdtitle{ line-height:34px; height: 35px; padding-top:10px; border-bottom: 1px solid #ddd;}
.wdtitle .tit{ display:block; float:left; height: 34px; line-height: 34px; padding: 0 15px;  font-size: 18px;   color: #c10d0c;  border-bottom: 2px solid #c10d0c;}
.conversation_list{list-style: none;background:none; overflow-x: hidden;overflow-y: auto;margin: 0; border:none; padding:0 18px;}
.conversation_list li{margin-bottom: 20px;}
.conversation_list .chat_avatar{width: 57px; margin-top: 4px; display: inline-block;text-align: center;float: left;}
.conversation_list .conversation_text{display: inline-block;font-size: 12px;float: left;margin-left: 25px;width: 88%;}
.conversation_list .ctext_wrap{background: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;position: relative;display: inline-block;border: 1px solid #e6e6e8; margin-top: 0; font-size: 18px; line-height: 28px; box-sizing: border-box;}
.conversation_list .chat_avatar img {border-radius: 32px;}
.conversation_list .ctext_wrap::after {display:none;}
.chat_index{ background:#fff;border-radius:3px;}
.import .chat-input{float: left;overflow: auto;height: 90px;resize: none;font-size: 14px;font-family: "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;line-height: 22px;margin-bottom: 0;*padding: 0;border-radius: 0;box-shadow: none;padding: 5px; width:100%; margin-top:15px;}
.conversation_list .odd .chat_avatar {float: right !important;}
.conversation_list .odd .conversation_text {width: 70% !important;margin-right: 12px;text-align: right;float: right !important;}
.conversation_list .odd .ctext_wrap{ background: #275bb0; color:#fff; border-radius: 2px;}
.conversation_list .odd .ctext_wrap::after { display:none;/}
.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 .chat_ico{ border-style: solid; border-color: transparent; border-right-color:#e6e6e8; border-width: 7px; position: absolute; left: -15px; top: 24px;}
.conversation_list .odd .ctext_wrap .chat_ico{ border-left-color:#275bb0; left: auto; right: -14px; border-right-color: transparent;}
.conversation_list .ctext_wrap p {margin: 0; padding-top: 0; font-size: 18px;}
.padding_side{padding-left: 27px !important; padding-right: 27px !important;}
.padding_top10{ padding-top: 17px !important;}
.padding_bottom10{ padding-bottom: 17px !important;}
.bszn {overflow: hidden;zoom: 1;border-bottom: 2px solid #275bb0;white-space: nowrap;}
.bszn li {list-style: none;float: left;margin-bottom: 0; margin-top: 17px; padding: 0;}
.bszn li a {padding: 0 12px;line-height: 2.2; font-size: 18px;}
.bszn li.active {background: #275bb0;}
.bszn li.active a {color: #fff; border:none;}
.conversation_text .list{height:310px !important;}
.list {overflow: hidden; zoom: 1; padding:8px 15px 5px 0; background:none !important;}
.list li {list-style: none;float: none;border-bottom: 1px dashed #ddd; overflow:hidden;height: 42px; line-height: 42px;background: url(../images_new/icon.gif) 0 center no-repeat; padding-left: 15px; margin:0; font-size: 16px;}
.list li em {width: 5px;height: 5px;border-radius: 10px;background: #275bb0;float: left;margin: 8px 10px 0 0;overflow: hidden;}
.list li a {color: #666; display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-right:10px;}
.ind_list{ width:100%;}
.ind_list  li{ height: 31px; line-height: 31px; background: url(../images/ico.gif) 0 center no-repeat;  padding-left: 10px; border-bottom: 1px dashed #ddd;}
.ind_list  li a{ display:inline-block; max-width:312px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
.ind_list  li .date{ float:right; color:#999; font-size:12px;}
.ind_list  li  img{ float:left; padding:10px 0 0 0;}
.wd_gktitle{ height: 35px;line-height: 35px;font-weight: bold; color: #275bb0;  font-size: 18px; padding: 5px 0 5px;}
.wd_gklist{ margin-top:5px;}
.wd_gklist .slimScrollRail{width:6px !important; background: #f0f0f0 !important;}
.wd_gklist .slimScrollBar{width:6px !important;background:#d6d6d6 !important;}
.wd_gklist ul li{ float:left; width:33.2%; height:30px; line-height:30px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}

.gk_list ul{ width:100%;}
.gk_list li .col-block{float: left;max-width: 98%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gk_list ul li{ font-size: 16px; line-height: 32px; height: 32px;  vertical-align: middle; padding:0 80px 0 14px;background: url(../images/ico.gif) no-repeat left 15px; position: relative; }
.gk_list ul li .date{ float: right; color: #cdcdcd; font-size: 14px; position: absolute; right:0; top:0;}
.gk_list ul li .explain-list { display:inline-block; max-width: 80%; height: 38px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gk_list ul li .split-line{padding:0 4px;font-size:12px;display:inline-block; }
.gk_list ul li  a.explain-link{color:#f00;font-size:15px;display:inline-block; }
.gk_list ul li a.title{    display: block;float: none;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.zn_btn li{ font-size: 16px; line-height: 32px; height: 32px;  }
.zn_btn li .img_title{ display:inline-block;}
.zn_btn li img{ width: 20px; height: 20px; margin-right: 5px;}
.ss_ewm{ text-align: center; padding: 10px 0;}
.ss_ewm ul li{float: left;width: 46%;padding: 0 1.5%;}
.ss_ewm img{max-width: 100%;height: auto;}
.ss_ewm .img_title{display: none;}
/*回复框 end*/
.import{ background:#fff;position:relative; padding:0 15px;  border: 1px solid #f1f1f1; height:170px;}
.span6 {width: 460px;}
.imprttxt { position: absolute; left: 15px; top: 118px; height: 24px; line-height: 24px; font-size: 14px; white-space: nowrap;letter-spacing: 1px; color: #666;}
.imprttxt #textCount { font-weight: bold; color: #ea9500; }
.imprttxt .padding-left10{ padding-left: 7px !important;}



.wd_btn { position: absolute; right: 15px; top:114px; width: 100px; height: 36px; }
.import .send{float: left; width: 100px; height: 36px; line-height: 34px; text-align: center; font-size: 16px; color: #fff; background: #fb9324; border: 0; outline: none; border-radius: 5px; cursor: pointer; font-weight: normal;}
.chat-send {padding:0;}
.chat-send button {width: 100%;}
.ui-autocomplete .ui-menu-item { margin:0 10px; font-family: "Microsoft YaHei"; height: 30px;line-height: 30px;  background: url(../images/ico2.jpg) 0 center no-repeat; padding-left: 12px; }
.ui-autocomplete .ui-menu-item a{ text-decoration:underline; display:block; }
.ui-autocomplete .ui-menu-item  a:hover{ background:none; color:#f00; border:none; }
/*输入框 end*/
.modal{width: 340px !important;margin-left: -170px;}
/*左侧 end*/
.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;}
.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;font-size: 16px;font-weight: bold;padding: 0 20px;float: left;margin-right: 10px;}
.page-header2 {background: #f0f3f6;overflow: hidden;zoom: 1;}
.page-header2 li {float: left;list-style: none;height: 40px;line-height: 40px;padding: 0;font-size: 16px;font-weight: bold;}
.page-header2 li a {color: #666;padding: 0 20px;display: block;}
.page-header2 li.active {background: #c10d0c;}
.page-header2 li.active a {color: #fff;}
.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;}

.mb20{margin-bottom: 20px;}
@media (max-width: 1259px) and (min-width: 992px){
.main_left {width: 630px;}
.main_right {width: 281px;}
.bm_fwlist li{width: 87px;}
.bm_fwlist li a span{ font-size: 16px;}
}
@media (max-width: 991px){
.main_left{padding-right: 0; border-right: 0 none;}
.main_left, .main_right{width: auto; float:none; clear:both;}
.main_right{margin-top:10px !important;}
.ind_list li a {  max-width: 690px;}
.mb20{margin-bottom: 15px;}
.bm_fwlist ul{ margin-left: 0;}
.bm_fwlist li{padding-left: 0; width: 33.3%;}
.bm_fwlist li a{ margin: 0 5px;}
}
@media (max-width: 767px){
.ind_list li a{  max-width:none !important;  float:none; display:block;}
.ind_list li img{ display:none !important;}
.mb20{margin-bottom: 10px;}
.robot-mainbox{ padding: 10px;}
.conversation_list{ padding: 0 10px;}
.conversation_list .conversation_text{width: 80%;}
.conversation_list .ctext_wrap{font-size: 16px;}
.conversation_list .ctext_wrap p{ font-size: 16px; text-align: justify;}
.padding_side{padding-left: 15px !important; padding-right: 15px !important;}
.bszn li{padding-bottom: 0;}
.robotmainbox{ padding-bottom: 10px;}
.bm_fwlist{padding-top: 0;}
.bm_fwlist li a span{font-size: 16px;}
}
@media (max-width: 479px){
.conversation_list .conversation_text{width: 68%;}
}