@charset "utf-8";
/**
Date:2012;
Author:qwguo;
purpose：在线客服 style;
**/

/* 默认样式 */

/* 在线客服 */
#onService_panel{position:fixed;width:100px;right:-102px;top:25px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop + 20));z-index:20;color:#000;}
.online_boxs .boxs_t_l,.online_boxs .boxs_t_r,.online_boxs .boxs_b_l,.online_boxs .boxs_b_r,#onlineList .online_open,#onlineList .online_close,#onlineList small,#onlineMessage .submitBut{background-image:url(../images/online_service.png);_background-image:url(../images/online_service_ie6.png);background-repeat:no-repeat;}
/*--在线公用盒子样式--*/
.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_m,.online_boxs .boxs_b_m{background-image:url('../images/service_panel_bg_top_b.png'); background-repeat:repeat-x;margin:3px 9px 0px 30px; height:22px; display:block; }
.online_boxs .boxs_t,.online_boxs .boxs_b{height:23px; position:relative;overflow:hidden; top: 0px; left: 0px; }
.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; width: 49px; }
.online_boxs .boxs_m_l,.online_boxs .boxs_m_r{background-image:url(../images/service_panel_bg_left_b.png);background-repeat:repeat-y;}
.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:5px;_height:10px;}
/*---在线客服内部样式---*/	
#onlineList{padding:20px 1px 1px;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:18px; background-position:-68px -16px;position:absolute;top:375px; 
left:-32px; cursor:pointer; }
#onlineList .online_close:hover{background-position:-84px -16px;}
/*--在线客服图标--*/
#onlineList .online_icon{margin-bottom:1px;border-radius:5px;padding:5px 0 0;cursor:pointer;}
#onlineList .online_icon:hover{background-color:#ddd;}
#onlineList .pic,#onlineList .name{display:block;text-align:center;}
#onlineList .name{font:700 14px/24px "微软雅黑","Microsoft Yahei";}

/*--在线客服tab--*/
#onlineList .online_tab{position:absolute;display:none;}
#onlineList .online_tab_c{position:relative;}
#onlineList .online_tab_c small{display:block;position:absolute;}
#onlineList .online_tab_c small.sanjiao{width:36px;height:36px;right:-42px;background-position:-6px 0px;overflow:hidden;}
#onlineList .online_tab_c small.tab_close{background-position:-68px 0px;right:-5px;top:-5px;width:16px;height:16px;cursor:pointer;}
#onlineList .online_tab_c small.tab_close:hover{background-position:-84px 0px;}

#onlineTelTab{right:100px;top:0px;width:240px;}
#onlineTel small{top:30px;}
#onlineTel dt{font:700 14px/30px "微软雅黑";}
#onlineTel dd{line-height:24px;}

#onlineQQTab{right:100px;top:80px;width:120px;}
#onlineQQ{min-height:80px;_height:80px;}
#onlineQQ small{top:30px;}
#onlineQQ dt{font:700 14px/30px "微软雅黑";text-align:center;}
#onlineQQ dd{line-height:24px;}

#onlineMessageTab{right:100px;top:180px;width:340px;}
#onlineMessage{min-height:80px;_height:80px;}
#onlineMessage small{top:30px;}
#onlineMessage dl{padding-top:15px;}
#onlineMessage dt textarea{width:310px;height:70px;padding:4px;border:1px solid #bfbfbf;}
#onlineMessage dd{height:30px;}
#onlineMessage dd.text_length{text-align:right;line-height:30px;}
#onlineMessage label{display:block;width:60px;line-height:26px;float:left;}
#onlineMessage .text_input{height:22px;border:1px solid #bfbfbf;width:158px;line-height:22px;margin-top:1px;}
#onlineMessage .submitBut{width:84px;height:25px;background-position:0px -186px;border:0px;color:#383838;margin-left:10px;cursor:pointer;}
#onlineMessage .submitBut:hover{background-position:0px -212px;}

#onlineweixinTab{right:100px;top:280px;width:240px;}
#onlineweixin small{top:30px;}
#onlineweixin dt{font:700 14px/30px "微软雅黑";}
#onlineweixin dd img {

}