@charset "gb2312"
Body,input{font-family: "Hiragino Sans GB","Microsoft YaHei","΢ÈíÑźÚ",arial,Tahoma,SimSun,sans-serif;}
textarea{overflow:auto}table,tr,td{font-size:13px;}
*,Body,h1,div,ul,li,form,p,dl,dt,dd{padding:0;margin:0;color:#000;font-size:13px;}ul,li{list-style:none}
img{border:none}
a{blr:expression(this.onFocus=this.blur());outline:none;}
.clearfix{ clear:both;}
.weimafix{width:80px;height:80px; padding-bottom:10px;}
#mainFrame {display: block;width: 80px;height: 80px;padding-left:35px;}
#divChatStart{background:#CCC;width:135px;height:35px;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 #2196F3 solid; background:#fff;height:auto;margin:0 auto; position:absolute;background-color:#eee;border-radius:8px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.2);z-index:998;/*position: fixed; bottom:1px; right:1px;*/}
.zltitle{ padding:8px 45px; background-color:#2196F3; color:white; border-top-left-radius:8px;border-top-right-radius:8px;cursor:move;display:flex;justify-content: space-between;align-items: center;} .zltitle h3 {margin:0;}
.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:#eee; 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:55px;}
.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}
.close-btn{background:none;border:none;color:white;font-size:25px;cursor:pointer;}
.chat02_title{background:#eee;height:25px;position:relative}
.chat02_bar{background:#eee;height:35px;position:relative}
.chat02_bar ul{height:100%;}
.chat02_ul{left: 20px; top: 10px; padding-left: 30px;}
.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:330px;}
.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:368px;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:323px; 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:320px;}
.msg_ztop{ background:#eee; margin:5px 10px; display:block; border:1px solid #dad8d8; padding:8px 8px 5px; margin-top:1px;}
.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;box-shadow: var(--shadow-sm);}/*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_logot{ position:absolute; left:0; top:2px; display:block; width:40px; border-radius:20px; background:#f5f5f5;;z-index:666;}
.msg_logo img{width:40px; border-radius:20px;}
.msg_logot 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:#eee;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:#eee;height:34px;position:relative}
.wl_faces_content .title ul li{position:absolute;display:block}
.wl_faces_content .title ul li.title_name{background:#FFF;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:#eee;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}
.imgd{border-radius:10px; border:0; width:20px; height:20px;}
.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 #DCDCDC; background:#fff9f9; 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}