@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; }
.recMsg ,.sys_red{margin: 9px 0px;}
.sys_gray{color:#5b5b5b;text-align:center;margin-top: -3px;margin-bottom: -8px;}
.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:"宋体";display:none;}
.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.Png{background-image: url(../images/ico_photo.jpg);background-size: 70%;}
a.files input,a.Png input{font-size:30px;cursor:pointer;filter:alpha(opacity=0);opacity:0;height:100%;}
a.files,a.files input,a.Png,a.Png 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 14px;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;z-index:1001;}
.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:90px; 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_record,.but_clear,#but_submit
{
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    background: #fff;
    border-radius: 5px;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    text-align: center;
    /* color: #2051A5; */
    color: #265ca5;
    font-size: 16px;
    
 }
.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: 30px 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:0px 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;}

.message_body .capture-list{margin-left: 80px;overflow: hidden;padding-bottom: 0;}
.message_body .capture-item{ float:left;margin: 0 5px 5px 0;padding: 0 30px 0 5px;border: 1px solid #0066b3;border-radius: 4px;color: #0066b3;max-width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;}
.message_body .capture-item .cancel {position: absolute;width: 20px;height: 18px;line-height: 18px;right: 5px;text-align: center;top: 50%;transform: translateY(-50%);font-size: 16px;cursor: pointer;font-style: normal;}
	
#but_capture{display:none;float: left;margin-left: 80px;margin-top: 2px;width:88px; height:20px; background:url(../images/button_capture.gif) transparent no-repeat; border:0px; color:#fff;overflow: hidden;text-align: center;line-height: 18px;text-decoration: none;letter-spacing: 3px;position: relative;}
#but_capture .capture_file{opacity: 0;height: 100%;width:100%;cursor: pointer;position: absolute;left: 0;top: 0;cursor: pointer;z-index: 10;}
#but_capture:hover{background-image:url(../images/button_capture_hover.gif);}
	

/*****满意度调查*****/
.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:26px; 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;width:104px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display:inline-block;}
.survey_select{ float:left; width:300px; margin-bottom:5px; *margin-top:-15px;}
#appraise{ width:300px; height:100px; padding:5px;}
.appraise_box{ width:305px;}
.confirm_box{ text-align:right;}
/*20130903 add*/   /*满意度原因 20180702*/
.survey_select { float: none;}
.bmy_wrap{ 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; /* margin-right:25px;*/}
.bmy_wrap .p_2 label{   
	width: 84%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.bmy_wrap .txt{ padding-left: 2px; width: 300px;
    height: 30px;
    padding: 2px;}
/*guan add 20130903*/
.bmy_wrap .p_3{ margin: 0; color: #999999;    /*display: none;*/}
/*满意度原因20180702  stop*/

/******点击选择分行****/
.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;height:224px; 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: 82px; 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:282px; 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:5px 10px 10px 17px; background:url(../images/talk_text.png) #f2f3f5 no-repeat;height:279px}
.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/rolsvc/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/rolsvc/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/rolsvc/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/rolsvc/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: 525px;height: 92px;overflow-y: auto;border: solid 1px #E1EBF3}
/*视频区域的控件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;}
/*提示小助手*/
.ask_tips span
{
    clear: both;
    position: absolute;
	width: 40px;
	height:40px;
    /* padding: 5px 4px; */
	top: 0;
    right: 0;
    display: block;
    color: #D8981B;
    z-index: 999;
    /* background: #eee;*/
    cursor: pointer;
 }
 .tips_pop .tip_close{
	display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 0 50px;
    background: #bee9fc;
 }
 .tips_pop span img{
    width: 16px;
    top: 0px;
    padding: 8px 3px;
    opacity: 0.75;
 }
 .ques h4,.ques p,div
 {
    padding: 0;
    border: none;
    margin: 0;
}
.tips_pop ul p {
    line-height: 22px;
}
 .pop .tip_close
 {
    width:15px;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 16px;
    font-family: microsoft yahei;

 }
 .pop  .tip_close img {
    width: 100%;
}
 .fl{
	float: left;
}
.fr{
	float: right;
}
.pop{
	position: absolute;
	top: 7px;
	right: 20px;
	width: 700px;
	height: 540px;
	background: #d8d8d8;
}
.ques{
	width: 50%;
	padding: 25px;
	box-sizing: border-box;
}
.ques_list{
	font-size: 16px;
	color: #333;
	margin-bottom: 40px;
}
.ques_list h4{
	font-size: 18px;
	line-height: 36px;
}

/*聊天记录*/
.chat{
	width: 640px;
	height: 400px;
	position: absolute;
	left: 150px;
	top: 80px;
	background: rgba(0,0,0,0.6);
	padding: 5px;
	box-sizing: border-box;
}
.chat_in{
	background: #fff;
}
.chat_tit{
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #e8f0f8;
	padding: 0 10px;
	box-sizing: border-box;
}
.chat_tit h3{
	float: left;
	font-size: 16px;
}
.chat_tit span{
	float: right;
	cursor: pointer;
	font-size: 14px;
}
.chat_con{
	height: 300px;
	background: #fff;
	overflow-x: hidden;
	padding: 0 10px;
	box-sizing: border-box;
	font-size: 14px;
}
.kefu_name{
	margin-right: 10px;
}
.kefu_time{
	position: relative;
}
.kefu_time i{
	position: absolute;
	right: -25px;
	top: 0;
	width: 17px;
	height: 18px;
	background: url(../arrow_down.png) no-repeat left center;
}
.kefu_time i.arrow_up{
	background: url(../arrow_up.png) no-repeat left center;
}
.tit{
	color: #0066ff;
	line-height: 30px;
}
.p{
	padding: 5px 0;
}
/*页码跳转*/
.page{
	overflow: hidden;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	font-size: 14px;
	border-top: 1px solid #ccc;
}
.now{
	float: left;
}
.nx_page{
	float: right;
}

.input_btn{
	width: 30px;
	height: 20px;
	background: #eee;
	border: 1px solid #ccc;
	outline: none;
	cursor: pointer;
	margin-right: 10px;
}
.cup{cursor: pointer;}
.pr,.nx{
	letter-spacing: -3px;
}
.point{
	color: #0066ff;
}
.page_fr,.pr_tx,.nx{
	margin-right: 10px;
}
/*提示小助手内容*/ 
/*显示你提问 begin*/
.input_text{
	max-width: 496px;
	outline: none;
    overflow: hidden;
    box-sizing: border-box;
   margin:10px 0px;	
}
.input_text
{ 
 }
.input_text .sys_csd
{
   text-align: right; 
}
.input_text p
{
   margin:0px;
   line-height:24px;
}
.cus_text1
{
	max-width: 496px;
}
/*显示你提问 end*/
/*图文层叠 begin*/
.card_img{width: 100%;height: 200px; margin: 10px 0 !important; box-sizing: border-box;}
.card_img ul li{float: left;width: 378px;height: 180px;overflow: hidden;}
.card_img ul li img{width: 100%;}
.card_img .swiper-wrapper{height: 180px;}
.card_img .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 10px;background: #ccc;cursor: pointer;}
.card_img .swiper-pagination-bullet-active{background: #007aff;}
.card_img .swiper-pagination-bullets{bottom: 0px !important;}

/*图文层叠 end*/

/* sms 短信验证 */
.sms-container {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 350px;
	height: 160px;
	border: 1px solid #0066b3;
	background: rgb(220, 230, 242);
	font-size: 14px;
	border-radius: 10px;
	padding: 10px;
	display: none;
	z-index: 100;
  }
  .sms-container h3 {
	font-weight: normal;
  }
  .sms-container ul {
	overflow: hidden;
	width: 223px;
	margin: 20px auto;
  }
  .sms-container ul li {
	float: left;
	margin-right: 5px;
	border: 1px solid #333;
	height: 42px;
	width: 33px;
	border-radius: 4px;
	box-sizing: border-box;
	overflow: hidden;
  }
  .sms-container ul li:last-of-type {
	margin-right: 0;
  }
  .sms-container input {
	box-sizing: border-box;
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #666;
	background-color: #fff;
	border:none;
  }
  .sms-container input:focus {
	outline: none;
  }
  .sms-container .btn-list {
	overflow: hidden;
	width: 160px;
	margin-left: auto;
	margin-right: auto;
  }
  .sms-container .btn-list .sms-confirm,
  .sms-container .btn-list .sms-cancel {
	width: 68px;
	height: 30px;
	text-align: center;
	border: 2px solid #0066b3;
	border-radius: 5px;
	background: none;
	cursor: pointer;
  }
  .sms-container .btn-list .sms-confirm {
	float: left;
  }
  .sms-container .btn-list .sms-cancel {
	float: right;
  }

	/* 引用 */
	/* 输入框中 */
 #remind {
		position: absolute;
		z-index: 10;
		left: 24px;
		right: 20px;
		bottom: 46px;
		background: #e1f0fc;
		border-radius: 6px;
		height: 40px;
	}

	#remind .text {
		position: absolute;
		left: 13px;
		right: 30px;
		bottom: 0;
		top: 0;
		height: 30px;
		padding-top: 5px;
		padding-bottom: 5px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		vertical-align: middle;
	}

	#remind span.clickbox  {
		float: none;
	}

	#remind .text>img{
		vertical-align: text-bottom;
	}

	#remind .clickbox>img{
		display: inline-block;
		width:  auto !important;
		height: 30px !important;
		cursor: pointer;
	}
	
	#remind .remind-close {
		cursor: pointer;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		background: rgba(0,0,0,0.3);
		text-align: center;
		width: 20px;
		height: 20px;
		line-height: 20px;
		border-radius: 50%;
		position: absolute;
		top: 50%;
		right: 5px;
		transform:translateY(-50%);
	}

	#remind .remind-close::after {
		content: '';
		position: absolute;
		left: -5px;
		right: -5px;
		top: -5px;
		bottom: -5px;
	}


	/* 右键引用 */
	#contextmenu {
		width: 120px;
		background: #fff;
		box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
		display: none;
		position: absolute;
		left: 0;
		top: 0;
	}
	#contextmenu ul {
		padding: 0;
		margin: 0;
	}
	#contextmenu li {
		width: 100%;
		line-height: 35px;
		transition: ease 0.3s;
		text-align: center;
		font-weight: bold;
		position: relative;
		list-style: none;
	}
	#contextmenu li:after {
		content: ' ';
		position: absolute;
		height: 1px;
		bottom: 0;
		left: -40%;
		width: 180%;
		transform: scale(0.5);
	}
	#contextmenu li:hover {
		background: #63a7e4;
		color: #fff;
		cursor: pointer;
	}

	/* 接收信息-引用 */
	.ask .quote,.question .quote{
		width: 100%;
	}

	.ask .quote,.ask .quote .text{
		float: left;
	}

	.ask .quote .text,.question .quote .text{
		display: inline-block;
		padding: 4px 15px;
		box-sizing: border-box;
		margin-top: 9px;
		background: #e1f0fc;
		border-radius: 6px;
		max-width: 80%;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;
	}

	.ask .quote .text>img,.question .quote .text>img{
		vertical-align: text-bottom;
	}

	.ask .quote .text>img.quote-img{
		display: block;
	}

	/* 发送信息-引用 */
	.question .quote,.question .quote .text{
		float: right;
	}

	.question .quote span.clickbox {
		float: none;
	}