@charset "gb2312";
/* 效果CSS开始 */
body, div, ul, li{margin: 0px;padding: 0px;}
ul, li {list-style-type: none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
.clearfix{ clear:both;}
#divChatStart{position:fixed;bottom:2px;right:2px;background:url(renlogo.jpg) 0 0;width:165px;height:33px;border:1px solid #CCC;cursor:pointer;z-index:999;}
#divChatStart span{margin-top:11px;margin-left:35px;float:left;line-height:15px;}
#divChat{ max-width:518px;_width:expression((documentElement.clientWidth >518) ? "518px" : "auto" );}
.chatBox{/*width:518px;*/border:1px #666666 solid; background:#fff;height:auto;margin:0 auto;position: fixed; bottom:1px; right:1px;z-index:199;display:none;}
.chatLeft{width:350px;height:auto;float:left}
.chatRight{border-left:1px #bebebe solid;width:166px;height:auto;float:right;background:#F5F5F5;}
.chatleftfst .chat01_content{ height:336px;*position:relative; scrollbar-track-color:#fff;}
.chatleftfst .message_box{ display:block;}
.chat01_title{background:url(title_bg.jpg) repeat-x 0 0;height:30px;position:relative;*width:518px;}/*ie7*/
.talkTo li{line-height:17px;float:left;margin:5px 20px;;_margin-left:9px;}
.talkTo li a{padding:4px 2px;_padding:0;height:19px;line-stacking:19px\9;font-size:12px;font-weight:bold;color:#333;text-decoration:none}
.talkTo_title_t{background:url(icon.png) no-repeat 0px -544px;position:absolute;padding-left:20px;top:7px;left:10px;}
.close_btn{background:url(icon.png) no-repeat 0 -22px;cursor:pointer;position:absolute;*left:auto;top:10px;right:8px;display:block;width:15px;height:15px}
.chat02_title{background:url(chat_title_bg.jpg) repeat-x 0 0;height:25px;position:relative}
.chat02_bar{background:url(chat_bar_bg.jpg) repeat-x 0 0;height:35px;position:relative}
.chat02_bar ul{height:100%;}
.chat02_bar li{position:absolute}
.wl_faces_main li img,.chat02_bar li img{ border:none}

.chat03_title_t,#xtxx li label{background:url(icon.png) no-repeat 0px -370px;position:absolute;padding-left:20px;top:8px;left:10px;display:block;width:auto;height:15px;color:#666}
.chat01_content{overflow-x:hidden;overflow-y:auto;*position:relative; scrollbar-track-color:#fff;height:260px;}
.chat02_content{height:auto; padding:0 5px}
.chat02_content textarea { width:100%;border:medium none;display:block;height:36px;overflow-y:auto;padding:5px 0;resize:vertical}
.chatBox textarea,textarea:focus,input:focus,input,select{resize:none;outline:none}
.chat03_name{color:#333;position:absolute;top:6px;left:26px;display:block}
.chat03_title{height:30px;position:relative}
#xtxx li{ height:26px;border:1px solid #fff;border-left:1px solid #bebebe;padding:3px 6px;}
#xtxx li label{background:url(icon.png) no-repeat 0px -458px}
#xtxx li a{position: static;top:0;left:0;}
.chat03_content{text-align:left;font-size:12px;margin:2px 0;height:298px;overflow-x:hidden;overflow-y:auto;position: relative;}
.chat03 ul li{cursor:pointer;position:relative;padding:3px 6px;height:24px;*padding-bottom:0px;z-index:20;color:#03710d;border:1px solid #f5f5f5;border-left:none;border-right:none;}
.chat03 ul li.hover{background:#ebeef3;}
.chat03 ul li.choosed,#xtxx li.choosed{border-color:#bebebe;background:#FFF;}
.chat03 ul li a{color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:80%;text-decoration:none; display: inline-block; line-height:22px;}
.chat03 ul li.choosed a{color:#000}
.chat02_title_btn{background:url(icon.png) no-repeat 0 0;cursor:pointer;float:left;display:block;height:15px;margin:5px 6px 0 10px; color:#333; text-indent:18px; line-height:18px;}
.ctb01{background-position:0 -90px;}
.ctb02{background-position:0 -152px}
.ctb03{background-position:0 -216px}
.chat02_title_t{background:url(icon.png) no-repeat 0px -487px;position:absolute;padding-left:18px;top:7px;right:10px;display:block;width:auto;height:15px}
.chat02_title_t a{color:#333;font-size:12px;text-decoration:none; display:block}
.chat02_title_t a:hover{color:#f60;text-decoration:underline}
input.f1, input.f2{display:none}
.message_box,#asd{display:none;min-height:250px; width:100%; background:url(/inc/images/loading.gif) center no-repeat;}
#asd{min-height:230px;display: block; padding:4% 0 0}
.msg_tishi{margin:0 10px; display:block;color:#555;border:1px solid #eee;line-height:20px; font-weight:100; padding:12px 8px 10px; }
.msg_tishi i{background:url(icon.png) -3px -459px no-repeat; width:16px; height:14px; vertical-align:middle; display: inline-block; margin:-2px 2px 0 0}
.message{clear:both;padding:3px 0;position:relative;margin:0 10px}
#AjaxShow{ background:#fff; min-height:200px;}

/*聊天内容*/
.msg_ztop{ background:#fff; margin:5px 10px; display:block; border:1px solid #eee; padding:8px 8px 5px}
.msg_notes{white-space:nowrap;overflow: hidden;text-overflow: ellipsis; float:left; width:220px;}
.msg_notes a b{ margin-right:5px; color:#25d}
.msg_notes a span{ color:#333}
.notes_an{ font-size:10px; color:#888; margin:2px 0 0}
.butt_r{ float: right; display:block; background:#f60; text-align:center; color:#fff; font-size:12px; line-height:27px; height:27px; padding:0 2%;}
.butt_r:hover{ background:#f30;}
.msg_time{ color:#999; font-size:10px; text-align:center; margin:10px 0 0;}

.msg_text{float:left;margin-left:46px;display:inline;overflow:hidden;resize:none}
.msg_text h5{color:#25d;font-weight:bold;margin:5px 0 0;padding:0 }
.msg_text h5 a{color:#25d}.msg_text h5 a:hover{color:#f00}
.msg_text h5 span{ color:#999;font-weight:100;padding-left:10px; font-size:10px;}
.msg_text .msg_tx{margin:2px 0 0; padding:4px 8px; border:1px solid #eee;word-break:break-all;word-wrap:break-word;height:auto;overflow:hidden; line-height:20px; position:relative; min-width:70px;display: block;}/*ie7*/
.msg_logo i{ width:0; height:0;border-top:5px solid #EEE;border-left:8px solid transparent; position:absolute; top:20px;right:-6px; }
.msg_text .msg_tx span{ display:block;font-size:10px; color:#999;}

.message.msg_rt{}
.msg_logo{ position:absolute; left:0; top:10px; display:block; width:40px; border-radius:20px; background:#f5f5f5;}
.msg_logo img{width:40px; border-radius:20px;}
.msg_rt .msg_logo{left:auto; right:0;}
.msg_rt .msg_text{ float:right; margin:0 46px 0 0}
.msg_rt .msg_text h5{text-align:right; color:#f60;}
.msg_rt .msg_logo i{right:auto;left:-6px;border-left:0;border-right:6px solid  transparent;}
/**/
.msg_z{ height:316px;overflow-x: hidden;overflow-y: auto; margin:8px;}
.msg_z .msg_text{ float:none; margin:0;}
.msg_z .msg_text h5{ text-align:left}
.msg_z .msg_rt .msg_text h5{ color:#f60}
.msg_z .msg_tx{ border:0; border-bottom:1px solid #fafafa; margin:0; padding:2px 0;}

.wl_faces_box{background:url(wlf_bg.png) repeat 0 0;position:absolute;width:328px;height:189px;bottom:22px;left:6px;display:none;z-index:100000}
.wl_faces_content{background:#fff;border:1px #ccc solid;width:317px;height:180px;margin:3px 4px}
.wl_faces_content .title{background:url(wlf_title_bg.jpg) repeat-x 0 -6px;height:34px;position:relative}
.wl_faces_content .title ul li{position:absolute;display:block}
.wl_faces_content .title ul li.title_name{background:url(wlf_title_btn.jpg) no-repeat 0 0;width:82px;height:30px;bottom:0;_bottom:-2px;left:15px;text-align:center;line-height:32px;font-weight:bold;color:#333}
.wl_faces_content .title ul li.wl_faces_close{right:8px;top:15px}
.wl_faces_content .title ul li.wl_faces_close span{background:url(icon.png) repeat-x 0 0;cursor:pointer;display:block;width:15px;height:15px}
.wl_faces_main{}
.wl_faces_main ul{width:270px;margin:12px auto;overflow:hidden;border-top:1px #CCC solid;border-left:1px #CCC solid}
.wl_faces_main ul li{float:left;border-right:1px #CCC solid;border-bottom:1px #CCC solid;height:22px;width:26px;margin:-1px 0 0 -1px;padding:4px 2px;text-align:center}
.wl_faces_main ul li img{width:22px;height:22px}
.wlf_icon{background:url(layer_arrow.png) no-repeat 0 0;position:absolute;width:22px;height:9px;bottom:-4px;_bottom:-11px;left:200px}
.chat03_content li label{background:url(status.gif) no-repeat 0 -11px;display:block;position:absolute;width:9px;height:9px;left:10px;top:12px}
.chat03_content ul li.on label{background:url(status.gif) no-repeat 0 0;_background:url(status.gif) no-repeat 0 5px}
/* 效果CSS结束 */

.kjhf span{ width:100%; text-indent:10px; text-align:left; border:0; border-bottom:1px solid #ddd; line-height:30px; height:30px; margin:0; background:none; display:block; cursor:pointer}
.kjhf span:hover{color:#1192f7}

.ell,.kjhf .win_lab03,.kjhf .win_lab04{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.selectbk{ float:left;}
.selectbk select{color:#000;border:1px solid #F2F2F2; background:#fefefe; border-bottom:1px solid #DCDCDC;height:25px;vertical-align:middle;line-height:25px;display:inline-block;margin:0;padding:0px;cursor:pointer;*display:inline;*zoom:1;width:180px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;*margin:3px 0 0;}

.chat02_bar li.button{right: 5px; top: 5px;}
.chat02_bar li.button a,.chat02_bar li.button span{display:block;width:90px;height:26px;line-height:26px;text-align:center;color:#fff;background:#3D9EFF}