.nav[data-v-58f42c70]{display:inline-block;width:50%;text-align:center;padding-bottom:10px}.navon[data-v-58f42c70]{border-bottom:2px solid #009acd}.navon a[data-v-58f42c70]{color:#009acd}.chat-box[data-v-58f42c70]{margin:0 auto;background:#fafafa;position:absolute;height:100%;width:100%;max-width:100%}.chat-box header[data-v-58f42c70]{position:fixed;width:80%;height:3rem;background:#409eff;max-width:700px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-weight:700;color:#fff;font-size:1rem}.chat-box .msg-box[data-v-58f42c70]{position:absolute;height:55%;width:80%;margin-top:5px;overflow-y:scroll}.chat-box .msg-box .msg[data-v-58f42c70]{width:95%;min-height:2.5rem;margin-top:1rem;margin-left:.5rem;margin-right:.5rem;position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:start!important;justify-content:flex-start!important}.chat-box .msg-box .msg .user-head[data-v-58f42c70]{min-width:100px;width:20%;width:100px;height:100px;border-radius:50%;background:#f1f1f1;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.chat-box .msg-box .msg .user-head .head[data-v-58f42c70]{width:1.2rem;height:1.2rem}.chat-box .msg-box .msg .user-msg[data-v-58f42c70]{width:80%;word-break:break-all;position:relative;z-index:5}.chat-box .msg-box .msg .user-msg span[data-v-58f42c70]{display:inline-block;padding:25px .7rem;border-radius:20px;margin-top:.2rem;font-size:20px}.chat-box .msg-box .msg .user-msg .left[data-v-58f42c70]{background:#fff;animation:toLeft-58f42c70 .5s ease 1 both}.chat-box .msg-box .msg .user-msg .right[data-v-58f42c70]{background:#53a8ff;color:#fff;animation:toright-58f42c70 .5s ease 1 both}@keyframes toLeft-58f42c70{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes toright-58f42c70{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}.chat-box .input-box[data-v-58f42c70]{padding:0 .5rem;position:absolute;bottom:0;width:80%;height:20%;background:#fafafa;box-shadow:0 0 5px #ccc;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.chat-box .input-box input[data-v-58f42c70]{height:50%;display:inline-block;width:40%;padding:.5rem;border:none;border-radius:.2rem;font-size:20px}.chat-box .input-box .btn[data-v-58f42c70]{height:50px;min-width:8%;background:#e0e0e0;padding:.5rem;font-size:26px;color:#fff;text-align:center;border-radius:.2rem;margin-left:0;transition:.5s;-ms-flex-pack:center;justify-content:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.chat-box .input-box .btn-active[data-v-58f42c70]{background:#409eff}.van-nav-bar[data-v-58f42c70]{background-color:#009acd}.van-nav-bar__title[data-v-58f42c70]{color:#fff}.van-icon-arrow-left[data-v-58f42c70]:before{color:#fff;font-size:20px}