body {font-family: 'Microsoft YaHei';background: #f1f1f1;}
.eps{-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.chatWrap,.chatWrap .lefthand,.chatWrap .righthand{height:600px;}
.chatWrap{width:1212px;background:#fff;margin:15px auto;position:relative;overflow:hidden;}
.chatWrap .longhide{width:1230px;float:left;position:relative;}
.chatWrap .lefthand{width:322px;float:left;}
.chatWrap .lefthand .titlebar{width:320px;height:50px;line-height:50px;background:#039BE5;float:left;font-size:16px;color:#fff;}
.chatWrap .lefthand .titlebar i{display:inline-block;*display:inline;*zoom:1;width:18px;height:14px;margin:0 15px 0 20px;background:url(/images/common/hhs_sprit.png) no-repeat -60px -77px;vertical-align:middle;}
.chatWrap .lefthand .resentlist{float:left;width:320px;border-right:2px solid #eee;height:550px;overflow-y:auto;}
.chatWrap .lefthand .resentlist .nopelist{float:left;width:100%;text-align:center;color:#999;line-height:150%;}
.chatWrap .lefthand .resentlist .user{width:260px;padding:10px 20px;float:left;cursor:pointer;position:relative;}
.chatWrap .lefthand .resentlist .onchat{background:#039BE5;}
.chatWrap .lefthand .resentlist .onhover{background:#f2f6fa;}
.chatWrap .lefthand .resentlist .user .img{width:50px;height:50px;float:left;margin:0 18px 0 0;overflow:hidden;border-radius:100px;border:1px solid #eee;position:relative;background:#fff;}
.chatWrap .lefthand .resentlist .user .img img{height:50px;}
.chatWrap .lefthand .resentlist .user .name,.chatWrap .lefthand .resentlist .user .lastsay{width:190px;float:left;font-size:12px;height:25px;line-height:25px;}
.chatWrap .lefthand .resentlist .user .name{font-weight:bold;color:#000;}
.chatWrap .lefthand .resentlist .user .lastsay{color:#666;}
.chatWrap .lefthand .resentlist .user .newmsg{width:11px;height:11px;background:url(/images/2018/fl_dot_curr.png) no-repeat center center;position:absolute;left:5px;top:30px;}
.chatWrap .lefthand .resentlist .user .close{display:none;position:absolute;right:10px;top:24px;width:24px;height:24px;background:url(/images/common/hhs_sprit.png) no-repeat -96px 0;}
.chatWrap .lefthand .resentlist .onchat .name{color:#fff;}
.chatWrap .lefthand .resentlist .onchat .lastsay{color:#fff;}
.chatWrap .righthand{width:892px;float:left;}
.chatWrap .righthand .titlebar{width:892px;height:50px;line-height:50px;background:#039BE5;float:left;font-size:16px;color:#fff;text-align:center;}
.chatWrap .righthand .chatbodywrap{height:420px;width:812px;padding:20px 40px;float:left;overflow-y:auto;}
.chatloadmore{color:#666;text-align:center;background:#fafafa;height:26px;line-height:26px;margin:0 0 10px 0;}
.chatloadmore a{color:#666;}
.chatonhere{overflow:hidden;}
.chatWrap .righthand .chatbodywrap .chatonhere{position:relative;width:100%;float:left;}
.chatWrap .righthand .nochatlog{padding:200px 20px 0 20px;text-align:center;font-size:16px;color:#666;line-height:150%;}
.chatWrap .righthand .nochatlog a{color:#f90;}
.chatWrap .righthand .nochatlog .emptyico{width:38px;height:40px;margin:0 auto;background:url(/recruit/Images/empty.png) no-repeat center center;}
.chatonhere .from,.chatonhere .sendto{position:relative;margin:0 0 20px 0;float:left;width:100%;}
.chatonhere .from .img,.chatonhere .sendto .img{width:50px;height:50px;overflow:hidden;border-radius:100px;border:1px solid #eee;background:#fff;position:absolute;top:0;}
.chatonhere .from .img{left:0;}
.chatonhere .sendto .img{right:0;}
.chatonhere .from .img img,.chatonhere .sendto .img img{height:50px;}
.chatonhere .from .rightx{padding:0 0 0 70px;}
.chatonhere .sendto .leftx{padding:0 70px 0 0;}
.chatonhere .from .row,.chatonhere .sendto .row{line-height:20px;}
.chatonhere .from .onlytime,.chatonhere .sendto .onlytime{width:100%;}
.chatonhere .sendto .onlytime{text-align:right;}
.chatonhere .from .name,.chatonhere .from .say,.chatonhere .from .date,.chatonhere .sendto .name,.chatonhere .sendto .say,.chatonhere .sendto .date{font-size:12px;}
.chatonhere .from .name,.chatonhere .sendto .name{font-weight:bold;color:#039BE5;margin:0 10px 0 0;}
.chatonhere .from .date,.chatonhere .sendto .date{color:#666;}
.chatonhere .from .say,.chatonhere .sendto .say{word-break:break-all;display:inline-block;*display:inline;*zoom:1;padding:8px;border-radius:4px;max-width:430px;}
.chatonhere .from .say{background:#e9f0ef;color:#333;}
.chatonhere .sendto .say{background:#039BE5;color:#fff;}
.chatonhere .sendto .say{float:right;}
.chatWrap .writecont{width:812px;padding:20px 40px 0 40px;height:50px;float:left;border-top:2px solid #f1f1f1;}
.chatWrap .writecont .writetxt{width:700px;height:50px;float:left;border:none;border-bottom:2px solid #039BE5;width:700px;height:48px;resize:none;}
.chatWrap .writecont .send{background:#039BE5;width:100px;height:30px;line-height:30px;text-align:center;border-radius:4px;margin:15px 0 0 10px;float:left;color:#fff;border:none;}