body,html,.container-fullScreen,.container-screen{width: 100%;height: 100%;}
.container{ margin: 0 auto;}
.container-min{ max-width: 640px; position: relative;}
html{font-size: 12px;}
body{overflow:hidden; padding: 0; margin: 0;}
.pull-right{ float: right}
.pull-left{ float: left}
a{text-decoration: none;}
.max-line-1{display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.chat-body,.chat-message-container,.message-list,.message-list ul,.chat-footer,.footer-operation-header{ width: 100%; display: inline-block;}
.chat-body{background: #f5f8fa; float: left;}
.chat-message-container{ height: 100%; margin: 0px 0; float: left;}
.message-list{ overflow-x: hidden; overflow-y: auto; float: left;}
.message-list ul{padding: 25px 0 15px 0 ; margin: 0; float: left;}
.message-list ul li{ display: inline-block; width: 100%; padding: 5px 10px;box-sizing: border-box; float: left;}
.message-list ul li .head-img{ width: 25px; height: 25px; float: left;}
.message-list ul li .head-img img{ width: 100%; display: inline-block;}
.message-list ul li .info{ width: calc(100% - 46px); margin-left: 10px; float: left;}
.message-list ul li .info .name-box{ width: 100%; margin-bottom: 5px; font-size: 13px;color: #888; display: flex; align-items: center; justify-content: flex-start;}
.message-list ul li .info .name-box .name{ margin-right: 10px;}
.message-list ul li .info .user-msg-content{display: inline-block;margin: 0;padding:10px 8px;min-height: 17px;color: #333;
    background: #fff; max-width: 90%;
    border-radius: 6px;box-shadow: 0 0 5px rgba(151 174 199,0.1);border: 1px solid #e6e6e6;word-wrap: break-word;word-break: break-word;text-align: left!important;}
.message-list ul li .info .user-msg-content p{ margin: 0; padding: 0;}
.fs16{font-size: 14px;color: #333!important;}
.message-list ul li.right .head-img{ display: none;}
.message-list ul li.right .info{ float: right;text-align: right;}
.message-list ul li.right .info .name-box{    justify-content: flex-end;}
.message-list ul li.finish .finish-bubble{margin: 10px auto;padding-left: 10px;padding-right: 10px;min-height: 25px;height: auto;width: fit-content;width: -moz-fit-content;line-height: 25px;color: #62778e;background: #e9e9eb;border-radius: 5px;text-align: center;}
.chat-footer{background:#fff;  border-top: 1px solid #eee;position: relative; float: left;}
.footer-operation-header{ float: left; padding-bottom: 5px;    border-bottom: 1px solid #f5f5f5; margin-bottom: 5px;}
.footer-operation-header .icon{display: inline-block;cursor: pointer; width: 20px;height: 20px;margin-top: 10px;margin-left: 15px;background-size: 100%!important;cursor: pointer;font-size: 20px;color: #96a7b8;float: left;}
.footer-operation-header .footer-tools-emoticons{ background: url("images/face@2x.png") no-repeat center center}
.footer-operation-header .footer-tools-opinion{background: url("images/opinion@2x.png") no-repeat center center;}
.footer-operation-header .tool-text{ width: auto; margin: 8px 5px 0 0; display: inline-block;}
.footer-operation-header .tool-text .pull-left{ margin: 0 2px;}
.footer-operation-header .tool-text a{cursor: pointer;font-size: 10px; text-decoration: none; color: #62778C;padding: 0 8px;line-height: 22px;height: 24px;border-radius: 15px;border: 1px solid #CED5E0;text-align: center;display: inline-block;width: auto;background: #FFF; }
.footer-operation-header .tool-text a:hover{ background: #409EFF; color: #fff;border: 1px solid #409EFF;}
.footer-operation-main,.footer-main-import,.footer-operation-footer{ width: 100%; display: inline-block;}
.footer-main-import{ height: 75px; display: inline-block;}
.footer-operation-main .textarea{width: 100%;height: 90%;resize: none;    overflow: hidden;padding: 10px 0 0 10px;color: #333;outline: none;box-sizing: border-box;_padding-right: 0px;font-size: 13px;border: 0; display: inline-block;}
.footer-operation-footer .footer-help-block{margin: 5px 10px 0 10px;color: #bbb; float: left;}
.footer-operation-footer .footer-btn-info{ float: right; margin-right: 10px; line-height: 25px; cursor: pointer; padding: 5px 15px;font-size: 12px;line-height: 15px;border-radius: 3px;color: #fff;background: #409EFF;border: 1px solid #409EFF;}
.centers{text-align: center; padding: 20% 0; display: inline-block; width: 100%;}
.user-msg-content .title-part{ width: 100%; padding: 0; margin: 0 0 5px 0; color: #2e2e2e;}
.user-msg-content .knowledge-item-part{ width: 100%; display: inline-block;}
.user-msg-content .knowledge-item-part a{ width: 100%; display: inline-block;color: #565e69;margin: 3px 0 0px 0;}
.user-msg-content .reply-content{ width: 100%; display: inline-block;line-height: 20px; letter-spacing: 1px;  color: #666;  border-bottom: 1px solid #eeeff1; padding: 5px 0 10px 0; margin-bottom: 10px;}
.user-msg-content .relation-title{ width: 100%; display: inline-block; margin-bottom: 5px;}
.net_callBack{position: absolute; width: 100%; top: 0; left: 0;padding:3px 5px;  background: #F0EFF4;  border-top: 1px solid #DDDFE5;border-bottom: 1px solid #DDDFE5;}
.net_callBack .net_callBack_wrap{ width: 55%; display: inline-block; float: right;}
.net_callBack .tel-title{line-height: 25px; width: 45%; float: left; color: #62778C;vertical-align: middle;    font-size: 12px;}
.net_callBack .net_callBack_wrap .net_callBack_input{ width:60%; display: inline-block; border: 1px solid #D3D9E0;border-right: none;border-radius: 2px 0 0 2px;    padding-left: 5px;line-height: 21px;font-size: 12px; float: left;}
.net_callBack .net_callBack_wrap  .net_callBack_btn{background: #CE3A5E; cursor: pointer; color: #fff; padding: 1px 5px; line-height: 22px; display: inline-block; float: left;}

@media screen and (max-width: 768px){
    .header-mini-main-top .brand{width: 13%;}
}