@charset "utf-8";

/*聊天*/
.chat .find{background:#c3c6ca;padding:0.5em;position:relative;}
.chat .find .form,.chat .find div.txt{background:#fff;position:relative;border-radius:0.3em;border:1px solid #a3a9b0;}
.chat .find .form{padding:0 0.5em;margin:0 3.5em 0 0;}
.chat .find .form .btn{position:absolute;right:0.2em;top:0.2em;background:url(../images/friend_top_find_icon.png) no-repeat;border:0;height:1.8em;width:1.8em;background-size:100% 100%;text-indent:-999px;overflow:hidden;} 
.chat .find .quit{position:absolute;right:0.5em;top:0.5em;color:#333;cursor:pointer;line-height:2em;width:3em;text-align:center;}
.chat .find .txt{border:0;padding:0;width:100%;height:2em;}
.chat .find div.txt{text-align:center;padding:0.3em 0 0;height:1.7em;width:auto;}
.chat .find div.txt img{height:1.4em;display:inline-block;vertical-align:top;margin:0 0.5em 0 0;}

.chat .recent .li{padding:0.5em;border-bottom:1px solid #d0d0d0;border-top:1px solid #fff;position:relative;overflow:hidden;}
.chat .recent .avatar{margin:0 0.5em 0 0;float:left;position:relative;}
.chat .recent .avatar img{width:3.5em;height:3.5em;}
.chat .recent .avatar .new{position:absolute;height:0.8em;width:0.8em;overflow:hidden;background:#ff7800;border-radius:100%;right:-0.2em;top:-0.2em;}
.chat .recent .avatar .online{position:absolute;right:0;bottom:0;height:0.6em;width:0.6em;background:#16b73c;border-left:1px solid #d1e0ee;border-top:1px solid #d1e0ee;}
.chat .recent .name,.chat .recent .msg{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.chat .recent .name{color:#3384cd;font-size:1.3em;padding:0 8em 0.2em 0;}
.chat .recent .time{position:absolute;right:0.5em;top:0.5em;font-size:1.0em;}
.chat .recent .msg{height:1.4em;line-height:1.3em;font-size:1.0em;}
.chat .recent .msg img{width:1.0em;height:1.0em;}

.chat .history ul{padding:0.5em;}
.chat .history li{padding:0.5em;}
.chat .history li.l .time{color:#22ac38;}
.chat .history li.r .time{color:#1d7ac4;}
.chat .history .msg{padding:0 0 0 0.5em;}
.chat .history .more{padding:0.5em;}
.chat .history .more a{display:block;text-align:center;padding:0.5em 0;background:#fff;border:1px solid #e1e1e1;border-radius:0.3em;}

.chatList{overflow:hidden;}
.chatList img,.chat .history img{max-width:100%;display:inline;}
.smileyImg {display:inline;}
.chatList .l,.chatList .r{padding:0.5em;}
.chatList .r{text-align:right;}
.chatList .r .msg{background:#ffedd3;border-color:#e5c9a2;text-align:left;}
.chatList .r .time{text-align:right;}
.chatList .inner{display:inline-block;max-width:85%;}
.chatList .time{font-size:0.8em;padding:0 0 0.5em;}
.chatList .name{display:inline-block;padding:0 0.5em;color:#333;}
.chatList .msg{border:1px solid #d1e0ee;background:#f2f7fa;padding:0.5em;border-radius:0.5em;position:relative;color:#333;}
.chatList .error,.chatList .loading{position:absolute;right:100%;top:50%;height:1em;width:1em;overflow:hidden;margin:-0.5em 0.5em 0 0;}
.chatList .error{border:1px solid #ff0000;background:#ffff00;border-radius:100%;color:#ff0000;text-align:center;line-height:0.9em;cursor:pointer;}
.chatList .loading{background:url(../images/loading_small.gif) no-repeat;background-size:100% 100%;}
.chatList .hr{height:1em;width:80%;margin:1em auto;border-top:1px solid #ccc;text-align:center;}
.chatList .hr span{background:#f5f5f5;line-height:20px;position:relative;top:-10px;padding:0 5px;color:#999;}

.chatBot .release{padding:0.5em;position:relative;overflow:hidden;clear:both;}
.chatBot .release .txt{overflow:hidden;border:1px solid #999;background:#fff;border-radius:0.5em;}
.chatBot .release .txt .textarea,.chatBot .release .txt .highly{width:96%;background:none;resize:none;border:0;padding:7px 2%;line-height:18px;max-height:54px;float:left;font-size:16px;overflow-y:auto;}
.chatBot .release .txt .textarea img{display:inline-block;vertical-align:middle;margin:0 0.1em;}
.chatBot .release .txt .highly{height:auto;margin:0 0 0 -9999px;}
.chatBot .release .btn{float:right;padding:0.5em 0 0.5em 0.5em;}
.chatBot .release .btn a{text-align:center;color:#e9dccf;font-weight:700;display:block;padding:0.5em 1.5em;float:left;margin:0 0 0 0.5em;background:#1d68ab;border-radius:0.5em;}
.chatBot .release .btn a.btnCancel{background:#e1e1e1;border-color:#666;color:#666;}
.chatBot .release .exp{padding:0.8em 0 0 0.3em;float:left;}
.chatBot .release .exp form{float:left;}
.chatBot .release .exp .nub{height:21px;width:21px;background:url(../images/chat_release_bg.png) no-repeat;background-size:42px 21px;cursor:pointer;float:left;}
.chatBot .release .exp .nubPho{margin:0 0.5em 0 0;background-position:-21px 0;overflow:hidden;position:relative;}
.chatBot .release .exp .nubPho input{opacity:0;filter:alpha(opacity=0);cursor:pointer;position:absolute;right:0;top:0;width:100%;height:100%;}
.chatBot .release .mask{position:absolute;left:0;top:0;bottom:0;right:0;}
.chatBot .release .smiley{padding:0.3em;overflow:hidden;clear:both;border:1px solid #b4cee4}
.chatBot .release .smiley img{float:left;width:20px;height:20px;margin:2px;display:inline;cursor:pointer;}

.chatBotKey{height:4em;}
.chatBotKey .release{position:fixed;left:0;bottom:0;right:0;padding:0.5em 0;background:#e9e8e8;background:linear-gradient(#eee,#ccc);background:-webkit-linear-gradient(#eee,#ccc);background:-ms-linear-gradient(#eee,#ccc);}
.chatBotKey .release .exp{position:absolute;left:5px;top:10px;padding:0;}
.chatBotKey .release .btn{position:absolute;right:5px;top:6px;padding:0;}
.chatBotKey .release .btn a{font-size:14px;width:48px;height:30px;line-height:30px;padding:0;}
.chatBotKey .release .txt{margin:0 60px;}
.chatBotKey .release .img{margin:0 -110px 0 0;}

.chatTop{height:3em;}
.chatTop .crumbs{background:#3384cd;position:fixed;top:0;left:0;right:0;border:0;height:2em;}
.chatTop .crumbs h1{color:#fff;}
.chatTop .new{position:absolute;background:#ff7800;height:1em;width:1em;overflow:hidden;right:-0.5em;top:-0.5em;border-radius:100%;}

.chatPop h3{padding:1em 1em 0.5em;}
.chatPop .button{width:90%;margin:auto;padding:0.5em 0 1em;}
.chatPop .button a{background:#fd8d49;border:1px solid #fd8d49;color:#fff;display:block;padding:0.5em 0;text-align:center;font-weight:700;}
.chatPop .button a.back{background:#fff;border:1px solid #eee;color:#333;margin:0.5em 0 0;}