/**
purpose�����߿ͷ� style;
**/
#online_email_icon{border-bottom: 0px !important;}
#onService_panel{position:fixed; width:80px; right:0px; bottom:90px;_position:absolute; _top:expression(eval(document.documentElement.scrollTop + 20)); z-index:9999; color:#000;background: rgba(14,120,240,.8);}

/*--���߹��ú�����ʽ--*/
.online_boxs .boxs_t_l,.online_boxs .boxs_t_r,.online_boxs .boxs_b_l,.online_boxs .boxs_b_r{display:block; width:10px; height:10px; position:absolute;}
.online_boxs .boxs_t,.online_boxs .boxs_b{height:10px; position:relative; overflow:hidden;}
.online_boxs .boxs_t_l,.online_boxs .boxs_b_l{left:0px; top:0px;}
.online_boxs .boxs_t_l{background-position:-79px -39px;}
.online_boxs .boxs_t_r{background-position:-89px -39px;}
.online_boxs .boxs_t_r,.online_boxs .boxs_b_r{right:0px; top:0px;}
.online_boxs .boxs_b_l{background-position:-79px -49px;}
.online_boxs .boxs_b_r{background-position:-89px -49px;}
.online_boxs .boxs_t_m{background-position:0px 0px;}
.online_boxs .boxs_b_m{background-position:0px -10px;}
.online_boxs .boxs_m_l{background-position:left 0; padding-left:10px; }
.online_boxs .boxs_m_r{ background-position:right 0; padding-right:10px;}
.online_boxs .box_m_m{background-color:#f1f1f1; min-height:10px; _height:10px;}
/*---���߿ͷ��ڲ���ʽ---*/	
#onlineList{ position:relative; z-index:1;}
/*--���߿ͷ��򿪹رհ�ť--*/
#onlineList .online_open{width:35px; height:146px; background-position:0 -39px; position:absolute; left:-45px; top:35%; overflow:hidden;cursor:pointer; }
#onlineList .online_open_en{background-position:0 -239px;}
#onlineList .online_open_f{background-position:0 -390px;}
#onlineList .online_open:hover{background-position:-37px -39px;}
#onlineList .online_open_en:hover{background-position:-37px -239px;}
#onlineList .online_open_f:hover{background-position:-37px -390px;}
#onlineList .online_close{display:block; width:16px; height:16px; background-position:-68px -16px; position:absolute; top:-0px; left:0px; cursor:pointer;}
#onlineList .online_close:hover{background-position:-84px -16px;}
/*--���߿ͷ�ͼ��--*/
#online_message_icon{border-top: 0px solid #fff !important;}
#onlineList .online_icon{padding:20px 0px; cursor:pointer;border-top: 1px solid #fff;}
#onlineList .online_icon1{padding:20px 0px; cursor:pointer;border-top: 1px solid #fff;}
/*#onlineList .online_icon:hover{background-color:#ddd;}*/
#onlineList .pic,#onlineList .name{display:block; text-align:center;}
#onlineList .name{font:700 14px/24px "΢���ź�","Microsoft Yahei";margin-top: 5px;color: #fff;}

/*--���߿ͷ�tab--*/
#onlineList .online_tab{position:absolute; display:none;box-shadow: 0 0 10px 3px rgba(0,0,0,.3);border-radius: 5px;}
#onlineList .online_tab_c{position:relative; background: #fff;border-radius: 5px;}
#onlineList .online_tab_c small{display:block; position:absolute; }
#onlineList .online_tab_c small.sanjiao{margin-left: 131px;right: -19px;position: absolute;top: 90px;float: left;width: 0;height: 0;border-width: 10px;border-style: solid;border-color: transparent #fff transparent transparent;transform: rotate(180deg);}
#onlineList .online_tab_c small.tab_close{right:10px; top:18px; width:16px; height:16px; cursor:pointer; background: url(../image/side/sx.png) no-repeat center;}
#onlineList .online_tab_c .qrCodeText{text-align: center;padding: 0 0 15px;font-size: 14px}
#onlineList .online_tab_c .qrCodeImg {width: 140px;height: 140px;margin: 0 auto 15px;padding: 15px 0 0;}
#onlineList .online_tab_c .tab_title{background: #00aef3;color: #fff;font-size: 16px;line-height: 50px;padding-left: 10px;}
#onlineList .online_tab_c .tab_info{color: #999;font-size: 15px;padding: 10px;}


#onlineAppTab{right:100px; top:115px; width:155px;}
#onlineApp small{top:30px;}
#onlineApp dt{font:700 14px/30px "΢���ź�";}
#onlineApp dd{line-height:24px;}

#onlineWeChatTab{right:100px; top:220px; width:155px;}
#onlineWeChat small{top:30px;}
#onlineWeChat dt{font:700 14px/30px "΢���ź�";}
#onlineWeChat dd{line-height:24px;}

#onlineQQTab{right:100px; top:100px; width:96px;}
#onlineQQ{min-height:80px; _height:80px;}
#onlineQQ small{top:30px;}
#onlineQQ dt{font:700 14px/30px "΢���ź�"; text-align:center;}
#onlineQQ dd{line-height:24px;}

#onlineMessage{min-height:80px; _height:80px;border-radius: 5px;overflow: hidden;background: #f1f1f1;}
#onlineMessageTab{right:90px; top:0px;}
#onlineMessageTab dl{padding:10px; border-top: 1px solid #dbdbdb;}
#onlineMessageTab dt textarea{width:310px; height:70px; padding:4px; border:1px solid #dbdbdb;}
#onlineMessageTab dd{height:30px;margin-bottom: 5px;position: relative;margin-left: 0;}
#onlineMessageTab dd img{position: absolute;top:10px;left:10px;}
#onlineMessageTab dd.text_length{text-align:right; line-height:30px;}
#onlineMessage label{display:block; width:60px; line-height:26px; float:left;}
#onlineMessage .text_input{height:30px; border:1px solid #dbdbdb; width:158px; line-height:30px; margin-top:1px;padding-left: 30px;width: 100%;box-sizing: border-box;}
#onlineMessage .submitBut{width:158px; height:35px; background:#00aef3; border:0px; color:#fff;cursor:pointer;font-size: 14px;margin-top: 5px;}
#onlineMessage .submitBut:hover{background:#0388bd;}