.ChatWindow{width:100%;background:#f5f5f5;position:fixed;top:0;bottom:0}.ChatHead{height:0;background:#f2f6fc}.ChatHead_lt{float:left}.ChatHead_lt li{width:100px;height:44px;line-height:44px;text-align:center;font-size:12px;color:#fff;font-family:microsoft yahei,arial;float:left;cursor:pointer}.ChatHead_lt li span{padding-left:20px}.ChatHead_lt li .reply{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjgzQUI4OThBQjJBMTFFODhBNDg4MUY3RjJFOTkyNDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjgzQUI4OTdBQjJBMTFFODhBNDg4MUY3RjJFOTkyNDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkNGRDFGMEVBQUIyODExRThBQjVBQUQ4NjhEQTdFMjc1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkNGRDFGMEVCQUIyODExRThBQjVBQUQ4NjhEQTdFMjc1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nG/fkQAAAStJREFUeNpi/P//PwMlgImBQsCCxDYE4jIg5gLifwT0nAPiDiD+zgDyAhTP+U8aMAXpY0F3zdu3b18dP358LzarhYWFhSwtLd2ATEYgZkX3Ajg0Hz9+/LC3t7cNqggZ/DcwMNCCGoA1DMBAQUGBp76+XgdmAxL4IyAgoIpk8F+sBkBjhg3ZgO/fv//8+/fvL3Z29j9QlzLCYhDDgAcPHnxvbGx8hCw2Y8aMbHV19RBsSQDDAFlZWdHi4uIgJKf+FxERUcLiUkhUI0XjfBKj0Rw9GmFp+sXly5dvAKMTXwK8DoyRy8BARXHBaiB+umnTJh1gYBFMwnv27AHrgxvw5s2b2pCQEBNi8wDMAEZYbgQ6mQWYAv9wcnIyMDMzEzQA6AUGkBcYKc3OAAEGALnS547KyaWGAAAAAElFTkSuQmCC) no-repeat 0}.ChatHead_lt li .access{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDRGMjEwOTNBQjJCMTFFOEE5QjNBMzg1Qjk2NjNEQzYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDRGMjEwOTJBQjJCMTFFOEE5QjNBMzg1Qjk2NjNEQzYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVBNjFDQzhCQUIyODExRTg4RURCQjE1REZFODU0RTQyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVBNjFDQzhDQUIyODExRTg4RURCQjE1REZFODU0RTQyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QNBObgAAAUpJREFUeNqk088rRFEUwHFvepNJ+U0NNdjYaFKSpdIsZIqNpWRBFpYsLWzt/ANSRsoOaRY2JAsLVjST+AuILEhGfjzfU+fqdnt3Sm59FnPevWfOvefeIIqimv+M0BMfxhi6EOAVFyjizp4YOBWksYZ67OEab2hFHkPYwsbvCkmgenCGBSvm6kYRKyZmPiSxjxlnwQCWnFgKh5iU3wktZAKPWp496tDpxCpYxCxSJsEoCjGH+Y3PmLiczQMGJUGD/tNNzETpwIenU1fIhnrCX3j2VJDFuBWTtp3gHplQ9x5o6ypOgjLOkdNkMu8dp2jGkyR40SS9ui97yLdVzxb6sGkO8QjTf7jBsrgNl6a3CaxjqsolMmqxg5x9kUQLdjFXZXEGBcybmPsWGrGMdt3WrbaxCSNa+jYOfI/JjH59kR1I6mGWcOy2+0eAAQAH0Aesz87BqwAAAABJRU5ErkJggg==) no-repeat 0}.ChatHead_lt li .access em{display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;background:red;border-radius:50%;margin-right:3px}.ChatHead_lt .ChatHeadCur{background:#000;color:#09bb07}.ChatHead_lt .ChatHeadCur .access em{color:#fff}.ChatHead_lt .ChatHeadCur .reply{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk4RDA2NTBBQjJCMTFFOEJBNDA4OUU4QUE2MUQ1REEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk4RDA2NEZBQjJCMTFFOEJBNDA4OUU4QUE2MUQ1REEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ3RjAwMDc4QUIyODExRThBOTU2RTgxQkYzMDRCNkNEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ3RjAwMDc5QUIyODExRThBOTU2RTgxQkYzMDRCNkNEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Oa9+PgAAATtJREFUeNqkU71KA0EQntm9M5xEA4KVnWKhmOJeIjZWYuE7BKuAjyDa5llsbcRK5YozoNhpISIxKBbLJbc7zknuEo/dI5qBj539mW9+F4kI5hEBc4qXK53HThh9Rsc16S/y1lTZJHoUdbe6p816UxUEtx/X7cv+1SHIGdxq2Hvf6J+zdlMQBDLwMuNA1t4A4cJhugIELQUJSpT+rxRY8mo+sXbCK5aMs/ttRstagympE+EOr37pPGVsIhIWiTgIBPteKBEkjOGYhMbRCReBQqDn0lmbcWAbARvBKmN/qgaZx3XLO+MiWGMczdBM4+rCKysPWGVKcM8/4K5MsMR4SeRo1zOyJ0n8bZSVVjEHdWaM6Q21mcRjn0TQ9NNFwPw3xl+xN0gHaVY6QQKqUtBkIFwOoeE1JgT/lW8BBgBCdmYhCM+JowAAAABJRU5ErkJggg==) no-repeat 0}.ChatHead_lt .ChatHeadCur .access{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA+0lEQVQ4jaWTP2oCYRDFp5CZeR8Sscgd9hA5TM5goQEtBA9ikTLFFgmR3ZkQsPASISFgaWmxZdKsG3fjfrg68Lp5P+YvUSM44ySYLmDyDJMdXLZwSdV4xhknzfy/2BDgMoLJB0x+WvSJnMf0Sjf//HB+jBhrUpMVvVPvyCyjc82Vcp5UPcNkfzqRHyKQgjNOqBzY6VJzvY+3wjMqp30RAC4pwWR3BWAbBcBwF5yXB5Wb2jcBrS3A5ekYEJyXDUBKwXTeeYWlgun8sMbiAkBRnTacx10BajytnbKarM4vXax2ykREgxca4o0nMPmKmL/VeNpf929bn7LrO/8CIOpsqAiwML4AAAAASUVORK5CYII=) no-repeat 0}.ChatHead_rt{float:right;margin-right:5px}.ChatHead_btn{float:left}.ChatHead_btn a{display:inline-block;width:86px;height:36px;line-height:36px;text-align:center;font-size:15px;border-radius:4px;background:#f2f2f2;color:#333;margin:4px 2px}.ChatHead_btn .BtnBackGreen{background:#09bb07;color:#fff}.ChatWindowCon,.ChatWindowMain{position:absolute;top:0;left:0;bottom:0;right:0}.ChatWindowCon{z-index:1}.ChatWindowConItem{height:100%;position:relative;display:none}.ChatWindowDiv{overflow:auto;-webkit-overflow-scrolling:touch;padding:0 10px 10px 10px;position:absolute;top:45px;left:0;right:0;bottom:100px}.ChatWindowDiv::-webkit-scrollbar{width:4px;height:4px}.KefuName{text-align:center;border:1px solid #dedede;padding:10px 10px 10px 10px}.ChatWindowDiv::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px #ccc9c7;background:#ccc9c7}.ChatWindowDiv::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px #ccc9c7;border-radius:0;background:none}.ChatWindowDiv li{clear:both}.FriendsCon .ChatWindowText{margin-left:10px;background:#fff;border:1px solid #dedede}.FriendsCon .ChatWindowText:before,.FriendsCon .ChatWindowText before{left:-5px;background:#fff;border-left:1px solid #dedede;border-bottom:1px solid #dedede}.MeCon .ChatWindowText{margin-right:10px;background:#b1e37c;border:1px solid #b1e37c}.MeCon .ChatWindowText:before,.MeCon .ChatWindowText before{right:-5px;background:#b1e37c;border-top:1px solid #b1e37c;border-right:1px solid #b1e37c}.ChatWindowTime{text-align:center;font-size:12px;color:#999;padding:20px 0}.ChatWindowIn{overflow:hidden;padding-top:10px;position:relative}.touxiang{width:30px;height:30px}.FriendsCon .ChatWindowText,.FriendsCon .touxiang{float:left}.MeCon .ChatWindowText,.MeCon .touxiang{float:right}.ChatWindowText{max-width:60%;line-height:1.4;font-size:12px;color:#333;padding:7px 10px;background:#fff;position:relative}.ChatWindowText img{max-width:200px;max-height:200px}.ChatWindowTextVoice{float:left;max-width:60%;line-height:1.4;font-size:12px;color:#333;padding:7px 10px;margin:2px 0 0 40px;background:#fff;border:1px solid #dedede}.ChatWindowText:before,.ChatWindowText before{content:"";position:absolute;top:10px;width:8px;height:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5)}.InputBox{padding:0 20px;height:133px;background:#fff;border-top:1px solid #fff;position:absolute;left:0;right:0;bottom:0}.InputBoxIcon{padding:8px 0}.mess-dialogue{position:fixed;bottom:0;z-index:9;width:100%;background-color:#f9f9f9;-webkit-overflow-scrolling:touch}.InputArea,.mess-dialogue_content{display:block}.InputArea{padding:5px;padding-bottom:0;-webkit-box-shadow:0 -1px 0 0 rgb(224 224 224);box-shadow:0 -1px 0 0 rgb(224 224 224)}.InputArea .InputArea-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.InputArea-textarea,.InputArea .InputArea-content div{vertical-align:middle}.InputArea-textarea{width:100%;max-height:80px;min-height:80px;height:42px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;overflow:hidden;padding:10px 11px;-webkit-user-select:text;word-wrap:break-word;outline:0 none;resize:none;padding-left:5px;padding-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:20px}.getDrawer,.InputArea-emoji,.InputArea-voice{width:27px;height:27px;margin-bottom:5px}.getDrawer img,.InputArea-emoji img,.InputArea-voice img{width:inherit}.InputArea-btn{position:relative;margin-right:16px;text-align:right;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:4px 7px;display:block;margin-left:0}.InputArea-btn .send{font-size:14px;padding:10px 18px;cursor:pointer;display:inline-block;-webkit-transition:all .5s;transition:all .5s;border-radius:3px}.changeSkinColor{background-color:#64b33d;color:#fff!important}.InputArea-input{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:5px;margin-top:2px;overflow:hidden}.textarea{width:100%;max-height:80px;min-height:42px;height:42px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;overflow:hidden;padding:10px 11px;-webkit-user-select:text;word-wrap:break-word;vertical-align:middle;outline:0 none;resize:none;padding-left:5px;padding-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:20px;-webkit-appearance:none}.textarea::-webkit-scrollbar{width:4px;height:4px}.textarea::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px #ccc9c7;background:#ccc9c7}.textarea::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px #ccc9c7;border-radius:0;background:none}.textarea img{height:80px}.send-btn{position:absolute;right:12px;background-color:#67c23a;border:none;top:69px;width:60px;height:32px;line-height:32px;border-radius:6px;padding:0;text-align:center}.input-but{position:relative;display:inline-block;vertical-align:middle}.fileinput,.input-but{width:30px;height:30px}.fileinput{position:absolute;top:0;right:0;opacity:0;filter:alpha(opacity=0);cursor:pointer}.ChatHead_status{position:fixed;top:10px;left:10px;line-height:12px}.ChatHead_status span{margin-left:5px;font-size:12px;color:#666}.textarea{font-size:12px}.ChatName span{font-size:small;color:#dadada}.autoanswer{line-height:1.4;padding:7px 10px;font-size:13px}