/*聊天工具面板*/
.talkMain {
	border:1px solid #969696;
	background:#ffffff;
	display:none;
	z-index:999;
	width:260px;
	height:520px;
	position:absolute;
	top:27px;
	right:10px;
}

.talk_main_title {
	background:#D7DCE3;
	height:23px;
}

.talk_main_title_name {
	float:left;
	line-height:23px;
	overflow:hidden;
	font-size:12px;
	font-weight:bold;
	margin-left:10px;
}

.talk_main_title_closed {
	float:right;
	margin-right:10px;
}

.talk_main_closed {
	padding:0px 6px 3px 0px;
	margin:3px 0px 0px 0px;
	cursor:pointer;
	display:block;
	border:1px solid #b7c2d5;
	background:url(../img/management_templates_img/popuplayer/close.gif) no-repeat 4px 4px;
	width:10px;
	height:11px;
	cursor:pointer;
}
.talk_main_closed:hover {
	cursor:pointer;
	border:1px solid #FFF;
	color:#FFFFFF;
	background:url(../img/management_templates_img/popuplayer/close_on.gif) no-repeat 4px 4px;
}

.talk_main_top {
	margin:10px 10px 0px 10px;
	height:36px;
}

.talk_main_top_msg {
	font-size:12px;
	float:left;
}

.talk_main_top_icon {
	width:10px;
}

.talk_main_top_name {
	margin-left:5px;
}

.talk_main_top_status {
	color:#808080;
	height:20px;
	line-height:20px;
	overflow:hidden;
	width:201px;
	font-weight:normal;
}

.talk_main_top_status:hover {
	font-weight:normal;
	cursor:pointer;
}

.talk_main_top_img {
	float:right;
	margin-top:1px;
}

.talk_main_search {
	height:26px;
	margin:5px 10px 0px 10px;
}

.talk_main_search_input {
	width:237px;
	height:18px;
	color:#808080;
	font-size:12px;
}

.talk_main_flag {
	height:30px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	margin-top:5px;
}

.talk_main_flag_a {
	float:left;
	width:87px;
	text-align:center;
	cursor:pointer;
}

.talk_main_flag_b {
	float:left;
	width:87px;
	text-align:center;
	cursor:pointer;
}

.talk_main_flag_c {
	float:right;
	width:86px;
	text-align:center;
	cursor:pointer;
}

.talk_main_lista {
	background:#F0F7FA;
	height:355px;
	padding:5px 10px;
	font-size:12px;
	overflow:auto;
}

.talk_main_list_group {
	cursor:pointer;
}

.talk_main_list_group:hover {
	background:#D6D9E5;
}

.talk_main_list_group_name {
	font-weight:bold;
}

.talk_main_list_obj {
	cursor:pointer;
	height:40px;
	border-bottom:1px solid #AAD1E9;
}

.talk_main_list_obj:hover {
	background:#D6D9E5;
}

.talk_main_list_obj_wrap {
	padding:5px 0px;
}

.talk_main_list_obj_msg {
	float:left;
}

.talk_main_list_obj_msg_icon {
	width:10px;
}

.talk_main_list_obj_msg_name {
	margin-left:5px;
	font-weight:normal;
}

.talk_main_list_obj_msg_status {
	margin-left:18px;
	margin-top:3px;
	font-weight:normal;
	color:#808080;
	height:15px;
	line-height:15px;
	overflow:hidden;
	width:150px;
}

.talk_main_list_obj_img {
	float:right;
	margin-top:2px;
}

.talk_main_list_obj_img_dialer:hover {
	background:#ECF4F9;
}

.talk_main_lista_add {
	background:#ECF4F9;
	height:20px;
	line-height:20px;
	padding-right:25px;
}

.talk_main_lista_add_icon {
	font-size:12px;
	font-weight:bold;
	float:right;
	cursor:pointer;
}

.talk_main_lista_add_icon:hover {
	background:#D6D9E5;
}

.talk_main_listb_add {
	background:#ECF4F9;
	height:20px;
	line-height:20px;
	padding-right:25px;
}

.talk_main_listb_add_icon {
	font-size:12px;
	font-weight:bold;
	float:right;
	cursor:pointer;
}

.talk_main_listb_add_icon:hover {
	background:#D6D9E5;
}

.talk_main_listb {
	clear:both;
	background:#F0F7FA;
	height:355px;
	padding:5px 10px;
	font-size:12px;
	overflow:auto;
}

.talk_main_listb_obj_msg {
	float:left;
	line-height:30px;
}

.talk_main_listb_obj_msg_name {
	margin-left:5px;
	font-size:14px;
	font-weight:normal;
}

.talk_main_listc {
	background:#F0F7FA;
	height:375px;
	padding:5px 10px;
	font-size:12px;
	overflow:auto;
}

.talk_main_listc_obj_msg {
	float:left;
	line-height:30px;
}

.talk_main_listc_obj_msg_name {
	margin-left:5px;
	font-size:14px;
	font-weight:normal;
}


/*聊天会话框公用*/
.talkwindow{
	position:absolute;
	bottom:28px;
}

.talkwindow_title {
	background:#4787ED;
	height:28px;
	padding:0px 8px;
}

.talkwindow_title_msg {
	float:left;
	height:28px;
	line-height:28px;
}

.talkwindow_title_msg_name {
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
}

.talkwindow_title_icon {
	float:right;
	height:28px;
	line-height:28px;
}

.talkwindow_title_icon_max {
	background: url('../img/talk/talkicon.gif') no-repeat scroll -20px -80px transparent;
	height:16px;
	width:16px;
	vertical-align: middle;
	cursor: pointer;
}

.talkwindow_title_icon_min {
	background: url('../img/talk/talkicon.gif') no-repeat scroll 0px -80px transparent;
	height:16px;
	width:16px;
	vertical-align: middle;
	cursor: pointer;
}

.talkwindow_title_icon_closed {
	background: url('../img/talk/talkicon.gif') no-repeat scroll -40px -80px transparent;
	height:16px;
	width:16px;
	vertical-align: middle;
	cursor: pointer;
}

.talkwindow_title_icon_closed:hover,
.talkwindow_title_icon_max:hover,
.talkwindow_title_icon_min:hover {
	background-color: #222222;
}

.talkwindow_topmenu_table {
	background-color:#F9F9F9;
	color: #6C6C6C;
	width: 100%;
	margin:0px;
}

.talkwindow_topmenu_null {
	border-right-style: hidden;
	width: 100%;
	background: none repeat scroll 0 0 #F9F9F9;
	border-color: -moz-use-text-color #C9C9C9 #C9C9C9 #FFFFFF;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	opacity: 0.68;
	padding: 2px 4px;
}

.talkwindow_topmenu_icon {
	background: none repeat scroll 0 0 #F9F9F9;
	border-color: -moz-use-text-color #C9C9C9 #C9C9C9 #FFFFFF;
	border-style: none solid solid;
	border-width: 0 1px 1px;
	opacity: 0.68;
	padding: 2px 4px;
	cursor: pointer;
}

.talkwindow_topmenu_icon:hover {
	background-color:#F0F0F0;
	opacity: 1;
}

.talkwindow_topmenu_icon_dial {
	background: url('../img/talk/talkwindow.png') no-repeat scroll -29px -3px transparent;
	width: 20px;
}

.talkwindow_topmenu_icon_add {
	background: url('../img/talk/talkwindow.png') no-repeat scroll -3px -3px transparent;
	width: 20px;
}

.talkwindow_topmenu_icon_del {
	background: url('../img/talk/talkwindow.png') no-repeat scroll -1px -29px transparent;
	width: 20px;
}

.talkwindow_topmenu_icon_dissolution {
	background: url('../img/talk/talkwindow.png') no-repeat scroll -53px -3px transparent;
	width: 20px;
}

.talkwindow_topmenu_icon_quit {
	background: url('../img/talk/talkwindow.png') no-repeat scroll -53px -29px transparent;
	width: 20px;
}

.talkwindow_topmenu_icon_exitservice {
	background: url('../img/talk/exitservice.png') no-repeat;
	background-size: 20px 18px;
	width: 20px;
}

.talkwindow_topmenu_icon_attachment {
	background: url('../img/talk/attachment.png') no-repeat;
	background-size: 20px 18px;
	width: 20px;
}

.talkwindow_topmenu_icon_recorder {
	background: url('../img/talk/mic.png') no-repeat;
	background-size: 20px 18px;
	width: 20px;
	
	color:#ffffff;
	font-weight: bolder;
	text-align:center;
	font-size:medium;
}

.talkwindow_content {
	height:200px;
	background-color:#ffffff;
	min-height: 40px;
	overflow-x: hidden;
	overflow-y: auto;
}

.talkwindow_content_msg {
	padding:3px;
	font-weight:normal;
}

.talkwindow_content_msg_title {
	font-size:12px;
	color:#006EFE;
	overflow:hidden;
	white-space:nowrap;
}

.talkwindow_content_msg_row {
	font-size:14px;
	color:#000000;
	white-space: normal;
	word-break: break-all;
}

.talkwindow_content_fix {
	border-color:#4787ED;
	border-style: none solid solid;
	border-width: medium 1px 1px;
}

.talkwindow_inputmsg {
	background-color: #FFFFFF;
	padding-bottom: 1px;
	padding-top: 5px;
}

.talkwindow_inputmsg2 {
	margin-left:2%;
}

.talkwindow_inputmsg_textarea {
	width: 96%;
	height: 80px;
	overflow-y: auto;
	resize: none;
	outline: 0 none;
}


/*聊天会话框1v1*/
.talkwindow_one {
	margin-left:10px;
	z-index:999;
	float:left;
	width:230px;
	border:1px solid #CCCCCC;
}

.talkwindow_topmenu_one {
	width:230px;
	clear:both;
	margin-top:0px;
}


/*聊天会话框1vMore*/
.talkwindow_more {
	margin-left:10px;
	z-index:999;
	float:left;
	width:410px;
	border:1px solid #CCCCCC;
	background-color:#F0F7FA;
}

.talkwindow_topmenu_more {
	width:410px;
	clear:both;
	margin-top:0px;
}

.talkwindow_content_more {
	float:left;
	width:230px;
	background-color:#ffffff;
	height:290px;
}

.talkwindow_member {
	float:right;
	width:180px;
	height:290px;
}

.talkwindow_member_list {
	height:290px;
	overflow-x:hidden;
	overflow-y:auto;
}

.talkwindow_member_listrow {
	height:20px;
	margin:5px;
	overflow:hidden;
	white-space:nowrap;
}

.talkwindow_member_listrow_icon {
	width:15px;
	float:left;
}

.talkwindow_member_listrow_head {
	width:20px;
	float:left;
	margin:0px 5px;
}

.talkwindow_member_listrow_name {
	float:left;
	height:20px;
	line-height:20px;
	font-size:14px;
	font-weight:normal;
}


/*录音中闪烁提示*/
.recorder-point {
    background-color: red;
    position: relative;
    border-radius: 50%;
}
 
/* 设置动画前颜色 */
.recorder-point-flicker:after {
    background-color: red;
}

/* 设置动画后颜色 */
.recorder-point-flicker:before {
    background-color: rgba(255, 102, 102, 0.2);
}

/* 设置动画 */
.recorder-point-flicker:before,
.recorder-point-flicker:after {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    border-radius: 50%;
    animation: recorder-recording 1.5s ease-out 0s infinite;
}

@keyframes recorder-recording {
    0% {
        transform: scale(0.5);
        opacity: 0.5;
    }

    30% {
        opacity: 0.3;
    }

    100% {
        transform: scale(1.4);
        opacity: 0;
    }
}