.context_kf{ background: #fff; }
.ImkfBox{
	width: 650px;
    height: 500px;
    position: fixed;
    /* top: 0; */
    bottom: 0;
    /* left: 0; */
    right: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	z-index: 1000000;
	visibility: hidden;
}
.ImkfBox .closekfBox {
    width: 15px;
    height: 15px;
    background: url(img/close.png) center no-repeat;
    border-radius: 50px;
    position: absolute;
    right: 22px;
    top: 17px;
	cursor: pointer;
}
.Box_kf_Head{
	width: 100%;
	height: 52px;
	background: rgb(255, 66, 0);
}
.head_kf_Img{
	width: 115px;
	height: 35px;
	border-radius: 50%;
	margin: 15px 0 0 10px;
	background: /*url("http://mcenter6.ntalker.com/themes/kf_9588/images/chaticon.png")*/ -318px -93px no-repeat;
	float: left;
}
.internet_kf_Name{
	width: auto;
	line-height: 48px;
	color: white;
	padding-top: 4px;
	font-size: 12px;
	float: left;
}
.context_kf{
	width: 648px;
	border-left: 1px solid #ebedec;
	border-right: 1px solid #ebedec;
	border-bottom: 1px solid #ebedec;
}
.clear{ zoom: normal; overflow: hidden;}
.conLeft_kf{
	width: 200px;
	height:447px;
	overflow: auto;
	background: #f5f5f5;
	float: left;
}
.conLeft_kf::-webkit-scrollbar{
	width: 0;
}
.conLeft_kf::-moz-scrollbar{
	width: 0;
}

.conLeft_kf ul{
	list-style: none;
	margin: 0;
	padding: 0;
	height:447px;
}
.conLeft_kf li{
	position: relative;
	width: 100%;
	height: 52px;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}
.conLeft_kf li .liLeft{
	width:30%;
	height: 100%;
}
.liRight{ position: absolute; top: 0; left: 64px;}
.conLeft_kf li:hover .close{ display:block;}
.conLeft_kf li:hover{ background:#E7F6FE;}
.liLeft img{
	margin: 10px;
	border-radius: 50%;
}
.liRight span{
	display:block;
	font-size: 16px;
	height: 31px;
	line-height: 31px;
	cursor:default;
	overflow: hidden;
	width: 105px;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.liRight span:last-child{
	font-size: 12px;
	color: #767676;
	line-height:15px;
	overflow: hidden;
	margin-top: 17px;
}
.conRight_kf{
	/*-webkit-box-flex: 1;*/
	/*display: -webkit-box;*/
	/*-webkit-box-orient: vertical;*/
	width: 446px;
	float: left;
}
.Righthead{
	width: 100%;
	height: 42px;
	border-bottom: 1px solid #ebedec;
}
.headName{
	width: auto;
	height: 100%;
	line-height: 42px;
	margin-left: 20px;
	font-family: "微软雅黑";
	font-size: 18px;
	float: left;
}
.headConfig{
	width: 20%;
	float: right;
	height: 100%;

}
.headConfig ul{
	list-style: none;
	margin: 0;
	padding: 0;
	display: -webkit-box;
	-webkit-box-orient: horizontal;
}
.headConfig li{
	margin:10px 5px;
}
.RightCont_kf{
	height: 310px;
	position: relative;
	overflow-y:auto;
	background: #f7f7f7;
}
.RightCont_kf .await{
	position: fixed;
	left: 0;
	bottom: 0;
}

.RightCont_kf ul,.historyList ul{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 42px;
}
.RightCont_kf li,.historyList li{
	width: 100%;
	height: 50px;
	/*display: -webkit-box;
	-webkit-box-orient: horizontal;*/
	display: inline-table;
	margin-top: 10px;
}
.nesHead{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	margin-left:15px ;
	float: left;
}
.nesHead img{
	width: 44px;
	height: 44px;
	border-radius: 50%;
}
.news{
	max-width: 250px;
	background: #CDD7E5;
	padding:5px 20px;
	margin: 4px;
	line-height: 25px;
	font-size: 14px;
	border-radius:10px;
	margin-left: 10px;
	position: relative;
	float: left;
	word-wrap: break-word;
}
.news .jiao{
	position: absolute;
	left: -7px;
	top: 10px;
}
.news .Expr{
	width: 50px;
	height: 30px;
	margin: 5px;
}
.news img[src^="http"]{
	max-width: 120px;
	max-height: 120px;
}
.answerHead{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	margin-left:5px ;
	float: right;
	margin-right: 15px;
}
.answerHead img{
	width: 44px;
	height: 44px;
	border-radius: 50%;
}
.newsList .answers{
	max-width: 250px;
	background: #eeeeee;
	padding:5px 20px;
	margin: 4px;
	line-height: 30px;
	font-size: 14px;
	border-radius:10px;
	margin-left: 10px;
	position: relative;
	float: right;
	background: #CDD7E5;
	word-wrap: break-word;
	color: #555;
}
.answers img[src^="http"]{
	max-width: 120px;
	max-height: 120px;
}
.answers .jiao{
	position: absolute;
	right: -7px;
	top: 10px;
}
.RightFoot_kf{
	width: 100%;
	height: 118px;
	border-top: 1px solid #ebedec;
	position: relative;
}
.emjon{
	width: 360px;
	height: 200px;
	border: 1px solid #ccc;
	position: absolute;
	left:0;
	top:-190px;
	display: none;
	background: #fff;
}
.emjon ul{
	list-style: none;
	margin:0;
}
.emjon ul li{
	width: 50px;
	height: 30px;
	margin: 5px;
	float: left;

}
.emjon ul li:hover{
	box-shadow:5px 5px 5px #888888;
	transform: scale(1.2);

}
.emjon ul li img{
	width: 100%;
	height: 100%;

}
.footTop_kf{
	position: relative;
	width: 100%;
	height: auto;
}
.footTop_kf ul{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
}
.footTop_kf li{
	margin: 5px 10px;
	cursor: pointer;
	width: 30px;
	float: left;
}
.sendBtn_kf,.sendBtn_kf_over{
	width: 51px;
    height: 20px;
    background: #ff4200;
    border-radius: 3px;
    border: none;
    position: absolute;
    line-height: 20px;
	bottom: -4px;
    font-size: 12px;
    right: 10px;
    color: white;
    cursor: pointer;
}
.right_kf_logo .logo_kf{
	margin: 0 auto;
	display: inherit;
	margin-top: 15px;
}
.right_kf_logo .fontBox{
	border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    width: 179px;
    font-size: 12px;
    color: #4f4e4e;
    margin: 10px auto;
    margin-top: 13px;
    padding: 0 10px;
}
.right_kf_logo .title_kf{
	display: block;
    text-align: center;
    margin: 5px 0 15px 0;
}
.conRight_kf .sendBtn_kf_over{
	background: #f7f7f7;
    right: 76px;
    width: 89px;
    border: 1px solid #eee;
    color: #000;
}
.right_kf_logo{
	float: right;
    /* border: 1px solid; */
    width: 200px;
	height: 431px;
    margin-bottom: 10px;
}
#dope_kf{
	height: 67px !important;
}
.bg_kf{
	background: #E7F6FE;
}
.user ul li{ width: 100px; height: 50px; background: #0188fb; color: #fff; text-align: center; line-height: 50px; margin-top: 5px;}
.conLeft_kf li i{ display: none; position: absolute; width: 20px; height: 20px; border-radius: 50%; background: #ff0000; left: 45px; top: 10px; font-size: 12px;
	color: #fff; text-align: center; line-height: 20px; overflow: hidden;}
#myEmotBox_kf{
	position: absolute;
	width: 315px;
	height: 155px;
	border: 1px solid #ccc;
	background: #fff;
	bottom: 30px;
	overflow-y: scroll;
}
#myEmotBox_kf span{
	cursor: pointer;
	display: inline-block;
	width: 32px;
	height: 32px;
	border-right: #eee 1px solid;
	border-bottom: #eee 1px solid;
}
/* 表情切换触发按钮样式 */
.wsdk-emot-trigger {
	text-align: center;
}
.wsdk-emot-trigger .wsdk-emot-trigger-item {
	display: inline-block;
	width: 8px;
	height: 8px;
	overflow: hidden;
	border-radius: 100%;
	margin-right: 8px;
	*zoom: 1;
	*display: inline;
	background: #ccc;
}
.wsdk-emot-trigger .wsdk-active {
	background: #f00;
}
.wsdk-emot{
	width: 30px;
}
.inputBox_kf{
	position:relative;
}
#imgPre{
	position: absolute;
	top: 0px;
	display: inline-block;
}
.imgbig{
	margin-left: 452px;
}
.mask{ background: #000; opacity: 0.8; width: 650px; height: 500px; position: absolute; left: 50%; top: 50%;
	margin-left: -325px; margin-top: -250px; z-index: 100; display: none;
}
.imgCloce{ width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #fff; cursor: pointer; position: absolute;
	right: 10px; top: 10px; border-radius: 50%;
}
.imgCloce:hover{ background: #FF4100;}
.showImg{ display: none; position: absolute; left: 50%; top: 50%; width: 650px; height: 500px; margin-left: -325px; margin-top: -250px; z-index: 101; text-align: center;}
.showImg img{ max-width: 600px; height: auto; position: absolute;}
.timeTitle{ font-size: 12px; color: #7b7a7a; text-align: center; padding: 5px 0;}
.messageImgWH{ width: 25px;}
/* .newsList{ display: none;} */
#getHistory_kf{ float: right; width: 50px; font-size: 12px; color: #4f4e4e;}
.showHistory_top_kf{ height: 50px; line-height: 50px; border-bottom: 1px solid #ebedec; color: #88939b; position: relative; text-align: center;}
.showHistory_top_kf span{ width: 68px; height: 30px; line-height: 30px; background-color: #f5f5f5; color: #88939b; font-size: 12px; border: 1px solid #ced4d9;
	position: absolute; left: 15px; top: 8px; cursor: pointer; text-align: center; border-radius: 5px;}
.showHistory_center_kf{ height: 450px; padding: 0 5px; overflow-y: auto;}
.history_bt{ font-size: 12px; color: #88939b; text-align: center;}
.history_center{ font-size: 12px;}
.addAudio{ height: 50px;}
/*.oppositeName{ color: #9097a0; font-size: 12px; padding-left: 10px; margin: 10px 0;}*/
/*.mySendName{ color: #9097a0; font-size: 12px; padding-right: 10px; text-align: right; margin: 10px 0;}*/
#conChi_kf{
	color: #9097a0;
	font-size: 16px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #ebedec;
	position: fixed;
	display: block;
	background: #fff;
	width: 437px;
	z-index: 1;
}
.deletBox{
	position: absolute;
	right: 22px;
	top: 18px;
	font-size: 20px;
	cursor: pointer;
	color: #fff;
}
#conChi_kf img{ border-radius: 50%; width: 30px; vertical-align: -7px; margin-right: 10px;}
.audioBt{ font-size: 12px; color: #88939b;}
.noHistory{ font-size: 14px; color: #88939b; text-align: center;}