.layui-layer-showImg{width: 80%;height: 80%;max-width: 700px;max-height: 700px;}
.layui-layer-showImg .layui-layer-title {background-color: unset;border: 0;position: absolute;top: 0;width: 100%;}
.layui-layer-iframe.layui-layer-showImg iframe{height: 100% !important;}
.layui-layer-showImg .layui-layer-content{width: 100%; height: 100%;}


/*liaotian*/
.chat{z-index: 9999;border-radius: 50%;background: #084F87;position: fixed;right: 6px;bottom: 160px;width: 50px;height: 50px;}
.chat .icon{font-size: 24px;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); cursor:pointer}

#chatbigBox{position: fixed; z-index: 9999; right: 50px; bottom: 0px;  line-height:1.4; font-size: 14px;}
#chatBox.active{overflow:hidden;width: 290px;box-shadow:0px 0px 5px 2px rgba(81, 91, 96, 0.5); z-index: 999;height: 430px;transition: all 0s;bottom: 50px}
.flex{display: flex;display:-webkit-flex;justify-content: space-between;flex-wrap: wrap}
#chatBox{width:0px;box-shadow:0px 0px 5px 2px rgba(81, 91, 96, 0);position: absolute;right:0px;bottom:0px;z-index: 999;height: 0;transition: all 0s;overflow: hidden}
#chatBox .chatTop{height: 35px;line-height: 35px;color: #fff;background: #084F87;padding: 0 5px;box-sizing: border-box }
#chatBox .chatTop img{float: right;}
#chatBox .chatTop .icon{cursor: pointer}
#chatBox #chats{overflow-y: auto}
#chatBox .chatCont{height:300px;background-color:#F0F3F4;text-align: center;color: #999;padding : 10px 10px 10px 0;box-sizing: border-box;border-bottom: 1px solid #D9D9D9;}
#chatBox .chatCont p{text-align: center;}
#chatBox .chatCont .chatRt{position: relative; text-align: right; padding: 5px;box-sizing: border-box;display: block; word-wrap: break-word;}
#chatBox .chatCont .chatRt:after{
  content: "";
  position: absolute;
  bottom: 5px;
  right: -1px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #084F87;
}

#chatBox .chatCont .chatLt{position:relative;text-align: left; padding: 5px 5px 5px 50px;box-sizing: border-box;display: block; word-wrap: break-word;margin: 10px 0;}
#chatBox .chatCont .chatLt p:before{
  content: "";
  position: absolute;
  bottom: 0;
  left: -7px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
}
#chatBox .chatCont .chatLt .chatLt-img{
	width: 38px;height: 37px;
	margin-right: 5px;
	position: absolute;
	left: 0;bottom: -5px;
}
#chatBox .chatCont .chatLt .chatLt-img svg{width: 100%;height: 100%}


#chatBox .chatCont .chatRt .chatLt-img{display: none;}
#chatBox .chatCont .chatRt p{position: relative; background-color: #3C525E;padding: 5px;box-sizing: border-box;display: inline-block;border-radius:8px 8px 0 8px;color: #fff; word-wrap: break-word; text-align: justify; white-space: wrap; max-width: 98%;}
#chatBox .chatCont .chatLt p{position: relative;background-color: #fff;padding: 5px;box-sizing: border-box;display: inline-block;border-radius:8px 8px 8px 0;color: #333; word-wrap: break-word; text-align: justify; white-space: wrap; max-width: 81%;}
#chatBox .chatCont .chatLt .icon{
	color: #3C525E;
}
#chatBox .chatCont .chatLt .iconwenjian{
	position: absolute;
	width: 18px;
	height: 17px;
	top: 5px;
	left: 2px;
	font-size: 25px;
}
#chatBox .chatCont .chatLt .iconxiazai1{
	cursor: pointer;
	position: absolute;
	width: 16px;
	height: 16px;
	bottom: 10px;
	right: 8px;
	font-size: 18px;
	font-weight: bold;
}
#chatBox .chatCont .chatRt .file-img .icon{
	display: none;
}
#chatBox .chatCont .chatRt .file-download .icon{
	display: none;
}
#chatBox .chatCont  .file-text {
    padding: 0 21px 0 23px;
    display: block;
}
#chatBox .chatCont .chatRt .file-img {    position: absolute;
    width: 18px;
    height: 17px;
    top: 17px;
    left: 7px;
    background-image: url(../images_chat/file-doc.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;}

#chatBox .chatCont .chatRt .file-download {
	cursor: pointer;
	position: absolute;
	width: 16px;
	height: 16px;
	bottom: 16px;
	right: 4px;
	 background-image: url(../images_chat/file-download.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
}


#chatBox .chatInput{height: 100px;background-color: #fff}
#chatBox .chatInput textarea{display: block;height: 70px;line-height: 1.4;width: 100%;padding: 5px;box-sizing: border-box}
#chatBox .toolBox{padding: 0 5px}
#chatBox .toolBox .chaticon{color: #a5b5cf;font-size: 18px; display: inline-block;width: 25px;cursor: pointer}
#chatBox .toolBox .chaticon.commit{color:#fff;background: #084F87;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.scrollbarBox::-webkit-scrollbar {/*滚动条整体样式*/
  width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 8px;
  scrollbar-arrow-color:red;
}
.scrollbarBox::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #c1c1c1;
  box-shadow: inset 0 0 5px #c1c1c1;
  background: #c1c1c1;
  scrollbar-arrow-color:red;
}
.scrollbarBox::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,95,178,0);
  box-shadow: inset 0 0 5px rgba(0,95,178,0);
  border-radius: 0;
  background: rgba(0,95,178,0);
}





.img-toast{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.3);
	z-index: 99999999;
	display: none;
}
.img-toast .content{
	width: 100%;height: 100%;max-width: 100%;max-height: 100%;text-align: center; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
}
.img-toast .content img{
	max-width: 90%;max-height: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);
}
.img-toast .close{
	position: absolute;
	top: 50px;
	right: 50px;
	background: #000000;
	color: #FFFFFF;
	width: 26px;
	height: 26px;
	cursor: pointer;
	font-size: 20px;line-height: 26px;text-align: center;
}
.img-toast .close:hover{
	background-color: #ff0000;
}
.iconarrow-left-copy{display: none;}
@media screen and (max-width: 767px) {
	#chatbigBox{right: 0}
	#chatBox.active{
		width: 100%;
		height: 100%!important;
		right: 0;
		height: 0;
		bottom: 0;
	}
	#chatBox .chatTop{justify-content: flex-start;}
	#chatBox .chatTop .iconarrowdown{display: none;}
	.iconarrow-left-copy{display: block;font-size: 20px;}
	#chatBox .chatCont{height: calc(100% - 135px);}
}
.m-kf5 .kf-item span{color: #fff;font-size: 12px;margin-left: 10px;font-family: Arial, Helvetica, sans-serif;}