html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.topBar[data-v-c8957ab6]{position:absolute;top:0;left:0;width:100%;height:40px;line-height:40px;background-color:#eee;color:#999}.topBar.connect[data-v-c8957ab6]{color:#0073a0}.userList-wrap[data-v-3a66758c]{height:100%;overflow:hidden;color:#0073a0;border-right:1px solid rgba(0,0,0,.08)}.title[data-v-3a66758c]{height:30px;line-height:30px;font-size:12px;border-bottom:1px solid rgba(0,0,0,.08)}.content[data-v-3a66758c]{margin-right:-20px;height:calc(100% - 30px);overflow-y:scroll}.user-item[data-v-3a66758c]{padding:0 10px;line-height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-item .nickName[data-v-3a66758c]{font-size:14px;color:#0073a0}.user-item .enterTime[data-v-3a66758c]{font-size:12px;color:#999}.message-wrap[data-v-e8c88040]{padding:6px 0;height:100%;overflow:hidden}.messages[data-v-e8c88040]{padding:0 10px;height:100%;overflow-y:scroll;margin-right:-20px}.messages .item[data-v-e8c88040],.messages[data-v-e8c88040]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.messages .item[data-v-e8c88040]{margin:4px 0;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;max-width:60%}.messages .item.sys[data-v-e8c88040]{max-width:100%}.messages .item.self[data-v-e8c88040]{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-item-align:end;align-self:flex-end}.messages .msg-sys[data-v-e8c88040]{font-size:12px;-ms-flex-item-align:center;align-self:center;color:#999}.messages .des[data-v-e8c88040]{line-height:2;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;font-size:12px;color:#999}.messages .des .nickName[data-v-e8c88040]{color:#0073a0}.messages .des .time[data-v-e8c88040]{margin-left:4px}.messages .text[data-v-e8c88040]{line-height:2;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;padding:0 8px;background:rgba(0,0,0,.06);color:#333;border-radius:4px}.input-wrap[data-v-4b1b2dde]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.util-bar[data-v-4b1b2dde]{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px;line-height:40px;font-size:12px;color:#ddd;background-color:rgba(0,115,160,.6)}.textarea[data-v-4b1b2dde]{padding:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;resize:none;width:100%;border:none;outline:none}.send[data-v-4b1b2dde]{-webkit-box-flex:0;-ms-flex:0 0 40px;flex:0 0 40px}.send .send-btn[data-v-4b1b2dde]{margin-right:10px;float:right;width:60px;height:30px;border:none;font-size:13px;color:#fff;background-color:#0073a0;border-radius:4px;outline:none;cursor:pointer}.send .send-btn[data-v-4b1b2dde]:disabled{background-color:#ccc;cursor:default}.send .send-btn[data-v-4b1b2dde]:disabled:hover{background-color:#ccc}.send .send-btn[data-v-4b1b2dde]:hover{background-color:rgba(0,115,160,.6)}.send .send-btn[data-v-4b1b2dde]:active{padding-right:.5px;line-height:31px}.wrap[data-v-d65c9e12]{position:absolute;top:50%;left:50%;margin-left:-400px;margin-top:-340px;width:800px;height:680px;-webkit-box-shadow:0 0 10px #0073a0;box-shadow:0 0 10px #0073a0;border:1px solid rgba(0,0,0,.08)}.main[data-v-d65c9e12]{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:40px;height:100%}.userList-container[data-v-d65c9e12]{-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px}.content-container[data-v-d65c9e12]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.content-container .content[data-v-d65c9e12],.content-container .cover[data-v-d65c9e12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;top:0;left:0;right:0;bottom:0}.content-container .content.blur[data-v-d65c9e12],.content-container .cover.blur[data-v-d65c9e12]{-webkit-filter:blur(5px);filter:blur(5px)}.content-container .content-message[data-v-d65c9e12]{-webkit-box-flex:1;-ms-flex:1;flex:1;border-bottom:1px solid rgba(0,0,0,.08)}.content-container .content-input[data-v-d65c9e12]{-webkit-box-flex:0;-ms-flex:0 0 180px;flex:0 0 180px}.content-container .cover[data-v-d65c9e12]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.content-container .cover .info[data-v-d65c9e12]{font-size:13px;color:#999;line-height:2}.content-container .cover .nickName[data-v-d65c9e12]{padding:4px 10px;margin:10px 0}.content-container .cover .btn[data-v-d65c9e12]{height:30px;padding:0 10px;background-color:transparent;border:1px solid rgba(0,0,0,.08);border-radius:4px;font-size:13px;outline:none;cursor:pointer}.content-container .cover .btn[data-v-d65c9e12]:active{-webkit-box-shadow:0 0 10px rgba(0,0,0,.06);box-shadow:0 0 10px rgba(0,0,0,.06)}