@charset "utf-8";
/* CSS Document */
body{ font-family:"宋体"; font-size:12px; color:#000; padding:0px; margin:0px; line-height:22px;}
a img{ border:none;}
a,a:link,a:visited,a:active{ color:#0066b3;text-decoration:none;}
a:hover{color:#3992e2;text-decoration: underline;}
/*20130903 update*/
.main,.talk_main,.message_main,.auto_main{ /*width:830px;*/ width: 953px; height:554px; padding:0px; margin:0px auto;position:relative;}
.message_main{ display:none;}
.auto_main{ display:none;}
ul{ margin:0px; padding:0px;}
li{ list-style:none;}
.black{ color:#000;}
.bold{ font-weight:bold;}
.clear{height:0px;font-size:0px;line-height:0px;padding:0px;margin:0px;}
textarea{color:#919191;}
/**************关闭按钮区域****************/
.close{ height:16px; line-height:15px; background:no-repeat url(../images/top.png);color:#FFF; text-align:right; padding-right:16px; padding-top:10px;}
.close span{ cursor:pointer;}
/******logo tab*********/
.logo{ height:59px; background:url(../images/logo.png) no-repeat; overflow:hidden;}
.tab{ /*margin-left:270px;*/margin-left:500px;padding-top:28px;}
.logo img{ cursor:pointer;}
/******右侧客服信息区域*********/
/*20130903 update*/
.content_right{float:left; /*width:279px;*/ width: 402px; height:468px;margin: 0; padding: 0;background-image: url(../images/right_bg.png);background-repeat:no-repeat;  position: absolute;top: 85px; right: 0px;} /* add at 20160923*/
.auto_right{float:left;width:187px;height:446px;background-image: url(../images/content_right.jpg);background-repeat:no-repeat;}
.server_info { width:130px; margin-left:45px; margin-top:20px; font-weight:bold;}
.server_info span {font-weight:normal;}
/******在线交谈显示内容*********/
.content{ height:468px;}
.talk_left{float:left; width:551px; height:468px;padding:0px;margin:0px;border:none;overflow: hidden;}
.talk_text{padding:20px 10px 10px 17px; background:url(../images/talk_text.jpg) no-repeat;}
.talk_text .overflow{ height:208px; overflow:auto; }
.sys_gray{ color:#5b5b5b;}
.sys_gray p{ margin: 4px 0;}
.sys_red{ color:#F00;}
.off_line_msg{color:#919191;}
.off_line_msg .offLineMsg_lineMsg{color:#000000;}
.server_name{ color:#024396; margin-right:10px;}
.guest_name{margin-right:10px;}
.sys_name{color:#f00;margin-right:10px;}
.time{ color:#004868;}
/******在线交谈工具栏*********/
.tools_bar{ height:32px; background: url(../images/tools_bar.png) no-repeat;position:relative; display:block;}
.ico_box{margin-left:25px;font-family:"宋体";}
.ico_box img {margin-right:5px;vertical-align: middle;}
.ico_box li{ list-style:none;float:left; margin-right:25px; color:#0066b3; font-weight:bold; padding-top:5px; cursor:pointer;}
/*20160711 update */
a.btn{width:32px;height:32px;overflow:hidden;display:block;text-decoration:none;background:url(../images/fileupload.png) no-repeat;}
a.files{background-image:url(../images/fileupload.png);}
a.files input{font-size:30px;cursor:pointer;filter:alpha(opacity=0);opacity:0;height:100%;}
a.files,a.files input {hide-focus:expression(this.hideFocus=true);outline:none;}
/*a.files,a.files input {blr:expression(this.onFocus=this.blur());outline:none;}*/
/*20160725 update */
.pop{display:none; position:absolute; bottom:100%; left:50%; z-index: 1200; width:520px; margin:0 0 0 -260px; padding: 15px 5px 0; background: #FFF; text-align:left;}
.pop .con{position:relative; padding:5px; border-top: solid 1px #e5e5e5; background:#fff;color: #757575;}

/******输入框区域*********/
/*20130903 update position*/
.writing_box{ height:122px; background:url(../images/writing_bg.png) no-repeat; padding:10px 10px 10px 17px;margin:0px; position: relative;}
textarea { width:520px; *width:520px;height:116px; font-size:12px;}
/*20130903 add*/
.writing_box .lx_box{width:480px; position: absolute; padding: 4px; top: -78px; overflow: hidden; border: 1px solid #797979; z-index: 99; background-color: #fff; display: none;}
.writing_box .lx_box p{width:460px; margin: 0; color: #333333; line-height: 20px; cursor: pointer;}
.writing_box .lx_box span{ color: #ff0000;}
/*20130903 add*/
/******按钮*********/
.but_record{ width:65px; height:20px; background:url(../images/button_record.gif) transparent no-repeat; border:0px; color:#fff; margin-right:12px; cursor:pointer;} 
.button_box{ text-align:right;;padding-top:5px;}
.but_clear{ width:58px; height:20px; background:url(../images/button_clear.gif) transparent no-repeat; border:0px; color:#fff; margin-right:12px; cursor:pointer;}
.but_clear_hover{ width:58px; height:20px; background:url(../images/button_clear_hover.gif) transparent no-repeat; border:0px; color:#fff; margin-right:12px; cursor:pointer;}
.but_submit{ width:58px; height:20px; background:url(../images/button_submit.gif) transparent no-repeat; border:0px; color:#fff; cursor:pointer;}
.but_submit_hover{ width:58px; height:20px; background:url(../images/button_submit_hover.gif) transparent no-repeat; border:0px; color:#fff; cursor:pointer;}
.but_close{ width:58px; height:20px; background:url(../images/button_close.gif) transparent no-repeat; border:0px; color:#fff; cursor:pointer;}
.but_close_hover{ width:58px; height:20px; background:url(../images/button_close_hover.gif) transparent no-repeat; border:0px; color:#fff; cursor:pointer;}
.but_confirm{ width:58px; height:20px; background:url(../images/button_confirm.gif) transparent no-repeat; border:0px; color:#fff; cursor:pointer; margin-top:10px;}
.but_confirm_hover{ width:58px; height:20px; background:url(../images/button_confirm_hover.gif) transparent no-repeat; border:0px; color:#fff; cursor:pointer; margin-top:10px;}
.but_break{ width:58px; height:20px; margin-right:12px;background:url(../images/button_break.gif) transparent no-repeat; border:0px; color:#fff; cursor:pointer; margin-top:0px;}
.but_break_hover{ width:58px; height:20px;/*margin-right:200px;*/ background:url(../images/button_break_hover.gif) transparent no-repeat; border:0px; color:#fff; cursor:pointer; margin-top:0px;}
.message_body .button_box .but_submit {margin-right:12px; }
.message_body .button_box{ width:375px;}
/******客户留言区域*********/
.message_left{float:left; width:551px; height:468px; background:url(../images/message_left_bg.png) no-repeat;}
.message_body { padding:40px 10px 20px 17px; float:left; width:500px;}
.message_body ul{ width:500px; float:left; padding-bottom:10px;}
.message_body ul li{display:inline; padding-right:9px;font-family:Tahoma; font-size:12px; vertical-align:middle;}
label{color:#919191; vertical-align:middle; font-family:Tahoma; font-size:12px; margin:0px; padding:0px;}
input{ vertical-align:middle; font-family:Tahoma; font-size:12px; margin:1px 2px 0px 0px; padding:0px; color:#919191;}
select{ color:#919191; margin:0px; padding:0px;vertical-align:middle; font-family:Tahoma; font-size:12px;}
.red_star{ color:#F00; font-weight:normal; vertical-align:middle;font-family:Tahoma; font-size:12px; }
#sub_bank {width:155px;}
#customer_text{ height:130px; width:280px; padding:5px;margin-top:2px; vertical-align:top;}
.eligibly{ margin:0px; padding:0px; float:left; width:389px;}
#customer_name{ margin:0px; padding:0px;}
/*****满意度调查*****/
.survey_main{ width:468px; height:270px;background:url(../images/survey_bg.jpg) no-repeat; display:none;position: absolute;top: 100px;left: 50%;margin-left: -234px;z-index:100;}
.survey_close{ height:20px; text-align:right; padding:0px 10px 0px 0px; line-height:20px; color:#FFF; cursor: pointer;}
.survey_content{ padding-left:135px; min-height:100px; float:left:}
.survey_title{ color:#003399; padding:16px 0px 9px 0px; font-weight:bold; font-size:14px; margin:0px;}
.survey_content div ul{ padding:0px; margin:0px;}
.survey_content div ul li { float:left; display:inline; margin-right:27px; padding:0px; font-family:Tahoma; vertical-align:middle;width:124px;}
.survey_content div ul li input {
    display: inline-block;
}
.survey_content div ul li label {font-family:Tahoma; vertical-align:middle}
.survey_select{ float:left; width:313px; margin-bottom:5px; *margin-top:-15px;}
#appraise{ width:300px; height:100px; padding:5px;}
.appraise_box{ width:305px;}
.confirm_box{ text-align:right;}
/*20130903 add*/
.survey_select { float: none;}
.bmy_wrap{ display: none;}
.hide,.m_hide{display:none;}
.bmy_wrap .p_1{ margin: 0; color: #003399; line-height: 22px;}
.bmy_wrap .p_2{ margin: 0; color: #999999;    float: left;
    width: 50%;
    margin-bottom: 5px;}
    .bmy_wrap .p_3 {
        margin: 0;
        color: #999999;
    }
.bmy_wrap .txt{ padding-left: 2px;}
.bmy_wrap .txt {
    padding-left: 2px;
    width: 300px;
    height: 30px;
    padding: 2px;
}
/*guan add 20130903*/

/******点击选择分行****/
.select_bank {color: #0066b3; cursor:pointer; width:100px; }
.font_blue { border-collapse:collapse; color:#0066b3; cursor:pointer; line-height:18px; font-family:Tahoma;}
.bank_box{ width:285px; height:190px;background-image: url(../images/select_bank_bg.gif); background-repeat:no-repeat; position:absolute; display:none;top:0px;left:300px; }
.bank_box_close{ position:absolute; top:10px; left:250px;cursor:pointer;}
/**常见问题解答***/
.q_a {width:137px;height:130px;margin-left:12px;padding:10px;}
.q_a_title{font-weight: bold;color: #0066b3;font-size: 14px;padding-top:10px;}
.q_a ul {margin:0px 10px;}
.sending {height: 554px;width: 953px;position:absolute;top:0px;left:44%; margin-left:-400px; background-color:#FFF;display:none;}
.sending_info {width: 220px;height:55px;position:absolute;top:200px;left:30%; text-align:center; padding-top:25px;background:url(../images/sending_bg.gif) no-repeat;; display:none;}
.sending_info img{ vertical-align:middle;} 
/******************************/
.tips {position:absolute;top:87px;left:20px; padding-left:30px;background-image:url(../images/write.gif);background-repeat:no-repeat;display:none;}
.auto_text {color:#006}
/*右端*/
/*
.right_top{width:246px;height:200px;padding-top:10px;}
.right_top_server{width:237px;height:156px;background-image:url(../images/server_bg.png);background-repeat:no-repeat;margin: 0px 5px 0;padding:10px;padding: 20px 50px;width: 181px;}
.right_top_server_title {height:30px;font-size:14px; font-weight:bold;color:#0066b3; vertical-align:middle; line-height:30px;text-align:center;margin-bottom:10px;}
*/
.right_bottom{width:160px;height:148px;position:absolute;bottom:8px;left:60px;}
.right_top{width:187px;height:167px;padding:10px 5px 0 0;}
.right_top_server{/*width:237px;*/ width: 197px; height:170px; float:left; overflow:hidden;/*background-image:url(../images/server_bg.png);background-position:top right; background-repeat:no-repeat;*/margin: 0px 10px; text-indent:24px;}
.right_top_server p {/*font-size: small;*/ margin:5px 0px;}
.right_top_server_title {height:30px;font-size:14px; font-weight:bold;color:#0066b3; vertical-align:middle; line-height:30px;text-align:left;padding-top:20px;}

/*20130903 add start*/
/*万能清除漂浮*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.clearfix {display:block;} 
/*右边顶部*/
.new_server_title{ padding: 16px 20px 10px 18px;}
.new_server_title .span_1{ color: #919191;}
.new_server_title img{ float: left;}
.new_server_title ul{ float: left; width: 192px; padding: 8px 14px 3px 14px;}
.new_server_title ul .li_h{ padding: 6px 8px;}
.new_server_title .p_1{ float: left; width: 190px; line-height: 20px; padding: 0; margin: 0; color: #515151;}
/*便捷服务*/
.server_bjfw{ border: 1px solid #9cccf4; width: 352px; margin: 0 auto; background-color: #fff;}
.server_bjfw h3{ color: #0066ff; font-size: 16px; padding: 6px 20px; margin: 0;}
.server_bjfw .img_1{ float: left; padding: 4px 8px;}
.server_bjfw ul{ width: 330px; padding: 6px 10px;}
.server_bjfw ul li img{ float: left; padding-left: 4px;}
.server_bjfw ul li{ float: left; width: 66px; height: 88px; text-align: center;}
.server_bjfw ul li a{ float: left; width: 66px; text-align: center;}
/*快速人口*/
.server_ksrk{ border: 1px solid #9cccf4; width: 352px; margin: 10px auto 0 auto; background-color: #fff;}
.server_ksrk h3{ color: #0066ff; font-size: 16px; padding: 6px 20px; margin: 0;}
.server_ksrk ul{ padding: 0 10px 10px 10px;}
.server_ksrk li{ float: left;}
.server_ksrk li a{ float: left; width: 91px; height: 26px; line-height: 26px; color: #ffffff; text-decoration: none; text-align: center; background: url(../images/server_ksrk.jpg) no-repeat; margin-top: 10px;}
.server_ksrk .m_l_r_29{ padding: 0 29px;}
/*20130903 add end*/
#server_id,#server_name,#server_status{font-size:12px;font-weight:bold;color:#919191;}
.right_top_server table tr td {	height:25px;border-collapse:collapse;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color:#CCC;color:#919191;}
.right_iframe{position: relative; width: 269px;height:338px;margin-top: 0px;margin-left: 2px;}
.text_tools{clear:both; background-color:#f4f9ff;position:absolute;width:390px;left:10px;top:-34px;border:solid 1px #6fb1ed;display:none;}
.ico_bold{width:20px;height:20px;background-image:url(../images/bold.gif);background-repeat:no-repeat; overflow:hidden; cursor:pointer}
.ico_bold_select{width:20px;height:20px;background-image:url(../images/bold_select.gif);background-repeat:no-repeat; overflow:hidden; cursor:pointer;}
.ico_color_table{width:20px;height:20px;background-image:url(../images/color_table.gif);background-position:0px 0px;background-repeat:no-repeat; overflow:hidden;cursor:pointer;}
.ico_color_table_select{width:20px;height:20px;background-image:url(../images/color_table_select.gif);background-position:0px 0px;background-repeat:no-repeat; overflow:hidden;cursor:pointer;}
.color_table{ position:absolute;top:180px;left:180px;float:left;display:none;z-index:1; }
.color_table td{height:10px; width:10px; cursor:pointer;border:0px #FFF solid; border-collapse:collapse;}
/*20130904 update*/
.right_top_message{ float: left;width:190px;/*height:90px;*/ margin:5px 10px 0 0; padding:0 10px;font-size:12px; /*background:url(../images/right_top_message_width.png);*/}

.message_title {font-weight: bold;color: #0066b3;font-size: 14px;padding-top:5px;}
.right_top_message ul {margin-left:10px;}
.right_iframe_top{width:269px;height:116px;margin-left: 2px;}
.right_top_message table { border-collapse:collapse}
.right_top_message table td{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #ccc;}
/******************20110111***********************/
.talk_text .overflow{ height:247px; overflow:auto; }
.text_tools{clear:both; background-color:#f4f9ff;position:absolute;width:416px;left:7px;top:348px;border:solid 1px #6fb1ed;display:none;}
.link_box{position:absolute;height:100%;width:100%;z-index:100;top:0;display:none;}
.video_tools{position:absolute;top:250px;left:300px;width:250px;height:80px;overflow:hidden;background:url(../images/link_bg.png) no-repeat;}
.link_work{margin:10px;margin: 28px 0;text-align: center;}
.link_work img{height:20px;width;20px;vertical-align:middle;}
.text_tools_show{clear:both; background-color:#f4f9ff;position:absolute;width:417px;left:6px;top:348px;border:solid 1px #6fb1ed;display:block;}
.overflow_short{ height:176px; overflow:auto; }
.talk_text{padding:15px 10px 10px 17px; background:url(../images/talk_text.png) no-repeat;height:269px}
.color_table td{height:10px; width:10px; cursor:pointer;border:0px #000 solid; border-collapse:collapse;}
.color_table{ position:absolute;top:180px;left:180px;float:left;display:none;z-index:1;}
/***************************20110112**************************/
.color_img_table{ position:absolute;top:270px;left:29%;float:left;display:none;z-index:1;}
.color_img_table{width:105px; border-collapse:collapse;}
.color_img_table td{border-collapse:collapse;width:15px;height:15px;border:solid 1px #8bbeee;cursor:pointer;}
.select_place{position:absolute;top:87px;left:190px;display:none;}
.select_place .other{color:#0066b3;cursor:pointer;}
.select_place .bank_box{top:20px;left:-70px;background-image:none;height:inherit;z-index:2;}
.select_place .bank_box .top{background:url(../images/popup_285_top.gif) no-repeat;height:36px;overflow:hidden;}
.select_place .bank_box .body{background:url(../images/popup_285_body.gif) repeat-y;padding:3px;}
.select_place .bank_box .bottom{background:url(../images/popup_285_bottom.gif) no-repeat;height:5px;font-size:0px;line-height:0px;overflow:hidden;}
.select_place .bank_box .body td{padding:1px;}
.select_place .bank_box .top div{padding:5px;margin:0px 15px;color:#919191;font-size:14px;font-weight:bold; border-bottom:#919191 1px solid;}
.select_place .bank_box .top div span{font-size:12px;}
/*===================共享桌面样式=================================*/
/*.dialoggong{display: none; width: 376px; height: 40px; position: absolute;left: 50%;top: 10px;margin-left: -188px;background: url(/colsvc_20160905/images/translucent.png) repeat-y; color:#fff;}*/
.dialoggong{display:none;float:left;width: 376px; height: 40px; position: absolute;left: 50%;top: 10px;margin-left: -188px;background: url(http://echat.ccb.com/colsvc/images/translucent.png) repeat-y; color:#fff;z-index=10005;}
.desktop_share_word{height: 25px;margin-left: 10px;margin-top: 10px;margin-right: 10px;}
.desktop_share_tool{position:absolute;top:1px;left:50%;margin-left:-180px;color:#fff;font-size:15px;}
.change_min{width: 38px;height: 37px;overflow:hidden;text-indent:-999px;border: 0 none;color: #FFFFFF;background: url(http://echat.ccb.com/colsvc/images/min.png) no-repeat;margin-left:5px}
.change_max{width: 38px;height: 37px;overflow:hidden;text-indent:-999px;border: 0 none;color: #FFFFFF;background: url(http://echat.ccb.com/colsvc/images/max_restore.png) no-repeat;}
.change_close{width: 38px;height: 37px;overflow:hidden;text-indent:-999px;border: 0 none;color: #FFFFFF;background: url(http://echat.ccb.com/colsvc/images/close.png) no-repeat;}
/*===================视频窗口样式=================================*/
.video_box{display:block;padding:0 20px;}  /*update display:none->block */
.kf_video{margin-top: 20px;}
.kf_num{color: #666666;font-size: 14px;font-weight: bold;}
.video_window{background-color: #FFFFFF;height: 160px;margin-top: 10px;width: 225px;}
.user_video{margin-top:30px;}
.video_box_tools{/*margin-top:95px;  */margin:95px 0 0 32px;} /*update 5px-> 95px*/
.video_over{width:58px;height:19px;overflow:hidden;text-indent:-999px;border: 0 none;color: #FFFFFF;margin-left:50px;background:url(../images/hangup.png) no-repeat; margin:0 0 0 82px;} /*video_over.png->hangup.png*/
.video_over_hover{background:url(../images/video_over_hover.png) no-repeat;}
.video_time span{color:#36c;}
.video_speak ,.video_audio{display:inline-block;height:45px;width:47px;margin-left:10px;cursor:pointer;} /* remove , update inline-block-> block  width and height*/
.video_speak{background:url(../images/mike.png) no-repeat;border:none;vertical-align: middle;}
.video_speak_off{background:url(../images/mike_quient.png) no-repeat;border:none;vertical-align: middle;}
.video_audio{background:url(../images/ear.png) no-repeat;border:none;vertical-align: middle;}/* update Audio_md1.png->ear.png*/
.video_audio_off{background:url(../images/ear_quient.png) no-repeat;border:none;vertical-align: middle;}
.over_massage .time{color:#36c;margin-left:10px;}
.over_massage .time span{margin-left:5px;}
/*编辑区域*/
#editor{width: 520px;height: 92px;overflow-y: auto;border: solid 1px #a1b4c5;}
/*视频区域的控件CSS*/
.video_inuse{position:relative;/*top:217px;left:788px;*/width:320px;height:240px;border:none;margin-left: 1px;margin-top: 0px;}
.video_inuse img{width:320px; height:240px;}
.video_ready{height: 0px;width: 1px;/*left: 30px;top: 0px;*/}
.but_submit_dis{ width:58px; height:20px; background:url(../images/button_submit_dis.gif) transparent no-repeat; border:0px; color:#fff; cursor:default;}