#site-chat{position:fixed;right:20px;bottom:34px;z-index:9999;font-family:Arial,"Microsoft YaHei",sans-serif}#site-chat-toggle{position:relative;width:56px;height:56px;border:0;border-radius:50%;background:#0d9eaa;color:#fff;font-size:23px;line-height:56px;text-align:center;box-shadow:0 4px 14px rgba(13,158,170,.38);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}#site-chat-toggle:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(13,158,170,.48)}#site-chat-toggle .fa{line-height:56px}#site-chat-panel{display:none;position:absolute;right:0;bottom:70px;width:350px;height:470px;background:#fff;border:1px solid #dfe5e8;box-shadow:0 8px 26px rgba(22,39,53,.22);border-radius:8px;overflow:hidden}.sc-head{height:50px;line-height:50px;padding:0 16px;color:#fff;background:#0d9eaa;font-size:16px;font-weight:600}.sc-close{float:right;color:#fff;text-decoration:none;font-size:22px;line-height:48px}.sc-messages{height:350px;overflow-y:auto;padding:12px;background:#f4f7f8}.sc-msg{margin:7px 0;max-width:80%;clear:both}.sc-msg span{display:inline-block;padding:9px 11px;border-radius:6px;word-break:break-word;white-space:pre-wrap;font-size:14px;line-height:1.4}.sc-msg.user{float:right;text-align:right}.sc-msg.user span{background:#0d9eaa;color:#fff}.sc-msg.staff{float:left}.sc-msg.staff span{background:#fff;border:1px solid #dce3e6;color:#333}.sc-time{display:block;color:#8a989e;font-size:11px;margin-top:2px}.sc-input{height:72px;padding:8px;border-top:1px solid #dfe5e8;background:#fff}.sc-input textarea{width:calc(100% - 65px);height:52px;resize:none;border:1px solid #d4dde1;border-radius:4px;padding:7px;box-sizing:border-box;font-family:inherit}.sc-send{float:right;width:58px;height:52px;border:0;border-radius:4px;background:#0d9eaa;color:#fff;cursor:pointer;font-size:14px}.sc-tip{font-size:12px;color:#7b8a90;padding:4px 12px}.sc-unread{position:absolute;right:-3px;top:-3px;min-width:18px;height:18px;line-height:18px;border-radius:9px;background:#e04b4b;color:#fff;font-size:11px;text-align:center;padding:0 2px;box-sizing:border-box}@media(max-width:480px){#site-chat{right:14px;bottom:78px}#site-chat-panel{position:fixed;left:10px;right:10px;bottom:148px;width:auto;height:calc(100vh - 185px);max-height:520px}.sc-messages{height:calc(100% - 122px)}}