@charset "utf-8";
*{ margin:0; padding:0;}
body{ font-size:12px;}

/**最小化列表****/
.WebIMUserSer{overflow:hidden; margin:0 auto; padding:0;}
/*右侧*/
.WebIMUserBarL {width:25px; background:url(../images/list/kftopbgl.gif) no-repeat;overflow:hidden; padding-top:26px; display:none; float:left;}
.WebIMUserBarL  p{ padding:10px 5px; background:url(../images/list/kfmiddlebgl.gif) repeat-y; overflow:hidden; font-size:12px; color:#FFF; font-weight:bold; text-align:center;}
.WebIMUserBarL  .WebIMUserBarBottom{ width:21px; height:26px;background: url(../images/list/kfbottombgl.gif) no-repeat; padding-top:8px; padding-left:4px;}
.WebIMUserBarL .WebIMUserBarBottom a,.WebIMUserBarR .WebIMUserBarBottom a{cursor:pointer; width:17px; height:17px; display:block; text-decoration:none;}
/*左侧*/
.WebIMUserBarR{ width:25px; background:url(../images/list/kftopbgr.gif) no-repeat;overflow:hidden; padding-top:26px; display:none; float:right;}
.WebIMUserBarR p{padding:10px 5px; background:url(../images/list/kfmiddlebgr.gif) repeat-y; overflow:hidden; font-size:12px; color:#FFF; font-weight:bold; text-align:center;}
.WebIMUserBarR .WebIMUserBarBottom{ width:21px; height:26px; padding-top:8px; padding-left:4px;background: url(../images/list/kfbottombgr.gif) no-repeat;}

/******客服聊天框*******/
.WebIMWindow{text-align:left;font-size:12px; overflow:hidden;width:400px;margin:0 auto;}
.WebIMWindow .WindowTop{height:33px; background:url(../images/list/bluetopbg.png) no-repeat;}
.WebIMWindow .WindowTop h2{color:#fff;font-weight:bold; font-size:14px; float:left; background:none;text-indent:33px; height:33px; line-height:33px; width:300px;}
.WebIMWindow .WindowTop span{ width:14px;}
.WindowTopxup{background:url(../images/list/default_close.png) no-repeat 0px 0px;_background:url(../images/list/close.jpg) no-repeat 0px 0px;width:20px; height:20px;float:right; margin:4px 10px 0 0;display:inline;}
.WindowTopxup:hover{background:url(../images/list/default_close.png) no-repeat 0px -20px;_background:url(../images/list/close_a.jpg) no-repeat 0px 0px;}
.WebIMWindow .WindowText{width:392px; border:4px solid #124CAE; border-top:0px;float:left;background:#fff;}
.WebIMWindow .WindowBg{background:url(../images/list/systembg.jpg) no-repeat; width:392px;padding:12px 0 10px;_margin-top:-7px;}
.WebIMWindow .WindowBg a{cursor: pointer;text-align:center;font-weight:bold; text-decoration:none;width:94px;height:26px; line-height:26px;display:inline-block;}
.WebIMWindow .WindowBg a:hover{color:#fff;}
/*接受邀请*/
.WindowAccept{background:url(../images/list/btn.png) -94px 0px no-repeat;margin-right:13px; color:#FFF;}
.WindowAccept:hover{background:url(../images/list/btn.png) no-repeat;}
.WindowAccept:active{background:url(../images/list/btn.png) -94px 0px no-repeat;}

/*看看再说*/
.WindowRefuse{background:url(../images/list/btn.png) -94px 0px no-repeat; color:#fff;}  
.WindowRefuse:hover{background:url(../images/list/btn.png) no-repeat;}
.WindowRefuse:active{background:url(../images/list/btn.png) -94px 0px no-repeat;}

.WebIMWindow .WindowBg span{ text-align:right; display:block; margin:12px 0 0; padding:0; width:350px; height:26px;}
.WebIMWindow .WindowBg h3{text-indent:1px;font-size:14px; font-weight:normal; margin:0;text-align:left; padding:10px 0 0 150px; line-height:24px; color:#0A5BB2; width:206px;}

.WindowFreeCall{ width:364px;padding:10px 8px 0px 20px;height:34px;text-align:right;position:relative; background:url(../images/list/yellow.png) no-repeat #5796FE;}/*客服聊天输入框*/
.WindowFreeCall label{font-size:14px; font-weight:bold;vertical-align:middle;color:#FFFF00;overflow:hidden;}
.WindowFreeCall label select{border:1px solid #ff9292; width:70px;background:#FFF;}
.WindowFreeCall input{vertical-align:middle;padding:4px 2px;width:116px;border:1px solid #91C8FF;color:#999;margin:0px 10px 0px 10px;font-size:12px; background:#FFF;}
.WindowFreeCall img{vertical-align:middle;border:0px;cursor:pointer;display: inline;}

/*******客服列表框*******/
.WebIMUserList ul,.WebIMUserList li,.WebIMUserList h2,.WebIMUserList h3,.WebIMUserList p,.WebIMUserList span { margin:0; padding:0 }    
.WebIMUserList img { border:none; margin:0; padding:0  } 
.WebIMUserList a{ text-decoration:none;}
.WebIMUserList ul {  list-style:none; } 
.WebIMUserList a:hover{ color:#f00}
.WebIMUserList {background: #fff;font-size:12px;padding:0;margin:0;width:150px;text-align:left; float:left; display:none;}
.WebIMUserListtop{ height:34px; line-height:34px; background:url(../images/list/customer_39.jpg) no-repeat;_background:url(../images/list/onlinetopbg.gif) no-repeat;}
.WebIMUserList h2{color:#FFF;font-size:14px;text-indent:35px; background:none; font-weight:bold;height:34px; line-height:34px; width:96px; float:left;}
.WebIMUserListtop a{ /*margin-top:4px;*/}
.WebIMListBottom{background:#fff;padding:5px; color:#df0d00;border:4px solid #144eae; border-top:none;}
.WebIMListBottom a{ display: block;color:#0c121c;text-decoration:none;}
div.WebIMUserList ul {width:142px;background:#FFF; overflow:hidden;border-left:4px solid #144eae;border-right:4px solid #144eae;padding-top: 5px;}/*标记1*/
div.WebIMUserList li {display: block;height:22px;line-height: 22px;position:relative;color:#262626; text-align:left;}/*标记2*/
div.WebIMUserList ul  h3{background: url(../images/list/customer_57.jpg) no-repeat;color:#FFFFFF;font-size:14px;height:28px;line-height:28px;padding-left:32px;}
.WebIMListButton{ position:absolute; right:7px; display:block;background:url(../images/list/btn_offline.gif) no-repeat; text-align:center; width:38px;top:1px; height:20px; line-height:20px; }/*标记3*/
.WebIMUserList li.Online {}/*标记4*/
.WebIMUserList .WebIMListButton{color:#828282}
.Online .WebIMListButton{background:url(../images/list/btn_online.gif) no-repeat; color:#fff}/*标记4*/
div.WebIMUserList li.Group{font-weight: bold;background:url(../images/list/arrow.jpg) left center no-repeat;color:#036FDD;font-size:12px;height:22px;line-height:22px;margin-left:8px;overflow:hidden;padding-left:20px;width:100px;}/*标记5*/
div.WebIMUserList li.Grouptwo{background: url(../images/list/arrow2.jpg) left center no-repeat;color:#036FDD;font-size:14px;height:22px;line-height:22px;margin:8px 8px 0;overflow:hidden;padding-left:20px;width:100px;}
div.WebIMUserList .Online .WebIMListUserName{color:#2b5ace;background: url(../images/list/people.jpg) no-repeat left center;display: inline;height: 22px;line-height: 22px;margin: 0 8px;overflow: hidden;padding-left: 20px;width: 106px;}
div.WebIMUserList li .WebIMListUserName{color:#999;background: url(../images/list/peoplegray.jpg) no-repeat left center;display: inline;height: 22px;line-height: 22px;margin: 0 8px;overflow: hidden;padding-left: 20px;width: 106px;}/*灰色头像*/
.WebIMListBottom p.enter{color:#ff0000;height:40px;line-height:40px;overflow:hidden;padding-left:5px;width:125px;}
.WebIMListBottom label{vertical-align: middle;font-size:12px;overflow:hidden; line-height:30px; padding-left:5px;}/*客服列表输入框*/
.WebIMListBottom label select{margin-top:5px;margin-bottom:5px;}
.WebIMListBottom input{padding:4px 2px;width:116px;border:1px solid #91C8FF;color:#999;margin: 0 5px 5px;font-size:12px; background:#FFF;}
.WebIMListBottom img{border:0px;cursor: pointer; margin-left:4px;}
.WebIMPopup{font-family:宋体;color:red;z-index: 20002;display:block;border: 1px solid #FBC0A2;background-color: #FFFFFF; position: absolute;overflow:hidden;padding:5px;}
	
/************客服在线与离线*******/
.WebIMUserOne{width:150px;overflow:hidden; margin:0 auto;padding-top:1px;background:url(../images/list/onlinetopbg.gif) no-repeat top center; overflow:hidden; float:left; display:none;}
.WebIMUserOne h2{ background-image:none;height:24px;line-height:34px;padding:0;_margin:0 0 0 6px;color:#FFF;font-size:14px; font-weight:bold;float:left; text-indent:37px;_text-indent:2em;}
.WebIMUserOne span{ clear:both; display:block;overflow:hidden;}
.WebIMUserOne span a{ display:block;margin-top:112px; width:124px; height:26px;line-height:26px; vertical-align:middle;color:#FFF; text-decoration:none;text-align:center; margin-left:13px; margin-bottom:5px;background:url(../images/list/online.png) no-repeat; font-size:14px; color:#fff; font-weight:bold;}
.WebIMUserOne span a:hover{background:url(../images/list/online.png) no-repeat;}
.WebIMUserOne span a:active{background:background:url(../images/list/online.png) no-repeat;}
.WebIMUserOne .WebIMListBottom{background:#fff;}
.WebIMUserOffline{ background:url(../images/list/onlinetopbg.gif) no-repeat top center;}
.WebIMUserOffline h2{ font-size:14px; color:#fff;}
.WebIMUserOffline span a{background:url(../images/list/online.png) no-repeat 0 -26px;color:#828282; font-weight:bold;}
.WebIMUserOffline span a:hover{background:url(../images/list/online.png) no-repeat 0 -26px;}
.WebIMUserOffline span a:active{background:url(../images/list/online.png) no-repeat 0 -26px;}
.WebIMUserOne .WindowTopxup{ /*margin:5px 8px 0 0;*/}

/************3156皮肤*********/
.WebIMUserOneOnly{width:125px;height:330px;overflow:hidden; margin:0 auto;padding-top:-10px; overflow:hidden; float:left; display:none;}
.WebIMUserOfflineOnly{}
.WebIMUserOneOnly  a{ display:block;margin-top:0px;width:140px; height:325px;line-height:26px; vertical-align:middle; text-decoration:none;text-align:center; margin-left:-10px; margin-bottom:5px; }