* {
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #f60;
}

.content {
  width: 735px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}

.chatBox {
  width: 730px;
  border: 1px #666666 solid;
  height: auto;
  margin: 0 auto;
  margin-top: 0px;
  position: relative;
}

.chatLeft {
  border-right: 1px #bebebe solid;
  width: 562px;
  height: auto;
  float: left;
}

.chatRight {
  width: 166px;
  height: auto;
  float: right;
}

.chatbo {
  display: none;
  border: 1px #bebebe solid;
  width: 165px;
  z-index: 9999;
  background: #fff;
  min-height: 80px;
  float: right;
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.chat01_title, .chat03_title {
  background: url('images/title_bg.jpg') repeat-x 0 0;
  height: 30px;
  position: relative;
}

.talkTo {
  
}

.talkTo div {
  background: url('images/title-bg.png') no-repeat 0px 0px;
  _background-position: 0 0;
  line-height: 14px;
  float: left;
  padding-left: 6px;
  margin: 5px 20px;
  _margin-left: 9px;
}

.talkTo div a {
  background: url('images/title-bg.png') no-repeat bottom right;
  padding: 4px 11px 4px 7px;
  _padding-top: 0px;
  _padding-bottom: 0px;
  height: 19px;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

.close_btn {
  background: url('images/icon.png') no-repeat 0 0;
  position: absolute;
  top: 10px;
  right: 8px;
  display: block;
  width: 15px;
  height: 15px;
}

.close_btn1 {
  background: url('images/icon.png') no-repeat 0 0;
  position: absolute;
  top: 10px;
  right: 8px;
  display: block;
  width: 15px;
  height: 15px;
}

.chat02_title {
  background: url('images/chat_title_bg.jpg') repeat-x 0 0;
  height: 25px;
  position: relative;
}

.chat02_bar {
  background: url('images/chat_bar_bg.jpg') repeat-x 0 0;
  height: 35px;
  position: relative;
}

.chat02_bar ul {
  height: 100%;
  background: url('images/binliy_logo.png') no-repeat 10px 8px;
}

.chat02_bar li {
  position: absolute;
}

.chat03_title_t {
  background: url('images/icon.png') no-repeat 0px -370px;
  position: absolute;
  padding-left: 25px;
  top: 8px;
  left: 20px;
  display: block;
  width: auto;
  height: 15px;
  font-size: 12px;
  font-weight: bold;
}

.chat01_content {
  height: 220px;
  overflow-x: none;
  overflow-y: auto;
}

.chat02_content {
  height: auto;
}

.chat03_content {
  text-align: left;
  font-size: 12px;
  color: #333;
  margin: 8px 0px;
    overflow-y: auto;
}

.chat02_content #textarea {
  border: medium none;
  display: block;
  width: 552px;
  height: 96px;
  overflow-y: auto;
  padding: 5px;
  resize: vertical;
}

.chat03_name {
  color: #333;
  position: absolute;
  top: 5px;
  left: 40px;
  display: block;
}

.chat03_content ul {
  
}

.chat03_content ul li {
  position: relative;
  padding: 4px 6px;
  min-height: 31px;
  _padding-bottom: 0px;
}

.chat03_content ul li.hover {
  background: #ebeef3;
}

.chat03_content ul li.choosed {
  background: #ebeef3;
}

.chat03_content ul li a {
  
}

.chat03_content ul img {
  width: 30px;
  height: 30px;
}

.chat02_title_btn {
  background: url('images/icon.png') no-repeat 0 0;
  cursor: pointer;
  float: left;
  display: block;
  width: 15px;
  height: 15px;
  margin: 5px 6px;
}

.ctb01 {
  background-position: 0 -90px;
  margin-left: 18px;
  _margin-left: 8px;
}

.ctb02 {
  background-position: 0 -152px;
}

.ctb03 {
  background-position: 0 -216px;
}

.chat02_title_t {
  background: url('images/icon.png') no-repeat 0px -487px;
  position: absolute;
  padding-left: 25px;
  top: 8px;
  right: 20px;
  display: block;
  width: auto;
  height: 15px;
}

.chat02_title_t a {
  color: #333;
  font-size: 12px;
  text-decoration: none;
}

.chat02_title_t a:hover {
  color: #f60;
  text-decoration: underline;
}

input.f1, input.f2 {
  display: none;
}

.message_box {
  display: none;
  _width: 550px;
}

.message {
  border-bottom: 1px solid #EEE;
  clear: both;
  padding: 10px 10px 10px 0;
  position: relative;
  margin: 0px 10px;
}

.message .user-logo {
  float: left;
  width: 50px;
  height: 50px;
  resize: none;
}

.message .wrap-text {
  float: left;
  margin-left: 10px;
  display: inline;
  width: 80%;
  overflow: hidden;
  resize: none;
}

.message h5 {
  color: #369;
  font-weight: bold;
}

.message .wrap-text div {
  margin: 5px 0;
  margin-bottom: 15px;
  word-break: break-all;
  word-wrap: break-word;
  height: auto;
  overflow: hidden;
}

.message .wrap-ri {
  float: right;
  width: 110px;
  overflow: hidden;
  resize: none;
}

.message .wrap-ri div {
  text-align: right;
  color: #999;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  clear: both;
  position: absolute;
  bottom: 10px;
  right: 5px;
}

.message .wrap-ri div span {
  display: inline-block;
  line-height: 18px;
  vertical-align: bottom;
  zoom: 1;
}

.wl_faces_box {
  background: url('images/wlf_bg.png') repeat 0 0;
  position: absolute;
  width: 428px;
  height: 225px;
  bottom: 22px;
  left: 5px;
  display: none;
}

.wl_faces_content {
  background: #fff;
  border: 1px #ccc solid;
  width: 417px;
  height: 216px;
  margin: 3px 4px;
}

.wl_faces_content .title {
  background: url('images/wlf_title_bg.jpg') repeat-x 0 0;
  height: 40px;
  position: relative;
}

.wl_faces_content .title ul {
  
}

.wl_faces_content .title ul li {
  position: absolute;
  display: block;
}

.wl_faces_content .title .title_name {
  background: url('images/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;
  position: absolute;
}

.wl_faces_content .title .wl_faces_close {
  right: 8px;
  top: 15px;
  position: absolute;
}

.wl_faces_content .title .wl_faces_close span {
  background: url('images/icon.png') repeat-x 0 0;
  cursor: pointer;
  display: block;
  width: 15px;
  height: 15px;
}

.wl_faces_main {
  
}

.wl_faces_main .wl-faces-list {
  margin: 12px 28px;
  overflow: hidden;
  border-top: 1px #CCC solid;
  border-left: 1px #CCC solid;
  width: 360px;
}

.wl_faces_main .wl-faces-list div {
  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 .wl-faces-list div img {
  width: 22px;
  height: 22px;
}

.wlf_icon {
  background: url('images/layer_arrow.png') no-repeat 0 0;
  position: absolute;
  width: 22px;
  height: 9px;
  bottom: -4px;
  _bottom: -11px;
  left: 10px;
}

.chat03_content li label {
  display: block;
  position: absolute;
  width: 9px;
  height: 9px;
  left: 27px;
}

label.online {
  background: url('images/status.gif') no-repeat 0 0;
  _background: url(images/status.gif') no-repeat 0 5px;
  bottom: 4px;
  _bottom: 2px;
}

label.offline {
  background: url('images/status.gif') no-repeat 0 -11px;
  bottom: 4px;
  _top: 25px;
}

#foot_bm {
  margin: 0 auto;
}

#foot_bm a, p, p a {
  font-size: 12px;
  color: #666;
}
.img_chat{display:none;position: fixed;bottom:10px;right:50px;cursor:pointer}

.ltframe{float:left;width:735px;position: fixed;top:0px;left:0px;height:418px;top:100px;z-index:9999;}
.ltframe iframe{float:left;width:100%;background:#fff;height:100%;border:0px;}
.btn_csc{background:url("images/gb.png");width:25px;height:17px;right: 2px;
    position: absolute;
    top: 9px;}
.btn_csc:hover{text-decoration: none;}
.btn_wxsj{float:left;position: fixed;right:0px;top:50px;width:40px;border:1px solid #ECEAEB;cursor:pointer;background:#fff;border-right:0px;}
.btn_wxsjxz{background:#FD5735}
.img_dd{float:left;width:18px;height:18px;margin-left:11px;margin-top:15px;margin-bottom:8px;cursor:pointer;}
.btn_wxsj .dh_font{float:left;cursor:pointer;width:14px;margin-left:13px;word-wrap:break-word;word-break:nomal;font-size:14px;color:#333;font-size:14px;line-height:20px;margin-bottom:15px;}
.btn_wxsjxz .dh_font{color:#fff}
.img_ewm{float:left;position: absolute;left:-136px;top:-3px;width:136px;height:143px;}
.btn_wxsj .img_ewm{display:none;}
.btn_wxsjxz .img_ewm{display:block}
.btn_wxsj .img_dd{display:block}
.btn_wxsj .img_dd2{display:none;}
.btn_wxsjxz .img_dd{display:none;}
.btn_wxsjxz .img_dd2{display:block}
.btn_top{float:left;position: fixed;cursor:pointer;border:1px solid #ECEAEB;right:0px;bottom:100px;width:40px;height:40px;background:#fff;border-right:0px;}    
.btn_top img{float:left;width:18px;height:18px;margin:11px 11px;}