#new-chat-zk{
	text-decoration: none;
}

.new-chat-zk-iframe{
	overflow: hidden;
	background: #fff;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,.15);
	cursor: move;
	position: fixed;
	right: 100px;
	z-index: 2147483647;
	bottom: 0;
}
.new-chat-zk-bottom-right #new-chat-zk-title{
	margin-left: 4px;
}
#new-chat-zk-mobile-iframe{
	position: fixed;
	background: #fff;
	width: 100%;
	height: 100%;
	z-index: 2147483647;
	top: 0;
}
.new-chat-zk-bottom-right{
	position: fixed;
	bottom: 0;
	right: 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	animation: new-chat-zk-icon .9s;
	-webkit-animation: new-chat-zk-icon .9s;
}
.new-chat-zk-bottom-left{
	position: fixed;
	bottom: 0;
	left: 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	animation: new-chat-zk-icon .9s;
	-webkit-animation: new-chat-zk-icon .9s;
}
.new-chat-zk-left{
	padding: 8px 12px 8px 12px !important;
	position: fixed;
	left: 0;
	bottom: 100px;
	width: 20px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	animation: new-chat-zk-icon-left .9s;
	-webkit-animation: new-chat-zk-icon-left .9s;
	text-align: center;
}
.new-chat-zk-right{
	padding: 8px 10px 8px 12px !important;
	position: fixed;
	right: 0;
	bottom: 100px;
	width: 20px;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	animation: new-chat-zk-icon-right .9s;
	-webkit-animation: new-chat-zk-icon-right .9s;
	text-align: center;
}
.new-chat-zk-round-right{
	position: fixed;
	bottom: 0;
	right: 10px;
	border-radius: 50%;
	animation: new-chat-zk-icon .9s;
	-webkit-animation: new-chat-zk-icon .9s;
}
.new-chat-zk-round-left{
	position: fixed;
	bottom: 0;
	left: 10px;
	border-radius: 50%;
	animation: new-chat-zk-icon .9s;
	-webkit-animation: new-chat-zk-icon .9s;
}
.new-chat-zk-left #new-chat-zk-title{
	display: inline-block;
	width: 20px;
}

.new-chat-zk-right #new-chat-zk-title{
	display: inline-block;
	width: 20px;
}
.new-chat-zk-mobile-round-left{
	border-radius: 5px;
	position: fixed;
	bottom: 18px;
	left: 14px;
	animation: new-chat-zk-icon .9s;
	-webkit-animation: new-chat-zk-icon .9s;
}
.new-chat-zk-mobile-round-right{
	border-radius: 50%;
	position: fixed;
	bottom: 18px;
	right: 14px;
	animation: new-chat-zk-icon .9s;
	-webkit-animation: new-chat-zk-icon .9s;
}
.new-chat-zk-mobile-round-bottom #new-chat-zk-title{
	margin-left: 4px;
	font-size: 16px;
}
.new-chat-zk-mobile-round-bottom{
	position: fixed;
	/* z-index: 990; */
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	animation: new-chat-zk-icon .9s;
	-webkit-animation: new-chat-zk-icon .9s;
}
#new-chat-zk-btn:hover{
	cursor: pointer;
}
#new-chat-zk-btn{
	padding: 8px 10px;
	z-index: 2147483647;
	box-sizing: content-box;
	background-color: rgb(0, 204, 205);
}
#new-chat-zk-icon{
	width: 20px;
	height: 20px;
	vertical-align: bottom;
}
.new-chat-zk-iconfont{
	margin-right: 4px;
}
#new-chat-zk-mobile-icon{
	color: #ffffff;
	vertical-align: sub;
	width: 18px;
	margin-right: 5px;
}
#new-chat-zk-title{
	display: inline-block;
	font-size: 14px;
	color: #ffffff;
}

/*自定义动画*/
@keyframes new-chat-zk-icon {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0) scale(1);
	}
}
@-webkit-keyframes new-chat-zk-icon {
	0% {
		opacity: 0;
		-webkit-transform: translateY(40px);
		transform: translateY(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0) scale(1);
	}
}
@keyframes new-chat-zk-icon-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0) scale(1);
	}
}
@-webkit-keyframes new-chat-zk-icon-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-40px);
		transform: translateX(-40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0) scale(1);
	}
}
@keyframes new-chat-zk-icon-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0) scale(1);
	}
}
@-webkit-keyframes new-chat-zk-icon-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(40px);
		transform: translateX(40px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0) scale(1);
	}
}

  .zkiccs-dialog-icon {
	position: absolute;
    bottom: 1px;
    border-radius: 50%;
    left: 40%;
	width: 80px;
	height: 80px;
	background: rgb(165,166,240);
	display: flex;
  }
  .zkiccs-dialog-icon img {
	width: 72px;
	height: 72px;
	margin: auto;
  }
  .zkiccs-diaWarp{
	width: 400px;
	height: 400px;
	border-radius: 5px;
	position: fixed;
	background: #FFFFFF;
	z-index: 200;
	box-shadow:0px 10px 20px 0 rgba(49, 49, 49, 0.3);
  }
  .zkiccs-diaHeader{
	width: 100%;
	height: 40px;
	border-radius: 5px;
	position: relative;
  }
  .zkiccs-diaHeader h3{
	float: left;
	font-size: 14px;
	line-height: 40px;
	color: #696866;
	margin-left: 10px;
  }
  .zkiccs-diaHeader span{
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
	font: bold 16px/16px "微软雅黑";
	cursor: pointer;
	color: #9b999a;
  }
  .zkiccs-diaMain{
	text-align: center;
	margin: 20px;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
  }
  .zkiccs-diaFooter{
	width: 100%;
	height: 40px;
	position: absolute;
	bottom: 0;
	text-align: center;
	margin-bottom: 10px;
  }
  .zkiccs-diaFooter button{
	background: #5c61f4;
    border-radius: 4px;
    color: #FFFFFF;
    border: none;
    line-height: 30px;
    padding: 0 20px;
    top: 5px;
    right: 10px;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 300px;
  }
  .diaMask{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
  }