.chatbox[data-v-876307b2]{width:100%;height:100%;left:0;top:0;position:absolute;background-color:#e7e7e7;overflow:hidden}.msgbox .msgbox-item[data-v-876307b2]{margin-bottom:15px;position:relative;display:block;margin-bottom:10px}.msgbox .msgbox-item .time[data-v-876307b2]{margin-bottom:10px;text-align:center}.msgbox .msgbox-item .time span[data-v-876307b2]{display:inline-block;padding:0 5px;font-size:12px;color:#fff;border-radius:2px;background-color:#c7c7c7}.content[data-v-876307b2]{display:inline-block;position:relative;padding:0 10px;max-width:calc(100% - 75px);min-height:35px;line-height:2rem;font-size:15px;padding:6px 10px;text-align:left;word-break:break-all;background-color:#fff;color:#000;border-radius:4px;box-shadow:0 1px 7px -5px #000}.content[data-v-876307b2]:before{content:" ";position:absolute;top:9px;right:100%;border:6px solid transparent;border-right-color:#fff}.content-avatar[data-v-876307b2]{margin:0 10px;float:left}.content img[data-v-876307b2],.content span[data-v-876307b2]{display:inline;vertical-align:middle}.mine[data-v-876307b2]{text-align:right}.mine .content-avatar[data-v-876307b2]{float:right}.mine .content[data-v-876307b2]{background-color:#9eea6a}.mine .content[data-v-876307b2]:before{right:inherit;left:100%;border-right-color:transparent;border-left-color:#9eea6a}.msgbox .move-from-left[data-v-876307b2]{left:0;animation:moveLeft-876307b2 .7s ease;-webkit-animation:moveLeft-876307b2 .7s ease}.msgbox .move-from-right[data-v-876307b2]{left:0;animation:moveRight-876307b2 .7s ease;-webkit-animation:moveRight-876307b2 .7s ease}@keyframes moveRight-876307b2{0%{left:-20px;opacity:0}to{left:0;opacity:1}}@keyframes moveLeft-876307b2{0%{left:20px;opacity:0}to{left:0;opacity:1}}.chatbox .toolbox[data-v-876307b2]{display:flex;position:absolute;right:0;left:0;height:50px;line-height:50px;box-shadow:0 -2px 1px hsla(0,0%,80%,.5);background-color:#f1f1f1;align-items:center}.bottom0[data-v-876307b2]{bottom:0}.bottom150[data-v-876307b2]{bottom:150px}.toolbox .back[data-v-876307b2]{align-items:center;display:flex;font-size:2rem}.toolbox .input[data-v-876307b2]{flex:1;width:0}.toolbox .input input[data-v-876307b2]{width:100%;height:40px}.toolbox .emoji[data-v-876307b2]{align-items:center;display:flex;font-size:2rem}.toolbox .other[data-v-876307b2]{align-items:center;display:flex;font-size:2.5rem}.chatbox .function[data-v-876307b2]{display:flex;position:absolute;right:0;left:0;bottom:0;height:150px;box-shadow:0 -2px 1px hsla(0,0%,80%,.5);background-color:#f1f1f1;align-items:center}.function-emoji[data-v-876307b2]{height:150px;padding:10px;display:flex;flex-direction:row;flex-wrap:wrap;overflow-y:scroll}.function-other[data-v-876307b2]{height:150px;padding:10px}.upload[data-v-876307b2]{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:1px solid #dcdcdc;border-radius:10px;background-color:#fff}