.clearfix:after, .clearfix:before { content: ""; display: table }
.clearfix:after { clear: both }
.clearfix { zoom: 1 }
/*  */
.shop-im{min-width: 840px;position: fixed;left: 50%;top: 50%;z-index: 102;}
.shop-im-l{width: 190px;background: #1D73AE;text-align: center;padding-top:15px;float: left;}
.shop-im-n{background: #3F8BBF;padding: 2px 15px;color: #fff;border-radius: 10px;font-size: 14px;margin-bottom: 30px;}
.shop-im-i{margin: 15px 20px 30px 20px;background: #1A6699;border: 1px solid #92D2FE;border-radius: 3px;color: #92D2FE;height: 25px;}
.shop-im-i input{width: 100%;background: transparent;border: none;color: #92D2FE;text-align: center;outline: none;height: 23px;}
.shop-im-i input::-webkit-input-placeholder{
  color: #92D2FE;
  font-size: 12px;
}

.shop-im-i input:-moz-placeholder{
  color: #92D2FE;
  font-size: 12px;
}

.shop-im-i input::-moz-placeholder{
  color: #92D2FE;
  font-size: 12px;
}

.shop-im-i input:-ms-input-placeholder{
  color: #92D2FE;
  font-size: 16px;
}
.shop-im-nav{margin: 0 20px;}
.shop-im-nav span{display: block;height: 40px;line-height: 40px;text-align: center;color: #fff;border-radius: 5px;margin-bottom: 15px;font-size: 14px;cursor: pointer;}
.shop-im-nav span.hover{background: #3FA0E4;}
.shop-im-r{float: left;width:650px;background: #fff;}
.shop-im-h{background: #F8F8F8;border-bottom: 1px solid #E7E7E7;height: 50px;font-size: 14px;line-height: 50px;padding: 0 20px;}
.shop-im-h a{float: right;}
.shop-im-m{background: #fff;}
.shop-im-m-con{width: 390px;padding: 15px 0 0 0;float: left;overflow: hidden;}
.shop-im-price{color: #FF6118;font-size: 16px;display: block;}
.im-record {
  margin: 15px 0 15px 0;
  line-height: 24px;
  font-size: 12px;
  word-break: break-all;
}
.im-record span {
  display: block;
  font-size: 12px;
  color: #666;
}
.other-txt .name-txt {
  color: #666 !important;
}
.im-txt-box {
  padding: 5px 10px;
  max-width: 290px;
  float: left;
  border-radius: 3px;
  text-align: left;
  position: relative;
}
.other-txt .im-txt-box {
  background: #D1EFFA;
  border: 1px solid #D1EFFA;
}
.im-txt {
  word-break: break-word;
  color: #666;
}
.im-txt-right {
  text-align: right;
}
.im-txt-right .im-txt-box {
  float: right !important;
}
.my-txt .im-txt-box {
  background: #FFF5DC;
  border: 1px solid #FFF5DC;
}
.shop-im-m-txt{overflow: hidden;overflow-y: auto;overflow-x: hidden;padding: 0 15px;}
.shop-im-m-send{
  border: 1px solid #f0f0f0;
  background: #FBFBFB;
}
.shop-im-m-send .shop-im-i-t{padding: 14px;}
.shop-im-m-send-a{border-top: 1px solid #E7E7E7;background: #fff;padding: 8px 14px;font-size: 12px;color: #666;}
.shop-im-m-send-a a{margin-left: 40px;color: #1386D7;}
.shop-im-m-send .shop-im-price{color: #FF6118;}
/*  */
.mess-input { height: 152px; border-top: 1px solid #cfd8e0; position: relative; }
.quickMsg{position: absolute;left: 0;top: 0;width: 100%;height: 153px;background: rgba(0,0,0,0.9);z-index: 2;}
.quickmsg-info{color: #f0f0f0;padding: 10px;display: block;line-height: 150%;}
.quickmsg-msg{display: block;color: #f0f0f0;padding: 10px;}
.sendquick{padding: 2px 10px;background: #3FA0E4;color: #fff !important;}
.fun-list {
  padding: 10px 0 8px 15px;
  height: 25px;
  position: relative;
}
.gobal-ico {
  background: url(//s.img898.com/user/EscortOrder/img/combox-ico.png) no-repeat;
  display: block;
  width: 19px;
  height: 21px;
  margin-left: 3px;
}
.i-dialog-face {
  background-position: -76px 0;
}
.fun-list i {
  float: left;
  margin-right: 16px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.i-dialog-fileup {
  background-position: -95px 0;
}
#facebox { background: #fff; border: 1px solid #e9e9e9; padding: 5px; }
.copy-tips { position: fixed; z-index: 999; bottom: 50%; left: 50%; margin: 0 0 -20px -80px; background-color: rgba(0, 0, 0, 0.2); filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#30000000, endColorstr=#30000000);
padding: 6px; }
.copy-tips-wrap { padding: 10px 20px; text-align: center; border: 1px solid #F4D9A6; background-color: #FFFDEE; font-size: 14px; }
.file_up {
  display: block;
  width: 20px;
  height: 20px;
  opacity: 0;
  filter: 'alpha(opacity=0)';
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  cursor: hand;
  position: absolute;
  left: 0;
  top: 0;
}

.fun-dialog {
  padding: 0 10px;
  position: relative;
}
.fun-dialog textarea {
  outline: none;
  width: 99%;
  height: 58px;
  line-height: 180%;
  text-align: left;
  font-size: 12px;
  border: none;
  margin: 0 auto;
  background: transparent;
}
.send-btn {
  text-align: right;
  padding: 10px 0 0 0;
  float: right;
}
.control-btn {
  border-radius: 3px;
  margin: 0 10px;
  color: #fff !important;
  padding: 6px 10px;
  font-size: 14px;
  background: #2979ff;
}
.w65 {
  padding: 4px 28px;
  font-size: 12px;
}
.shop-im-m-side{float: left;width: 229px;background: #F9FDFF;border-left: 1px solid #E2E2E2;padding: 0 15px;overflow: hidden;overflow-y: auto;}
.shop-im-m-side h3{height: 55px;line-height: 55px;text-align: center;font-size: 14px;color: #444;  font-weight: normal;}
.shop-im-i-box{margin-bottom: 5px;}
.shop-im-i-t em{font-size: 12px;color: #444;}
.shop-im-i-t a:hover{color: #1D73AE;}
.shop-im-i-t img{float: left;margin-right: 8px;}
.shop-im-i-t{min-height: 65px;}
.shop-im-i-b{padding: 8px 0;}
.shop-im-i-b span{color: #FF6118;font-size: 14px;}
.shop-im-i-b a{float:right;padding: 3px 15px;}
.shop-im-i-b a.empty-btn{border: 1px solid #FF6118;color: #FF6118;}
/*  */
.shop-im,.shop-im-l{min-height: 600px;}
.shop-im-m-side{height: 564px;}
.shop-im-navList{height: 500px;overflow: hidden;overflow-y: auto;}
.shop-im-navList::-webkit-scrollbar{width: 4px;height: 4px;}
.shop-im-navList::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}
.shop-im-navList::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1);}
.mask-im-d{background: rgba(0,0,0,0.7);width: 100%;height:100%;position: fixed;left: 0;top: 0;z-index: 101;display: none;}
/*  */
.min-imchat{height: 50px;line-height: 50px;border-radius: 10px;text-align:center;background: #FF5E56;color: #fff;cursor: pointer;}