/* CSS Document */
 .im_div {
	height:520px;
	position:fixed;
	background:#f5f6f7;
	z-index:10000;
	box-sizing:content-box;
	border-radius: 10px;
	border-bottom: 1px solid #DADBDD;
	width:100%;
	display:none;
	
}
.im_div_animation {
	animation-name:showdiv;
	/*动画的名字*/
			animation-duration:1s;
	/*动画持续3s*/
			animation-direction:alternate;
	/*动画方向，播放帧的顺序翻转，先紫后绿*/
			animation-fill-mode:forwards;
	/*动画的填充模式，动画结束后，目标将保留最后一个关键帧*/
			animation-timing-function:linear;
	/*动画的速度曲线，线性增长*/
}
.im_div_animation1 {
		animation-name:hidediv;
		/*动画的名字*/
		animation-duration:1s;
	/*动画持续3s*/
			animation-direction:alternate;
	/*动画方向，播放帧的顺序翻转，先紫后绿*/
			animation-fill-mode:forwards;
	/*动画的填充模式，动画结束后，目标将保留最后一个关键帧*/
			animation-timing-function:linear;
	/*动画的速度曲线，线性增长*/
}
.im_div .im_content {
	width:100%;
	height:100%;
  border-radius: 30px;
	
}

.im_div .im_content .im_right {
	overflow:hidden;
	border-radius: 10px;
	display:flex;
	
}
@keyframes showdiv {
	/* from表示动画的开始位置，也可以使用0%来表示。 */
	 from {
		right:-800px;
		opacity:0;
	}
	/* to表示动画的结束位置，也可以使用100%来表示。 */
		to {
			
		right:0px;
		opacity:1;
	
	}
}
@keyframes hidediv {
	/* from表示动画的开始位置，也可以使用0%来表示。 */
	 to {
		right:-800px;
		opacity:0;
	}
	/* to表示动画的结束位置，也可以使用100%来表示。 */
		from {
		right:0px;
		opacity:1;
	
	}
}
/*右侧单聊对话框*/
 .imDiv {
	width: 100%;
  min-width: 420px;
	background-color:#fff;
	z-index:10000;
}
.imTitle {
  display:flex;
	height:45px;
	justify-content:space-between;
	align-items:center;
	padding:0px 10px;
	cursor:move;
	background-color:#f5f6f7;
	border-bottom:1px solid #cecece;
	background-color: #0788E0;
	border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.imDiv .imShow {
	height:317px;
	overflow-y:auto;
	background-color:#f5f6f7;
	padding-top:5px;
	border-right: 1px solid #DADBDD;
}

	 
/*单聊对方发的内容*/
.imDiv .imShow .leftshow {
	text-align:left;
	line-height:30px;
	padding-left:15px;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	margin:9px 0px;
}
.imDiv .imShow .leftshow>span {
	max-width:75%;
	word-wrap:break-word;
	/*强制换行*/
     background-color:#fff;
	padding:3px 8px;
	margin-left:15px;
	border-radius:5px;
}
.imDiv .imShow .leftshow>img {
	position:relative;
}
 .imDiv .imShow .leftshow i {
color:#fff;
margin-right:-20px;
margin-top:-4px;
transform:rotate(180deg);
}
/*单聊自己发的内容*/
	 .imDiv .imShow .rightshow {
	text-align:right;
	line-height:30px;
	padding-right:15px;
	margin-left:100px;
	justify-content:flex-end;
	align-items:flex-start;
	display:flex;
	margin-top:10px;
	margin-bottom:10px;
}
.imDiv .imShow .righttext {
	max-width:200px;
	word-wrap:break-word;
	/*强制换行*/
  background-color:#1e6eff;
	padding:3px 8px;
	margin-right:5px;
	color:#fff;
	border-radius:5px;
	margin-right:15px;
	text-align:left;
}

.imDiv .imShow .righttext span{
	
	color:#fff !important;
	
}

.imDiv .imShow .rightshow>img {
	position:relative;
}
/*.imDiv .imShow .rightshow>img::before {
	content:'';
	width:0;
	height:0;
	border-top:6px solid transparent;
	border-left:6px solid #1e6eff;
	border-right:6px solid transparent;
	border-bottom:6px solid transparent;
	top:10px;
	right:48px;
	position:absolute;
	pointer-events:none;
}
*/
	 
	.imDiv .imShow .rightshow i {
	color:#1e6eff;
	margin-left:-21px;
	margin-top:-4px
}
.iselect {
	color:#cecece !important;
}
.textselect {
	background-color:#cecece !important;
}
/*聊天工具栏*/
	  .imDiv .imTool {
	/* height:50px;
	background-color:#00C;
	*/
		padding:5px 0px;
	border-bottom:1px solid #cecece;
	border-right: 1px solid #cecece;
	font-size:12px;
}
.imDiv .imTool a {
	margin-left:10px;
	cursor:pointer;
}
.imDiv .imTool a  img {
	/*width:20px;
	*/
}
.imDiv .imTool .expressiondiv {
	position:absolute;
	margin-top:10px;
	background-color:#FFFFFF;
	width:65%
}
/*聊天工具栏表情*/
.imDiv .imTool .classBQ {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	height:136px;
	overflow-y:auto;

}
.imDiv .imTool .classBQ li {
	cursor:pointer;
	width:50px;
	height:50px;
	text-align:center;
}
.imDiv .imTool .classBQ li img {
	width:24px;
	height:24px;
}
/*聊天自定义表情*/
.imDiv .imTool .lhzexpressiondiv {
	position:absolute;
	margin-top:10px;
	background-color:#FFFFFF;
	width:65%
}
.imDiv .imTool .lhzclassBQ {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	height:136px;
	overflow-y:auto;
}
.imDiv .imTool .lhzclassBQ li {
	cursor:pointer;
	text-align:center;
	padding:8px;
}
.imDiv .imTool .lhzclassBQ li img {
	width:79px;
}
/*输入框*/
.imDiv .imInput {
	height:80px;
	background-color:#CFC;
	border:0;
	padding:0;
	margin:0;
	border:none;
	outline:none;
	background-color:transparent;
	overflow-y:hidden;
	padding:5px 10px;
	line-height:20px;
	font-size:16px;
	box-sizing:content-box;
	border-right: 1px solid #DADBDD;
}
.imdlclass {
	margin-top:-458px;
	z-index:100000;
	background-color:#fff;
	margin-left:204px;
	border:1px solid #322c2c;
	width:380px;
	height:390px;
	position:fixed;
	display:none;
	padding:5px;
	border-radius:5px;
}
.imDiv .layui-tab-title .layui-this {
	background-color:#eee;
}
.imDiv .layui-tab {
	margin:5px 0;
}
.imDiv .layui-tab-title li {
	line-height:20px;
	position:unset;
}
.imDiv .layui-tab-title {
	height:20px;
	border-bottom-width:0px;
}
.imDiv .layui-tab-content {
	padding:5px;
}
/*常用语*/
.commonwordsDiv {
	margin-top:8px;
	display:none;
	height:300px;
}
.commonwordsUI {
	margin-left:90px;
	width:280px;
	background-color:#eee;
	border-radius:5px;
	overflow-y:auto;
	max-height:169px;
}
.commonwordsUI .addRep {
	text-align:right;
	display:inline-block;
	width:100%;
	margin-right:4px;
	/* padding-right:69px;
	*/
    padding-top:6px;
	border-bottom:1px solid #ccc;
	padding-bottom:2px;
}
.commonwordsUI li {
	height:30px;
	line-height:30px;
	padding-left:10px;
}
.commonwordsUI li span {
	width:200px;
	display:inline-block;
	cursor:pointer;
}
.imselectCompany {
	background-color:#cecece
}
.no-select {
	user-select:none;
}
.pointer-events {
	/*pointer-events:none;
	*/
}
.no-border {
	border:none;
}
/*撤回提示框*/
.wrapper {
	right:280px;
	position:fixed;
	z-index:2000000000;
	width:50px;
	line-height:25px;
	background-color:#fff;
	border:1px solid #dfd2d2;
	padding:2px;
	border-radius:4px;
}
.wrapper li {
	cursor:pointer;
	width:100%;
	text-align:center;
}
/*常用语编辑内容*/
.imupReply {
	margin-top:-458px;
	z-index:100000;
	background-color:#fff;
	margin-left:204px;
	border:1px solid #322c2c;
	width:380px;
	height:200px;
	position:fixed;
	display:none;
	padding:5px;
	border-radius:5px;
}
.imupReply .upReplyInput {
	width:94%;
	height:61px;
	resize:none;
	padding:10px;
	border-radius:5px;
}
.imupReply .btn {
	height:27px;
	line-height:27px;
	margin-right:5px;
	margin-top:4px;
	margin-left:14px;
	float:right;
	margin-right:7px;
	margin-top:12px;
}
/*收藏*/
 .imCollectionDiv {
	margin-top:-350px;
	z-index:100000;
	background-color:#eee;
	margin-left:60px;
	width:380px;
	position:fixed;
	border-radius:5px;
	display:none;
	padding-top:0;
	border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.imCollectionDiv .title {
	text-align:center;
	font-size:15px;
	padding:0;
	margin:0;
	background-color:#1e9fff;
	color:#fff;
	height:30px;
	line-height:30px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.imCollectionDiv .imCollectionUI {
	overflow-y:auto;
	max-height:500px;
	padding:5px 5px;
	order:1px solid #cecece;
}
.imCollectionDiv li {
	background-color:#fff;
	margin:10px 0px;
	border-radius:5px;
	padding:5px;
}
.imCollectionDiv li .top {
	padding:5px 10px;
}
.imCollectionDiv li .productdes  .proname {
	font-size:15px;
	padding-bottom:6px;
	font-weight:800;
	width:200px
}
.imCollectionDiv li hr {
	border-bottom:1px solid #eee;
	border:0px;
	border-width:1px;
	width:94%;
	text-align:center;
	margin-left:10px;
	margin:0;
}
.imCollectionDiv .companylogo {
	width:45px;
	height:45px;
	margin-right:23px;
	border-radius:10px;
}
.imCollectionDiv .productdes {
	margin-left:10px;
}
.imCollectionDiv .productdes p {
	height:20px;
	line-height:20px;
	font-size:12px;
	font-weight:500;
	width:202px;
}
.imCollectionDiv .productdes p span {
	color:#c50f0f;
}
/*我的产品*/
.imMyProductDiv {
	margin-top:-350px;
	z-index:100000;
	background-color:#eee;
	margin-left:60px;
	width:380px;
	position:fixed;
	border-radius:5px;
	display:none;
	padding-top:0;
}
.imMyProductDiv .title {
	text-align:center;
	font-size:15px;
	padding:0;
	margin:0;
	background-color:#1e9fff;
	color:#fff;
	height:30px;
	line-height:30px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.imMyProductDiv .imimMyProductUI {
	overflow-y:auto;
	max-height:500px;
	padding:5px 5px;
	order:1px solid #cecece;
	padding-top:0px;
}
.imMyProductDiv li {
	background-color:#fff;
	margin:10px 0px;
	border-radius:5px;
	padding:5px;
}
.imimMyProductUI li:first-child {
	margin-top:0px;
}
.imMyProductDiv li .productdes  .proname {
	font-size:15px;
	padding-bottom:6px;
	font-weight:800;
	max-width:240px;
}
.imMyProductDiv .companylogo {
	width:45px;
	height:45px;
	margin-right:23px;
	border-radius:10px;
}
.imMyProductDiv .productdes {
	margin-left:10px;
}
.imMyProductDiv .productdes p {
	height:20px;
	line-height:20px;
	font-size:12px;
	font-weight:500;
}
.imMyProductDiv .productdes p span {
	color:#c50f0f;
}

.imrightBottom {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	background-color:#fff;
	height:34px;
	line-height:34px;
}
.imDiv .imShow .imcontentpro {
	display:flex;
	padding:3px;
	justify-content:center;
	max-width:250px;
	background-color:#cecece;
	border-radius:3px;
}
.imDiv .imShow .imcontentproname {
	display:block;
	text-align:center;
	background-color:#0a97e4;
	color:#fff;
	padding:0 7px;
	text-align:left;
}
.imgsfrender {
	image-rendering:-moz-crisp-edges;
	image-rendering:-o-crisp-edges;
	image-rendering:-webkit-optimize-contrast;
	image-rendering:crisp-edges;
	-ms-interpolation-mode:nearest-neighbor;
}
.imDiv .imTool .layui-laypage a,.layui-laypage span {
	display:inline-block  !important;
	*display:inline !important;
	*zoom:1 !important;
	vertical-align:middle !important;
	padding:0 5px !important;
	height:18px !important;
	line-height:18px !important;
	margin:0 -1px 5px 0 !important;
	background-color:#fff !important;
	color:#333 !important;
	font-size:12px !important;
	margin-left:2px !important;
}
.layui-laypage {
	margin:2px 0 !important;
}
.rightbf {
	height:39px;
	cursor:pointer;
	position:absolute;
	right:33px;
	top:15px;
}
/*超出长度省略号	*/				
 .overflowx {
	word-wrap:break-word;
	/*强制换行*/
  overflow:hidden;
	/*超出隐藏*/
  text-overflow:ellipsis;
	/*隐藏后添加省略号*/
  white-space:nowrap;
	/*强制不换行*/
}


.imInput img{
	
	display:none
	
}

.imInput .IMimg{
	
	display:inline-block;
	
}

.thumbnailIcon{
	  width: 35px;
    height: 160px;
    background:-webkit-linear-gradient(left,#048af3,#19b7b9);
    position: fixed;
    left: 3px;
    top: 30%;
		text-align:center;
		border-bottom-right-radius: 10px;
	  border-top-right-radius: 10px;
}

.imbadge {
    position: relative;
    clear: both;
    font-size: 10px;
    left: 15px;
    top: -35px;
    background-color: red;
    border-radius: 5px;
    color: #fff;
    padding: 2px;
    display: block;
    width: 14px;
    text-align: center;
		display:none;
}

/*滚动条样式*/
.im_left_content1::-webkit-scrollbar {
	width:4px;
	/*height:4px;
	*/
}
.im_left_content1::-webkit-scrollbar-thumb {
	border-radius:10px;
	// -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	background:rgba(0,0,0,0.2);
}
.im_left_content1::-webkit-scrollbar-track {
	// -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	border-radius:0;
	background:rgba(0,0,0,0.1);
}


.scrollbarcss::-webkit-scrollbar {
	width:4px;
	/*height:4px;
	*/
}
.scrollbarcss::-webkit-scrollbar-thumb {
	border-radius:10px;
	// -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	background:rgba(0,0,0,0.2);
}
.scrollbarcss::-webkit-scrollbar-track {
	// -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
	border-radius:0;
	background:rgba(0,0,0,0.1);
}



.imclass1{
	
	width:500px;
	
}

.right1{
	
 width:200px;
 text-align: center;
}

.right1 .p1{
	
	height: 70px;
  line-height: 70px;
  font-size: 18px;
  border-bottom: 1px solid #DADBDD;
	margin-bottom:26px;

}

.right1 .p2{
	height: 30px;
  line-height: 30px;
}


.maxdiv1
{
	 width :80% !important;
	 height :80% !important ;
	 left :10%  !important;
	
}
.iframediv1
{
	position:fixed;
	right:20px;
	border:0px;
	bottom:100px;
	z-index:1000;
	opacity:1; 
	width:610px; 
	height:520px
	
	
}

.classcContent img{
 
  max-width:100px;	
}