@charset "utf-8";
/* CSS Document */
body{background:none; font-size: 16px;}
textarea {height: auto;color: #555;outline: 0; border: 1px solid #ddd;}
.pull-right {float: right}
.pull-left {float: left}
.show {display: block}
.invisible {visibility: hidden}
.affix {position: fixed}
.margin-left30 {margin-left: 30px!important}
.no_padding {padding: 0!important}
.padding_top10 {padding-top: 10px!important}
.padding_bottom10 {padding-bottom: 10px!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}
.row-fluid {width: 100%;*zoom:1}
.col100 {width: 100%}
.input-block-level {display: block;width: 100%;min-height: 30px;box-sizing: border-box}
.row_fluid {*zoom:1;width: 100%;margin: 0 auto;}
a{color: #333;}
a:hover{cursor: pointer;}
.conversation_list {list-style: none;background: #f2f4f5;background-size: 100% 100%;overflow-x: hidden;overflow-y: auto;margin: 0;padding: 8px 20px 20px;border-right: 1px solid #ccc}
.conversation_list li {margin-bottom: 24px;margin-top: 10px}
.conversation_list .conversation_text {display: inline-block;font-size: 9pt;float: left;margin-left: 5pt;width: 80%}
.conversation_list .ctext_wrap {padding: 10px;border-radius: 3px;position: relative;display: inline-block;border: 1px solid #ccc}
.conversation_list .ctext_wrap:after {right: 100%;top: 20px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(213,242,239,0);border-right-color: #ccc;border-width: 5px;margin-top: -5px}
.chat_index {background: #fff;border-radius: 3px}
.import .chat-input {float: left;overflow: auto;border: 0;height: 90px;resize: none;font-size: 14px;line-height: 22px;margin-bottom: 0;border-right: 0;*padding: 0;border-radius: 0;box-shadow: none;padding: 5px 10px}
.conversation_list .odd .chat_avatar {float: right!important}
.conversation_list .chat_avatar {width: 50px;display: inline-block;text-align: center;float: left}
.conversation_list .chat_avatar img {border-radius: 30px}
.conversation_list .odd .conversation_text {width: 70%!important;margin-right: 9pt;text-align: right;float: right!important}
.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: 700;position: relative;font-size: 9pt;color: #2cb9b3}
.conversation_list .odd .ctext_wrap i {color: #e72103}
.conversation_list .ctext_wrap p {margin: 0;padding-top: 3px;    word-break: break-all;}


.list {overflow: hidden;zoom:1;padding-bottom: 5px;margin: 0 0 0 3px;padding-right: 15px;background: none!important}
.list li {list-style: none;margin: 2px 0;height: 30px; line-height: 30px;overflow: hidden;}
.list li a {  background: url(../images/point2_02.png) left center no-repeat;color: #666;display: block;white-space: nowrap; overflow: hidden;   text-overflow: ellipsis; padding: 0 12px;}
.list li em { display: none;}


.list5 li {width: 20%;*width: 19.98%}
.list2 li {width: 50%;*width: 49.98%}
.import {height: 160px;background: #fff;position: relative;border-right: 1px solid #0154a4}
.span6 {width: 460px}
.import .send {float: left;background: #ec6941;border: 0;height: 40px;color: #fff;line-height: 24px;text-shadow: none;font: 700 1pc Microsoft YaHei}
.chat-send {padding: 5px 0}
.chat-send button {width: 100%}
.modal {width: 340px!important;margin-left: -170px}
.main_right,.module {background: #fff}
.module {margin-top: 5px}
.ui-autocomplete {overflow: hidden;}
.ui-widget.ui-widget-content{ width: 944px !important;}
.ui-menu .ui-menu-item-wrapper {display: inline-block;width: 100%; box-sizing: border-box;white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; padding: 0 6px}
.ui-autocomplete .ui-menu-item {height: 32px;line-height: 32px;list-style-image: none}
.chat_conversation {position: relative}
.chat_conversation>.btnWrap {z-index: 10;bottom: -2px;width: 100%;background: #fff;border-top: 1px solid #ddd;padding: 4px 0}
.chat_conversation>.btnWrap>a {display: inline-block;padding-top: 6px;padding-left: 20px;border-bottom: 2px solid transparent}
.chat_conversation>.btnWrap>a img.normal {display: inline}
.chat_conversation>.btnWrap>a img.on {display: none;}
.chat_conversation>.btnWrap>a.on img.on {display: inline;}
.chat_conversation>.btnWrap>a.on img.normal {display: none;}
.chat_conversation>.btnWrap img {width: 30px;}
.chat_conversation>.borderLine {position: absolute;width: 1px;height: 46px;bottom: -2px;right: 0;background-color: #ccc;z-index: 11}
.import1 {position: relative;height: 119px;border-right: 1px solid #ccc;display: none}
.import1 .voice-msg {padding: 10px;font-size: 14px}
ul#zzgk>li {margin: 5px 0;height: 60px;border-bottom: 1px dashed #ddd}
#answers_div>li.odd {margin-bottom: 18px;margin-top: 20px;position: relative}
.chat_conversation>.btnWrap img {width: auto}
.input-area {margin: 0 20px}
.import .enter-input {overflow: auto;border: none;height: 70px;resize: none;font-size: 16px;line-height: 22px;margin-bottom: 0;border-right: none;border-radius: 0;box-shadow: none;padding: 5px 10px}
.input-wrapper {margin-right: 85px}
.input-wrapper,.input-wrapper>textarea {background-color: #f5f5f5}
.import .input-area{padding: 15px 0 0; position: relative;}
.btn-send { position: absolute; right: 0; top:15px; width: 120px;height: 70px;border: none;background: none;background-color: #0154a4;color: #fff;display: inline-block;padding: 4px 9pt;margin-bottom: 0;font-size: 14px;line-height: 20px;text-align: center; border-radius: 10px;-webkit-border-radius: 10px;}

.btn-send:focus {outline: 0}
.remain-tip {font-size: 14px;color: #999;margin-left: 30px;height: 36px;line-height: 30px}
.red-txt {font-size: 24px;color: #c00;margin: 0 5px 0 3px;font-style: italic}
.conversation_list .ctext_wrap {background: #fff;color: #404040;border: none;font-size: 16px;border-radius: 9pt;border-bottom-left-radius: 5px;margin-top: 5px; }
.conversation_list .ctext_wrap .chat_index {border-radius: 9pt;border-bottom-left-radius: 5px}
.conversation_list .ctext_wrap:after {border-right-color: rgba(213,242,239,0)!important;top: 5px!important;bottom: 0;border-top-color: #fff!important;left: -6px;border-width: 7px;}
.conversation_list .odd .ctext_wrap {background: #ffdd8c;color: #404040;border: none;font-size: 16px;border-radius: 9pt;border-bottom-right-radius: 5px;}
.conversation_list .odd .ctext_wrap:after {border-left-color: rgba(213,242,239,0)!important;top: 5px!important;bottom: 0;border-top-color: #ffdd8c!important;left: auto!important;right: -5px;border-width: 9pt}
.conversation_list  .result-li .ctext_wrap{ float: left; max-width: 100%;}


.bszn {margin:10px 0 0;overflow: hidden;zoom: 1; border-bottom: 1px solid #D8D8D8;white-space: nowrap;}
.bszn li {float: left;margin-bottom: 0;margin-right: 10px;margin-top: 0;}
.bszn li:last-child{margin-right: 0;}
.bszn li a {display: block; font-size: 18px;line-height: 36px;padding:0 10px;margin: 0;}
.bszn li.active a {color: #fff;background:#0154a4; }
.tab_content.answerContent .list{ min-height: 327px;}
.answerContent .list li a {font-size: 16px;}
.list li a:hover {color: red;text-decoration: underline}
.down-btn,.good-btn {border: none;background: transparent;font-size: 14px;color: #333;outline: 0}
.down-btn .down,.good-btn .good {display: inline-block;width: 24px;height: 24px}
.opt-bottom {float: right;margin-top: -22px}
.opt-bottom .pull-left {margin-left: 30px}
.opt-bottom .pull-right {margin-right: 10px}
.opt-bottom .more {font-size: 14px;color: #999}
.opt-bottom .more>img {margin-left: 5px}

.list2.serachList {margin-left: 10px}
.list2.serachList>li {width: 20%;border-radius: 18px;height: 35px;line-height: 35px}
.list2.searchList>li a {font-size: 14px;color: #404040}
.preview-title {margin: 0 20px;padding-top: 9pt;font-size: 18px;color: #c00}
.preview-title .icon {display: inline-block;width: 21px;height: 20px;background: url(../images/stacks.png) no-repeat;float: left;margin-top: 10px;margin-right: 6px}
.preview-title .back {display: block;width: 24px;height: 22px;margin-top: 10px;float: right;background: url(../images/back.png) no-repeat;cursor: pointer}
.preview-content {padding: 0 20px}
.preview-content .lab {font-size: 14px;font-weight: 700;color: #666}
.preview-content .content {text-indent: 2em;font-size: 14px;color: #666;overflow: hidden}
.preview-content .content .all {color: #c00}
.relative-panel {padding: 0 20px;margin-top: 10px}
.relative-title {font-size: 1pc;color: #666}
.relative-panel .bszn li.active a {background-color: #fff;border-bottom: 1px solid #fff}
.relative-content .date {font-size: 9pt;color: #999}
.relative-panel .func {font-size: 14px;color: #404040}
.relative-content .list {padding-top: 6px}
.relative-content .list li {height: 1pc;line-height: 120%;margin: 10px 0 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.module {margin-top: 0;}

.preview-table {width: 100%;border: 1px solid #ddd}
.preview-table thead {background-color: #f5f5f5}
.preview-table tbody tr:first-child td {border-top: none}
.preview-table td {font-size: 14px;color: #666;text-align: center}
.preview-table .detail {color: #999;text-decoration: underline}
.preview-table .detail:hover {color: #c00}
.preview-table .date {width: 92px}
.preview-table .operation {width: 90px}
.hideLi {display: none}
.handle-more {margin-top: 6px!important;margin-left: 14px!important}
.gray {color: #999}
.toggle-btn {position: absolute;bottom: -30px;right: 0}
.toggle-btn>a {display: none;color: #c00}
.toggle-btn>a>img {margin-right: 4px}
.toggle-btn.on .item1 {display: inline}
.toggle-btn.off .item1,.toggle-btn.on .item2 {display: none}
.toggle-btn.off .item2 {display: inline}
.inputBar>input {width: 40px;line-height: 1pc;height: 1pc;margin: 0 5px}
/*翻页*/
.pagination>a,.pagination>span {padding: 0 3px;color: #666}
.pagination .current {color: #c00}
.wd_logo{padding: 10px 0;}
.robotbox{ border: #0154a4 1px solid;background: #fff;  margin-bottom: 30px;}
.main_left{width: 985px;height: 694px;}
.conversation_list{height: 505px;background: #fff;padding: 8px 15px 20px;border-bottom:#0154a4 1px solid;border-right: #0154a4 1px solid;}
.conversation_list .ctext_wrap:after{display: none;}
.conversation_list .ctext_wrap .padding_side{background: #fffdfc;border-radius: 5px;border: #e8e8e8 1px solid;}
.conversation_list .ctext_wrap .chat_index{position: relative;}
.conversation_text .chat_ico{position: absolute;left: -10px;top: 10px;width: 11px;height: 11px;z-index: 9;}
.conversation_list .odd .conversation_text .chat_ico{right: -10px;left: auto;}
.chat_conversation>.btnWrap{border-top: none;}
.chat_conversation>.borderLine{background-color:#0154a4; }
.input-wrapper{padding-right: 120px;margin-right: 0; position: relative;}
.answer-tab{margin-top: 15px;}
/****/
.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: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;}
.search-talk-eva .btn-unsatisfactory{background:url(../images/nogoodico.png) 10px center no-repeat #efefef;  outline:none; }

.main_right{width: 380px;padding: 0 16px;height: 694px;}
.page-header{margin-top: 5px; background: url("../images/telbg.gif") bottom repeat-x;padding: 0;}
.page-header li{border-top: none;float: left;margin-right: 6px;}
.page-header li a{ display: block; position: relative;  padding: 0 4px;  height: 38px;line-height: 38px;font-size: 18px;}
.page-header li.active a{font-weight: bold;}
.page-header li  i{display: block; position:absolute; left:50%; bottom:-1px; height:2px; width:0; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;  background: #0154a4;}
.page-header li.active  i{ width:100%; left:0;}

.tab-content .list1{display: none; min-height: 210px;padding: 5px 0;}
.tab-content .list1.active{display: block;}
.tab-content .list1 li{height: 32px;line-height: 32px;padding-left: 12px;background: url("../images/point2_02.png") 0 center no-repeat;}
.tab-content .list1 li a{display: block;height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: none;}
.tab-content .list1 li img{display: none;}

.tab-content .list1 .m-theme h2{display:none;}
.tab-content .list1 .m-theme ul li{float:left;width:50%;padding:0;text-indent:10px;}

.listgk{display: none; height: 288px;padding: 5px 0 0 0;}
.listgk.active{display: block;}
.listgk li{height:32px;line-height:32px;vertical-align:bottom;padding:0 0 0 12px;background:url(../images/point2_02.png) 0 center no-repeat;overflow:hidden;position:relative; font-size: 16px;}
.listgk li .date{float:none;position:absolute;right:0;top:0;color:#999;white-space:nowrap; font-size: 14px; display: none;}
.listgk li .col-block,.listgk li .nr{float:left;max-width:100%;}
.listgk li .col-block .explain-list,.listgk li .col-block .policy-list,.listgk li .nr .gl,.listgk li .nr .gl{display:block;float:right;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.listgk li .col-block .explain-list .split-line,.listgk li .col-block .policy-list .split-line,.listgk li .nr .gl .split,.listgk li .nr .gl .split{padding:0 2px;color:#666;}
.listgk li .col-block .explain-list a,.listgk li .col-block .policy-list a,.listgk li .nr .gl a,.listgk li .nr .gl a{display:inline;color:#dd0000;float:none;background:none;max-width:none;padding:0;margin:0;}
.listgk li a.title,.listgk li a.tit{display:block;float:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none;padding:0;margin:0;}
@media (min-width: 1391px) and (max-width:1580px) {
    .main_left{width: 785px;}
    .ui-widget.ui-widget-content{ width: 744px !important;}
}
@media (min-width: 1181px) and (max-width: 1390px) {
    .main_left{width: 615px;}
    .main_right{ width: 340px;}
    .ui-widget.ui-widget-content{ width: 574px !important;}
}
@media (max-width:1180px) {
    .ls-robot-main{ padding: 0 15px;}
    .robotbox{ margin-bottom: 20px;}
    .main_left{width:100%;float: none;height: auto;}
    .main_right{width: auto; float: none; height: auto;}
    .conversation_list{border-right: none;}
    .import{border-right: none;height: auto;}
    .ui-widget.ui-widget-content{ width: 692px !important;}
}
@media only screen and (max-width:767px) {
    .ls-robot-main{ padding: 0 10px;}
    .robotbox{ margin-bottom: 10px;}
    .main_right{padding: 0 10px;}
    .wd_logo img{ max-width: 100%; height: auto;}
    .import .input-area{margin:0 10px;}
    .import .input-area .btn-send{width:60px;}
    .input-wrapper{padding-right: 60px;}
    .import{overflow-y: auto;}
    .ui-widget.ui-widget-content{ left:20px !important; right: 20px !important; width: auto !important;}

}
@media only screen and (max-width:362px) {
    .conversation_list .conversation_text{ width: 75%;}
}