#mainContainer 
        {
            position: relative;
            width: 100%;
            height: 100%;
            margin: 0 auto;
        }
        #headContainer{
            height: 90px;
            width: 100%;
            background: #fff;
			border-bottom: 2px solid #E62A00;
        }
		#headContainer .toppart{
			padding: 20px;
		}
        .top_right_corner 
        {
            width: 100%;
            height: 100%;
        }
        #logoDiv{
           float: left;
		   display: inline-block;
        }
		#logoDiv a{
			display: inline-block;
			width: 180px;
			vertical-align: middle;
			border-right: 1px solid rgba(230,42,0,0.5);
		}
		#logoDiv a img{
			width: 100%;
		}
        .logo-slogan{
            font-size: 14px;
			vertical-align: middle;
			display: inline-block;
			color: #E62A00;
			padding-left: 20px;
        }
        #panelContainer 
        {
            position: absolute;
            top: 99px;
            bottom: 9px;
            width: 100%;
        }
        #leftSpacer 
        {
            position: absolute;
            left: 0px;
            height: 100%;
            width: 16px;
        }
        #leftPanelCon 
        {
            position: absolute;
            top: -2px;
            left: 16px;
            /* right: 225px; */
			right: 18px;
            height: 100%;
            /* border: 1px solid #DBDBDB; */
            background-color: #fff;
            z-index: 10000;
        }
        #outputDiv 
        {
            position: absolute;
            top: 0px;
            bottom: 170px;
            width: 100%;
        }
		
       #leftPanelCon #outputArea 
        {
            position: absolute;
            top: 20px;
            bottom: 13px;
            left: 0px;
            right: 0px;
            overflow-x: hidden;
            overflow-y: scroll;
            padding: 0;
            font-size: 11px !important;
            color: blue !important;
            word-break: break-all;
            overflow: auto;
        }
		#outputArea::-webkit-scrollbar-track-piece {
		  background-color: transparent;
		}
		#outputArea::-webkit-scrollbar {
		  width: 7px;
		  height: 7px;
		  background-color: transparent;
		}
		
		#outputArea::-webkit-scrollbar-thumb {
		  border-radius: 5px;
		  background-color: hsla(220, 4%, 58%, .3);
		}
		#leftPanelCon #outputArea .picc_lcn{
			font-size: 12px;
			color: #333;
			background: #F0F4FC;
			border-radius: 4px;
			position: relative;
			display: inline-block;
            min-height:16px;
		}
		#leftPanelCon #outputArea .picc_lcn:before {
			content: "";
			position: absolute;
			left: -6px;
			top: 8px;
			/* transform: translateY(-50%); */
			width: 0;
			height: 0;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
			border-right: 10px solid #F0F4FC;
		}
		#leftPanelCon #outputArea .picc_rcn{
			font-size: 12px;
			color: blue;
			background: #FCE4DE;
			border-radius: 4px;
			position: relative;
			display: inline-block;
			margin-right: 10px;
		}
		#leftPanelCon #outputArea .picc_rcn:before {
			content: "";
			position: absolute;
			right: -5px;
			top: 50%;
			transform: translateY(-50%);
			width: 0;
			height: 0;
			border-top: 8px solid transparent;
			border-bottom: 8px solid transparent;
			border-left: 8px solid #FCE4DE;
		}
        .chat-segment 
        {
            font-size: 12px;
            padding: 0 5px 3px 5px;
        }
        #outputArea .ihead 
        {
            width: 39px;
            height: 43px;
            background-image: url(../images/iRobot.png);
        }
        #outputArea .ahead 
        {
            width: 39px;
            height: 43px;
            background-image: url(../images/agent.jpg);
            background-size: 100% 100%;
        }
        #outputArea .chead 
        {
            width: 28px;
            height: 32px;
            background-image: url(../images/user_03.jpg);
        }
        .picc_lcn2,.picc_lcn3,.picc_lcn4,.picc_lcn5,.picc_lcn6,.picc_lcn7,.picc_lcn8,.picc_rcn2,.picc_rcn3,.picc_rcn4,.picc_rcn5,.picc_rcn6,.picc_rcn7,.picc_rcn8,.lenovo_l_title,.lenovo_r_title{width:100%;}
        .f_l{float:left;}
        .f_r{float:right;}
        .picc_lcn1,.picc_rcn1{width:auto;width:100%;}
        .picc_lcn1{background:#eeeeee url(../images/new/grey_left_bg.jpg) left top repeat-y;}

        .picc_lcn2{background:url(../images/new/grey_top_bg.jpg) left top repeat-x;}
        .picc_lcn3{background:url(../images/new/grey_.right_bg.jpg) right top repeat-y;}
        .picc_lcn4{background:url(../images/new/grey_bottom_bg.jpg) left bottom repeat-x;}
        .picc_lcn5{background:url(../images/new/grey_left_top.jpg) left top no-repeat;}
        .picc_lcn6{background:url(../images/new/grey_right_top.jpg) right top no-repeat;}
        .picc_lcn7{background:url(../images/new/grey_right_bottom.jpg) right bottom no-repeat;}
        .picc_lcn8{background:url(../images/new/grey_left_bottom.jpg) left bottom no-repeat;}
        .picc_lcn9{background:url(../images/new/grey_left_arrow.jpg) left top no-repeat;background-position: 0px 10px;}
        .picc_lcn{padding:10px 12px;}
        .picc_lcn h2,.picc_rcn h2{font-size:14px;color:#0865c4;text-align:left;width:100%;line-height:22px;border:0px;padding-bottom:5px;}
        .picc_rcn h2{font-weight:normal;}
        .picc_rcn1{background:#ffdddd url(../images/new/pink_right_bg.jpg) right top repeat-y;}

        .picc_rcn2{background:url(../images/new/pink_bottom_bg.jpg) left bottom repeat-x;}
        .picc_rcn3{background:url(../images/new/pink_left_bg.jpg) left top repeat-y;}
        .picc_rcn4{background:url(../images/new/pink_top_bg.jpg) left top repeat-x;}
        .picc_rcn5{background:url(../images/new/pink_left_top.jpg) left top no-repeat;}
        .picc_rcn6{background:url(../images/new/pink_right_top.jpg) right top no-repeat;}
        .picc_rcn7{background:url(../images/new/pink_right_bottom.jpg) right bottom no-repeat;}
        .picc_rcn8{background:url(../images/new/pink_left_bottom.jpg) left bottom no-repeat;}
        .picc_rcn9{background:url(../images/new/pink_arrow.jpg) right center no-repeat;}
        .picc_rcn{padding:10px 12px;}
        #outputArea .userContent {
            color: #333;
			font-size: 12px;
        }
        #outputArea .robotContent 
        {
            padding-left: 15px;
        }
        #toolbarDiv{
            bottom: 140px;
            height: 40px;
            width: 100%;
            position: absolute;
        }
        #toolbar{
            width: 100%;
            background: #f2f2f2;
            height: 40px;
            line-height: 30px;
            padding: 1px 0;
        }
        #toolbar span{
            float: left;
            color: #f5610b;
			margin-top: 6px;
			margin-right: 6px;
        }
        #toolbar a {
            margin-right: 5px;
            margin-left: 10px;
			background-size: cover;
        }
        a.fontbtn{
            background: url(../images/ziti_bg.png) left top no-repeat;
        }
        #emoDiv{
            left: 0px;
            display: none;
            width: 325px;
            background-color: #fff;
            z-index: 100;
            border: 1px solid #f5680e;
        }
        #fontDiv 
        {
            position: absolute;
            left: 0px;
            display: none;
            width: 200px;
            height: 24px;
            padding: 2px 0 0 2px;
            background-color: #F2FFEB;
            border: 1px solid #F5680E;
        }
        #emoDiv .emo_title 
        {
            background-color: #fff2df;
            height: 30px;
            width: 100%;
            line-height: 30px;
        }
       
        a.emo_close_btn 
        {
            color: #c23b04;
            float: right;
            padding-right: 8px;
        }
        a.emobtn{
            background: url(../images/emobtn.png) no-repeat;
        }
        a.fontbtn{
            background: url(../images/icons.gif) no-repeat -34px 0px;
        }
        a.satisfaction{
            background: url(../images/satisfaction.png) no-repeat;
        }
        a.imgFile{
            background: url(../images/imgFile.png) no-repeat;
        }
        .font_size{
            height: 22px;
            line-height: 22px;
            font-size: 12px;
            color: #333;
            padding-left: 5px;
            float: left;
        }
        a.t_B, a.t_B_sel, a.t_I, a.t_I_sel, a.t_U, a.t_U_sel, a.t_CL, a.t_CL_sel{
            width: 20px;
            height: 22px;
            display: block;
            text-decoration: none;
            float: left;
        }
        a.t_B{
            background: url(../images/menu_bold.gif) left top no-repeat;
        }
        a.t_I{
            background: url(../images/menu_italic.gif) left top no-repeat;
        }
        a.t_U{
            background: url(../images/menu_underline.gif) left top no-repeat;
        }
        a.t_CL{
            background: url(../images/menu_color.gif) left top no-repeat;
        }
        #inputDiv{
            position: absolute;
            bottom: 0px;
            height: 140px;
            width: 100%;
        }
		#inputArea{
            padding: 6px;
            width: 100%;
            height: 80px;
            font-size: 12px;
            right: 0px;
            line-height: 18px;
            text-align: left;
            text-indent: 0;
			resize: none;
            overflow: auto;
        }
	 #inputArea::-webkit-scrollbar-track-piece {
	   background-color: transparent;
	 }
	 #inputArea::-webkit-scrollbar {
	   width: 7px;
	   height: 7px;
	   background-color: transparent;
	 }
	 
	 #inputArea::-webkit-scrollbar-thumb {
	   border-radius: 5px;
	   background-color: hsla(220, 4%, 58%, .3);
	 }
	 
	 .textarea-count{position:absolute;bottom:10px;left:0;color:#999;}
	
        #micButtonDiv 
        {
            height: 20px;
            padding: 24px 0 0 24px;
            position: absolute;
            right: 1500px;
            bottom: 120px;
            width: 20px;
            z-index: 9999;
        }
        #inputButtonDiv{
            position: absolute;
			right: 0px;
			bottom: 10px;
        }
		.sendBtn-enter{
			display: inline-block;
			color: #999;
			font-size: 12px;
			margin-right: 10px;
			margin-top: 8px;
		}
        .sendBtn{
            float: right;
            position: relative;
            width: 106px;
            height: 40px;
            background: #F14024;
			border-radius: 4px;
        }
        .sendText 
        {
            display: inline;
            zoom: 1;
            position: absolute;
            margin-top: 8px;
            font-size: 16px;
            color: #fff;
            text-decoration: none;
            width: 106px;
            height: 40px;
            text-align: center;
        }
        #centerSpacer 
        {
            position: absolute;
            right: 520px;
            height: 100%;
            width: 10px;
        }
        #collapseBtn 
        {
            position: absolute;
            top: 45%;
            left: 3px;
            height: 20px;
            width: 6px;
            cursor: pointer;
        }
        .collapseBtnImg 
        {
            border: none;
            position: absolute;
            top: 4px;
        }
        #rightPanelDiv 
        {
            position: absolute;
            top: -2px;
            right: 9px;
            width: 220px;
            height: 100%;
        }
        #activityDiv 
        {
            position: absolute;
            width: 98%;
            border: 1px solid #DBDBDB;
            background-color: #fff;
            bottom: 0px;
            top: 0;
            left: 10px;
        }
        #tab_left 
        {
            display: none;
            z-index: 999;
            position: absolute;
            left: 0px;
            top: 8px;
            color: #E74505;
            padding: 5px 3px;
            cursor: pointer;
        }
        #tab_right 
        {
            display: none;
            z-index: 999;
            position: absolute;
            right: 5px;
            top: 8px;
            color: #E74505;
            padding: 5px 3px;
            cursor: pointer;
        }
        #activityTabDiv 
        {
            position: absolute;
            top: 0;
            height: 35px;
            overflow: hidden;
        }
        #activityTabDivMask 
        {
            position: relative;
            top: 0;
            right: 0;
            overflow: hidden;
            width: 100%;
        }
        #activityTabDiv ul 
        {
            position: relative;
            height: 40px;
            padding: 0 0 5px 2px;
            float: left;
        }
        #activityTabDiv ul li 
        {
            width: 97.7px;
            height: 30px;
            line-height: 24px;
            text-align: center;
            color: #000;
            background-color: #f2f2f2;
            float: left;
            border-right: 1px solid #DBDBDB;
        }
        #activityTabTitle 
        {
            width: 80px;
            float: left;
            cursor: pointer;
            font-size: 14px;
            padding-top: 2px;
        }
        #activityTabCloseBtn 
        {
            width: 8px;
            float: right;
            padding: 3px 4px 0 0;
        }
        #activityPanelDiv{
            position: absolute;
            padding: 5px;
            bottom: 0;
            top: 35px;
            left: 2px;
            right: 1px;
        }
        .p4tabs_panel{
            display: none;
            width: 100%;
            height: 500px;
            clear: both;
            overflow: hidden;
        }
        .p4tabs_panel iframe{
            width: 100%;
            height: 92%;
            border: 0px;
        }
        #rightSpacer{
            position: absolute;
            right: 0px;
            height: 100%;
            width: 9px;
        }
        #footerDiv{
            position: absolute;
            bottom: 0;
            height: 9px;
            width: 100%;
            font-size: 1px;
            line-height: 0;
        }
        .bottom_left_corner{
            width: 9px;
            height: 9px;
            font-size: 1px;
            line-height: 0;
        }
        .bottom_right_corner{
            width: 9px;
            height: 9px;
            font-size: 1px;
            line-height: 0;
        }
        ol, ul, li{
            list-style-type: none;
        }
        #activityTabDiv ul li.active{
            color: #ef4024;
            background: #fff;
            height: 31px;
            border-bottom: 0;
            border-top: 2px solid #ef4024;
        }
        .p4tabs_panel.active{
            display: block;
        }
        #emotion_con{
            position: absolute; 
            top: -85px; 
            display: block;
            background: #fff;
            padding: 5px;
        }
        .iCommon{
            margin: 10px 10px 5px 0;
            width: 18px;
            height: 18px;
            cursor: pointer;
            float: left;
        }
        .TimeStamp{
            color:#cccccc;
            font-size:12px;
            width:63px;
        }
		.TimeStamp1{
			display: inline-block;
			margin-left: 10px;
		}
        .survey_top_left {
    background: url(../images/top_left.png) no-repeat;
    width: 8px;
    height: 28px;
}
.survey_top_middle {
    background: url(../images/top_middle.gif) repeat-x;
    font-size: 14px;
    font-weight: bold;
    color: #288fc2;
}
.survey_top_right {
    background: url(../images/top_right.png) no-repeat;
    width: 15px;
    height: 28px;
}
.survey_middle_left {
    background: url(../images/middle_left.png) repeat-y;
}
.survey_bg {
    background-color: #fff;
}
.survey_middle_right {
    background: url(../images/middle_right.png) repeat-y;
}
.survey_bottom_left {
    background: url(../images/bottom_left.png) no-repeat;
    width: 8px;
    height: 16px;
}
.survey_bottom_middle {
    background: url(../images/bottom_middle.png) repeat-x;
}
.survey_bottom_right {
    background: url(../images/bottom_right.png) no-repeat;
    width: 15px;
    height: 16px;
}
.survey_btn_normal {
    background: url(../images/btn_bg.gif) no-repeat center;
    height: 24px;
    width: 71px;
    text-align: center;
    cursor: pointer;
    line-height:24px;
}
.surveyUl {
    margin: 0px;
    padding: 0px;
}
.surveyUl li {
    float: left;
    width: 80px;
}
.divLogBar
{
    border-color: rgb(169, 169, 169);
    border-width: 1px;
    border-style: solid;
    padding: 2px;
}
.systemInfo {
    margin: 10px 2px;
    color: #a3a3a3;
	font-size: 12px;
}

.servicetime {
    color: #7b7b7b;
}
.chattop .chattop_fl{
	float: left;
	padding-left: 12px;
    color: #E7390E;
}
.chattop .countdown_fr {
    float: right;
    padding-right: 12px;
}
#tinybox{position:absolute; display:none; padding:10px; background:#ffffff url(image/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:20000;}
#tinymask{position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000000; z-index:15000;}
#tinycontent{background:#ffffff; font-size:1.1em;}
.gac_m
{
    cursor: default;
    border: 1px solid #90a8c1;
    background: #f2f7fe;
    margin: 0;
    font-size: 12px;
}
.gac_b
{
    background:#355fb1;
    color:#fff
}
.gac_c
{
    padding-left:3px;
    white-space:nowrap;
    overflow:hidden;
    text-align:left;
    padding-bottom:1px
}
.gac_d
{
    padding:0 3px;
    white-space:nowrap;
    overflow:hidden;
    text-align:right;
    color:green;
    font-size:0.77em
}
.gac_e
{
    padding:0 3px 2px;
    text-decoration:underline;
    text-align:right;
    color:#00c;
    font-size:0.77em;
    line-height:1.5em
}
#divChatTop{
	background: #FCF5F3;
	/* padding: 4px 0px 4px 15px; */
}

.rengong_kefu .kefu_answer{
    position: relative;
    left: 36px;
	top: -18px;
}
#showMeaus{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 99999;
	display:none;
}
#popsfMain{
	display:none;
	width: 300px; 
	position: absolute; 
	top: 20%; 
	left: 50%;
	transform: translateX(-50%);
	z-index:10000;
}
.satisfaction_pop{
	width: 100%;
	background:#fff;
	border-radius: 10px;
	padding: 12px;
}
.satisfaction_pop .pop_head h3{
	font-size: 18px;
	border-bottom: 3px solid #FF532B;
}
.satisfaction_pop .pop_head span{
	display: inline-block;
	font-size: 26px;
	cursor:pointer;
}
.satisfaction_pop .pop_content{
	text-align: center;
	font-size: 16px;
	color: #333;
	margin: 20px 0;
	font-weight: bold;
}
.pop_foot{
	text-align: center;
	margin-bottom: 10px;
}
.pop_foot .pop_btn{
	width: 80px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #FF532B;
	display: inline-block;
	font-size: 14px;
	border-radius: 4px;
}
.pop_foot .notSatisfied{
	color: #FF532B;
}
.pop_foot .satisfaction{
	color: #fff;
	background: #FF532B;
	margin-left: 10px;
}

/* 发送文件 */
#sendFile{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	z-index: 99999;
	display: none;
}
#sendFile .sendFile_box{
	width: 430px;
	position: absolute; 
	top: 20%; 
	left: 50%;
	transform: translateX(-50%);
	z-index:10000;
}
#sendFile .sendFile_box .sendFile_pop{
	width: 100%;
	background:#fff;
	border-radius: 10px;
	padding: 18px;
}
#sendFile .sendFile_box .sendFile_pop .pop_head h3{
	font-size: 18px;
	border-bottom: 3px solid #FF532B;
}
#sendFile .sendFile_box .sendFile_pop .pop_head span{
	display: inline-block;
	font-size: 26px;
	cursor:pointer;
}
#sendFile .sendFile_box .sendFile_pop .pop_content{
	margin: 20px 0 0 0;
}
.pop_content_upload{
	width: 100%;
	height: 100px;
	border: 1px dashed #ccc;
	position: relative;
	text-align: center;
}
.upload_tip{
	color: #D8D8D8;
	display: inline-block;
	font-size: 12px;
}
#fileupload{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	border: 0;
	left: 0;
	top: 0;
}
.upload_icon{
	text-align: center;
	margin-top: 4px;
}
.upload_icon img{
	width: 40px;
}
.upload_icon p{
	font-size: 14px;
	color: #999;
	cursor: pointer;
}
.upload_icon h3{
	font-size: 14px;
	color: #333;
	display: none;
    overflow: hidden; /* 确保超出容器的内容被裁剪 */
    white-space: nowrap; /* 确保文本在一行内显示 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
}
.upload_again{
	display: none;
	padding: 4px 14px;
	border: 1px solid #D8D8D8;
	font-size: 12px;
	color: #999;
	border-radius: 4px;
	cursor: pointer;
}
.pop_content_btn{
	text-align: center;
	margin: 20px 0 10px 0;
}
.pop_content_btn input{
	background: none; /* 清除背景 */
	border: none;     /* 清除边框 */
	outline: none;    /* 清除点击后的轮廓 */
	cursor: pointer;  /* 设置鼠标样式为手指形状 */
	font-size: 14px;
	border: 1px solid #FF532B;
	border-radius: 4px;
	width: 90px;
	height: 36px;
	line-height: 36px;
}
#cancelFile{
	color: #FF532B;
}
#submitFile{
	color: #fff;
	background: #FF532B;
	margin-left: 10px;
}

.message {
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  padding: 15px;
  background-color: #FDE2E3;
  color: #F56C6D;
  border-radius: 4px;
  font-size: 14px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  z-index: 999999;
}
.tdOpStatus{
	color: #E7390E;
}

.account-binding-main{
    z-index: 9999999 !important;
}