.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: #024FAF;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: #024FAF;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 #024FAF;
}

#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/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/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: #024FAF;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#chatBox .toolBox .chaticon.commit{color:#fff;background: #024FAF;-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;}


a{cursor:pointer}
.chatsBox{position:relative;z-index:9999999999999}
#chatTop .icon-down{display:block}
#chatTop{justify-content:space-between}
#chatBox{transition:all 0.5s;width:0;height:0}
#chatBox .chatCont .chatLt .yfb-iconLeftWenjian{position:absolute;width:18px;height:17px;top:5px;left:2px;font-size:25px}
#chatBox .chatCont .chatLt .yfb-iconLeftXiaZai{cursor:pointer;position:absolute;width:16px;height:16px;bottom:10px;right:8px;font-size:18px;font-weight:bold}
#chatBox .chatCont .chatRt .file-img{background:unset!important;top:5px;left:2px}
#chatBox .chatCont .chatRt .file-text{color:#fff}
#chatBox .chatCont .chatRt .file-img .icon{display:block;font-size:25px;color:#fff}
#chatBox .chatCont .chatRt .file-download{background:unset!important;bottom:10px;right:8px}
#chatBox .chatCont .chatRt .file-download .icon{font-size:18px;color:#fff;display:inline-block}
#chatBox.active{display:flex;flex-direction:column}
@media screen and (max-width:959px){.scrollbarBox .icon-yf-xiaoxi{font-size:20px}
    .returntop{width:35px;height:35px}
    .returntop .icon{font-size:20px}
}@media screen and (max-width:767px){#chatBox .chatTop .icon-yf-LeftYf{display:none}
    #chatTop .icon-down{display:block;font-size:20px}
    #chatbigBox{right:0}
    #chatBox.active{width:100%;height:100%!important;right:0;height:0;bottom:0}
    #chatBox .chatTop{justify-content:space-between}
    #chatBox .chatCont{height:calc(100% - 135px)}
}#chatBox .toolBox{background-color:#fff!important}
#chatBox .chatTop span{color:#ffffff}
#chatBox .chatInput textarea{color:#333;background-color:#fff!important}
#chatBox .chatCont .chatRt p,#chatBox .chatCont .chatLt p{text-align:left}
.layui-layer-msg{z-index:99999999999999 !important}
.img-toast{z-index:99999999999999 !important}


    .loadding-box {
        display: -webkit-box;      /* 老版本语法: Safari, iOS, Android */
        display: -moz-box;         /* 老版本Firefox */
        display: -ms-flexbox;      /* IE10 */
        display: -webkit-flex;     /* Chrome <21, Safari 6.1+, iOS Safari 7+ */
        display: flex;
    }
    .dot1,
    .dot2,
    .dot3 {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        margin-left: 6px;
    }

    .dot1 {
        animation: dotAni 1.2s -0.4s linear infinite;
        background: #757575;
    }

    .dot2 {
        animation: dotAni 1.2s -0.2s linear infinite;
        background: #757575;
    }

    .dot3 {
        animation: dotAni 1.2s linear infinite;
        background: #757575;
    }
    @-webkit-keyframes dotAni {

        0%,
        80%,
        100% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            filter: alpha(opacity=100);
            opacity: 1.0;
        }

        40% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            filter: alpha(opacity=50);
            opacity: 0.5;
        }
    }
    @keyframes dotAni {

        0%,
        80%,
        100% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9);
            filter: alpha(opacity=100);
            opacity: 1.0;
        }

        40% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
            filter: alpha(opacity=50);
            opacity: 0.5;
        }
    }