.message-detail[data-v-a44f13b4]{flex-direction:column;width:550px;position:relative}@media (max-width:768px){.message-detail[data-v-a44f13b4]{width:100%}}.message-navbar[data-v-a44f13b4]{height:80px;align-items:center;margin:0 30px;border-bottom:1px solid #ccc}@media (max-width:768px){.message-navbar[data-v-a44f13b4]{position:fixed;background-color:#fff;width:100%;z-index:3;top:0;margin:0;padding:0 20px}}.message-navbar .prev[data-v-a44f13b4]{height:18px;width:10px}.message-navbar .user-info[data-v-a44f13b4]{align-items:center}.message-navbar .user-info .profile-img[data-v-a44f13b4]{width:50px;height:50px;border-radius:25px}@media (max-width:768px){.message-navbar .user-info .profile-img[data-v-a44f13b4]{margin-left:10px}}.message-navbar .user-info .info[data-v-a44f13b4]{display:inline-flex;flex-direction:column;max-width:100%;overflow:hidden;margin-left:7px}.message-navbar .user-info .info .user-nickname[data-v-a44f13b4]{color:#000;font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.message-navbar .user-info .info .user-gender-age[data-v-a44f13b4]{font-size:11px;white-space:nowrap}.message-navbar .buttons[data-v-a44f13b4]{margin-left:52px}@media (max-width:768px){.message-navbar .buttons[data-v-a44f13b4]{margin-left:auto}}.message-navbar .buttons button[data-v-a44f13b4]{display:flex;width:82px;height:33px;border-radius:8px;align-items:center}.message-navbar .buttons button img[data-v-a44f13b4]{margin-right:4px}.message-navbar .buttons button label[data-v-a44f13b4]{font-size:12px}.message-navbar .buttons button.btn-video[data-v-a44f13b4]{background-color:#d83b3b;color:#fff}.message-navbar .buttons button.btn-delete[data-v-a44f13b4]{border:1px solid #ddd;color:#4c4c4c}.message-navbar .buttons button+button[data-v-a44f13b4]{margin-left:7px}.message-content[data-v-a44f13b4]{height:500px;overflow-y:auto;flex-direction:column;padding:0 30px}@media (max-width:768px){.message-content[data-v-a44f13b4]{height:calc(100vh - 135px);min-height:calc(100vh - 135px);flex:1;margin-top:15px;margin-bottom:55px}}.message-content .message-title[data-v-a44f13b4]{width:100%;height:23px;line-height:23px;background-color:#f2f2f2;border-radius:10px;font-size:11px;color:#a9a9a9;margin-top:19px;margin-bottom:11px;align-items:center;justify-content:center}.message-content .message-wrapper[data-v-a44f13b4]{flex-direction:column;margin-bottom:19px}.message-content .message-wrapper.message-send[data-v-a44f13b4]{align-items:flex-end;margin-left:auto;padding-left:40px}.message-content .message-wrapper.message-send .message[data-v-a44f13b4]{background-color:#f3f3f3;color:#484848}.message-content .message-wrapper.message-receive[data-v-a44f13b4]{padding-right:40px}.message-content .message-wrapper.message-receive .message[data-v-a44f13b4]{background-color:#fff;color:#d73a3a}.message-content .message-wrapper .message[data-v-a44f13b4]{border-radius:10px;padding:18px;font-size:15px;border:1px solid #e1e1e1}.message-content .message-wrapper .message img[data-v-a44f13b4]{max-width:300px;cursor:pointer}.message-content .message-wrapper .message-time[data-v-a44f13b4]{margin-top:5px;font-size:11px;color:#b2b2b2}.message-bar[data-v-a44f13b4]{height:55px;position:fixed;left:0;bottom:0;width:100%;z-index:10}.message-bar input[data-v-a44f13b4]{flex:1;padding:0 20px;font-size:15px;border:none;outline:none;resize:none;background-color:#f5f5f5}.message-bar input[data-v-a44f13b4]::-webkit-input-placeholder{padding-top:10px}.message-bar input[data-v-a44f13b4]::-moz-placeholder{padding-top:10px}.message-bar input[data-v-a44f13b4]::-ms-input-placeholder{padding-top:10px}.message-bar button[data-v-a44f13b4]{cursor:pointer}.message-bar .btn-more[data-v-a44f13b4]{width:65px;background-color:#ababab}.message-bar .btn-send[data-v-a44f13b4]{width:74px;background-color:#494949;color:#fff;font-size:16px}.fab[data-v-a44f13b4]{position:fixed;left:0;right:0;top:80px;bottom:55px;background-color:rgba(0,0,0,.3)}@media (max-width:768px){.fab[data-v-a44f13b4]{top:0}}.fab .fab-buttons[data-v-a44f13b4]{position:absolute;display:inline-flex;flex-direction:column;bottom:0;right:96px}.fab .fab-buttons .fab-label-button[data-v-a44f13b4]{display:flex;height:40px;align-items:center;justify-content:flex-end;color:#fff;font-size:15px;text-decoration:none}.fab .fab-buttons .fab-label-button img[data-v-a44f13b4]{margin-left:9px}.fab .fab-buttons .fab-label-button[data-v-a44f13b4]:last-child{margin-bottom:10px}