.talk_con{width:672px;height:637px;margin:auto 0;background:#fff;position:fixed;z-index:10000;top:10%;left:20%;box-shadow:0 2px 14px 0 rgba(0,0,0,0.34);display:none}
.talk_header{height:60px;line-height:60px;border-bottom:1px solid #eee;padding-left:10px;padding-right:10px;position:relative}
.talk_show{width:100%;height:55%;background:#fff;overflow-x:hidden;overflow-y:auto}
.talk_editsome{width:100%;height:40px;line-height:40px;padding-left:10px;background:#f2f2f2}
.talk_input{width:100%;height:30%}
.talk_input .sub-wrapper{height:calc(100% - 40px)}
.whotalk{width:80px;height:30px;float:left;outline:0}
.talk_word{width:100%;height:100px;padding:0;float:left;padding:10px 10px;outline:0;text-indent:10px;border:0;resize:none}
.talk_sub{min-width:100px;height:30px;border:1px solid #eee;float:right;margin-right:10px;margin-top:-10px}
.talk_con .atalk{margin:10px}
.talk_con .atalk span{display:flex;flex-direction:column;padding:10px 20px;line-height:18px;background:#eee;border-radius:10px;color:#000;max-width:300%;min-height:43px;padding:5px 10px;overflow:hidden;list-style:none;word-wrap:break-word;text-align:left;white-space:pre-line}
.talk_con .btalk{margin:10px;text-align:right;display:block;width:96% !important;height:auto;overflow:auto}
.talk_con .btalk a{color:#fff;text-decoration:underline}
.talk_con .btalk .mess_message{display:inline-block;background:var(--magic-blue,#00b1ff);border-radius:6px;color:#fff;margin-right:2%;max-width:80%;padding:8px 10px;overflow:hidden;list-style:none;word-wrap:break-word;text-align:left;max-width:300px}
#talk_header span.close{float:right;line-height:60px}
#talk_header span.more-operation{float:right;line-height:60px;margin-right:15px}
#talk_header .more-operation-menu{display:none;position:absolute;top:50px;right:50px;background-color:#fff;z-index:1;box-shadow:0 2px 14px 0 rgb(0 0 0 / 34%)}
#talk_header .more-operation-menu .menu-item{display:none;width:180px;height:50px;line-height:50px;text-align:center;cursor:pointer}
.talk_con .sub-wrapper .create-cont{padding:0}
.talk_con .edui-btn-toolbar{height:38px}
.talk_con .edui-btn-toolbar>div{display:none}
.talk_con .edui-btn-toolbar div.edui-btn-emotion,.talk_con .edui-btn-toolbar div.edui-btn-image,.talk_con .edui-btn-toolbar div.edui-btn-block,.talk_con .edui-btn-toolbar div.edui-btn-cancelblock{display:block}
.talk_con .edui-btn.edui-btn-emotion{width:34px}
.talk_con .edui-btn-toolbar div.edui-btn-image{display:none}
.talk_con .edui-btn-toolbar div.edui-btn-block{width:34px;margin-left:40px;position:absolute;top:5px}
.talk_con .edui-btn-toolbar div.edui-btn-cancelblock{width:34px;margin-left:80px;position:absolute;top:5px}
.talk_con .sub-wrapper .create-cont .num{display:none}
.talk_con .sub-wrapper .edui-container{width:100% !important;margin-left:0 !important}
.talk_con .edui-editor-body .edui-body-container{z-index:999;overflow-y:auto;height:120px !important;padding:5px 10px}
.talk_con .btalk span p img,.talk_con .btalk span img,.talk_con .atalk span p img,.talk_con .atalk span img{max-width:230px !important;height:auto}
#mesImglayer{width:100%;height:100%;position:fixed;left:0;top:0;z-index:10000;background-color:#000;background-color:rgba(0,0,0,0.6);display:none}
#mesImglayer #layer-img{width:80%;height:80%;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);text-align:center}
#mesImglayer #layer-close{font-size:22px;color:#fff;position:absolute;right:0;background:#000;width:40px;height:40px;line-height:40px;text-align:center}
#mesImglayer #layer-img img{position:relative;top:50%;opacity:1;transform:translateY(-50%);max-width:100%;max-height:100%}
@media screen and (max-width:1199px){.talk_con{width:100% !important;height:100% !important;left:0 !important;top:0 !important}
.talk_con .edui-btn-toolbar{height:38px}
.talk_input .edui-btn-toolbar .edui-btn .edui-icon-emotion{margin-top:-37px !important}
.talk_con .edui-container .edui-editor-body{height:70% !important;overflow-y:scroll}
.talk_con .talk_input .edui-dropdown-menu.edui-popup.edui-popup-emotion{top:28px !important}
.talk_con .edui-popup-emotion .edui-tab-content.edui-emotion-JtabBodys{padding-top:5px}
.talk_con .edui-popup-emotion .edui-emotion-wrapper.edui-emotion-tab-Jpanel{padding-top:5px}
.edui-emotion-tab-Jpanel.edui-emotion-wrapper{padding:10px 0}
.talk_con .edui-btn-toolbar div.edui-btn-image{display:none}
.talk_con .edui-btn-toolbar div.edui-btn-block{left:35px}
.talk_con .sub-wrapper .edui-container{height:153px !important}
.talk_con .talk_input .edui-modal{width:100% !important;z-index:1001;margin-left:0 !important;left:0 !important}
.talk_con #talksub{z-index:999}
.talk_con .edui-dialog-image-body{width:100% !important}
}
.__arabic__ .talk_con .edui-editor-body .edui-body-container{text-align:right}
.__arabic__ .talk_con .edui-btn-toolbar div.edui-btn-image{display:none}
.__arabic__ .talk_con .atalk .groupUrl{left:auto !important;right:23px !important}
.__arabic__ .talk_con .atalk .mess_message{margin:10px 10px 0 0}
.__arabic__ .talk_con .btalk{text-align:left}
.__arabic__ .talk_con .btalk .headImg{float:left !important}
.__arabic__ .talk_con .btalk .groupUrl{left:0 !important;right:auto !important}
.__arabic__ .talk_con .btalk .mess_message{margin-left:2%;margin-right:auto}
.__arabic__ #talk_header span.close{float:left}
.__arabic__ #talk_header span.more-operation{float:left;margin-left:15px;margin-right:0}
.__arabic__ #talk_header .more-operation-menu{left:50px;right:initial}
.__arabic__ #mesImglayer #layer-close{left:0;right:unset}
@media screen and (max-width:768px){.__arabic__ #mesImglayer #layer-close{font-size:22px;color:#fff;position:absolute;left:0;background:#000;width:40px;height:40px;line-height:40px;text-align:center}
}