.cxg-chat .wechat{width:860px;height:680px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.1);border-radius:4px;overflow:hidden;display:none;z-index:999999;position:fixed;left:20%;top:2%}
.cxg-chat .middle{width:250px;height:100%;float:left;background:#e6e5e5;overflow:hidden;display:none}
.cxg-chat .on{display:block}
.cxg-chat .friends_list,.icon_list,.user_list{width:100%;padding:0}
.cxg-chat .wx_search{padding:25px 12px 12px 12px;display:inline-block;width:100%;float:inherit}
.cxg-chat .wx_search input{width:190px;height:25px;background:#e5e2e2;border:1px solid #d9d7d6;padding-left:5px;outline:0;float:left}
.cxg-chat .wx_search button{font-size:20px;font:initial;background:#e5e2e2;border:1px solid #d9d7d6;float:right;color:#585858;outline:0;height:25px;width:25px}
.cxg-chat .wx_search button:hover{background:#d0d0d0;border:1px solid #b9b6b5}
.cxg-chat .user_list li{width:100%;height:64px;padding:12px}
.cxg-chat .user_list li img{position:absolute;bottom:14px;right:10px;width:7px;height:7px;cursor:pointer}
.cxg-chat .friends_list li{width:100%;padding-top:12px;border-bottom:1px solid #dddbdb}
.cxg-chat .icon_list li:hover,.user_list li:hover{background:#dedbdb}
.cxg-chat .friends_box:hover{background:#dedbdb}
.cxg-chat .for_user{position:relative}
.cxg-chat .for_user span.marker-msg{width:20px;height:20px;border-radius:50%;background-color:#FF3B30;color:#fff;font-size:12px;position:absolute;top:5px;left:37px;text-align:center;line-height:19px}
.cxg-chat .user_head{background:#999;height:40px;width:40px;border-radius:2px;float:left;overflow:hidden}
.cxg-chat .user_head img{width:40px}
.cxg-chat .user_text{float:left;height:40px;width:120px;padding-left:8px}
.cxg-chat .friends_text{float:left;line-height:40px;width:180px;padding-left:8px}
.cxg-chat .friends_text p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cxg-chat .user_text p{line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cxg-chat .user_name{color:#333;font-size:14px}
.cxg-chat .user_message{color:#999;font-size:12px}
.cxg-chat .user_time{float:right;color:#999;font-size:12px}
.cxg-chat .zUIpanelScrollBar,.zUIpanelScrollBox{width:7px;top:4px;right:0;border-radius:5px}
.cxg-chat .zUIpanelScrollBox{background:#000;opacity:0;filter:alpha(opacity=5)}
.cxg-chat .zUIpanelScrollBar{background:rgba(0,0,0,.1);filter:alpha(opacity=80)}
.cxg-chat .office_text{width:100%;height:calc(100% - 62px);position:relative;display:inline-block}
.cxg-chat .friends_list li>p{font-size:12px;color:#999;line-height:26px;padding-left:12px}
.cxg-chat .friends_box{padding:12px 0;width:100%;padding-left:12px;display:flex}
.cxg-chat .icon_list li{width:100%;height:40px}
.cxg-chat .icon{float:left;height:100%;width:50px;position:relative}
.cxg-chat .icon_list li span{display:inline-block;line-height:40px}
.cxg-chat .icon img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.cxg-chat .icon_active,.user_active{background:#dedbdb}
.cxg-chat .talk_window{width:610px;height:100%;float:left;background:#f5f5f5;display:none}
.cxg-chat .windows_content_blank{width:610px;height:100%;float:left;background:#f5f5f5;text-align:center;color:#EBEBEB;line-height:20;font-size:30px;position:relative}
.cxg-chat .windows_content_blank span{width:20px;height:20px;position:absolute;right:10px;top:2px;text-align:center;color:#999;line-height:20px;cursor:pointer;font-size:12px}
.cxg-chat .windows_top{padding-top:10px;height:62px;border-bottom:1px solid #e7e7e7}
.cxg-chat .windows_top_box>span{font-size:18px;color:#333;line-height:52px;padding-left:30px;display:inline-block}
.cxg-chat .windows_top_box{width:100%;height:100%;position:relative}
.cxg-chat .window_icon{position:absolute;top:-10px;right:0;list-style-type:none}
.cxg-chat .window_icon li{float:left;width:34px;height:26px;position:relative;cursor:pointer}
.cxg-chat .window_icon li:hover{background:#e3e3e3}
.cxg-chat .window_icon li a img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.cxg-chat .extend{position:absolute;right:14px;top:20px;width:18px;height:16px;background:url(../images/icon/icon11.png) center center no-repeat;cursor:pointer}
.cxg-chat .extend:hover{background:url(../images/icon/icon12.png) center center no-repeat}
.cxg-chat .windows_input{border-top:1px solid #ececec;height:145px;width:100%}
.cxg-chat .windows_body{height:473px;width:100%;overflow-y:scroll}
.cxg-chat .input_icon{height:42px;padding:0 28px;position:relative}
.cxg-chat .emoji-box{width:355px;min-height:200px;position:absolute;top:-260px;left:10px;background-color:#fff;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.2);border:1px solid #D9D9D9;display:none}
.cxg-chat .emoji-box ul{list-style-type:none;width:100%;position:relative;padding:10px;border:1px solid #D9D9D9;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2);margin-bottom:0;display:inline-table}
.cxg-chat .emoji-box ul li{cursor:pointer;float:left;height:30px;width:30px;overflow:hidden;padding:4px 2px}
.cxg-chat .emoji-box ul li:hover{border:1px solid #eb7350}
.cxg-chat .emoji-box ul li img{box-sizing:content-box;width:26px;height:26px}
.cxg-chat .input_icon a{position:relative;display:inline-block;height:20px;width:24px;margin-top:11px;margin-right:8px}
.cxg-chat .input_icon a:nth-child(1){background:url(../images/icon/icon13.png) no-repeat center center}
.cxg-chat .input_icon a:nth-child(1):hover{background:url(../images/icon/icon13_1.png) no-repeat center center}
.cxg-chat .input_icon a:nth-child(2){background:url(../images/icon/icon14.png) no-repeat center center}
.cxg-chat .input_icon a:nth-child(2):hover{background:url(../images/icon/icon14_1.png) no-repeat center center}
.cxg-chat .input_icon a:nth-child(3){background:url(../images/icon/icon16.png) no-repeat center center}
.cxg-chat .input_icon a:nth-child(3):hover{background:url(../images/icon/icon16_1.png) no-repeat center center}
.cxg-chat .input_icon a:nth-child(4){background:url(../images/icon/icon16.png) no-repeat center center}
.cxg-chat .input_icon a:nth-child(4):hover{background:url(../images/icon/icon16_1.png) no-repeat center center}
.cxg-chat .input_icon a:nth-child(6){background:url(../images/icon/icon17.png) no-repeat center center;float:right}
.cxg-chat .input_icon a:nth-child(6):hover{background:url(../images/icon/icon17_1.png) no-repeat center center}
.cxg-chat .input_icon a:nth-child(5){background:url(../images/icon/icon18.png) no-repeat center center;float:right}
.cxg-chat .input_icon a:nth-child(5):hover{background:url(../images/icon/icon18_1.png) no-repeat center center}
.cxg-chat .input_icon a img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.cxg-chat .input_box textarea{width:calc(100% - 56px);height:calc(100% - 42px);border:none;outline:0;background:#f5f5f5;resize:none;margin-left:28px;font-size:14px;line-height:20px}
.cxg-chat .input_box{height:calc(100% - 42px)}
.cxg-chat .office_text1{width:100%;height:100%;position:relative;display:inline-block}
.cxg-chat #send{border:1px solid #e5e5e5;background:#f5f5f5;color:#666;padding:0 8px;outline:0;height:26px;float:right;margin-right:28px}
.cxg-chat #send:hover{background:#09bb07;color:#fff;border:1px solid #09bb07}
.cxg-chat .optionLeft{background:#9ef36a;float:right}
.cxg-chat .windows_body p{padding:5px 10px;margin-top:10px;border-radius:4px}
.cxg-chat .chat_content{width:100%;padding:10px 20px}
.cxg-chat .me img{float:right;width:34px;height:34px;border-radius:2px}
.cxg-chat .me span{float:right;background:#9eea6a}
.cxg-chat .me{margin-top:10px;padding-left:10px;display:block;clear:both;overflow:hidden;float:right;margin-bottom:5px}
.cxg-chat .me span{background:#9eea6a;padding:7px;border-radius:4px;margin:0 10px;max-width:80%;border:1px solid #9eea6a;position:relative;word-break:break-all}
.cxg-chat .me span:before{content:" ";position:absolute;top:9px;right:100%;border:6px solid transparent;border-left-color:#9eea6a;right:inherit;left:100%}
.cxg-chat .other img{float:right;width:34px;height:34px;border-radius:2px}
.cxg-chat .other span{float:right;background:#9eea6a}
.cxg-chat .other{margin-top:10px;padding-left:10px;width:80%;display:block;clear:both;overflow:hidden;float:left;margin-bottom:5px}
.cxg-chat .other img{float:left}
.cxg-chat .other span{background:#fff;color:#000;padding:7px;border-radius:4px;float:left;margin:0 10px;max-width:80%;border:1px solid #ededed;position:relative;word-break:break-all}
.cxg-chat .other span:before{content:"";position:absolute;top:9px;right:100%;border:6px solid transparent;border-right-color:#fff;right:inherit;right:100%}
.cxg-chat .chat-close{width:140px;height:52px;position:fixed;right:0;bottom:0;background-color:#fff;box-shadow:1px 1px 50px rgba(0,0,0,.3);border-radius:2px;border:1px solid #D9D9D9;padding-top:8px;cursor:pointer;z-index:999999999}
.cxg-chat .chat-close img{width:40px;height:40px;margin-left:13px}
.cxg-chat .chat-close span{font-size:18px;font-weight:bold;color:#000}
.cxg-chat .chat-close span.chat-close-msg{width:20px;height:20px;border-radius:50%;background-color:#FF3B30;color:#fff;font-size:12px;position:absolute;top:-10px;left:-6px;text-align:center;line-height:19px}
.cxg-chat .text-face-pic{width:40px;height:40px;display:block;border-radius:2px;text-align:center;line-height:40px;color:#000;font-size:14px;background-color:#fff;font-weight:bold}
.cxg-chat .other .text-face-pic{background-color:#9eea6a}
.cxg-chat .chat-move-box{cursor:move}
.cxg-chat .last-msg{color:#999}
.cxg-chat .file_upload{display:none}
.cxg-chat .system-info{list-style-type:none;float:left;margin-top:20px;color:#999;width:100%;text-align:center}
.cxg-chat .image-msg img{width:100%;height:100%;cursor:pointer}
.cxg-chat img.emoji-content{width:24px;height:24px;float:initial;margin:0 5px}
.cxg-chat .file-msg{width:100%;height:75px;background-color:#fff;display:inline-flex;position:relative}
.cxg-chat .file-msg img{width:48px;height:48px;float:left}
.cxg-chat .file-msg .file-name{width:240px;height:30px;line-height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cxg-chat .file-msg .file-download{position:absolute;bottom:5px;right:20px;color:#1296DB;font-size:14px;cursor:pointer}
.cxg-chat .qa_list{width:100%}
.cxg-chat .qa_list ul{margin-left:20px}
.cxg-chat .qa_list ul li{list-style-type:decimal;color:orange;cursor:pointer}
.cxg-chat .qa_list ul li.qa-answer{list-style-type:none}
.cxg-chat .qa_list ul li:hover{color:#e29a17}
.cxg-chat .customer-info{width:100%;height:40px;position:absolute;bottom:-30px;left:0;color:#666;font-size:14px;padding:5px}