.live[data-v-76f1d820]{height:80vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.live .live-window[data-v-76f1d820]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-top:20px}.live .chat-box[data-v-76f1d820]{width:300px;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.live .live-area[data-v-76f1d820]{-webkit-box-flex:1;-ms-flex:1;flex:1;background-color:#000;width:100%}.live .top[data-v-76f1d820]{background-color:#eee;padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.live .top .presenter[data-v-76f1d820]{-webkit-box-flex:1;-ms-flex:1;flex:1;margin-right:18px}.live .top .qrcode[data-v-76f1d820]{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;margin-left:18px}.live .top .qrcode span[data-v-76f1d820]{font-size:13px;color:#787878;cursor:pointer;width:80px}.live .top .qrcode>div[data-v-76f1d820]{position:absolute;right:0;top:26px;display:none}.live .qrcode:hover>div[data-v-76f1d820]{display:block}.chat-box[data-v-76f1d820]{margin:0 auto;background:#fafafa}.chat-box header[data-v-76f1d820]{width:100%;height:3rem;background:#eee;max-width:700px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;color:#fff;font-size:1rem}.chat-box .msg-box[data-v-76f1d820]{width:100%;overflow-y:scroll;padding-bottom:56px}.chat-box .msg-box .msg[data-v-76f1d820]{width:95%;min-height:2.5rem;margin:1rem .5rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start!important;-ms-flex-pack:start!important;justify-content:flex-start!important}.chat-box .msg-box .msg .user-head[data-v-76f1d820]{min-width:2.5rem;width:20%;width:2.5rem;height:2.5rem;border-radius:50%;background:#f1f1f1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-box .msg-box .msg .user-head .head[data-v-76f1d820]{width:1.2rem;height:1.2rem}.chat-box .msg-box .msg .user-msg[data-v-76f1d820]{width:80%;word-break:break-all;position:relative;z-index:5}.chat-box .msg-box .msg .user-msg span[data-v-76f1d820]{display:inline-block;padding:.5rem .7rem;border-radius:.5rem;margin-top:.2rem;font-size:.88rem}.chat-box .msg-box .msg .user-msg .left[data-v-76f1d820]{background:#fff;-webkit-animation:toLeft-data-v-76f1d820 .5s ease 1 both;animation:toLeft-data-v-76f1d820 .5s ease 1 both}.chat-box .msg-box .msg .user-msg .right[data-v-76f1d820]{background:#53a8ff;color:#fff;-webkit-animation:toright-data-v-76f1d820 .5s ease 1 both;animation:toright-data-v-76f1d820 .5s ease 1 both}@-webkit-keyframes toLeft-data-v-76f1d820{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toLeft-data-v-76f1d820{0%{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes toright-data-v-76f1d820{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes toright-data-v-76f1d820{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.chat-box .input-box[data-v-76f1d820]{padding:0 .5rem;position:absolute;bottom:0;width:100%;height:3.5rem;background:#fafafa;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;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;z-index:1000}.chat-box .input-box input[data-v-76f1d820]{height:2.3rem;display:inline-block;width:100%;padding:.5rem;border:none;border-radius:.2rem;font-size:.88rem}.chat-box .input-box .btn[data-v-76f1d820]{height:2.3rem;min-width:4rem;background:#e0e0e0;padding:.5rem;font-size:.88rem;color:#fff;text-align:center;border-radius:.2rem;margin-left:.5rem;-webkit-transition:.5s;transition:.5s}.chat-box .input-box .btn-active[data-v-76f1d820]{background:#409eff}