.online-chat{position: fixed;bottom: 0;right: 0;z-index: 99;background: #fff;border:1px solid #25a6f7;width: 400px;height: 550px;overflow: hidden;visibility: hidden;}
.online-chat-title{width: 100%;height: 30px;line-height: 30px;color: #fff;font-size:15px;position: relative; padding: 0 15px;background:#25a6f7;}
.online-chat-title span{position: absolute;top: 7px;right:15px;height: 16px;}
.online-chat-title span img{display: block;height: 100%;margin-left: 10px;float: left;}
.message-box-parent{width: 100%;height: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;height:390px;}
.message-box-con{width: 100%;position: relative;padding:40px 15px 10px;/*margin-bottom:130px;*/}
.message-box{width: 100%;}
.message-i{width:100%;font-size: 14px;line-height: 25px;margin-bottom: 10px;clear: both;overflow: hidden;}
.mes-sendtime{width: 100%;color: #888;font-size: 14px;}
.message-i-co{border-radius: 8px;color: #333;background:#f4fbff;}
.mes-send .message-i-co{clear: both;overflow: hidden;float: right;background:#f4fbff;}
.mes-receive .message-i-co{clear: both;overflow: hidden;float: left;background:#f4fbff;}
.mes-send .mes-sendtime{text-align: right;}
.mes-middle,.mes-system,.time{text-align: center;}
.mes-middle .message-i-co{border-radius:8px;background: #f4fbff;color: #333;text-align: center;position: relative;height:30px;line-height: 30px;padding: 0 20px 0 30px;margin: 5px auto;display: inline-block;}
.time .message-i-co{background: inherit;border-radius:8px;color: #888;text-align: center;height:30px;line-height: 30px;display: inline-block;}
.mes-middle .message-i-co .middle-icon{height:100%;position: absolute;left: -20px;}
.mes-system .message-i-co{background: rgba(0,0,0,0.2);border-radius:8px;color: #333;text-align: center;position: relative;height: auto;padding: 0;line-height: 20px;margin: 10px auto;display: inline-block;font-size: 12px;}
.mes-send .message-i-text,.mes-send .big-pic{float: right;} 
.mes-receive .message-i-text,.mes-receive .big-pic{float: left;}
.message-i-co{width:auto;max-width:300px;text-align: inherit;}
.message-i-text{padding: 10px 13px;text-align: inherit;}
.blue-font{color:#25a6f7;}
.message-i p{width: 100%;text-align: inherit;margin-bottom: 5px;}
.message-i p:last-child{margin-bottom: 0;}
.message-i img{max-width: 100%;}
.message-i  .big-pic{display: block;max-width: 240px;}
.message-i .btn-row{width: 100%;border-radius: 0 0 8px 8px;clear: both;overflow: hidden;}
.message-i .btn-row .half-btn{width: 50%;float: left;text-align: center;height: 40px;line-height: 40px;font-size: 14px;border: 0;background: inherit;}
.message-i .btn-row .half-btn:first-child{border-right: 1px solid #ccc;border-radius: 0 0 0 8px;}
.message-i .btn-row .half-btn:last-child{border-radius: 0 8px 0 0; }
.message-i .btn-row button img{height: 15px;vertical-align: text-bottom;margin-right: 10px;}
.message-i .btn-row .one-btn{width: 50%;text-align: center;margin: 0 auto 10px;display: block;height: 40px;line-height:40px;border:1px solid #25a6f7;color: #25a6f7;border-radius: 20px;background: inherit;}
.message-i .btn-row button:disabled{background: inherit;color: inherit;}
.has-border-t{border-top: 1px solid #ccc;}
.showmore{width: 100%;height: 40px;line-height: 40px;color:#25a6f7;font-size: 13px;background: #fff;text-align: center; }
.showmore img{height: 15px;vertical-align: middle;margin-right: 5px;}
.showmore i{font-style: normal;}
.rotate180{transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.mes-postion{width:100%; }
.mes-postion h5{background: #25a6f7;color: #fff;width: 100%;padding:10px 15px;line-height: 25px;word-break:break-all;border-radius: inherit inherit 0 0;font-weight: normal;font-size: 14px;}
.mes-postion-map{width:100%;display: block;border-radius: 0 0 inherit inherit;}
.mes-voice{width: 100px;padding: 10px;}
.mes-voice .mes-voice-volume{height:15px;vertical-align: middle;}

.send-box{width: 100%;position: absolute;bottom: 0;left: 0;background: #fff;z-index: 2;font-size: 14px;height:130px;}
.write-box{width: 100%;padding:0 70px 0 10px;position: relative; }
#send-input{width:100%;display: block;border:0;height: 90px;padding: 5px;line-height: 20px;color: #333;font-size: 14px;overflow: hidden;}
#send-input:empty:before{/*content:attr(placeholder);*/font-size: 14px;color: #999;}
#send-input:focus{content:none;border: 0;outline: none;}   
.write-box button{position: absolute;right:10px;bottom:10px;width: 60px;background: #25a6f7;border:0;text-align: center;border-radius: 5px;color: #fff;font-size: 14px;height:40px;line-height: 40px;}   
.write-box button:disabled{background: #ccc;}   
.write-box button img{height:18px;display: block;margin: 6px auto;}   
.send-func-box{width: 100%;padding: 0 15px;border-top: 1px solid #d4d4d4;}
.send-func-box ul{width: 100%;clear: both;overflow: hidden;list-style: none;} 
.send-func-box ul li{height:40px;line-height: 40px;text-align: center;position: relative;margin-right: 20px;float: left;}
.send-func-box ul li img{height: 22px;vertical-align:middle}
.send-func-box ul li a{display: inline-block;position: relative;height: 100%;width: 100%;} 
.emoji-box{width: 345px;padding: 0;height: auto; background: #fff;border-radius: 10px;display: none;position: absolute !important;bottom: 135px;left: 20px;border:1px solid #d4d4d4;}
.emoji-box ul{width: 100%;height:120px;padding: 0 12px;margin:0 auto 20px;clear: both;overflow: hidden;list-style: none;position: relative;}   
.emoji-box ul li{float: left;padding: 3px;list-style: none;height: 40px;width: 40px;cursor: pointer;}
.emoji-box ul li img{display: block;height: 70%;width: 70%;margin: 15% auto;}  
.emoji-box ul .del-icon{position: absolute;bottom: 0;right: 12px;}
.load_log_more{width: 100%;text-align: center;font-size: 14px;color: #333;height: 30px;line-height: 30px;margin-bottom: 10px;position: absolute;top: 0;left: 0;display: none;}
.load_log_more img{height:10px;vertical-align: middle;margin-left: 5px;}
.playing{width: 100%;height: 100%;position: fixed;z-index: 4;top: 0;left: 0;background: rgba(0,0,0,0.4);}
.playing>img{width: 15px;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.hid_node{display: none;}