.pcchat-wrap{position:fixed;right:24px;bottom:24px;z-index:9998;font-size:14px;color:#333;font-family:"Microsoft YaHei",Arial,sans-serif;}.pcchat-wrap *{box-sizing:border-box;}.pcchat-wrap.pcchat-hide .pcchat-box{display:none;}.pcchat-wrap.pcchat-hide .pcchat-mini{display:block;}.pcchat-box{width:380px;height:520px;background:#fff;border-radius:8px;box-shadow:0 6px 30px rgba(0,0,0,.22);display:flex;flex-direction:column;overflow:hidden;}.pcchat-head{height:46px;line-height:46px;padding:0 12px;background:#3f7bf2;color:#fff;cursor:move;flex:0 0 auto;}.pcchat-head .pcchat-title{float:left;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;}.pcchat-head .pcchat-ops{float:right;}.pcchat-head .pcchat-ops a{color:#fff;text-decoration:none;display:inline-block;width:24px;text-align:center;font-size:18px;opacity:.9;}.pcchat-head .pcchat-ops a:hover{opacity:1;}.pcchat-box.pcchat-max{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border-radius:0;}.pcchat-box.pcchat-max .pcchat-head{cursor:default;}html.pcchat-lock,body.pcchat-lock{overflow:hidden !important;}.pcchat-body{flex:1 1 auto;overflow-y:auto;padding:12px;background:#f5f6f8;}.pcchat-body .chat_item{display:flex;margin-bottom:12px;align-items:flex-start;}.pcchat-body .chat_item .headImg{width:36px;height:36px;border-radius:50%;flex:0 0 auto;background:#e5e5e5;}.pcchat-body .chat_item .content{position:relative;max-width:240px;padding:8px 12px;border-radius:6px;line-height:20px;word-break:break-all;word-wrap:break-word;background:#fff;color:#333;white-space:pre-wrap;}.pcchat-body .chat_item .content a{color:#3f7bf2;}.pcchat-body .chat_item .content img{max-width:200px;max-height:200px;display:block;cursor:pointer;border-radius:4px;}.pcchat-body .chat_lf{justify-content:flex-start;}.pcchat-body .chat_lf .content{margin-left:8px;}.pcchat-body .chat_rt{justify-content:flex-end;}.pcchat-body .chat_rt .content{margin-left:0;margin-right:8px;background:#d9ecff;}.pcchat-body .chat_lf .content::before{content:'';position:absolute;left:-8px;top:12px;border:4px solid transparent;border-right-color:#fff;}.pcchat-body .chat_rt .content::after{content:'';position:absolute;right:-8px;top:12px;border:4px solid transparent;border-left-color:#d9ecff;}.pcchat-body .time_or_message{text-align:center;color:#bbb;font-size:12px;margin:10px 0;}.pcchat-body .loading{text-align:center;color:#bbb;font-size:12px;padding:6px 0;}.pcchat-body .pcchat-empty{text-align:center;color:#bbb;font-size:13px;padding-top:20px;}.pcchat-foot{flex:0 0 auto;border-top:1px solid #eee;background:#fff;padding:8px 10px 10px;}.pcchat-foot .pcchat-tools{margin-bottom:6px;}.pcchat-foot .pcchat-img{display:inline-block;color:#666;text-decoration:none;font-size:13px;border:1px solid #ddd;border-radius:4px;padding:2px 8px;}.pcchat-foot .pcchat-img:hover{color:#3f7bf2;border-color:#3f7bf2;}.pcchat-foot textarea.pcchat-input{width:100%;height:64px;border:1px solid #e5e5e5;border-radius:4px;padding:6px 8px;resize:none;outline:none;font-size:14px;font-family:inherit;line-height:20px;}.pcchat-foot textarea.pcchat-input:focus{border-color:#3f7bf2;}.pcchat-foot .pcchat-actions{margin-top:6px;text-align:right;overflow:hidden;}.pcchat-foot .pcchat-tip{float:left;color:#fa5151;font-size:12px;line-height:30px;}.pcchat-foot .pcchat-send-group{position:relative;display:inline-flex;vertical-align:middle;}.pcchat-foot .pcchat-send{display:inline-block;min-width:80px;height:30px;line-height:30px;background:#3f7bf2;color:#fff;border:0;border-radius:4px 0 0 4px;cursor:pointer;font-size:14px;}.pcchat-foot .pcchat-send:hover{background:#2f66d6;}.pcchat-foot .pcchat-send.pcchat-disabled{background:#b9c6e4;cursor:not-allowed;}.pcchat-foot .pcchat-send-more{width:30px;height:30px;padding:0;background:#3f7bf2;border:0;border-left:1px solid rgba(255,255,255,.4);border-radius:0 4px 4px 0;cursor:pointer;}.pcchat-foot .pcchat-send-more:hover{background:#2f66d6;}.pcchat-foot .pcchat-caret{display:inline-block;width:0;height:0;border:5px solid transparent;border-top:9px solid #fff;margin-top:4px;}.pcchat-send-menu{display:none;position:fixed;min-width:210px;background:#fff;border-radius:6px;box-shadow:0 6px 24px rgba(0,0,0,.16);padding:6px 0;z-index:10001;text-align:left;}.pcchat-send-menu a{display:block;padding:9px 16px;color:#333;font-size:13px;text-decoration:none;white-space:nowrap;}.pcchat-send-menu a:hover{background:#f5f7fa;}.pcchat-send-menu .pcchat-check{display:inline-block;width:20px;font-style:normal;color:#35b558;font-size:15px;visibility:hidden;margin-right:0px;}.pcchat-send-menu a.on .pcchat-check{visibility:visible;}.pcchat-mini{display:none;height:44px;line-height:44px;padding:0 16px;background:#3f7bf2;color:#fff;border-radius:22px;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.22);}.pcchat-mini .pcchat-badge{display:inline-block;min-width:18px;height:18px;line-height:18px;padding:0 5px;margin-left:6px;background:#fa5151;color:#fff;border-radius:9px;font-size:12px;text-align:center;vertical-align:middle;}.pcchat-preview{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.75);z-index:9999;display:none;text-align:center;}.pcchat-preview img{max-width:82%;max-height:82%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:4px;}.pcchat-preview-close{position:absolute;top:14px;right:24px;width:44px;height:44px;line-height:44px;text-align:center;color:#fff;font-size:34px;cursor:pointer;text-shadow:0 1px 8px rgba(0,0,0,.6);opacity:.9;}.pcchat-preview-close:hover{opacity:1;}.pcchat-launcher{position:fixed;right:24px;bottom:80px;z-index:9996;font-size:14px;font-family:"Microsoft YaHei",Arial,sans-serif;}.pcchat-launcher *{box-sizing:border-box;}.pcchat-launch-btn{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:#3f7bf2;box-shadow:0 6px 20px rgba(63,123,242,.4);position:relative;}.pcchat-launch-btn:hover{background:#2f66d6;}.pcchat-launch-badge{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;line-height:20px;padding:0 6px;background:#fa5151;color:#fff;border-radius:10px;font-size:12px;text-align:center;border:2px solid #fff;box-sizing:content-box;}.pcchat-list{display:none;position:fixed;right:24px;bottom:24px;z-index:1;width:300px;height:420px;background:#fff;border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.18);overflow:hidden;flex-direction:column;}.pcchat-list.on{display:flex;}.pcchat-list-head{height:44px;line-height:44px;padding:0 14px;background:#3f7bf2;color:#fff;font-size:15px;flex:0 0 auto;}.pcchat-list-head .pcchat-list-close{float:right;color:#fff;text-decoration:none;font-size:20px;opacity:.85;}.pcchat-list-head .pcchat-list-close:hover{opacity:1;}.pcchat-list-body{flex:1 1 auto;overflow-y:auto;background:#fff;}.pcchat-list-empty{text-align:center;color:#aaa;font-size:13px;line-height:22px;padding:44px 20px;}.pcchat-list-body .news_item{display:flex;padding:12px;border-bottom:1px solid #f2f2f2;text-decoration:none;color:#333;cursor:pointer;}.pcchat-list-body .news_item:hover{background:#f5f8ff;}.pcchat-list-body .icon_box{position:relative;width:42px;height:42px;margin-right:10px;flex:0 0 auto;}.pcchat-list-body .icon_box img.icon{width:42px;height:42px;border-radius:50%;background:#eee;display:block;}.pcchat-list-body .icon_box .num{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;line-height:18px;padding:0 5px;background:#fa5151;color:#fff;border-radius:9px;font-size:12px;text-align:center;}.pcchat-list-body .info_content{flex:1;min-width:0;}.pcchat-list-body .title_box{display:flex;align-items:center;justify-content:space-between;}.pcchat-list-body .title{font-size:14px;color:#333;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.pcchat-list-body .time{color:#aaa;font-size:12px;flex:0 0 auto;margin-left:8px;}.pcchat-list-body .message{margin-top:5px;font-size:13px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}